/* Default styles */
@import "css/reset.css";

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

INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.2.1 Drop-down menus
-2.3 Header
-2.4 Content
-2.5 Sidebar
-2.6 Footer
-2.7 Featured Area
-2.8 Homepage
-2.9 Portfolio

3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi

4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets

5. COMMENTS
-5.1 Comments
-5.2 Comments Form
-5.3 Pingbacks / Trackbacks 

-------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------
GLOBAL RESET
---------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,f,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
	color: #BBBABA;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



/*---------------------------------------------------------------------------------
GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
---------------------------------------------------------------------------------*/
body {
	font:93% Arial, Verdana, 'Helvetica Neue', Helvetica,  sans-serif;
	background: url("images/zoost-texture-bg.png") repeat scroll left top #212121;
	text-align: center;
	}



p {
	/* color: #BBBABA; */
	color: #adadad;
	margin: 0.2em 0 0.7em 0;
	line-height: 1.5em;
	font-size: 93%;
}

blockquote{
    font:100% Arial, Verdana, 'Helvetica Neue', Helvetica,  sans-serif;
	margin: 0.2em 0 0.7em 0;
	line-height: 1.3em;
	font-style: italic;
}

/* base.css*/
h1 {
	/*21px via YUI Fonts CSS foundation*/
	font-size:161.6%; 
}
h2 {
	/*21px via YUI Fonts CSS foundation*/
	font-size:197%; 
}


h3 {
	/*19px via YUI Fonts CSS foundation*/
	font-size:146.5%;  
}

h4 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:131%;  
}

h5 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:116%;  
}


h2,h3,h4 {
	/* top & bottom margin based on font size */
	margin:0.6em 0 0 0; 

}

strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}


h1,h2 {
	color: #ffffff;
	display: block;
}

h3, h4, h5 {
	 color: #eeeeee;
}

a:link		{ color: #0099cc; text-decoration: none; }
a:visited	{ color: #0099cc; text-decoration: none; }
a:hover		{ color: #ffffff; text-decoration: underline; }
a:active	{ color: #ffffff; text-decoration: underline; }




/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */


/*
body  { 
	font:93% Arial, Verdana, 'Helvetica Neue', Helvetica,  sans-serif;
	background-color: #212121;
 	background: #212121 url(../images/bg-top.png) top left repeat-x; 
}
*/

/*

h1, h2, h3, h4, h5, h6  { margin: 0; font-family: "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif; color: #333; }
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: 0;}
*/

/* 1.2 Hyperlinks */

/*
a:link, a:visited  { color: #06a0f0; 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;}
*/

/*---------------------------------------------------------------------------------
Global Divs
---------------------------------------------------------------------------------*/

div {
	/* text-align: left; */
	margin: 0;
	padding: 0;
}

/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block; clear:both;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


.ir {
 text-indent:-9999px;

}
.ir a {
 display:block;
 overflow:hidden;
}

.ar{
 position: absolute;
 z-index: 10;
}



/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

/* 2.1 Containers & Columns */
#container  {
 width: 960px;
 height: 100%;
 margin: 0 auto;
 background: transparent url("images/zoost-highlight-texture2.png") no-repeat scroll center top;
  /* min-height: 800px; */
 /* margin-top: 2px; */
/*  padding-left: 15px; */
 text-align: left;
 }

/* 2.3 Header */
#header {
 position:relative;
 padding: 15px 0 0 0;
 height:132px;
 width:940px;
 z-index:21;
} 

#header h1 a{
 float: left;
 background:transparent url(images/zoost-logo.png) no-repeat scroll left top;
 height:132px;
 width:132px;
 margin: 0;
 text-indent: -9999px;

 }

.col-left { float: left; }
.col-right { float: left; }
.col-full  { width: 960px; margin: 0 auto; }

/* 2.2 Navigation */

ul#main-nav {
 float:right;
 width: 380px;
 height: 31px;
 margin: 55px 0 0 0;
 }
 
ul#main-nav li{
 display:inline;
 overflow:hidden;
 }
 
ul#main-nav li a{ 
 height: 31px; 
 float: left;
 background: url(images/main-nav.png) top left no-repeat;
 overflow: hidden;
 display: block;
 line-height: 0px;
 text-indent: -9999px;
 }

ul#main-nav li.page_item.home_link a{ background-position: 0 0; width: 70px; }
ul#main-nav li.page_item.page-item-9 a{ background-position: -70px 0; width: 80px; }
ul#main-nav li.page_item.page-item-2 a{ background-position: -150px 0; width: 80px; }
ul#main-nav li.page_item.page-item-8 a{ background-position: -230px 0; width: 80px; }
ul#main-nav li.page_item.page-item-7 a{ background-position: -310px 0; width: 70px; }


