/*
Theme Name: GRE1
Theme URI: http://wordpress.org/
Description: GRE1 Wordpress theme
Version: 1.0
Author: Simplimation
Author URI: http://www.simplimation.com/
Tags: GRE
*/

/* colors 
 * blue link 006189
 * orange dc5f1d
 * page bg 7b4a3d
 * page border 94775d
 * default text 72684a
 * red b4382d
 * super light brown e4dcc6
 * light brown b1ab9a
 * another light brown bca39c
 * lighter brown 957860
 * med brown 72684a
 * light blue 8C9A99
 * green 245641
 */

/* reset formatting */

	body * {position: relative;}
	html, body { width: 100%; height: 100%; }
	html, body, table {	border:0;	margin:0;	padding:0;}
	img { border: 0; padding: 0; }
	p, h1, h2, h3, h4, h5, h6 {	margin:0;	padding:0; font-weight:normal; font-size: 100%; line-height: 130%;}
	form {	margin:0;	padding:0; display:inline;}
	a {text-decoration:none;}
	td { padding: 0; vertical-align: top;}
	ul,ol {margin:0; padding:0; position:relative;}
	li {margin:0; padding:0; position: relative;}


/* common formatting shortcuts */
 
	sup {	position:relative;	bottom:0.3em;	vertical-align:baseline;}
	sub {	position:relative;	bottom:-0.2em;	vertical-align:baseline;}
	acronym, abbr {	cursor:help;	letter-spacing:1px;	border-bottom:1px dashed;} 
	.clear, .clear-hidden         { clear:both; }
	.clear-hidden	{ font-size: 0em; height: 0px; overflow: hidden;}
	.clear-after:after	{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.float-left    { float:left; }
	.float-right   { float:right; }
	.text-left     { text-align:left; }
	.text-right    { text-align:right; }
	.text-center   { text-align:center; }
	.text-justify  { text-align:justify; }
	.bold          { font-weight:bold; }
	.italic        { font-style:italic; }
	.underline     { border-bottom:1px solid; }
	.highlight     { background:#ffc; } 
	.nopadding     { padding:0; }
	.noindent      { margin-left:0;padding-left:0; }
	.nobullet      { list-style:none;list-style-image:none; }
	.hidden		   { display: none;}

/*
 *   typography   *****************************************************************
 */
 
 	html,
	body,
	input,
	select,
	textarea
	{
		font-family: "trebuchet ms", tahoma, arial, helvetica, sans-serif;
		/*
		"lucida console", "courier new", courier
		arial, "arial black", "arial narrow", helvetica, sans-serif
		verdana, tahoma, "trebuchet ms", "lucida sans", "century gothic"
		georgia, "bookman old style", "book antiqua", "times new roman", times, serif
		*/
		/*font-size: 62.5%; Resets 1em to 10px */
		font-size: 90%;	
		line-height: 130%;
	}


/* default styles */

	/* links */
 
	a,
	a:link, /* not yet visited */
	a:visited
	{
		color: #006189;
		text-decoration: underline;
	} 
	a:focus, /* received cursor focus */
	a:hover,
	a:active
	{
		text-decoration: none;
		color: #dc5f1d;
	}
	 
	/* unordered list */
	ul
	{
		margin: 1em 0 1em 1em;
		list-style: disc;
		padding-left: 1em;
	}
	/* order list */
	ol
	{
		margin: 1em 0 1em 1em;
		padding-left: 1em;
		list-style: decimal;
	}
	/* list items */
	li
	{
		margin: 0 0 .5em 2em;
		padding: 0;
	}
	  
/* 
 * page layout ******************************************************
 */


	body
	{
		background-color: #7b4a3d;
		background-image: url(images/bg-window.png);
		background-position: top center;
		background-repeat: repeat-x;
		margin: 0;
		color: #000;
	}
	
/* page wrapper */
	
	.page-border
	{
		background-color: #94775d;
		/* background-image: url(images/bg-border.png); */
		background-position: top center;
		background-repeat: repeat-x;
		border-style: solid;
		border-width: 0px 2px 2px 2px;
		border-color: #6e4033;
	}
	.page-border,
	.site-info
	{
		width: 875px;
		margin: 0 auto;
	}
	.page-wrapper
	{
		width: 840px;
		background: #fff;
		position: relative;
		margin: 0 5px 10px 30px;
	}	

/* 
 * header *********************************************************** 
 * 
 */

	.header 
	{
		width: 800px;
		height: 80px;
		position: relative;	
		border-color: #e4dcc6;
		border-style: dotted;
		border-width: 0 0 2px 0;
		margin: 0 20px;
	}
	.home .header
	{
		border: none;
	}
	
	
	/* branding */

	.header .branding
	{
		height: 44px;
		width: 314px;
		position: absolute;
		top: 13px;
		left: 0px;
	}
	.header .branding a
	{
		width: 100%;
		height: 100%;
		display: block;
		text-decoration: none;
		background: url(images/branding.png) 0px 0px no-repeat;
		font-size: 0px;
		color: #fff;
	}

	/* slogan */
	.header .slogan
	{
		width: 412px;
		height: 31px;
		position: absolute;
		top: 29px;
		right: 15px;
		font-size: 0px;
		background: url(images/slogan.png) 0px 0px no-repeat;
		color: #fff;
	}
	/* slogan links */
	.header .slogan-links a
	{
		position: absolute;
		height: 30px;
		top: 0px;
		text-indent:-9999px;
	}
	.slogan-links #slogan-link-grantwriting
	{
		left:0px;
		width:155px;
	}
	.slogan-links #slogan-link-research
	{
		left:155px;
		width:125px;
	}
	.slogan-links #slogan-link-evaluation
	{
		left:280px;
		width:140px;
	}
		
	/* header photo */
	.header-image
	{
		margin: 0 0 20px 20px;
	}
	
/*
** content area ***********************************************************
*/

	.page-wrapper .content
	{
		background-image: none;
		background-position: top left;
		background-repeat: repeat-x;
		width: 570px;
		margin: 15px 20px 30px 0;
		float: right;
		display: inline;
	}
	.content
	{
		color: #72684a;
	}
	.home .content
	{
		margin-top: 0;
	}
	
	/* headings */
	.content h1.pagetitle
	{
		font-size: 200%;
		margin: 0 0 10px 0;
		color: #b4382d;
	}
	.content h2,
	span.h2-inline
	{
		font-size: 140%;
		font-weight: normal;
		color: #dc5f1d;
	}
	.content h2
	{
		margin: 1em 0 .25em 0;		
	}
	.content>h2,
	.post>h2
	{
		margin-top: 0;
	}

	.content h3
	{
		font-size: 120%;
		font-weight: normal;
		margin: 1em 0 .5em 0;
		color: #dc5f1d;
	}
	.content p
	{
		margin: 0 0 1em 0;
		line-height: 135%;
	}
	.content h2 p
	{
		margin-bottom: 0;
	}
	.content ul
	{
		margin-left: .5em;
	}
	.content ul li
	{
		background: url(images/icon-list-star-orange.png) 0px 0px no-repeat;
		padding: 0 0 0 30px;
		margin-left: 0;
		list-style: none;
	}
	
	/* child pages list */
	ul.child-pages {
		clear: both;
		font-size: 110%;
		/*
		padding-top:10px;
		padding-bottom:10px;
		*/
	}
	ul.child-pages li
	{
		margin-bottom: 1em;
	}
	
	/* tables */
	
	table.normal
	{
		border-collapse:collapse;
	}
	table.normal td
	{
		padding: 3px 6px;
	}
	
	/* post meta */
	.postmetadata
	{
		font-size: 90%;
		color: #bca39c;
		padding-top: 5px;
	}
	/* pages */
	.page .postmetadata
	{
		margin-top: 20px;
	}
	/* single posts */
	.single .postmetadata
	{
		text-align: right;
		margin: 20px 0 0;
		border-color: #e4dcc6;
		border-style: dotted;
		border-width: 2px 0 0 0; 		
	}
	.postmetadata ul, .postmetadata li {
		display: inline;
		list-style-type: none;
		list-style-image: none;
	}
	.postmetadata .feed,
	.postmetadata .prev-next,
	.postmetadata .edit
	{
		margin: 10px 0;
	}
	/* share features */
	.postmetadata .share 
	{
		margin-top: 10px;
	}
	/* rss feed link */
	.postmetadata .feed
	{
		margin-right: 10px;
	}
	/* edit link */
	.postmetadata .post-edit-link,
	.postmetadata .post-edit-link:visited
	{
		padding: 0 0 4px 21px;
		background: url(images/icon-edit-post.png) 0px 0px no-repeat;
	}
	/* related articles */
	.postmetadata .related-posts
	{
		margin-top: 10px;
		float: left;
		text-align: left;
	}
	.postmetadata .related-posts h2
	{
		margin: -5px 0 5px 0;
	}
	.postmetadata .related-posts ul
	{
		margin: 0;
		padding: 0;
	} 
	.postmetadata .related-posts li
	{
		display: block;
		margin: 0 0 .5em 0;
		padding: 0;
		background: none;
	}

	/* captions */
	.wp-caption-text
	{
		color: #957860;
	}
	
	/* search results */
	.search-results-posts
	{
		border-bottom: dotted 1px #e4dcc6;
	}
	.search-results-posts h3
	{
		font-size: 120%;
		font-weight: normal;
		margin: 0 0 .25em 0;
	}
	.search-results-posts .hentry
	{
		border-top: dotted 1px #e4dcc6;
		margin:10px 0;
		padding-top:5px;
	}
	.search-results-posts .postmetadata
	{
		text-align: right;
	}
	.search-results-posts .postmetadata,
	.search-results-posts .search-excerpt
	{
		margin: 0 0 0 10px;	
	}
	.search-results-posts .search-term
	{
		font-weight: bold;
	}

	/* pagination */
	.paging {
		height: 30px;
	}
	.paging ul { 
	float: right;
		list-style: none; 
		padding: 0;
		margin: 10px 0; 
		font-weight: bold;
		display: block;
		overflow: hidden;
	}
	.paging ul li { 
		float: left; 
		margin: 0 6px 6px 0;
		padding: 0; 
		background: none;
	}
	.paging ul li a, 
	.paging ul li.active { 
		display: block; 
		padding: 3px 6px; 
		background-color: #e4dcc6; 
		border: 1px solid #957860; 
	}
	.paging ul li.active { 
		background-color: #957860; 
		border-color: #957860; 
		color: #fff; 
	}
	/* form */
	#search-refine p
	{
		margin: 0;
	}

	/* GRE client gallery */
	
	.client-gallery
	{
		margin: 20px 0;
	}
	.content .client-gallery ul
	{
		margin: 0;
		padding: 0;
		text-indent: 0;
	}
	.content .client-gallery ul li
	{
		width: 32%;
		text-align: center;
		float: left;
		display: inline;
		position: relative;
		margin: 0 2px 20px 0;
		padding: 0;
		background: none;
	}
	.client-gallery .logo
	{
		margin: 0 auto;
		width: 150px;
		height: 150px;
	}
	.client-gallery .logo a
	{
		display: block;
		position:relative;
		height:100%;
		width: 100%;
	}
	.client-gallery .logo img
	{
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		margin: auto;
	}
	.content .client-gallery .title
	{
		display: none;
	}
	.client-gallery .title a
	{
		text-decoration: none;
	}
	
	/* client profile */
	.client-header
	{
		background: url(images/icon-client.png) 0px 0px no-repeat;
		height:32px;
		margin:0 0 10px;
		padding:0 0 0 38px;
		position:relative;
	}
	.client-header h2
	{
		font-size: 130%;
		margin: 0;
		color: #b1ab9a;
		padding-top: 9px;
	}
	
	
	/* blog posts */
	.blog-header
	{
		background: url(images/icon-blog.png) 0px 0px no-repeat;
		height:42px;
		margin:0 0 10px;
		padding:0 0 0 55px;
		position:relative;
	}
	.blog-header h2
	{
		font-size: 130%;
		margin: 0;
		color: #b1ab9a;
	}
	.blog-header .meta
	{
		font-size: 85%;
		margin-top: -2px;
		color: #b1ab9a;
	}	
	.blog-header .share
	{
		position: absolute;
		right: 0px;
		bottom: 5px;
	}
	
	/* newsletter posts */
	.newsletter-header
	{
		background: url(images/icon-newsletter.png) 0px 0px no-repeat;
		height: 32px;
		margin: 0 0 15px 0;
		padding: 0 0 0 40px;
	}
	.newsletter-header h2
	{
		font-size: 130%;
		margin: 0;
		color: #b1ab9a;
	}
	.newsletter-header .meta
	{
		color: #b1ab9a;
		font-size: 85%;
		margin-top: -2px;
	}
	
	/* category archive */
	.archive .hentry
	{
		margin:10px 0;
		padding-top:5px;
	}
	.archive h3
	{
		margin: .25em 0 .5em 0;
		font-weight: bold;
	}
	.archive .postmetadata
	{	
		margin: 3px 0;
	}
	.archive .postmetadata .date
	{
		background: url(images/icon-calendar.png) no-repeat;
		padding-left: 20px;
	}
	
	/* Google contact form */
	#GoogleForm
	{
		padding: 10px;
	}
	#GoogleForm label.error {
		margin: 0 0 0 5px;
		display: inline;
	}
	
/*
 * sidebar ***********************************************************
 */

	.sidebar
	{
		float: left;
		width: 220px;
		margin-bottom: 10px;
		color: #72684a;
	}
	.sidebar ul,
	.sidebar ul ol
	{
		margin: 0;
		padding: 0;
	}
	.sidebar ul li
	{
		margin: 0 0 15px 20px;
		padding: 0;
		list-style-type: none;
		list-style-image: none;
	}
	.sidebar ul ul
	{
		margin: 0 0 0 5px;
		padding: 0;
	}
	.sidebar ul li li
	{
		margin: 0;
		padding: 0;
	}

	/* widget titles */
	.sidebar .widgettitle
	{
		color:#DC5F1D;
		font-size:140%;
		font-weight:normal;
	}

	/* nav menu  */
	#site-menu 
	{
		background: none;
		padding: 0;
		margin-left: 0;
		margin-bottom: 10px;
	}
	#site-menu h2
	{
		display: none;
	}
	#site-menu ul
	{
		margin: 0;
		padding: 0;
	}
	#site-menu ul li
	{
		background: none;
		margin: 0 0 0 20px;
		padding: 0;
		font-size: 115%;
	}
	/* link */
	#site-menu a,
	#site-menu a:visited
	{
		border-color: #e4dcc6;
		border-style: dotted;
		border-width: 2px 0 0 0; 
		padding: 8px 0 8px 4px;
		margin: 0;
		color: #72684a;
		display: block;
		text-decoration: none;
	}
	#site-menu .no-border a
	{
		border: none;
	}
	/* active link */
	#site-menu .current_page_item
	{
		background: transparent url(images/nav-arrow.png) 0px 8px no-repeat;
		margin: 0;
		padding-left: 20px;
	}
	#site-menu .current_page_item a
	{
		color: #b4382d;
	}
	/* hover */
	#site-menu a:hover
	{
		color: #dc5f1d;
	}

	/* search form */
	#execphp-5
	{
		padding: 0;
		background: none;
	}
	#execphp-5 .widgettitle
	{
		display: none;
	}
	#sidebar-searchform div {
		background: transparent url(images/search-box.png) 0px 0px no-repeat;
		position:relative;
		height: 31px;
		width: 100%;
	}
	#sidebar-searchform .focused 
	{
		background-position: 0px -52px;
	}
	#sidebar-searchform .focused #s
	{
		color: #957860;
	}
	#sidebar-searchform #s {
		background:transparent none repeat scroll 0 0;
		border:medium none;
		color:#8C9A99;
		font-size:115%;
		height:19px;
		left:4px;
		padding:3px 25px 3px 2px;
		position:absolute;
		top:2px;
		width:140px;
	}
	#sidebar-searchform #searchsubmit {
		padding: 1px;
		display: none;
	}

	/* Friends of GRE */
	
	#grefriends
	{
		padding: 0;
		position: relative;
	}
	#grefriends h2
	{
		display: none;
	}
	/* content containers */
	#grefriends .rounded-top
	{
		height: 5px;
		background: transparent url(images/friends-bg-top.png) 0px 0px no-repeat;
	}
	#grefriends .rounded-content
	{
		background: #93775f url(images/friends-bg-content.png) 0px 0px repeat-y;
	}
	#grefriends-title
	{
		height: 28px;
		background: transparent url(images/friends-title.png) 0px 0px no-repeat;		
	}
	#grefriends .rounded-bottom
	{
		height: 5px;
		background: transparent url(images/friends-bg-bottom.png) 0px 0px no-repeat;
	}

	/* login form */
	#grefriends-login-form
	{
		position: relative;
		height: 36px;
		display: block;
	}
	/* text field */
	#grefriends-login-key
	{
		background: transparent url(images/friends-login-box.png) 0px 0px no-repeat;
		border: none;
		color:#7A624C;
		height:20px;
		left:51px;
		padding:3px 3px 3px 6px;
		position:absolute;
		top:7px;
		width:134px;
	}	
	#grefriends-login-key.active
	{
		background-position: 0px -28px;
		color:#245641;
		padding: 2px 25px 4px 5px;
		width: 113px;
		font-family:courier new;
		font-size:130%;
		font-weight:bold;
		text-transform: uppercase;
	}	
	/* hide submit button */
	#grefriends-login-submit
	{
		display: none;
	}
	/* Login label */
	#grefriends-login-form .label
	{
		position: absolute;
		top: 10px;
		left: 9px;
		color: #dad1c8;
	}
	/* loading indicator */
	#grefriends-login-form .loading
	{
		position: absolute;
		top: 12px;
		right: 12px;
		display: none;
	}
	/* error message */
	#grefriends .message
	{
		color: #fff07b;
		font-weight: bold;
		padding: 2px 9px 0;
		font-size: 90%;
		display: none; /* will be shown with JS */
	}
	/* content panel if logged in */
	#grefriends-panel
	{
		padding: 5px 10px;
	}
	#grefriends-panel a,
	#grefriends-panel a:visited
	{
		color: #dad1c8;
		text-decoration: underline;
	}
	#grefriends-panel a:hover
	{
		color: #fff;
		text-decoration:none;
	}

	/* blog button */
	
	#text-5 
	{
		padding: 0;
		height: 62px;
	}
	#text-5 .widgettitle
	{
		display: none;
	}
	#text-5 .textwidget,
	#text-5 a
	{
		width: 100%;
		height: 100%;
		display: block;
	}
	/* normal */
	#text-5 a
	{
		background: url(images/blog-button.png) no-repeat 0px 0px;
		text-indent: -9999px;
		font-size: 0px;
	}
	
	/* articles list */
	.sidebar .widget_categoryposts
	{
		background: transparent url(images/icon-article.png) 0px 0px no-repeat;
		padding: 0;
	}
	.sidebar .widget_categoryposts h2
	{
		color:#DC5F1D;
		font-size:140%;
		font-weight:normal;
		height:18px;
		margin:1em 0;
		padding:10px 0 0 52px;
	}
	.sidebar .widget_categoryposts ul
	{
		margin: 0;
		padding: 0;
		border-width: 0; 
	}
	.sidebar .widget_categoryposts ul li
	{
		margin: 0;
		padding: 0;
		line-height: 120%;
	}
	.widget_categoryposts a
	{
		padding:8px 0 8px 5px;
		display: block;
		border-width: 2px 0 0 0;
		text-decoration:none; 
	}
	.widget_categoryposts a,
	.sidebar .widget_categoryposts ul
	{
		border-color: #e4dcc6;
		border-style: dotted;
	}


