/*   
Theme Name: Apropos
Description: (c) Apropos/Green Jersey 2009
Author: Dan Luton
Author URI: http://www.greenjersey.com
Version: 1.0
*/
/* Global Reset */
html{height:100.2%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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;}
li{list-style:none;}
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;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#111;}

/*************************************************** 
**                Standard Styles                 **
***************************************************/
h1 {font-size:200%;margin-bottom:12px;}
h2 {font-size:180%;margin-bottom:12px;}
h3 {font-size:140%;margin-bottom:12px;}
h4 {font-size:100%;margin-bottom:12px;font-family:"Trebuchet MS", Arial, Sans-Serif;letter-spacing:1px;}
h5 {font-size:120%;margin-bottom:12px;}
h6 {font-size:100%;margin-bottom:12px;}
a:link,
a:visited,
a:active,
a:focus {color:#666;text-decoration:none}
a:hover {color:#f90}
p {margin-bottom:12px;}
ul {margin:0 0 12px 20px;}

/* Layout */
body {margin-top:10px;font:13px/140% Georgia,"Times New Roman",Serif;color:#111;}
body.home {background:#fff url(images/main-bg.png) 605px 0 repeat-y;}
body.Blog{background:#666}
#wrapper {width:940px;margin:10px 0 0 15px}
.home #wrapper {width:940px;}
.Portfolio #wrapper,
.Clients #wrapper
.Blog #wrapper,
.search-results #wrapper {width:750px;}

/*************************************************** 
**                   Headers                      **
***************************************************/
/* Portfolio Header */
#portfolioHeader {background:#FF0;margin:0 0 10px 0;position:relative;height:195px}
	#portfolioHeader #topSection {background:#fff;font-size:11px;font-family:"Trebuchet MS", Arial, Sans-Serif;height:24px;}
	#portfolioHeader #topSection .padding {background:url(images/horiz-sep.png) 0 0 repeat-x;margin:2px 10px 0 10px;padding:3px 0 4px 0}
	#portfolioHeader h1 {display:block;height:63px;overflow:hidden;color:#231F20;font-family:Georgia,"Times New Roman",Serif;font-size:36px;line-height:32px;border-bottom:7px solid #000;margin:19px 0 0;padding:7px 0 4px 0;background:url(images/horiz-sep.png) 0 0 repeat-x;}
	#portfolioHeader #topSection #headerMeta {float:right;}
	#portfolioHeader #topSection #headerMeta a {color:#666;text-decoration:none;}
	#portfolioHeader #topSection #headerMeta a:hover {color:#d70;}
	#portfolioHeader .padding {padding:10px;}
	#portfolioHeader #mainLogo {background:url(images/main-logo.png) 0 0 no-repeat;width:182px;height:32px;}
		#portfolioHeader #mainLogo a {width:182px;height:32px;display:block;}
		#portfolioHeader #mainLogo a span {display:none;}
	/* Searchform */
	#searchform {float:left;}
	#searchform .inputbox {padding:0;margin:0;border:0;padding:2px;width:136px;}
	/* Clock */
	.clock {position:absolute;right:10px;top:30px;font-family:"Trebuchet MS", Arial, Sans-Serif}
	.jclock {float:left;}
	/* jQuery Tooltips */
	.toolTip {position: relative;z-index:100}
	.toolTipWrapper {width: 240px;position: absolute; top: -7px;margin-left:-36px;display: none; color: #FFF;font-weight:normal;font-size: 100%;background:#333;line-height:125%;}
		.toolTipMid { padding: 7px 4px;	}
		.toolTipMid a {color:#f90!important;}

/* Blog Header */
#blogHeader {background:#F00;margin:0 0 10px 0;height:195px;position:relative;}
	#blogHeader #blogTopSection {background:#666;font-size:11px;font-family:"Trebuchet MS", Arial, Sans-Serif;height:24px;color:#fff}
	#blogHeader #blogTopSection .padding {background:url(images/horiz-sep-white.png) 0 0 repeat-x;margin:2px 10px 0 10px;padding:3px 0 4px 0}
	#blogHeader #blogTopSection #headerMeta {float:right;}
	#blogHeader #blogTopSection #headerMeta a {color:#ccc;text-decoration:none;}
	#blogHeader #blogTopSection #headerMeta a:hover {color:#f90;}
	#blogTopSection #searchform .inputbox {background:none;color:#fff;}
	#blogHeader .padding {padding:6px 10px 10px;}
	#blogHeader #blogLogo {background:url(images/home-blog-logo.png) 0 0 no-repeat;width:100%;height:42px;border-bottom:7px solid #fff;padding:0 0 6px 0;margin:24px 0 5px 0;}
	#blogHeader #blogLogo a {height:42px;width:171px;display:block;}
	#blogHeader #blogLogo a span {display:none;visibility:hidden;}
	#blogHeader #blogIntro {background:url(images/horiz-sep-white.png) 0 100% repeat-x;height:57px;font-family:"Trebuchet MS", Arial, Sans-Serif;font-weight:bold;font-weight:normal;margin:0;overflow:hidden;font-size:11px;line-height:15px;}
	a.blogLink {color:#fff;font-weight:bold;text-decoration:none;font-family:"Trebuchet MS", Arial, Sans-Serif}
	a.blogLink:hover {text-decoration:underline}
	#blogHeader #mainLogo {background:url(images/main-logo-blog.png) 0 0 no-repeat;width:290px;height:32px;}
		#blogHeader #mainLogo a {width:182px;height:32px;display:block;}
		#blogHeader #mainLogo a span {display:none;}
		
	/* Twitter Feed */
	#twitter {height:55px;background:url(images/horiz-sep.png) 0 0 repeat-x;margin-top:20px;font-family:"Trebuchet MS", Arial, Sans-Serif;font-size:12px;line-height:120%;border-bottom:7px 	solid #000;overflow:hidden;padding-top:18px;color:#fff}
	p.twitter-message {padding:0;margin:0;white-space: nowrap}
	span.twitter-timestamp {color:#000;display:block;}
		
/* Header Main Menu */
#headerMenu {font-family:"Trebuchet MS", Arial, Sans-Serif;font-weight:bold;margin-top:8px;line-height:100%}
#headerMenu ul {list-style:none;padding:0;margin:0;}
#headerMenu li {float:left;}
#headerMenu a {text-decoration:none;color:#000;padding:0}
#headerMenu a:hover {text-decoration:underline}
#headerMenu .menuSep {float:left;margin:0 6px;}	
	/* Menu States */
	.Portfolio #headerMenu li.portfolioLink a,
	.Blog #headerMenu li.blogLink a,
	.Page .pid-2 #headerMenu li.aboutLink a{text-decoration:underline}
	
/*************************************************** 
**                Main Columns                    **
***************************************************/
.col1 {width:410px;float:left;}
.col2 {width:180px;float:left;}

/* Home Page Layouts */
#portfolioContainer {float:left;width:590px;margin:0;background:#fff;}
	.home #portfolioContainer .col1 {width:410px;float:left;}
	.home #portfolioContainer .col2 {width:180px;float:left;}
	
.home #blogContainer {float:left;width:350px;margin:0 0 10px 0;color:#fff}
	.home #blogContainer .col1 {width:200px;float:left;font-size:11px;line-height:130%;}
		.home #blogContainer .col1 .padding{padding:0 0 0 10px}
	.home #blogContainer .col1 h4 {font-size:13px}
	.home #blogContainer .col2 {width:150px;float:left;}
	
/* Portfolio Page Layout */
.Portfolio #portfolioContainer,.Clients #portfolioContainer {float:left;width:590px;margin:0 0 10px 0}
	.Portfolio #portfolioContainer .col1,.Clients #portfolioContainer .col1 {width:410px;float:left;}
	.Portfolio #portfolioContainer .col2,.Clients #portfolioContainer .col2 {width:180px;float:left;}
	.postPortfolio h2 {background:#000;line-height:100%;padding:3px 8px 3px 4px;display:inline-block;font-size:20px;font-weight:normal;margin:0 0 5px 0}
	#portfolioContent h4 {margin:0 0 4px 0}
	/* Posts */
	.postPortfolio {}
	.postPortfolio .separator,
	.entry .separator {line-height:0;font-size:0;height:15px;background:url(images/horiz-sep.png) 0 0 repeat-x;}
	.postPortfolio h2 a {text-decoration:none;}
	.postPortfolio a.permalink {color:#fff;}
	.postPortfolio a.permalink:hover {color:#ddd}
	.postPortfolio .tags,.postPortfolio .tags a {color:#f90;}
	.postPortfolio .tags a:hover {color:#d70}
	a.more-link {color:#666;text-decoration:none;font:100%/100% "Trebuchet MS",Arial,Sans-Serif;}
	a.more-link:hover{color:#fff;background:#666}
	a.more-link {white-space: nowrap;}
	/* Carousel Gallery */
	.home .carousel-gallery .jcarousel-scroll {display:none;}
	.carousel-gallery img {overflow:hidden;}
	.jcarousel-container,.jcarousel-list li,.jcarousel-item,.jcarousel-clip{height:266px!important}
	h2.cgj_title{display:none}
	.jcarousel-list li,.jcarousel-item,.jcarousel-skin-neat .jcarousel-clip-horizontal{width:400px;height:266px}
	.jcarousel-scroll {margin:8px 0 5px 0;height:6px;line-height:0;font-size:0;}
	.carousel-gallery a.cgj_prev,
	.carousel-gallery a.cgj_next {width:10px;height:6px;background-image:url(images/image-arrows.png);background-repeat:no-repeat;display:inline-block;text-indent:-20000px;outline:none;}
	.carousel-gallery a.cgj_prev {background-position:0 0;margin-right:4px;}
	.carousel-gallery a.cgj_next {background-position:-10px 0}
	.carousel-gallery a.cgj_prev:hover {background-position:0 -6px}
	.carousel-gallery a.cgj_next:hover {background-position:-10px -6px}
	
/* Single Post Page Layouts */
/* General */
.Page #portfolioContainer {float:left;width:590px;margin:0 0 10px 0}
	.Page #portfolioContainer .col1 {width:410px;float:left;}
	.Page #portfolioContainer .col2 {width:180px;float:left;}
	p.postNavPrev,p.postNavNext {margin-bottom:5px;display:inline-block;font-family:"Trebuchet MS", Arial, Sans-Serif}
	p.postNavPrev {margin-right:10px}
	.blogPage p.postNavPrev,.blogPage p.postNavNext {padding-top:5px;}
	.postNav a {color:#666;text-decoration:none;font:100%/100% "Trebuchet MS",Arial,Sans-Serif;}
	.postNav a:hover {color:#f90}
	.blogExcerpt p{margin:0;float:left;margin-right:5px;}
	.blogExcerpt {margin-bottom:10px;}
	.blogExcerpt .more-link {font:100%/100% "Trebuchet MS",Arial,Sans-Serif;}
	.entry h3 {margin:0 0 4px 0; }
/* Portfolio Single Post Page */
.Portfolio #portfolioHeader.single {background:#ff0}
.Portfolio #portfolioHeader.single #mainLogo {background-position:0 0}
#portfolioHeader #headerImg {display:block;height:63px;overflow:hidden;border-bottom:7px solid #000;margin:19px 0 0;padding:7px 0 3px 0;background:url(images/horiz-sep.png) 0 0 repeat-x;}
.entryData {font-family:"Trebuchet MS", Arial, Sans-Serif;line-height:120%;color:#666;font-size:90%}
.entryData a {color:#f90;text-decoration:none;font-weight:bold;}
.postmetadata {margin-top:10px;}
.postmetadata a {margin-right:6px;}
.postmetadata a:hover,.stbuttontext:hover {background:#000}
.postmetadata span {padding:0;margin:0;}
a.stbutton {padding:0!important;background:none!important;}
textarea#comment {width:100%;background:#f8f8f8;border:1px solid #ccc}

/* Blog Category Posts */
/* Blog Post Titles */
.postBlog h2 {background:#000;line-height:100%;padding:3px 8px;display:inline-block;font-size:20px;font-weight:normal;color:#fff;}
.postBlog h2 a {text-decoration:none;}
.postBlog a.permalink {color:#fff;}
.postBlog a.permalink:hover {color:#ddd}
.postBlog .postDate {color:#f90;}

/* Blog Page Layout */
.Blog #blogContainer {float:left;width:590px;margin:0 0 10px 0}
	.Blog #blogContainer .col1 {width:410px;float:left;background:#fff;}
	.Blog #blogContainer .col2 {width:180px;float:left;color:#fff}
	.blogPage #blogHeader {background:#f90;}
	.Blog #blogHeader .padding {padding:10px;}
	.blogPostImage {height:145px;width:190px;overflow:hidden;margin-bottom:10px;}
	.blogPostImage img {height:145px;width:190px}	
	.blogPostDate {display:inline;}
	h3.blogPostTitle {display:inline;font-size:100%}
	h3.blogPostTitle a {color:#fff;text-decoration:none;}
	h3.blogPostTitle a:hover {background:#fff;color:#333}
	#blogContent h4 {margin:0 0 8px 0}
	.blogEntry a.more-link {color:#fff;text-decoration:none;display:inline-block}
	.blogEntry a.more-link:hover{background:#fff;color:#333}
	.postBlog .separator {line-height:0;font-size:0;height:15px;background:url(images/horiz-sep-white.png) 0 0 repeat-x;}
	.blogPage .postBlog .separator {line-height:0;font-size:0;height:15px;background:url(images/horiz-sep.png) 0 0 repeat-x;}
	.navigation .nextlink,.navigation .prevlink {display:inline-block;padding-bottom:5px;}
	
#footer {clear:both;font-size:80%;color:#aaa;padding-left:10px;}
#footer a {color:#aaa;}
#footer a:hover {color:#f90}
#footer a.backToTop {font:120%/100% "Trebuchet MS",Arial,Sans-Serif;text-decoration:none;}

/* Category List (Portfolio) */
h3.portfolioCatTitle {font-weight:normal;font:100%/100% "Trebuchet MS",Arial,Sans-Serif;margin:0;padding:0;}
.portfolioBlock {margin-bottom:10px;}
.portfolioBlock h4 {margin-bottom:5px!important;}
.portfolioBlock li {margin:0 0 5px 0;padding:0 0 7px 0;background:url(images/horiz-sep.png) 0 100% repeat-x}
.portfolioBlock span,.portfolioBlock p {padding:3px 0;}
.portfolioBlock a {color:#999;text-decoration:none;}
.portfolioBlock a:hover {color:#fff;background:#000}
a.blockLink {text-decoration:none;color:#000;line-height:130%}
a.blockLink:hover,
a.blockLink:hover span.blockTitle,
a.blockLink:hover div.blockExcerpt span {background:#000;color:#fff;}
span.blockTitle {font-size:100%;line-height:13px;}
.blockExcerpt {color:#666;font:12px/130% Georgia,"Times New Roman",Serif;margin:0;}
.blockExcerpt span {}

/* Comments */
div#respond h3,
h3#comments {padding:15px 0;display:block;color:#444;font:90%/40px "Trebuchet MS",Arial,Sans-Serif;margin:0;padding:0;font-weight:bold;background:url(images/horiz-sep.png) 0 0 repeat-x}
h3#comments span.commentPostTitle {color:#f90;}
ol.commentlist li {background:url(images/horiz-sep.png) 0 0 repeat-x;padding:15px 0;color:#666;font-style:normal}
ol.commentlist .comment {color:#000;font-style:italic}
ol.commentlist p {margin-bottom:0;}
ol.commentlist em {background:#000;color:#fff;padding:2px;}
.comment-author img {float:left;margin-right:6px;}
.comment-author {line-height:32px;font-weight:normal;color:#666;font-style:normal}
.comment-meta a {color:#666;text-decoration:none;font-style:normal}
.comment-meta a:hover {color:#f90}

/* Search Results */
a.permalink {color:#fff;}
a.permalink:hover {color:#ddd}
h2 span.postCat, h2 span.postCat a {color:#f90}
h2 span.postCat a:hover {color:#d70}

/*************************************************** 
**                   SideBars                     **
***************************************************/
/* Portfolio */
/* Tag List */
#portfolioTags {margin-bottom:5px;padding-bottom:10px;background:url(images/horiz-sep.png) 0 100% repeat-x}
#portfolioTags a {text-transform:uppercase;text-decoration:none;color:#000;font-weight:bold;}
#portfolioTags a:after {content:':';}
#portfolioTags a:hover {text-decoration:underline;}

/* Blog */
#blogContainer .col2 a {color:#fff;text-decoration:none;}
#blogContainer .col2 #blogCategoryList {margin-bottom:5px;background:url(images/horiz-sep-white.png) 0 100% repeat-x;padding:0 0 10px 0}
#blogContainer .col2 #blogCategoryList a {text-transform:uppercase;font-weight:bold;}
#blogContainer .col2 #blogCategoryList .cat-item a:after {content:':';}
#blogContainer .col2 #blogCategoryList a:hover {text-decoration:underline;}
#blogContainer .col2 .latestBlogPostsList {margin-bottom:10px;}
#blogContainer .col2 .latestBlogPostsList li {background:url(images/horiz-sep-white.png) 0 100% repeat-x;padding:5px 0}
#blogContainer .col2 .latestBlogPostsList li a {display:inline-block;}
#blogContainer .col2 .latestBlogPostsList li a:hover {color:#333;background:#fff}
#close1,#close2{background:url(images/close-button.png) 100% 50% no-repeat;display:block}

/* Menu Active States */
/* Portfolio */
.Advertising #portfolioTags a.show-Advertising,
.Branding #portfolioTags a.show-Branding,
.print #portfolioTags a.show-print,
.web #portfolioTags a.show-web {text-decoration:underline}
/* Blog */
/* Auto-generated in header.php */

/*************************************************** 
**                 General Styles                 **
***************************************************/
/* Header Style Overrides */
.search-results #portfolioHeader {background:#ccc} /* Search Results header colour */
#blogHeader.catid-10 {background:#690} /* Example Blog Category header colour */
#blogHeader.catid-6 {background:#ff3399} /* Example Blog Category header colour */
#blogHeader.catid-11 {background:#3366ff} /* Example Blog Category header colour */

/* Padding */
.padding {padding:10px;}
#portfolioContent .padding {padding:0 0 0 10px;}
#portfolioSidebar .padding {padding:0 10px;}
#blogContent .padding {padding:0 10px;}
#blogSidebar .padding{padding:0 0 0 10px}
#blogContent.categoryView .padding,
#blogContent.archiveView .padding{padding:10px 10px 0 10px}

/* General */
.floatLeft {float:left;display:inline}
.floatRight {float:right;}
.clearboth {clear:both;}
.col2 {font-family:"Trebuchet MS", Arial, Sans-Serif}
.col2 ul {margin:0;padding:0;}
.col2 h4 {margin:0;}
.current-cat {text-decoration:underline}
a.cboxelement {margin-right:5px;}