/*  



Theme Name: Suit and Tie



Version: 1.0.8



Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.



Author: WooThemes



Author URI: http://www.woothemes.com



*/







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







INDEX:







1. SETUP



-1.1 Defaults



-1.2 Hyperlinks







2. SITE STRUCTURE & APPEARANCE



-2.1 Containers



-2.2 Header



-2.3 Navigation



--2.3.1 Drop-down navigation



-2.4 Featured-slider



-2.5 Blog and Page sub-header



-2.6 Content



-2.7 Sidebar



-2.8 Footer







3. WIDGETS







4. POSTS



-4.1 Typographic Elements



-4.2 Images



-4.3 Captions







5. COMMENTSAREA



-5.1 Comments



-5.2 Comments Form







6. GENERAL STYLES







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















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



/* 1. SETUP */



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







/* 1.1 Defaults */



body  {



	color: #333;

	background: url(creamy/bgtile.jpg) repeat-x left top;

	font-family: Arial, Helvetica,Sans-serif;



}







h1, h2, h3, h4, h5, h6  {



	margin: 0;



	font-family: Arial, Helvetica,Sans-serif;



        color: #e51801;



}







h1  {font-size: 30px} h2  {font-size: 24px} h3  {font-size: 20px}



h4  {font-size: 18px} h5  {font-size: 14px} h6  {font-size: 12px}







p  {margin: 18px 0;}







/* 1.2 Hyperlinks */







a:link, a:visited  {	text-decoration: none; }



a:hover  { text-decoration: underline;}







h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,



h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  {



	text-decoration: none;



}







h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}







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



/* 2. SITE STRUCTURE & APPEARANCE */



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







/* 2.1 Containers */







#wrap  {



	float: left;



	width: 100%;



	height: 100%;







	background: url(creamy/bgglow.jpg) no-repeat center top;











}







#container  {



	



}







/* 2.2 Header */







#header-border  {



	width: 944px;



	padding: 2px 0;



	margin: 62px auto 0 auto;



}







#header  {



	width: 940px;

	height: 130px;





}







#header h1  { display: none;}



#header h1 a:link, #header h1 a:visited  {}



#header h2  { display: none;}







.logo  {



	float: left;

	width: 320px;

	

}







.logo img  {



	

	margin: 20px 0 0px 30%;



}







/* 2.3 Navigation */







#navcontainer  {



	float: right;



	width: 620px;

	display: inline;

}







#pagenav  {



	position: relative;



	z-index: 9999;



	font-size: 14px;



	font-weight: bold;



	height: 70px;



	margin-right: 20px;



}







#pagenav li  {



	display: block;



	float: left;



}







#pagenav li a:link, #pagenav li a:visited  {



	display: block;



	text-decoration: none;



	padding: 1px;



}







#pagenav li a span  {



	display: block;



	line-height: 10px;



	padding: 50px 10px 10px 10px;



}







#pagenav li a:hover span, #pagenav li.current_page_item a span  {



}







#pagenav li a:hover, #pagenav li.current_page_item a  {



}







	/* 2.3.1 Style drop down list */







	#pagenav li ul li {



		padding: 0;



		font-size: 12px;



	}



	



	#pagenav li ul li span {



		padding: 10px 10px 10px 0 !important;



	}



	



	#pagenav li ul li a:hover {



	}	







	/* first level */







		#pagenav li ul {



			position: absolute;



			display: block;



			width: 150px;



			left: -999em;



			margin-top: -1px;



		}







		#pagenav li:hover ul, #pagenav li.sfhover ul {



			left: auto;



		}







		/* second level */







			#pagenav li li:hover ul ul, #pagenav li li.sfhover ul ul {



				left: 150px;



			}







			#pagenav li li li:hover ul, #pagenav li li li.sfhover ul {



				left: 150px;



			}







			/* third level */







				#pagenav li li li:hover ul ul, #pagenav  li li li.sfhover ul ul {



					left: -999em;



				}







				#pagenav li li li li:hover ul, #pagenav li li li li.sfhover ul {



					left: auto;



				}







	#pagenav li ul ul {



		margin: -26px 0 0 150px;



	}







	#pagenav li:hover ul ul, #pagenav li.sfhover ul ul {



		left: -999em;



	}







	#pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul {



		left: auto;



	}







	#pagenav li ul li a:link, #pagenav li ul li a:visited  {



		display: block;



		width: 140px;



		line-height: 30px;



		padding: 0px 0 0px 10px!important;



	}







	#pagenav li ul li a span.left  {



		display: none!important;



	}







	#pagenav li ul li a span.right {



		display: none!important;



	}



	



	#pagenav li.current_page_item li a:link,



	#pagenav li.current_page_item li a:visited	{



		background: none;



	}



	



	#pagenav li.current_page_item li a span  {



		background-image: none!important;



	}



	



	#pagenav li.current_page_item li a:hover  {



		background-image: none!important;



	}



	



	#pagenav li li a:hover span  {



		background-image: none;



	}







	/* IE7 Fix */







	#pagenav li:hover, #pagenav li.hover {  



		position: static;



	}