ul#main-nav li.page_item.home_link a:hover, ul#main-nav li.page_item.home_link.current_page_item a { background-position: 0 -31px; }
ul#main-nav li.page_item.page-item-9 a:hover, ul#main-nav li.page_item.page-item-9.current_page_item a { background-position: -70px -31px; }
ul#main-nav li.page_item.page-item-2 a:hover, ul#main-nav li.page_item.page-item-2.current_page_item a { background-position: -150px -31px; }
ul#main-nav li.page_item.page-item-8 a:hover, ul#main-nav li.page_item.page-item-8.current_page_item a { background-position: -230px -31px; }
ul#main-nav li.page_item.page-item-7 a:hover, ul#main-nav li.page_item.page-item-7.current_page_item a { background-position: -310px -31px; }


#main-cta {
 height: 130px;
 width: 940px;
 overflow: auto;
 /* overflow-x: hidden; */
 position: relative;
 clear: left;
 background: #FFFFFF url(images/main-cta-sub-page.gif) top left no-repeat;
 margin-top: -20px;
}

#main-cta h2 {
 width: 770px;
 padding: 20px;
}

.information{
 width: 450px;
 margin-top: 30px;
 float: left;
 padding-left: 20px;
}

#slider p{
 color: #666666;
 font-size: 100%;
}

#welcome{
 background:transparent url(images/welcome-growth-image.png) top left no-repeat;
 height:265px;
 width:940px;

}


#web{
 background:transparent url(images/cta-web.png) top left no-repeat;
 height:265px;
 width:940px;

}

#print{
 background:transparent url(images/cta-print.png) top left no-repeat;
 height:265px;
 width:940px;

}

#branding{
 background:transparent url(images/cta-branding.png) top left no-repeat;
 height:265px;
 width:940px;

}

a#call-out{
 position: absolute;
 left:790px;
 top:-120px;
 background:transparent url(images/lets-talk.png) no-repeat scroll left top;
 height:45px;
 width:157px;
 /* margin: 10px 0; */
}

a#call-out-sub{
 position: absolute;
 left:790px;
 top:-65px;
 background:transparent url(images/lets-talk.png) no-repeat scroll left top;
 height:45px;
 width:157px;
 /* margin: 10px 0; */
}

a#call-out-full{
 position: absolute;
 left:790px;
 top:-90px;
 background:transparent url(images/lets-talk.png) no-repeat scroll left top;
 height:45px;
 width:157px;
 /* margin: 10px 0; */
}

#main-content{
 position: relative;
 width: 960px;
 margin-top: 25px;
 z-index:21;
}

#main-content.port{
 position: relative;
 width: 960px;
 margin-top: 20px;
 z-index:21;
}

#sub-content{
 position: relative;
 width: 960px;
 
}

.content-box{
 position: relative;
 float: left;
 width: 280px;
 height: 224px;
 padding:10px 0 0 20px;
 background: #101010 url(images/featured-box-bg.png) top left no-repeat;
 /* padding: 0 10px; */
 }
 
#services.content-box{
 margin-right: 20px;
}

#clients.content-box{
 margin-right: 20px;
 
}
 
.featured-box-bottom{
 position: absolute;
 width:300px;
 height: 10px;
 background: url(images/featured-box-bg-bottom.png) top left no-repeat;
 bottom: -10px;
 left:0px;
}

/* HR's */

div.hr-services{
 height: 32px;
 width: 260px;
 background: url(images/hr-services.png) no-repeat;
 margin: -10px 0 0 0;
}

div.hr-services hr, div.hr-clients hr, div.hr-testimonials hr, div.hr-270 hr, div.hr-600 hr, div.hr-270-dash hr, div.hr-blog hr, div.hr-613-dash hr, div.hr-footer hr {
 display: none;
}

div.hr-clients{
 height: 32px;
 width: 260px;
 background: url(images/hr-clients.png) no-repeat;
 margin: -10px 0 0 0;
}


div.hr-testimonials{
 height: 32px;
 width: 260px;
 background: url(images/hr-testimonials.png) no-repeat;
 margin: -10px 0 0 0;
}


.hr-details {
 border: 0;
 height: 2px;
 width: 270px;
 background: url(images/hr-footer.gif) no-repeat;
 margin: 10px 0 10px 0;
}


div.hr-600{
 border: 0;
 height: 2px;
 width: 600px;
 background: url(images/hr-footer.gif) no-repeat;
 margin: 5px 0 20px 0;

}

div.hr-270 {
 border: 0;
 height: 2px;
 width: 270px;
 background: url(images/hr-footer.gif) no-repeat;
 margin: 0 0 10px 0;

}

div.hr-270-dash{
 border: 0;
 height: 2px;
 width: 260px;
 background: url(images/hr-dash.gif) no-repeat;
 margin: 5px 0 20px 0;
 clear: both;
}