/*
** footer ***********************************************************
*/

	.site-info
	{
		clear: both;
		display: block;
		height: 100px;
		position: relative;
	}
	
	/* logo and contact info */
	.site-info .branding
	{
		position: absolute;
		top: 10px;
		left: 0px;
		width: 400px;
		height: 80px;
		background: url(images/branding-footer.png) 0px 0px no-repeat;
	}
	.site-info .branding .widgets,
	.site-info .branding a,
	.site-info .branding a:visited
	{
		color: #bca39c;
		text-decoration: none;
	}
	.site-info .branding a:hover
	{
		text-decoration: underline;
		color: #fff;
	}
	
	/* text widget */
	.site-info ul.widgets
	{
		margin: 0;
		padding: 0;
		position: absolute;
		left: 95px;
		top: 22px;
		font-size: 85%;
		line-height: 120%;
	}
	.site-info ul.widgets h2
	{
		display: none;
	}
	.site-info ul.widgets li
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	/* legal info */
	.site-info .legal
	{
		position: absolute;
		top: 10px;
		right: 0px;
		width: 400px;
		height: 80px;
	}
	.site-info .legal p
	{
		text-align: right;
		font-size: 85%;
		line-height: 120%;
	}
	.site-info .legal p,
	.site-info .legal a,
	.site-info .legal a:visited
	{
		color: #ac8d85;
		text-decoration:none;
	}
	.site-info .legal a:hover
	{
		color: #fff;
		text-decoration: underline;
	}





