/*  
Theme Name: ibrow
Theme URI: http://www.ibrow.com
Description: Stylesheet for ibrow.com
Version: 1.0
Author: ibrow
Author URI: http://www.ibrow.com/

*/

/* CSS RESET */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
img { border: none; }
caption,th { text-align: left; }
table { border-spacing: 0; }

/*--------------------body------------------------------------------*/

html{

		height: 100%;
		font-size: 100%;
		
}

body{

	height: 100%;
	padding: 0;
	margin: 0;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, Verdana, Sans-serif;
	background-color: #333;
	text-align: center;

}


p {

	margin-bottom: 10px;

}





h2{

	font-size: 1.8em;
	font-weight: normal;


}


h2.message{

	color: #3A3D46;

}


h2.featured_head{

	font-weight: bold;
	padding: 30px 0 0 40px;
	color: #3A3D46;
}

h2.featured_head a, h2.featured_head a:hover{

	color: #3A3D46;
	text-decoration: none;

}


h3{

	font-size: 2.4em;
	font-weight: bold;


}


h4{

	font-size: 1.6em;
	font-weight: bold;


}



a.nav_link, .navigation a{

	float: left;
	margin-left: 40px;
	padding: 4px 9px 4px 9px;
	background-color: #dadce8;
	border: 1px solid #aeb4d8;
	font-size: 1.2em;
	color: #3a3d46;
	text-decoration: none;

}

a.nav_link:hover, .navigation a:hover{

	text-decoration: underline;
	
}



#wrapper{

	margin: 0 auto 0 auto;/* essential for centering */
	width: 850px;
	min-height: 100%;
	height: 100%;
	height: auto !important;
	border-left: 4px double #666666;
	border-right: 4px double #666666;
	background-color: #fff;
	
}


#container{

	float: left;
	text-align: left;/* resets ie workaround */
	position: relative;
	width: 850px;
	
}	

#col1{
	
	position: relative;
	float: left;
	width: 685px;
	min-height: 300px;
	
	
}
	
#header{
	
	float: left;
	width: 685px;
	min-height: 180px;
	padding: 20px 0 35px 0;
	background-color: #fff;
	border-bottom: 1px solid #666666;
	
}

#header.apps{

	background: #fff url(images/apps_triangle.jpg) no-repeat top right;

}

#header.strategy{

	background: #fff url(images/strategy_triangle.jpg) no-repeat top right;

}

#header.trad{

	background: #fff url(images/trad_triangle.jpg) no-repeat top right;

}


#header_left{

	float: left;
	width: 425px;

}

#header_right{

	float: left;
	padding-top: 130px;
}



#header_logo{

	float: left;
	padding-left: 40px;

}

#header_text{

	float: left;
	padding: 40px 0 0 35px;

}

#cat_menu{

	padding-top: 40px;
	float:left;

}

#cat_description{

	float: left;
	padding: 10px 40px 0 40px;
	width: 605px;
	font-size: 1.4em;
	font-weight: normal;
	/*line-height: XXem;*/
	color: #3a3d46;
	text-align: justify;

}


.cat_box{

	margin-left: 20px;
	float: left;
	width: 200px;
	height: 250px;

}


a.cat_link, a.cat_link img{

	border: 0;

}


a.cat_link:hover img{

	background-color: #dfe4f9;


}

#category_header{

	float: left;
	vertical-align: middle;
	width: 645px;
	border-bottom: 1px solid #666666;
	padding: 15px 0 12px 40px;
	background-color: #5c76ac;


}

#category_header h2{
	float: left;
	width: 420px;
	color: #fff;

}


#category_header h2 em{
	font-style: italic;

}

#category_header h2 a{
	
	color: #fff;
	text-decoration: none;
}

#category_header h2 a:hover{
	
	text-decoration: underline; 

}


	
#content{

	position: relative;
	float: left;
	width: 685px;
	min-height: 400px;
	background-color: #e7e7ec;
	background-image: url(images/content_bkg.jpg);
	background-repeat: repeat-x;
	padding-bottom: 50px;
}



.post, .postlast{

	padding: 30px 0 15px 40px;

}



.post p, .postlast p{
	
	position: relative;
	z-index: 1;
	padding-bottom: 1em;
	font-size: 1.3em;
	color: #3a3d46;
	
}



.post{

	border-bottom: 1px solid #666666;

}
 
 
 
.post p{

	padding-right: 70px; 
	
}



.postlast p{

	padding-right: 130px; 

}




.title h3, .title h4, .title h2, .entry h2{

	padding-bottom: 10px;
	color: #3a3d46;

}


.title  h2 a{

	text-decoration: none;
	color: #3a3d46;

}



.title  h2 a:hover{

	text-decoration: underline;


}



blockquote, #gb_form_div{

	float: left;
	width: 480px;
	margin: 10px 20px 20px 0;
	padding: 20px;
	background-color: #dadce8;
	border: 1px solid #aeb4d8;

}


.entry img{

	border: 3px solid #fff;

}


#gb_form_div{

	line-height: 2.8em;

}