div.hr-613-dash {
background:url("images/hr-dashed-613.gif") no-repeat scroll 0 0 transparent;
border:0 none;
clear:both;
height:2px;
margin:20px 0 50px;
width:613px;
}

/* 2.5 Sidebar */
#sidebar{width:250px;overflow:hidden; /* padding:25px 25px 15px; */ margin: 0 0 0 20px; }


/*Footer*/
#social-content{
 position: relative;
 width: 940px;
 margin-top: 25px;
}

#twitter p{
 /* font-family: Georgia, serif; */
 font-size: 100%;
 /* font-style: italic; */
}

ul#twitter_update_list {
/* padding-top: 5px; */
/* border-top:1px dotted #333333; */

}


#twitter_update_list li{
overflow:hidden;
padding:4px 0 4px 0;
/* border-bottom: 1px dotted #333333 */

}
#social-content em{
 font-size: 93%;
 font-family: Arial, Verdana, 'Helvetica Neue', Helvetica,  sans-serif;
 font-weight: bold;
 color: #818181;
}

.social-box{
 /* position: relative; */
 float: left;
 display: inline;
 width: 300px;
 min-height: 238px;
 height:238px;
/*  margin-top: 10px; */

 }
 
.social-box h4{
 margin: 0 0 8px 15px;
}
 
#twitter.social-box, #blog-box.social-box{
 margin-right:  20px;
 
 }
 
#twitter img, #blog-box img, #contact-details img{
 margin-right: 20px;
} 
 
#tweets, #posts, #contact-information{
 padding:20px;
 background: #101010;
 min-height: 85px;
 border-top:1px solid #000000;
 border-left:1px solid #000000;
 border-right:1px solid #000000;
 
}

#contact-information p{
 margin:0.2em 0 0.5em;
}

p.date{
 float: left;
 display:inline;
 text-align: center;
 font-weight: bold;
 color: #818181;
 margin: 0 20px 50px 0;
 font-size: 100%;
 line-height: 1.2em;
}

p.posts {

margin: 0.2em 0 0.4em 0;

}

#posts ul{
 /* border-top:1px dotted #5a5a5a; */
 list-style:none outside none;
 margin:0;
 padding:0;
}

#posts li{
padding: 0 0 4px 0;
margin:4px 0;
border-bottom:1px dashed #5a5a5a;
}

#footer {
position: relative;
margin-top: 10px;
width: 940px;

}

div.hr-footer{
 border: 0;
 height: 2px;
 width: 940px;
 background: url(images/hr-footer.gif) no-repeat;
 margin: 0;

}

span.amp {
font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;
font-style:italic;
font-weight:normal;
}

#footer p{
float: left;
font-size: 85%;
color: #818181;
margin-top: 10px;
/* font-weight: bold; */
}

#social-icons{
float: right;

}

#contact-information p.contact{
margin-right: 20px;
/* width: 150px; */
float: left;
}



.right{
float: right;
}

.left{
float:left;
}

.left-last{
float:left;
width: 295px;
margin-left: 10px;
}

#footer a:link		{ color: #818181; text-decoration: none; }
#footer a:visited	{ color: #818181; text-decoration: none; }
#footer a:hover		{ color: #ffffff; text-decoration: underline; }
#footer a:active	{ color: #ffffff; text-decoration: underline; }



/* 2.7 Featured Area */
#featured { background:url(images/bg-border-top.png) repeat-x top left; }
#featured #page-title { padding: 25px 0; }
#featured h2, #featured h1, #featured span.archive_header { color:#fff;font-size:40px; line-height:40px; letter-spacing:-1px;  }
#featured span.archive_header  { display:block; font-size: 30px; font-weight:bold; }
#featured span.archive_header.blog  { font-size: 40px; }


#breadcrumb.home { min-height:100px; height:auto; padding:10px 0 20px;}
#breadcrumb.home .left { width:490px; margin-top:65px;}
#breadcrumb.home .right { width:450px; }
#breadcrumb.home a.thumb { float:left; margin-left:20px; border:1px solid #ddd; width:70px; height:70px; background:url(images/thumb-hover.png) no-repeat; }
#breadcrumb.home a.thumb img { padding:5px; height:60px; width:60px; }
#breadcrumb.home h2 { font-size:18px; text-transform:uppercase; margin:10px 0;}
#breadcrumb.home p { color:#555; line-height:22px; font-size:14px; padding:0 0 15px;}

/*
#twitter { background: #f7f7f7; border-bottom:1px solid #dbdbdb; margin:10px 0 0; padding:18px 30px 16px; color:#777; font-size: 18px; min-height:42px; }
#twitter  #twitter_update_list { margin-left:65px; }
#twitter #twitter_update_list li { line-height:22px; }
*/