/* *************************************************************************
 *  Wordpress defaults
 ************************************************************************* */


	/* Begin Images */
	p img {
		padding: 0;
		max-width: 100%;
		}
	
	/*	Using 'class="alignright"' on an image will (who would've
		thought?!) align the image to the right. And using 'class="centered',
		will of course center the image. This is much better than using
		align="center", being much more futureproof (and valid) */
	
	img.centered	 {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}
	
	img.alignright {
		padding: 4px;
		margin: 0 0 2px 7px;
		display: inline;
		}
	
	img.alignleft {
		padding: 4px;
		margin: 0 7px 2px 0;
		display: inline;
		}
	
	.alignright {
		float: right;
		}
	
	.alignleft {
		float: left;
		}
	/* End Images */
	
	
	
	

	/* misc. styles */
	
	blockquote {
		margin: 15px 30px 0 10px;
		padding-left: 20px;
		border-left: 5px solid #ddd;
		}
	
	blockquote cite {
		margin: 5px 0 0;
		display: block;
		}
	.screen-reader-text {
	     position: absolute;
	     left: -1000em;
	}
	hr {
		display: none;
	}
	

	.navigation {
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 60px;
		}
	/* End Various Tags & Classes*/
	
	
	/* Captions */
	.aligncenter,
	div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	.wp-caption {
		/*
		border: 1px solid #ddd;
		background-color: #f3f3f3;
		padding-top: 4px;
		margin: 10px;
		*/
		text-align: center;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	.wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;
	}
	
	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		padding: 0 4px 5px;
		margin: 0;
	}
	/* End captions */
	
	
	
	
	
		