/* 2.4 Featured-slider */







#featured-slider  {



    



   width: 960px;



   margin: 0 ;



   height:215px;



   position: relative;



   overflow: visible;



 



}











#featured-slider .featured-slide {







    position: absolute;



    top:0;



    left:0;



    z-index: 0;



    width: 960px;



    height:215px;



}







#featured-slider .text  {



	float: left;



	width: 260px;



	margin: 0 0 0 10px;



	padding: 0 0 0 40px;



}







#featured-slider .image  {



    position:absolute;



    right: 0;



    top:0;



    z-index: 99;



	width: 640px;



	margin: 0 10px 0 0;



	text-align: center;



    height: 200px;



    



}







#featured-slider .image img  {



	margin: -50px 0 0 0;



    z-index: 999;



    display: block;



}







#featured-slider h2  {



	line-height: 20px;



	margin: 30px 0 10px 0;



}







#featured-slider p  {



	line-height: 14px;



	margin: 0 0 10px 0;



}







#featured-slider a:link, #featured-slider a:visited  {



	font-weight: bold;



}







#slider-nav  {







	width: 944px;





	height: 30px;



	margin: 0px 8px 0 8px;

	_margin: 0px 8px 0 8px;



	border-top-right-radius: 2px;



	-moz-border-radius-topright: 2px;



	-webkit-border-top-right-radius: 2px;



	border-top-left-radius: 2px;



	-moz-border-radius-topleft: 2px;



	-webkit-border-top-left-radius: 2px;



}







#slider-nav .left  {



    



    cursor: pointer;



    float:left;



    width: 20px;



    height: 20px;



    margin:5px 0 0 5px;



    background: url(images/slidernav_left.png) no-repeat top left;



    text-indent: -9999px; 







}







#slider-nav .right  {







    cursor: pointer;



    float: right;



    width: 20px;



    height: 20px;



    margin:5px 5px 0 0;



    background: url(images/slidernav_right.png) no-repeat top left; 



    text-indent: -9999px;                     



}







/* 2.5 Blog and Page sub-header */







#blog-heading  {



	position: relative;



	float: left;



	width: 940px;



	padding: 30px 0 0 0;



}







#blog-heading p  {



	line-height: 14px;



	margin: 0 0 10px 0;



}







#blog-heading a:link, #blog-heading a:visited  {



	font-weight: bold;



}







#blog-heading .title  {



	float: left;



	width: 560px;



	margin: 0 0 0 10px;



	padding: 0 0 0 40px;



}







#blog-heading .title span  {



	font-size: 11px;



	text-transform: uppercase;



}







#blog-heading .title h2  {



	font-size: 36px;



	line-height: 36px;



	margin: 10px 0 10px 0;



}







#blog-heading .meta  {



	float: right;



	width: 310px;



	margin: 15px 10px 0 0;



	text-align: right;



}







#blog-heading .meta p  {



	margin: 0 40px 0 0;



}







#blog-heading .meta p span  {



	display: block;



}







#page-heading  {



	position: relative;



	float: left;



	padding: 30px 0 0 0;



}







#page-heading p  {



	line-height: 14px;



	margin: 0 0 10px 0;



}







#page-heading a:link, #page-heading a:visited  {



	font-weight: bold;



}







#page-heading .title  {



	float: left;



	width: 505px;



	margin: 0 0 0 10px;



	padding: 0 0 0 40px;



}







#page-heading .title span  {



	font-size: 11px;



	text-transform: uppercase;



}







#page-heading .title h2  {



	font-size: 36px;



	line-height: 36px;



	margin: 10px 0 10px 0;



}