#main-page1 { padding: 30px 0 0; }
#main-page2 { padding: 0 0 30px; }


#info-box { background: #f7f7f7; border-bottom:1px solid #dbdbdb; padding:30px 40px 10px; margin:0 0 20px; }
#info-box .block { width:420px; margin:0 40px 20px 0; float:left; }
#info-box .block.last { margin-right:0; }
#info-box .icon { float:left; }
#info-box h3 { background: url(images/bg-info-box-title.png) repeat-x scroll center bottom; text-transform:uppercase; font-size:14px; padding:0 0 15px 50px; line-height:30px; margin-bottom:15px; }
#info-box p { padding-bottom:15px; }
#info-box blockquote { background:url(images/bg-quote.png) no-repeat top left; padding:0 0 15px 50px; font-family:Georgia, serif; font-size:14px; color:#777; font-style:italic; min-height:12px; }
#info-box cite { padding:0 0 0 50px; }
#info-box .quote { padding-bottom:20px; }

/* 2.9 Portfolio */


 
#portfolio .block { position:relative;width:260px; min-height: 407px; margin:0 20px 20px 0px; padding:20px 20px 0 20px; display:inline; background: #101010 url(images/work-box-bg.png) top left no-repeat; }
#portfolio .block a.thumb { background: url(images/portfolio-hover.png) no-repeat; border:1px solid #ddd; padding:4px; margin:0 0 10px 0; display:block;}
#portfolio .block img.portfolio-img {   }
#portfolio .block h2 { font-size:18px; margin-bottom:15px; }

/*
.port-cat { text-transform:uppercase; }
.port-cat a { padding:2px 6px; background:#e4e4e4; margin:0 0 0 5px; border:1px solid #ccc; }
.port-cat a:hover { text-decoration:none; background:#eee; }
*/



ul#sub-nav {
 float:left;
 width: 940px;
 height: 24px;
 margin: 20px 0 0 20px;
 display: inline;
 }
 
ul#sub-nav li{
 display:inline;
 overflow:hidden;
 }
 
ul#sub-nav li a{ 
 height: 24px; 
 float: left;
 background: url(images/sub-nav2.png) top left no-repeat;
 
 }

ul#sub-nav li a[rel~="all"]{ background-position: 0 0; width: 45px; }
ul#sub-nav li a[rel~="print"]{ background-position: -45px 0; width: 82px; }
ul#sub-nav li a[rel~="web"]{ background-position: -127px 0; width: 78px; }
ul#sub-nav li a[rel~="branding"]{ background-position: -205px 0; width: 109px; }

	
ul#sub-nav li a:hover[rel~="all"]{ background-position: 0 -24px; }
ul#sub-nav li a:hover[rel~="print"]{ background-position: -45px -24px; }
ul#sub-nav li a:hover[rel~="web"]{ background-position: -127px -24px; }
ul#sub-nav li a:hover[rel~="branding"]{ background-position: -205px -24px; }

/*
, ul#sub-nav li a.selected[rel~="branding"]
, ul#sub-nav li#branding a.active
*/


.work-box-bottom{
 position: absolute;
 width:300px;
 height: 10px;
 background: url(images/work-box-bottom-bg.png) top left no-repeat;
 bottom: -10px;
 left:0px;
}

.project-detail-left p, .project-detail-right p{
 margin:0.2em 0 0.3em;
 line-height: 1.4em;
 }
 
 .right-work-box em, .project-detail-right em, .large-detail-box em{
 font-style: italic;
 font-size: 85%;
 color: #818181;
 line-height: 1.4em;
 display: inline;
}

.project-detail-left em{
 
 font-style: normal;
 
 font-size: 93%;
 color: #999999;
 line-height: 1.3em
}

 .project-heading-right{
 float:right;
 height: 50px;
 }

.project-heading-left{
float:left;
 height: 50px;
}

.project-heading-right p, .project-heading-left p{
  margin:0.2em 0 0.3em;
 line-height: 1.4em;
 }
 
 .project-detail-left{
 float:left;
 width: 135px;
 margin: 0 0 6px 0;
 display: inline;
 }
 
.project-detail-right{
 float:left;
 width: 115px;
 margin: 0 0 0 20px;
 }

#project-description p  {

  margin:0.2em 0 0.5em;
 line-height: 1.4em;
}

.work-navigation{
float:right;
height: 50px;

}

.work-navigation p{
margin-top: 20px;

}

#contact-details-page .hr-270-dash{
 border: 0;
 height: 2px;
 width: 260px;
 background: url(images/hr-dash.gif) no-repeat;
 margin: 0 0 20px 0;
 clear: both;
}

#portfolio  strong {
 color: #DBDBDB;
 }
 
 #portfolio  p {
 margin:0.1em 0 0.3em;
 /* line-height: 1.4em; */
 }