/* NOTES */

	/* IE6 double horizontal margins on floated elements
	 * set display: inline;
	 */
	
	/* IE6 and IE7 don't display elements when slideDown() using jQuery
	 * set min-height: 1%;
	 */
	
	/* disappearing background images in IE6 for heading and lists, links don't work
	 *  li, h2 { position: relative; }
	 */

	/* transparency
	 *  FF, Safari: opacity: .5;
	 *  IE6: filter: alpha(opacity = 5);
	 */

	/* clearing
	 *  element:after { content: " "; clear: both; }
	 */
	
	/* import stylesheets
	 *  @import url(filename.css) screen,print,all;
	 *  imported stylesheets are processed before other stylesheets
	 *  IE6 doesn't like it if you set a media type
	 */
	
	/* horizontal nav menus
	 * 	li { position: relative; float: left; height: 30px;}
	 *  li a { position: relative; height: 100%; padding: 5px 10px; }
	 */
	
	/* link pseudo-classes in proper order:
	 *  :link, :visited, :hover, :active
	 */
	
	/* use % or em for base font-size instead of fixed pt or px
	 *  use relative sizes when need to grow/shrink with font size
	 */
	
	/* don't use quotes around url()s */

	/* clearing parent container of floated items:
	 *    overflow: auto;
	 *  (IE6 still needs clearing <div> sometimes
	 */

	/* hide symantic headings
	*  use display: none;
	
	*  IE6 bug on links that follow element
	*    use position: absolute; left: -9999px; 
	*/

	/* fix centered background images off by 1 pixel: make image an odd width */
	
	/* disabled form elements
	 * html: disabled="disabled"
	 * css: input[disabled='disabled']{}
	 */