/*  

Theme Name: Suit and Tie

Version: 1.0.1

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

Author: WooThemes

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

*/



/* Custom styles */

@import "custom.css";



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



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  {

	font: 12px Helvetica,Arial,Sans-serif;

	line-height: 1.5;  /*unitless for proper inheritance*/

}



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

	margin: 0;

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

}



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%;

}



#container  {

	

}



/* 2.2 Header */



#phonePlug{

	position:relative;

	width:339px;

	height:40px;

	left:50%;

	margin:0px 0px 0px 130px;

	top:7px;

}



#phonePlug span{

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

	font-weight:normal;

	font-size:30px;

	color:#fe000c;

}



#header-border  {

	width: 944px;

	padding: 2px 0;

	margin: 62px auto 0 auto;

}



#header  {

	width: 940px;

	margin: 0 auto;

}





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




.logo  {

	float: left;

	width: 320px;

}



.logo img  {

	margin: 10px 0 20px 20px;

}



/* 2.3 Navigation */



#navcontainer  {

	float: right;

	width: 620px;

}



#pagenav  {

	position: relative;

	z-index: 9999;

	font-size: 14px;

	font-weight: bold;

	height: 70px;

	margin-right: 10px;

}



#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 20px 10px 10px;
	
	color:#666;

}



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

color:#fff;
}



#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: 200px;

			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: -999em;

			}



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

				left: auto;

			}



			/* 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 200px;

	}



	#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: 190px;

		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;

	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 h1  {

	font-size: 32px;

	line-height: 36px;

	margin: 10px 0 10px 0;

	color:#fff;
}



#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 h1  {

	font-size: 36px;

	line-height: 36px;

	margin: 10px 0 10px 0;
	
	color:#fff;

}



#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: 540px;

	padding: 10px 0 0 40px;

}



/* 2.7 Sidebar */



#sidebar  {

	width: 280px;

	padding: 10px 40px 0 20px;

}

#sidebar img {
	text-align:center;
	margin:0 auto 25px auto;
}

/* 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 35px 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;

	margin-bottom: -10px;

}



.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: 540px;

	margin: 20px 0 0 0;

}



#commentform p  {

	margin: 0 0 7px 0;

}



#commentform #textarea  {

	float: left;

	width: 370px;

}



#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;

}