.left-work-box{
 float:left;
 width: 160px;
 margin: 5px 20px 0 0;
}

.left-work-box img{
 margin: 0;
}

.left-work-box a{
 float:left;
 margin: 10px 5px 10px 0;

}

 .right-work-box{
 float: left;
 width: 80px;
 margin: 5px 0 0 0;
}


.right-work-box /* , .project-detail-right em, .large-detail-box */ em{
 font-style: italic;
 font-size: 85%;
 color: #818181;
 line-height: 1.4em;
 display: inline;
 letter-spacing:0.3px;
}


/*-------------------------------------------------------------------------------------------*/
/* 3. ABOUT */
/*-------------------------------------------------------------------------------------------*/

.large-detail-box{
 position: relative;
 width: 900px;
 float: left;
 padding:20px;
 background: #101010 url(images/view-details-bg.png) top left no-repeat; 
 margin: 0 0 0 0;
}

.left-detail-box{
  float:left;
 width: 600px;
 margin: 0 20px 0 0;
}

.left-project-detail-box{
 float:left;
 width: 270px;
 margin: 0 20px 0 0;
}


.right-project-detail-box{
 float: left;
 width: 600px;
 margin: 0 0 0 5px;
}


.right-detail-box{
 float: left;
 width: 270px;
 margin: 0 0 0 5px;
}

.work-box strong, .work-box-middle strong, .large-detail-box strong, .large-detail-box strong, .right-detail-box strong {
 color: #DBDBDB;
 }
 
 .column-left{
 float: left;
 width: 270px;

}

.column-right{
 float: left;
 width: 270px;
 margin: 0 0 0 20px;

}

#large-detail-bottom, #large-detail-box-bottom {
 position: absolute;
 width:940px;
 height: 10px;
 background: url(images/view-details-bg-bottom.png) top left no-repeat;
 bottom: -10px;
 left:0px;
}
/*-------------------------------------------------------------------------------------------*/
/* 3. Contact Page */
/*-------------------------------------------------------------------------------------------*/


#contact-details-page{
 position: relative;
 float: left;
 width: 250px;
 margin:3px 0 0 15px;
 

}

#contact-details-page dl{
 float: left;
 margin: 0 0 20px 0;
 font-size: 93%;
 /* width: 200px; */
}

#contact-details-page dt {
 clear: both;
  color:#DBDBDB;
 float:left;
 font-weight:bold;
 width:90px;
 margin: 0 0 10px 0;
 display: inline;

}

#contact-details-page dd {
float:left;
margin: 0 0 10px 0;
color:#ADADAD;
width: 130px;

}

#contact-details-page a img {

margin: 12px 10px 0 0;

}

#contact-details-page div.hr-270-dash{
 border: 0;
 height: 2px;
 width: 260px;
 background: url(images/hr-dash.gif) no-repeat;
 margin: 24px 0 20px 0;
 clear: both;
}


/* FORM STUFF */

.ginput_container {
position: relative;
float:left;

min-height:35px;
}

.gform_wrapper .top_label .gfield_label  {

display:block;
float:left;
width: 190px;
}

.medium gfield_select{
width: 350px;

}
/*
#contact_form{
 margin: 40px 0 0 0;
}

label                       { width: 190px; display: block; }

input[type=text], textarea  { width: 350px; outline: none; }

.rowElem 
label.error                 { float: none; font-style: italic; color: #0099cc;
                              position: absolute; top: 16px; left: 0; 
                              font-size: 12px; }
form span.req {
 color:#0099cc !important;
 display:inline;
 float:none;
 font-weight:bold;
 margin:0;
 padding:0;
}
                              
.rowElem #jqTransformTextarea-mm
label.error                 { top: 28px; }

#changeTypeArea             { float: left; margin: 0 0 10px 0; width: 350px; }

.rowElem                    { position: relative; clear: both; min-height: 35px; }
.rowElemSelect              { clear: both; min-height: 35px; margin: 20px 0;}

.thanks                     { color: #dbdbdb; font-weight: bold; }


.jqTransformTextarea, 
.jqTransformSelectWrapper   { margin: 0 0 8px 0; }
*/
		

/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/


#breadcrumb { height:44px; position: relative; z-index: 21; width:940px;}
/* #breadcrumb img.rss { position:relative; margin:9px 0 0 10px; } */

#main{
width: 670px;
margin-top: 10px;
}


