/**
* CTI Blank Theme Form Stylesheet
*
* Form stylesheet for the CTI default WordPress theme
*
* @project CTI Blank Theme
* @version 2.0
* @package cti-blank-theme
* @lastmodified 2011-11-07
*/


/**
* @section =Password Form
* --------------------------------------------------------------
*/
.post-password-required input[type="password"] {
    margin: 0.8125em 0;
}


/**
* @section =Comment Form
* --------------------------------------------------------------
* @colordef #fff;    white (field background, button text color)
* @colordef #777;    light grey (button hover background)
* @colordef #454545; grey (button background)
*/
#commentform input {
	width: 200px;
}

#commentform {
	margin: 0 10px;
}

#commentform label {
	font-weight: bold;
}

#commentform p {
	margin: 5px 0;
}

#commentform .required {
	font-weight: bold;
}

#commentform .comment-notes {
	font-size: 0.8em;
}

#commentform input[type="text"],
#commentform textarea {
    background: none repeat scroll 0 0 #FAFAFA;
	display: block;
    border: 1px solid #DDDDDD;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
	margin: 5px 5px 1px 0;
	margin-bottom: 10px;
    padding: 3px;
}

#commentform textarea:focus,
#commentform input:focus {
	background: #fff;
	border: 1px solid #ccc;
}

#commentform textarea {
	width: 95%;
}

#commentform #submit {
	background: #454545;
	background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
	background: -moz-linear-gradient(top, #9e9e9e, #454545);
	color: #fff;
	font-weight: bold;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);
	float: right;
	width: auto;
	border: none;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	margin: 5px 4% 5px 0;
	padding: 5px 20px;
}

#commentform #submit:hover {
	background: #777;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#666));
	background: -moz-linear-gradient(top, #ddd, #666);
}


/**
* @section =Search Form
* --------------------------------------------------------------
* @link http://webdesignerwall.com/tutorials/beautiful-css3-search-form
* @colordef #f1f1f1; very light grey (background)
* @colordef #d2d2d2; light grey (border)
* @colordef #fff;    white (field background, button text color)
* @colordef #777;    light grey (button hover background)
* @colordef #454545; grey (button background)
* @colordef #bcbbbb; light grey (search field border)
*/

#searchbar {
	position: absolute;
	top: 125px;
	right: 15px;
}

.post .searchform {
	margin: 10px 0;
}

.searchform {
	background: #f1f1f1;
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	border: solid 1px #d2d2d2;
	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);
	padding: 3px 5px;
}

.searchform input {
	font-size: 11px;
}

.searchform .searchfield {
	background: #fff;
	width: 160px;
	outline: none;
	border: solid 1px #bcbbbb;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	padding: 4px 6px 4px 8px;
}

.searchform .searchbutton {
	background: #454545;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);
	height: 23px;
	width: 27px;
	border: none;
	margin: 0;
	padding: 0;
}

.searchform .searchbutton:hover {
	background: #777;
}