#page-heading .description  {



	float: right;



	width: 390px;



	margin: 5px 10px 0 0;



	text-align: right;



}







#page-heading .description p  {



	margin: 0 40px 0 0;



}







#page-heading .description p span  {



	display: block;



}







#breadcrumbs  {



	float: left;



	position: relative;



	z-index: 9998;



	width: 944px;



	height: 35px;



	margin: 30px 8px 0 8px;



	border-top-right-radius: 2px;



	-moz-border-radius-topright: 2px;



	-webkit-border-top-right-radius: 2px;



	border-top-left-radius: 2px;



	-moz-border-radius-topleft: 2px;



	-webkit-border-top-left-radius: 2px;



}







#breadcrumbs p  {



	margin: 11px 0 0 20px;	



}







#breadcrumbs p a:link, #breadcrumbs p a:visited  {



}







/* 2.6 Content */







#content-border  {



	float: left;



	padding: 0 2px 2px 2px;



	margin: 0 8px;



}







* html #content-border{ margin-left: 4px;}



* html #footer{ margin-left: 4px;}







#content  {



	float: left;



	width: 940px;



	padding: 20px 0;



}







#content-tile  {



	float: left;



}







#content #main  {



	width: 55%;

	_width: 440px;



	padding: 10px 0 0 40px;

	_padding: 10px 40px 0px 40px;



}







.fullwidth #content-tile  {



	background-image: none!important;



}







.fullwidth #main  {



	width: 850px!important;



}







/* 2.7 Sidebar */







#sidebar  {



	width: 28%;

	_width: 320px;



	padding: 10px 40px 0 0;







}







/* 2.8 Footer */







#footer  {



	float: left;



	position: relative;



	z-index: 9999;



	width: 944px;



	margin: 0 8px 40px 8px;



	border-bottom-right-radius: 2px;



	-moz-border-radius-bottomright: 2px;



	-webkit-border-bottom-right-radius: 2px;



	border-bottom-left-radius: 2px;



	-moz-border-radius-bottomleft: 2px;



	-webkit-border-bottom-left-radius: 2px;



}







#footer a:link, #footer a:visited  {



}







#footer .copyright  {



	float: left;



	margin: 10px 0 10px 15px;



}







#footer .woolink  {



	float: right;



	margin: 10px 15px 10px 0;



	font-weight: bold;



}







#footer .woolink img  {



	vertical-align: middle;



}











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



/* 3. WIDGETS */



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







.widget  {



	margin: 0 0 5px 0;



}







.widget h3  {



	margin-bottom: -3px;



}







.widget span.description  {



}







.widget ul  {



	margin: 15px 0 0 0;



}







.widget ul li  {



	padding: 7px 0 7px 20px;



}







.widget ul li:hover  {



}







.widget ul li a:link, .widget ul li a:visited  {







}







.widget ul li a:hover  {







}







#news-widget  {







}







#news-widget h3  {



	position: relative;



}







#news-widget h3 a:link, #news-widget h3 a:visited  {



	position: absolute;



	top: 0;



	right: 0;



}







#news-widget .item  {



	float: left;



	margin: 20px 0 0 0;



}







#news-widget .item .date  {



	float: left;



	width: 32px;



	padding: 0 8px 0 0;



	text-align: center;



}







#news-widget .item .month  {



	display: block;



	font-size: 11px;



	text-transform: uppercase;



	margin-bottom: -10px;



}







#news-widget .item .day  {



	display: block;



	font-size: 24px;



	font-weight: bold;



}







#news-widget .item .excerpt  {



	float: right;



	width: 240px;



}







#news-widget .item .excerpt h4  {



	margin: 0;



	font-size: 16px;



}







#news-widget .item .excerpt p  {



	margin: 5px 0;



}







#entries-widget  {







}







#entries-widget h3  {



	position: relative;



}







#entries-widget h3 a:link, #entries-widget h3 a:visited  {



	position: absolute;



	top: 0;



	right: 0;



}







#entries-widget .item  {



	float: left;



	margin: 20px 0 0 0;



}







#entries-widget .item .date  {



	float: left;



	width: 32px;



	padding: 0 8px 0 0;



	text-align: center;



}







#entries-widget .item .month  {



	display: block;



	font-size: 11px;



	text-transform: uppercase;



	margin-bottom: -10px;



}