.post .title  { /* width:100%; */position:relative; margin: 0 0 5px 0; }
.post .title a:link, .post .title a:visited  { color: #222; }

.post-meta{font-family:Arial, Helvetica, sans-serif; margin: 0 0 15px 20px;font-size:85%;color:#9F9F9F;}

.post-meta .comments a  { padding: 0 0 0 20px; text-transform: uppercase; }

/* .post p.tags{background:url(images/ico-tag.gif) no-repeat center left;padding-left:25px;width:100%;clear:both;} */

#main .post .entry  { width: 593px;  }




/*Blog Post by Category Styling*/

#main h3 { 
 
 padding: 20px 0 0 20px;

 }

#main .post .blog-box-top{
 position: absolute;
 height: 25px;
 left: 0;
 top:-25px;
 width: 613px; 
 background: url('images/blog-box-top-longer.gif') no-repeat left top;
 padding-top: 5px;
}
/*
#main .category-text h3 { 
 background: url('images/blog-box-top.gif') no-repeat left top;


 }
 
#main .category-link h3 { 
 background: url('images/blog-box-top.gif') no-repeat left top;
}
 
*/
#main .post {
 position: relative;
 margin: 15px 0 25px 57px;
 width: 613px;
 background: url('images/blog-box-middle.gif') repeat-y;
 
 }


#main .post .blog-box-bottom{
 position: absolute;
 height: 10px;
 left: 0;
 bottom:-9px;
 width: 613px; 
 background: url('images/blog-box-bottom.gif') no-repeat left bottom;
 padding-bottom: 10px;

}

.category-text .comment-bg{
 position: relative;
 float: left;
 margin:15px 0 0 -57px;
/*  margin-top: -38px; */
 width:57px;
 height: 110px;
 background: url('images/text-comment-bg.png') no-repeat;
 
 }
 
#main .category-text img {
margin:15px 0 15px 20px;
}

#main .category-text p{
margin:5px 0 15px 20px;
}

#main .category-link p{

 padding: 0 0 15px 20px;
}

#main .category-photo img {
 margin: 15px 0 15px 20px;
}


#main .category-photo p {
padding: 0 0 15px 20px;
}

#main .category-photo h3{
padding: 5px 0 5px 20px;
}

#main .category-video embed {
 margin: 0 0 0 20px;
 background:none repeat scroll 0 0 #FFFFFF;
 padding:10px;
} 


#main .category-video h3{
padding: 5px 0 5px 20px;
}

#main .category-video p {
 padding: 0 0 15px 20px;
} 

/*
#main .category-quote blockquote {
 margin: 11px 0 0 0;
} 
*/

.category-photo .comment-bg{
 position: relative;
 float: left;
 margin:15px 0 0 -57px;
/*  margin-top: -38px; */
 width:57px;
 height: 110px;
 background: url('images/photo-comment-bg.png') no-repeat;
 
 }

.category-video .comment-bg{
 position: relative;
 float: left;
 margin:15px 0 0 -57px;
/*  margin-top: -38px; */
 width:57px;
 height: 110px;
 background: url('images/video-comment-bg.png') no-repeat;
 
 }
 
div.category-link h3.title, div.category-text h3.title, div.category-video h3.title, div.category-photo h3.title,div.category-quote h3.title {
 display: none;
}

#main .category-link h3 {
 padding: 0 0 0 0;
 margin: 10px 0 0 0;
 color: #666666;
 }
 
#main .category-quote h3 {
 padding: 5px 0 0 0;
 margin: 0.2em 0 0 20px;
 } 
 
#main .category-text h3 {
 padding: 5px 0 0 0;
 margin: 0.1em 0 0 20px;
 } 

.category-link .comment-bg{
 position: relative;
 float: left;
 margin:15px 0 0 -57px;
/*  margin-top: -38px; */
 width:57px;
 height: 110px;
 background: url('images/link-comment-bg.png') no-repeat;
 }
 
 
.link-box{
 -moz-border-radius: 4px 4px 4px 4px;
 background-color:#212121;
 border-top:2px solid rgba(0, 0, 0, 0.15);
 margin:15px 0 0 0;
 display: block;
 height: auto;
 margin: 0 0 20px 20px;
 padding:15px 30px;
 }

 
.category-quote .comment-bg{
 position: relative;
 float: left;
 margin:15px 0 0 -57px;
 width:57px;
 height: 110px;
 background: url('images/quote-comment-bg.png') no-repeat;
 }

.category-quote br, .category-link br{
font-size: 5%;}

.category-quote blockquote{
 -moz-border-radius:4px 4px 4px 4px;
 background-color:#212121;
 border-top:2px solid rgba(0, 0, 0, 0.15);
 font-size: 146.5%;
 margin:15px 0 0 0;
 }

div.quote-author{

 background:url('images/quote-arrow-grey.gif') no-repeat scroll 80px 0 transparent;
 color:#FFF;
 margin-top:0;
padding:20px 10px 10px 20px;
 position:relative;
 }
 
 
.comment-count{
 position: absolute;
 margin: 75px 0 0 35px;
 }



.tags { 

display:block;
float:right;
height:20px;
list-style-type:none;
margin:0;
padding:0 0 20px 20px;

}