#gb_form_div input.button{

	margin-top: 10px;

}



#gb_form_div label, #gb_form_div span, #gb_form_div dl{

	font-size: 1.3em;
	color: #3a3d46;

}

#gb_form small.whythis, small.whythis a { 

	font-size: 1.1em;
	color: #3a3d46;
	text-decoration: none;
	
}


#gb_form small.whythis a span { 

	font-size : 1em;
	color : #dadce8;
	background-color: #dadce8;
	padding : 0 3px 0 3px;
	
}


#gb_form small.whythis a:hover span, #gb_form small.whythis a:focus span, #gb_form small.whythis a:active span { 
 
	background-color : #ccc;
	color : #fff;
	font-weight : bold;
	
}

#gb_form_div textarea#message{

	width: 430px;

}



#gb_form_div fieldset{

	border: none;
	padding-bottom: 20px;
	width: 400px;

}

#gb_form_div legend{

	border: none;
	padding: 0;
	margin-left: -7px;
	
}

#gb_form_div h2 span.error, #gb_form_div dt{

	color: #f00;

}

#gb_form_div h2.formhead{

	padding-bottom: 0px;

}

#gb_form_div h2.formhead span.success{

	font-size: 1em;

}



blockquote.addr{

	width: 209px;

}

blockquote.msg{

	width: 420px;

}

blockquote p{

	float: none !important;
	padding: 0px 0px 1em 0px !important;

}

blockquote img.alignleft{

	float: left;
	border: 0;
	padding-right: 20px;

}

blockquote img.alignright{

	border: 0;
	float: right;
	padding-left: 20px;
	
}





#tail_left{

	position: absolute;
	bottom: 0;
	right: 0;
	width: 109px;
	height: 250px;
	background-image: url(images/tail_left.png);
	margin-left: 20px;
	
}



#col2{
	
	position: relative;
	/*margin-left: 685px;--alternative to float---breaks ie6*/
	float: left;
	width: 165px;
	min-height: 650px;
	background-color: #e7e7ec;
	background-image: url(images/sidebar_bkg.png);
	background-repeat: repeat-y;
}

#sidebar{

	position: absolute;
	top: 0;
	width: 165px;
	
	text-align: right;
}

#sidebar a, #sidebar h2{

	color: #fff;

}

#sidebar a:hover{

	color: #9da9fb;

}

#sidebar a.current{

	color: #9da9fb;

}

#sidebar_head, #sidebar_search, #sidebar_menu{

	padding: 15px 14px 0 15px;

}

#sidebar_head{

	margin-bottom: 75px;

}

#sidebar_head ul{
	
	
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.7em;
	color: #fff;

}


/*--search--*/



#searcharea{
	
	font-size: 1.4em;
	padding: 0;
	margin: 5px 0 0 0;

}	



#searcharea input.box {

	color: #000;
	vertical-align: middle;
	border:0;
	width: 100px;
	height: 22px;
	padding: 4px 5px 0 5px;
	background: #fff;
	
}



#searcharea input.button{

	color: #c9cec8;
	font-size: 0em;
	vertical-align: middle;
	border:0;
	width: 26px;
	height: 26px;
	margin-left: -5px;
	background: #fff; 
	background-image: url(images/search_button_off.jpg);
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, Verdana, Sans-serif;
	cursor: pointer;
	/*display: inline-block;*/
	
}



#searcharea input.button:hover{
	
	color: #9ba29a;
	background-image: url(images/search_button_on.jpg);
	
}


/*----------------------------------------------------------------*/

#sidebar_menu a { text-decoration: none; }
#sidebar_menu a:hover { text-decoration: underline; }
#sidebar_menu ul{
	padding-top: 15px;
	font-size: 14px;
	line-height: 23px;
	color: #fff;
	font-weight: bold;
}
#sidebar_menu ul ul {
	padding: 0 0 5px 0; margin: 0;
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
}
#sidebar_menu ul ul a { color: #CFCFCF; }

#tail_right{
	position: absolute;
	bottom: 0;
	width: 165px;
	height: 205px;
	background-color: #e7e7ec;
	background-image: url(images/tail_right.png);
}



#footer{

	float: left;
	width: 850px;
	height: 150px;
	background-color: #ccf;
	background-image: url(images/footer2.jpg);
	background-repeat: repeat-x;
}


h6.footertxt{

	padding: 15px 0 0 730px;
	font-weight: bold;
	font-size: 1.2em;
	color: #636971;

}


h5.clear{

	visibility: hidden;
	clear: both;

}

#featured_posts{

	float: left;
	width: 500px;
	margin: 25px 150px 25px 35px;

}

.post_thumbnail{

	float: left;
	padding: 0 15px 10px 0;
	
}

.post_thumbnail img {

	border: 5px solid #fff;
	
}


.post_thumbnail a img{

	border: 5px solid #fff;

}
.post_thumbnail a:hover img{

	border-color: #9da9fb;

}

p.edit_link{

	float: left;
	
}

img.alignright {

	float:right;
	margin-left: 25px;

}