#entries-widget .item .day  {



	display: block;



	font-size: 24px;



	font-weight: bold;



}







#entries-widget .item .excerpt  {



	float: right;



	width: 240px;



}







#entries-widget .item .excerpt h4  {



	margin: 0;



	font-size: 16px;



}







#entries-widget .item .excerpt p  {



	margin: 5px 0;



}







#comments-widget  {







}







#comments-widget p  {



	margin: 0;



}







#comments-widget h3  {



	position: relative;



}







#comments-widget h3 a:link, #comments-widget h3 a:visited  {



	position: absolute;



	top: 0;



	right: 0;



}







#comments-widget .item  {



	margin: 0;



	padding: 10px 0;



}







#comments-widget .item .ecerpt p  {



	margin: 0;



}







#comments-widget .comment-author p  {



	font-size: 11px;



	margin: 0;



	font-style: italic;



}







#comments-widget .comment-author p a:link, #comments-widget .comment-author p a:visited  {



	font-weight: bold;



}







#ads h3, #search h3, #feedburner h3, #campaignmonitor h3, #flickr h3, #videos h3  {



	margin: 0 0 15px 0;



}







#search input.field, #feedburner input.field, #campaignmonitor input.field  {



	width: 195px;



	margin: 0 10px 0 0;



	padding: 5px 0 5px 5px;



}







#search input.button, #feedburner input.button, #campaignmonitor input.button  {



	text-transform: uppercase;



	font-size: 11px;



	height: 28px;



}







#ads img  {



	margin: 0 6px 6px 6px;



}







#flickr  {



	float: left;



	margin: 0 0 25px 0;



}







#flickr .pics  {



	float: left;



}







#flickr .pics .flickr_badge_image  {



	margin: 4px 6px;



	float: left;



	width: 75px;



}







#flickr .pics .flickr_badge_image img  {



}







#videos .video  {



	margin: 0 0 15px 0;



}







#videos h4  {



	font-size: 14px;



}







#twitter  {



	



}







#twitter ul li  {



	padding: 8px 0;



}







#twitter .website  {



	float: right;



}







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



/* 4. POSTS */



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







.post  {







}







.post.sitemap h3,



.post.archives h3  {



	margin-top: 0;



}







.post.archive  {



	margin: 0 0 20px 0;



}







.post.archive .meta  {



}







.post.archive .post-head  {



	float: left;



	width: 540px;



	margin: 0 0 10px 0;



}







.post.archive .post-head .title  {



	float: right;



	width: 500px;



}







.post.archive .post-head .title h2  {



	margin: 0 0 2px !important;



}







.post.archive .post-head .title .meta  {



	margin: -5px 0 0 0;



}







.post.archive .post-head .date  {



	float: left;



	width: 30px;



	padding: 0 8px 0 0;



	margin-top: -2px;



	text-align: center;



}







.post.archive .post-head .date .month  {



	display: block;



	font-size: 11px;



	text-transform: uppercase;





	



}







.post.archive .post-head .date .day  {



	display: block;



	font-size: 24px;



	font-weight: bold;



}







.entry  {







}







/* 4.1 Typographic Elements */







.post h2.title  {







}







.post h2.title a:link, .post h2.title a:visited  {







}







.entry h1  {}



.entry h2  {}



.entry h3 {}



.entry h4 {}



.entry h5 {}



.entry h6 {}







#main h2 {



	margin: 0 0 20px;



}







.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6  {



	margin: 10px 0 10px 0;



}







.entry h1 a:hover, .entry h2 a:hover, .entry h3 a:hover, .entry h4 a:hover, .entry h5 a:hover, .entry h6 a:hover  {



	text-decoration: none;



}







.entry blockquote  {



	margin: 15px 0;



	padding: 0 20px 0 35px;



	font-style: italic;



}







.entry blockquote p  {



	margin: 0;



}







.entry p  {



	margin: 4px 0 14px 0;



}







.entry ul  {



	margin: 20px 0;



	padding: 0 0 0 30px;



}







.entry ul ul  {



	margin: 20px 0;



	padding: 0 0 0 30px;



}







.entry ul li  {



	list-style-type: circle;



}







.entry ul li ul li  {



	list-style-type: disc;



}







.entry ol  {



	margin: 20px 0;



	padding: 0 0 0 30px;



}