.tags li{
 
 display:block;
 float:left;
 font-size:77%;
 /* font-weight:bold; */
 color: #9F9F9F;
/*  text-transform:uppercase; */

}

.meta-post li.tag_title, .tags li.tag_title {
padding-top:4px;
}

.tags li a, .tags li a:link, .tags li a:visited {
-moz-border-radius:3px 3px 3px 3px;
background:none repeat scroll 0 0 #111111;
display:block;
margin:0 0 0 10px;
padding:4px 8px;
}


.date_title {
padding-top:4px;
}



.meta-section{
 
 width:583px;
 margin: 0 0 30px 60px;

}

ul.meta-post{
margin:0 0 0 20px;
}


ul.meta-post li{
color:#9F9F9F;
display:block;
float:left;
font-size:77%;
padding: 0 0 5px 0;
}

ul.meta-post li a, ul.meta-post li a:link, ul.meta-post li a:visited{
-moz-border-radius:3px 3px 3px 3px;
background:none repeat scroll 0 0 #111111;
display:block;
margin:0 0 0 10px;
padding:4px 8px;

}


/*
img.rss-img{

float:left;
margin: -5px 0 0 0;

}
*/


.rss-feed{

float:left;
margin: -5px 0 0 15px;

}

.rss-feed a {
-moz-border-radius:3px 3px 3px 3px;
background:none repeat scroll 0 0 #111111;
margin:0 0 0 10px;
padding:4px 8px;
}


#sidebar h4{

margin: 0 0 0 10px;

}

.post-404 p, .post-search p {
margin-bottom: 70px;
}

.blog-image{
 display:block;
height:auto;
 text-align: center;
 padding: 10px;
 margin-bottom: 15px;
 background:none repeat scroll 0 0 #FFFFFF;
 
}


/* 3.1 Typographic Elements */
/*
.entry h1 {}  .entry h2 {}  .entry h3 {}  .entry h4 {}  .entry h5 {}  .entry h6 {}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6  {	margin: 0 0 15px 0; }
*/

/* .entry p  { padding: 0 0 20px 0; } */

