/*  
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(i/menu-fade.png) left bottom repeat-x; 
margin: 0 auto; padding: 0 0 30px 0; }

#header { 
position: relative; 
background: #fff url(i/hr-logo.png) left bottom repeat-x; 
padding: 20px 0 4.546em 0; }

	#header h1 {
	position: absolute; bottom: -0.334em; right: 0;
	width: 230px; height: 40px;
	background: #fff url(i/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(i/sageti01.png); }
			#nav li.expand2 { background-image: url(i/sageti02.png); }
			#nav li.expand3 { background-image: url(i/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(i/select-combined.png) top left no-repeat ;
		padding: 10px 0 3px 23px;
		cursor: pointer; }
				
		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(i/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 { margin: 0 0 0 2.728em; 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 {
		color: #666; font-weight: normal;
		background: url(i/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(i/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: 24px; line-height: 1.25; background-position: right bottom; background-repeat: no-repeat; }

	#content.home .article {
	width: 250px;
	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 #artblock-1 h2 { background-image: url(i/sagetih01.png); }
			#content #artblock-2 h2 { background-image: url(i/sagetih02.png); }
			#content #artblock-3 h2 { background-image: url(i/sagetih03.png); }
	
	#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(i/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(i/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(i/cauta-b.png) left center no-repeat;
		text-indent: -9999px; }
			#searchform label.search span { background-image: url(i/search-b.png); }
		
		#searchform input {
		display: block;
		width: 160px; 
		background: #fff url(i/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; }