.entry ol ol  {



	margin: 20px 0;



	padding: 0 0 0 30px;



}







.entry  ol li  {



	list-style-type: upper-latin;



}







.entry  ol li ol li  {



	list-style-type: lower-latin;



}







/* 4.2 Images */







.entry img  {



}







img.wp-smiley  {



	padding: 0;



	border: none;



}







.entry .alignleft  {



	float: left;



	margin: 10px 15px 10px 0;



}







.entry .alignright  {



	float: right;



	margin: 10px 0 10px 15px;



}







.entry .aligncenter  {



	text-align: center;



}







/* 4.3 Captions */







.aligncenter,



div.aligncenter {



	display: block;



	margin-left: auto;



	margin-right: auto;



}







.wp-caption {



	position: relative;



	width: auto!important;



}







.wp-caption img {



	margin: 0;



	padding: 0;



}







.wp-caption p.wp-caption-text {



	position: absolute;



	bottom: 0;



	left: 0;



	right: 0;



	font-size: 11px;



	line-height: 17px;



	padding: 7px 0 7px 10px;



	margin: -10px 0 0 0;



	font-weight: bold;



}







.wp-caption p.wp-caption-text a:link, .wp-caption p.wp-caption-text a:visited {







}







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



/* 5. COMMENTSAREA */



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







/* 5.1 Comments */







#comments  {







}







#comments h2  {



	margin: 0 0 -3px 0;



}







#comments span.count  {



	display: block;



	margin: 0 0 20px 0;



}







#comments ol.commentlist  {



	width: 540px;



}







#comments li.comment  {



	width: 100%;



	padding: 10px 0;



	margin: 0 0 10px 0;



}







#comments .children  {



	margin-top: 10px;



}







#comments .children li.comment  {



	padding-left: 10px;



	padding-bottom: 0;



}







#comments li.comment.depth-2  { width: 524px;}



#comments li.comment.depth-3  { width: 511px;}



#comments li.comment.depth-4  { width: 499px;}



#comments li.comment.depth-5  { width: 491px;}







#comments li.comment .gravatar  {



	float: left;



	width: 12%;



}







#comments li.comment .gravatar img  {



}







#comments li.comment .comment-entry  {



	float: left;



	width: 60%;	



}







#comments li.comment .comment-entry p  {



	margin: 0 0 5px 0;



}







#comments li.comment .user-meta  {



	float: right;



	width: 26%;



	height: 100%;



}







#comments li.comment .user-meta span  {



	display: block;



}







#comments li.comment .user-meta span.date  {



	font-size: 10px;



}







#comments li.comment .user-meta span.edit-link  {



	font-size: 10px;



}







#comments li.comment .user-meta span.permalink  {



	font-size: 10px;



	text-transform: uppercase;



}







/* 5.2 Comments Form */















#respond  {



	float: left;



	padding: 20px 0 0 0;



}







#commentform  {



	width: 100%;



	margin: 20px 0 0 0;



}







#commentform p  {



	margin: 0 0 7px 0;



}







#commentform #textarea  {



	float: left;



	width: 45%;



}







#commentform #inputs  {



	float: right;



	width: 160px;



	margin: 0 0 0 0px;



}







#commentform label  {



	font-size: 10px;



	text-transform: uppercase;



}







#commentform textarea  {



}







#author, #email, #url  {



	padding: 3px 0 3px 5px;



}







input#submit  {



	width: 165px;



	text-transform: uppercase;



	font-size: 11px;



	padding: 5px 0;



}







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



/* 6. GENERAL STYLES */



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







.floatl  {float: left;}



.floatr  {float: right;}







.alignl  {text-align: left;}



.alignr  {text-align: right;}



.alignc  {text-align: center;}







/* http://sonspring.com/journal/clearing-floats */







html body * span.clear,



html body * div.clear,



html body * li.clear,



html body * dd.clear



{



	background: none;



	border: 0;



	clear: both;



	display: block;



	float: none;



	font-size: 0;



	list-style: none;



	margin: 0;



	padding: 0;



	overflow: hidden;



	visibility: hidden;



	width: 0;



	height: 0;



}



#titu {

background-color:#cdbc77;

font-size:22px;

font-weight:bold;

height:25px;

padding:2px;

margin-bottom:20px;

margin-top:20px;

}