.entry blockquote  { padding: 15px 30px; color: #777777; margin:0 0 0 20px;}
.entry blockquote p  {}

.entry ul  { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ul ul  { margin: 0; }
.entry ul li  {	list-style-type: circle; }
.entry ul ul li  { list-style-type: disc; }

.entry ol  { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ol ol  { margin: 0; }
.entry  ol li  { list-style-type: upper-latin; }
.entry  ol li ol li  { list-style-type: lower-latin; }

/* 3.2 Images */
/* .entry img  { padding: 5px;	border: 1px solid #ccc; } */
img.wp-smiley  { padding: 0; border: none; }

.entry .alignleft  { float: left; width: auto; margin: 10px 15px 10px 0; }
.entry .alignright  { float: right; width: auto; margin: 10px 0 10px 15px; }
.entry .aligncenter  { text-align: center; }

.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F4; border: solid 1px #e6e6e6; }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0; padding:0; font-size:11px; text-align:center; }

/* 3.3 Pagination / WP-Pagenavi */
.more_entries {font-size:14px; line-height:18px; font-style:italic !important;}
.more_entries a { display: block; margin: 0; background:#F7F7F7; border-bottom:1px solid #DBDBDB; padding:4px 8px; color:#777;  }
.more_entries a:hover { text-decoration:none; }

.more_entries .wp-pagenavi { margin: 15px 0; text-align: right;  }
.more_entries .wp-pagenavi a:link,
.more_entries .wp-pagenavi a:visited { display: inline; text-decoration: none; background: #efefef;color: #777; padding: 4px 8px; border:none; border-bottom:1px solid #DBDBDB; }
.more_entries .wp-pagenavi .current, 
.more_entries .wp-pagenavi .on,
.more_entries .wp-pagenavi a:hover { padding: 4px 8px; background: #F7F7F7; color:#777; border:none; border-bottom:1px solid #DBDBDB;  }
.more_entries .wp-pagenavi .extend, 
.more_entries .wp-pagenavi span.pages { background: #F7F7F7;color: #777; padding: 4px 8px; border:none;  border-bottom:1px solid #DBDBDB;}


/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/

/* 4.2 Generic Widgets */
.widget  { margin: 0 0 20px 0; }
.widget h3  { margin: 0 0 15px 0;text-transform:uppercase; font-size:14px; text-transform:uppercase; color:#777; }

.widget p { color:#9F9F9F; }
.widget ul  { clear:both; }
.widget ul li  { background: url(images/ico-bullet.png) no-repeat left 8px; padding-left:15px; }
.widget ul li a  { display: block; padding: 3px 0; line-height: 18px; text-decoration: none; color:#666; }
.widget ul li a:hover  { color: #000; }
.widget ul ul  { padding: 0 0 0 15px; border-top: none; }

/* 4.2 Specific Widgets */

/* WIDGET FORMS */
#searchform  { margin: 0 0 0 0;  position:relative; }
#searchform .btn { position:absolute; right:5px; padding-bottom: 4px; bottom:0; }
.widget input#s, .widget input.field  { width: 208px; height:37px; padding: 2px 10px 2px 15px; /* margin-left:10px; */ border: 0; color:#fff; 
background:url('images/search-bg-img.gif') no-repeat transparent; }
.widget input.submit  { }
.widget .screen-reader-text  { display: none; }

/* FLICKR */
.widget_woo_flickr h3  {}
.widget_woo_flickr h3 span{color:#0061D8;}
.widget_woo_flickr h3 span span{color:#FF1183;}
.widget_woo_flickr .flickr_badge_image  { width: 75px; float: left; margin: 4px 6px; }

.widget_woo_flickr .wrap  { margin-left: -5px; position: relative; margin-bottom: 25px; padding: 0; }
.widget_woo_flickr a img  { float: left;  margin: 0;  display: block; border: #CECFC6 1px solid; padding: 3px;}
.widget_woo_flickr a:hover img  { border:#A8AA99 1px solid; }

/* LIFESTREAM */
.widget_lifestream ul li  { border-bottom: 1px solid #e0e6e6; }
.widget_lifestream ul li a  { border:none; background:none!important; }
.widget_lifestream ul .lifestream_meta  { color: inherit; }

/* CALENDAR */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}

/* MISC */
.adspace-widget { text-align:center; }

/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 5.1 Comments */
#comments {position:relative;margin: 20px 0 30px 60px;padding:0;width: 573px;}
#comments h3{ color:#555; font-weight:normal; padding:20px 0 0 20px;}
#comments .comment.thread-even { background: #f7f7f7; border-bottom:1px solid #b2b2b2; }
#comments .comment{margin-top:10px;width:100%;list-style-type:none;}
#comments .comment .comment-container  { padding: 15px 20px; }
#comments .comment-head  { margin: 0 0 15px 0; }
#comments .comment-head .avatar  { float: right; margin: 0 0 10px 10px; }
#comments .comment-head .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; }
#comments .comment-head .name  { margin: 0; font-weight: bold; font-size: 15px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; }
#comments .comment-entry p  { margin: 0 0 10px 0;}
#comments .reply { padding-top:10px; }
#comments .reply a {  padding:1px 15px; background:#e7e7e7; color:#444; text-decoration:none; font-size:12px; text-transform:uppercase;}
#comments .reply a:hover { background:#06a0f0; color:#fff; }

#comments ul.children{margin:10px 0 0 25px;padding:0; }
#comments .cancel-comment-reply{margin-bottom:10px;}

#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}

#comments h3#pings { margin-top:25px; }
#comments .pingbacks li.pingback { margin:10px 0; }
#comments .pingbacks li.pingback .reply { display:none; }

/* 5.2 Comments Form */
#respond  { width:573px; margin: 25px 0 30px 60px; }
#respond h3  { color:#555; font-weight:normal; padding:20px 0 0 0;}
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }

#commentform  {	margin: 15px 0 0 0;  }
#commentform input.txt  {  color:#666; background: #fcfcfc; width: 170px; margin: 0 5px 10px 0; padding: 7px 10px; border: 3px solid #e2e2e2; }
#commentform textarea  { color:#666; background: #fcfcfc; width: 95%!important; padding: 7px 10px; border: 3px solid #e2e2e2; }

input, textarea, submit { font-family: "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif;  font-size: 14px; }
#commentform #submit  { margin: 15px 0 0 0; background:#f0f0f0 url(images/ico-bullet.png) no-repeat 90% 50%; color:#333; font-size:12px; text-transform:uppercase; border:none; padding:4px 25px 4px 15px; }
#commentform #submit:hover  { background:#06a0f0 url(images/ico-bullet.png) no-repeat 90% 50%; color:#fff; cursor:pointer; }

/* 5.3 Pingbacks / Trackbacks */
h3#pings  { margin: 25px 0 10px 0; }
.pinglist li  { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author  { font-weight: bold; font-size: 15px; }
.pinglist li .date  { font-size: 11px; }
.pinglist li .pingcontent  { display: block; margin: 10px 0; }

#slider a:hover{
 color:#666666;

}


.entry .leftcolumn, .entry .rightcolumn {width: 50%; }
.entry .leftcolumn {float: left;  }
.entry .rightcolumn {float: right; }
.entry .leftcolumn p {padding-right: 0.5em; }
.entry .rightcolumn p {padding-left: 0.5em; }
.entry .topcolumn {clear: both; }