/*  

Theme Name: BrandTailors

Version: 1.0

Date: 4 Feb 2009

*/





/* Color Pallete

============================================



============================================*/



/* Normalize

   rearranged Meyer reset v1.0 | 20080212

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

font-size: 100%;

background: transparent;

vertical-align: baseline;

margin: 0; padding: 0;

border: 0; outline: 0; }



body { line-height: 1; }



ol, ul { list-style: none; }



blockquote, q { quotes: none; }



blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }



/* remember to define focus styles! */

:focus { outline: 0; }



/* remember to highlight inserts somehow! */

ins { text-decoration: none; }

del { text-decoration: line-through; }



/* tables still need 'cellspacing="0"' in the markup */

table {	border-collapse: collapse; border-spacing: 0; }











/* Body

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

body {

position: relative;

background: #fff;

font: normal 11px Verdana, "Helvetica Neue", Calibri, Tahoma, Arial, serif; line-height: 1.819;

color: #000;

width: 800px;

margin: 0 auto; /*padding: 16.364em 0 0 0;*/ }



/*img.wp-smiley { margin: 0.084em 0.3em 0.167em 0.3em; }*/





	/* General rules

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

	a {	color: #999; text-decoration: none; }

		a:hover { color: #000; }



	hr { display: none; }

	div.hr { clear: both; }



	.clear { clear: both; }

	.crap { display: none; }

	

	

	/* Typography

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

	h1 { font-size: 30px; font-weight: normal; line-height: 1; }

		h1 a { display: block; }

	h2 { font-size: 30px; font-weight: normal; line-height: 1; }

		h2 a { display: block; }

	h3 { font-size: 14px ; font-weight: bold; line-height: 1.429; margin: 1.429em 0 0.715em 0; }

	

	

	

	

	

	

	



/* Header

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

#fixer {

/*position: fixed; top: 0; */ z-index: 1000;

width: 800px;

background: url(../img/menu-fade.png) left bottom repeat-x; 

margin: 0 auto; padding: 0 0 80px 0; }



#header { 

position: relative; 

background: #fff url(../img/hr-logo.png) left bottom repeat-x; 

padding: 20px 0 4.546em 0; 
height:120px;
}



	#header h1 {

	position: absolute; bottom: -0.334em; right: 0;

	width: 374px; height: 40px;

	background: #fff url(../img/logo-btr.png) right top no-repeat;

	text-indent: -9999px; }

	

		

		#header h1 a {

		 width: 225px; height: 40px;

		text-indent: -9999px; }



	#nav { position: relative; left: -5px; }

		

		#header ol, #header ul { width: 135px; padding: 0 5px; }

	

		#nav li {

		position: relative;

		background-position: -15px center; background-repeat: no-repeat; }

			#nav li.expand1 { background-image: url(../img/sageti01.png); }

			#nav li.expand2 { background-image: url(../img/sageti02.png); }

			#nav li.expand3 { background-image: url(../img/sageti03.png); }

		

		#nav ul {

		position: absolute; top: 0; left: 135px;

		display: none;

		background: #fff; }

			#nav .open ul { display: block; }

		



		#nav a { 

		background: #fff;

		padding: 0 0.2em 0 0; }

		

			#nav li a.weak { color: #999; cursor: default; text-decoration: none; }

			

			#nav li a.current-cat, li a.current_page_ancestor, li a.current_page_item { color: #000; text-decoration: underline; }

			

			

		

	#more {

	position: absolute; top: -5px; right: 0;

	width: 220px; }

		 

		#letter {

		position: absolute; top: 25px; right: 0;

		display: block;

		background: url(../img/select-combined.png) top left no-repeat ;

		padding: 10px 0 3px 23px;

		}
				

		ul#selector {

		position: absolute; top: 133px; right: 0; z-index: 2000;

		width: 210px;

		background: #fff; 

		padding: 20px;

		border: 1px solid #a3a3a3; 

		border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }

				

			ul#selector li { float: left; display: block; padding: 5px; }

			

			ul#selector a {

			display: block;

			float: left;

			width: 32px; height: 32px; }



div.hr.header {  }



 

/* Content

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

#content {

float: left;

width: 500px;

padding: 2.728em 0 1.819em 0; }



	#content.home { width: 800px; }



	/* Articles

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

	.article { margin: 0 0 4.546em 0; }



	

	p.bs_description { font-size: 18px; line-height: 1.112; color: #999; background: url(../img/hr-photo.png) bottom left no-repeat; }

	

	.entry { }

	

		.entry h3 { color: #000; }

			.entry.index h3 { display: none; }

	

		.entry h4 { margin-top: 0.91em; }

	

		.entry p  { margin: 0.91em 0; }

			

		.entry blockquote { padding: 0 0 0 1em; font-style: italic; color: #666; }



		.entry cite { margin: 0 0 0 2.91em; font-style: italic; font-weight: bold; }

		

		.entry ul { margin: 0 0 0.91em 2.728em; list-style-type: disc; }

		.entry ol { margin: 0 0 0.91em 2.728em; list-style-type: decimal;  }

		

		.entry img.alignright { float: right; }

		.entry img.alignleft { float: left; margin: 0 5px 5px 0; }

		

		.entry .wp-caption-text, .entry h5, .entry blockquote {

		color: #666; font-weight: normal;

		background: url(../img/hr-photo.png) bottom left no-repeat;

		margin: 0 0 1.819em 0; padding: 0 0 0.455em 0; }

		

		

			.entry h5 {	margin: 1.819em 0 0.91em 0; }

		

		.entry .triad { float: left; width: 240px; margin: 0 20px 1.819em 0; }

			.entry .triad.last { margin-right: 0;}

			.entry .triad ul { list-style-type: none; }

	a.more-link { }

	

	p.edit { clear: both; }

	

	.notes {

	background: url(../img/hr-content.png) top left no-repeat;

	color: #666;	

	margin: 1.819em 0 0 0; padding: 1.819em 0 0 0; }

		

		/* Meta

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

		.meta { }

		

			.meta p.timestamp {}

			.meta p.categories {}

			

			.meta p.comments {}

			.meta p.trackbacks {}





/* Home page

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

#hello { position: relative; top: 0.2em; font-size: 24px; padding-top: 0; }



.opening {

position: relative; top: -2.5em;

font-weight: bold;

margin: 0 0 1.667em 0; }



	#content.home h2 { font-size: 30px; line-height: 1.25; background-position: right bottom; background-repeat: no-repeat; color:#666666; }



	#content.home .article {


	float: left;

	background-position: -30px 3.182em; background-repeat: no-repeat;

	overflow: hidden; }

	

		#content.home .holder { width: 510px; height: 210px;  }

			#content.home .safe .holder { margin-left: -260px; }

			

		#content.home .entry {

		width: 250px; height: 210px;

		float: left;

		

		overflow: hidden; }

		

		#content.home .article a.front { float: left; margin: 0.91em 10px 0 0;}

			#content.home .article a.front img { width: 250px;}

	

		#content.home .article h3 { display: none; }

	

		#content.home h4 { font-weight: normal; }

	

		#content.home .article p { margin: 0; padding: 0.91em 0; }

	

		#content #artblock-1, #content #artblock-2 { margin: 0 20px 0 0; }

	


	

	#content.portfolio .article {

	overflow: auto; }

	

		#content.portfolio .article .cloud { margin: 0.91em 0 0 0; }

			#content.portfolio .article .cloud li { display: inline; margin: 0 0.75em 0 0; }



#searchresults ul { padding: 2.728em 0 1.819em; }				

#searchresults li { font-size: 14px; font-weight: bold; line-height: 1.428; margin: 0 0 1em 0; }				



	

	



/* Aside

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

#aside {

float: left;

width: 220px;

color: #666;

margin: 5.455em 0 0 80px; padding: 0 0 5.455em 0; }





	#aside li a { display: block; }



	#aside h4 { font-size: 12px; line-height: 1.667; color: #000; margin: 0 0 0.417em 0; }



	#aside li.launch,  #aside li.pdf, #aside li.services, #aside li.others { margin: 0 0 1.819em 0; }

	#aside li.launch { margin: 0 0 2.5em 0; }

	#aside li.url { margin: 0 0 2.728em 0; }

	#aside li.team { margin: 0 0 4.546em 0; } 

	

	#aside li.navtree ol { list-style-type: decimal; }

		#aside li.navtree.alpha ol { list-style-type: lower-alpha; }

	#aside li.navtree li, #aside li.others li { margin: 0.417em 0; line-height: 1.5; }

	

	#aside li.contact p { margin: 0 0 0.91em 0; }



	#aside li.services ul, #aside li.others ul { color: #999; }



	#aside .brands {  }



	#aside .tree .current-cat a, #aside .others .current-cat a { color: #000; text-decoration: underline; }

	#aside .tree li ul.children { margin: 0	0 0 10px; }



	p.navigation {  }

	

		p.navigation a { }

	

		p.navigation .prev { float: left; }

		p.navigation .next { float: right; }

		









/* Footer

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

#footer {

position: relative;

clear: both;

background: url(../img/hr-footer.png) left top repeat-x; 

padding: 0.91em 0 5.455em 0; }



	#footer a.rss {

	position: absolute; top: -40px; right: 0;

	display: block;

	width: 16px; height: 16px;

	background: url(../img/rss.png) no-repeat;

	text-indent: -9999px; }



	#searchform {

	position: relative; top: -2.273em;

	background: #fff;

	width: 220px; float: right; padding: 0 0 0 10px; }

	

		#searchform label { float: left; }

	

		#searchform label span {

		display: block;

		width: 50px; height: 2.728em;

		background: #fff url(../img/cauta-b.png) left center no-repeat;

		text-indent: -9999px; }

			#searchform label.search span { background-image: url(../img/search-b.png); }

		

		#searchform input {

		display: block;

		width: 160px; 

		background: #fff url(../img/cauta-box.png) left center no-repeat;

		padding: 0.636em 5px; border: 0; }

		

		#searchform button { display: none; }













/* Stuff

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

#langselect { position: absolute; top: 5px; right: 0; font-size: 10px; line-height: 2; }



	

#admingate {

position: absolute; top: 5px; left: 30%;

color: #fff; font-weight: bold; border: none; z-index: 9999; }

	#admingate:hover { color: #666; }



#adminexitsign {

position: absolute; top: 5px; right: 30%;

color: #fff; font-weight: bold; border: none; }	

	#adminexitsign:hover { color: #666; z-index: 9999; }


	.copy {
	color:#999999;
	}
	
	.mail {
	color:#000000;
	text-decoration:underline;
	}
	.mail:hover {
	text-decoration:none;
	}
	
	.left { float:left;}
	.right { float:right; }
	.clear { clear:both; }
	
	.text {
	color:#666666;
	font-size:11px;
	}