@import url('../blueprint/reset.css'); 
@import url('../blueprint/typography.css'); 
@import url('../blueprint/forms.css'); 

/*---------------------------- GLOBALS --------------------------*/

body { 
background-color: #F0ECE4; 
color: #333; 
font: 12px Georgia, "Times New Roman", Times, serif;
height: 100%; 
min-height: 100%;
}

.clearfix:after	{ 
	clear: both; 
	content: "."; 
	display: block; 
	height: 0; 
	line-height: 0; 
	visibility: hidden;
}

.clearfix { 
	display: inline-block; 
}

html[xmlns] .clearfix { 
	display: block; 
}

* html .clearfix { 
	height: 1%; 
}

:focus {
outline: 0;
-moz-outline-style: none; 
}
p { 
	line-height: 1.5em; 
}

blockquote { 
	border-left: 2px solid #CCC; 
	color: #666; 
	margin: 5px 0 20px; 
	padding: 5px 10px 1px; 
	font-style: normal; 
}



/*------------------------------ STRUCTURE -----------------------*/

#wrapper {
width: 1000px;
background-color: ;
margin: 0 auto;
position: relative;
}

#container {
	background-color: ;
    width: 700px;
    float: left;
	clear: right;
	margin: 0px 0 30px 0px;
	padding: 50px 0 0 40px; /* 55px 0 0 40px */
	min-height: 500px;
	
}

#content {
	background-color: ;
}

/*------------------------------ HEADER ----------------------------*/


#header {
	background-color: #FFFFFF;
	width: 180px;
	margin: 0 0 0 40px;
	padding: 48px 0 20px 0; /* 50px 0 20px 0 */
	float: left;
}


/* Logo ----------------------------*/
.logo { 
	margin: ; 
}

.blog-name { 
	font-weight: bold;
	font-size: 24px; 
	margin: 0 0 0 20px; 
	text-transform: uppercase;
	width: 50px;
}


.blog-name a:link, .blog-name a:visited	{ 
	color: #000000; 
	text-decoration: none; 
}


.blog-name a:hover { }


.logo a { 
	text-decoration: none;
	text-indent: -5000px
}

#blog-title a {
	height: 50px;
	width: 140px;
	display: block;
	background: url(../../images/ben_logo.png);
	
}

#blog-title a:hover {
	height: 50px;
	width: 140px;
	display: block;
	background: url(../../images/ben_logo.png);
	
}
*/

/* Subtitle ----------------------------*/

.blog-description { 
	
	font-size: 11px;
	font-weight: 300; 
	color: #7d716d; 
	font-style: italic;
}



/* Menu Navigation ----------------------*/

#nav {
	background-color: ;
	margin: 25px 0 0px 20px;
	color: #999999;
}

#nav-content { 
}


.sf-menu, .sf-menu ul { 
	list-style: none; 
	line-height: 25px; 
	padding: 0; 
	margin: 0;
	width: 140px;
}

.sf-menu li { 
border-top: solid #CCCCCC 1px; 
width: 135px;
padding: 10px 0 0 0;

}
.sf-menu a { 
	text-decoration: none; 
	display: block;
	color: #666; 
	font-size: 16px;
	height: 35px;	 

}


.sf-menu li	li a { 
	height: 30px;
	
}



/* Drop-down Menu ----------------------*/

.sf-menu ul	{ 
	position: absolute; 
	left: -999em; 
	height: auto; 
	width: 150px; 
	margin: 0; 
	line-height: 1; 
	border: none; 
}

.sf-menu li li { 
	width: 154px; /*148px*/ 
	border-top: solid #333333; 
	border-width: 1px 1px 0; 
}

.sf-menu li li a { 
	background: repeat-x top #FFF; 
	padding: 7px 13px; /*7px 10px*/ 
	width: 128px; 
	font-size: 11px; 
	text-transform: capitalize; 
}

.sf-menu li ul ul { 
	margin: -27px 0 0 148px; 
}

.sf-menu li li:hover { 
}

.sf-menu li:hover ul ul, .sf-menu li:hover ul ul ul, .sf-menu li:hover ul ul ul ul, .sf-menu li.sfhover ul ul, .sf-menu li.sfhover ul ul ul, .sf-menu li.sfhover ul ul ul ul { 
	left: -999em; 
}

.sf-menu li:hover ul, .sf-menu li li:hover ul, .sf-menu li li li:hover ul, .sf-menu li li li li:hover ul, .sf-menu li.sfhover ul, .sf-menu li li.sfhover ul, .sf-menu li li li.sfhover ul, .sf-menu li li li li.sfhover ul { 
	left: auto; 
	z-index: 2; 
}

/* drop-down bg and link*/
.sf-menu li:hover li a, .sf-menu li li:hover li a, .sf-menu li li li:hover li a, .sf-menu li li li li:hover li a { 
	background: repeat-x top #170B00; /*#170B00 #1e1b1a*/
	color: #666; 
}

/* drop-down hover settings */
.sf-menu li ul li:hover a, .sf-menu li ul li li:hover a, .sf-menu li ul li li li:hover a, .sf-menu li ul li li li:hover a { 
	background:  repeat-x top  #170B00; /*#1e1b1a*/
	color: #A3E4D0; 
}


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





/*------------------------------ SIDEBAR ------------------------------*/

.sidebar { }

.sidebar .xoxo { 
	list-style: none; 
	padding: 0; 
	margin: 0; 
}

.widgetcontainer ul, .widgetcontent .xoxo, .widgetcontainer ol { 
	list-style: disc; 
	margin-left: 15px; 
}

.widgetcontainer li	{ 
	margin-bottom: 5px; 
}

.widgetcontainer li a:visited, .widgetcontainer li a:link { 
	text-decoration: none; 
	font-weight: bold; 
	font-size: 12px; 
}

.widgetcontainer li a:hover	{ 
	border-bottom: 1px dotted #635957; 
}

.widgettitle { 
	 
	margin: 0; 
	padding: ; 
	background: ; 
	border: ; 
}

.widgettitle a	{ 
	color: #333; 
}


						





/*------------------------------ THUMBNAILS ----------------------------*/
.entry-thumbnails {
	background-color: ; /* #A3E4D0 #E5D9BF #DCCE71 #DCD3A4 #D0CBC3*/
}


.entry-thumbnails a img {
	filter:alpha(opacity=100); 
	-moz-opacity: 1;
	opacity: 1;
	
}


.entry-thumbnails a:hover img {
	filter:alpha(opacity=15);
	-moz-opacity: .15;
	opacity: .15;
}





.thumb_title_box {
	position: absolute;
	
	font-weight: bold;
	text-transform: lowercase;
	font-variant: small-caps;
	font-size: 12px;
	
	width: 200px;
	height: 120px;

	background-color: #DBD3BC;
	z-index: -1;
	
	
}


#thumb_title {
	text-align: center;
	margin: 45px;
	
}
.thumb_link {

}

.thumb_link:hover {

}



/*
.entry-thumbnails a:hover img {
	background-color: #CCCC66;
}
*/

.posts-default, .posts-quick, .posts-line { 
	list-style: none; 
	margin: 0 0 0 0; 
	padding: 0; 
	overflow: hidden; 
}

.posts-default .post { 
	width: 200px;
	float: left;
	margin: 0 20px 50px 0;
	height: 120px; 
	font-size: 11px;
	background-color: ;
}

.posts-default img { 
	float: left; 
	width: 200px; 
	height: 120px;
	text-indent: -9000px;
	background-color: ;
	
}

.posts-default .entry-meta { 
	color: #CCCCCC; 
	float: left;
	background-color: ; 
	width: 200px; 
	height: 25px;
	font-weight: bold;
	text-transform: lowercase;
	font-variant: small-caps;
	letter-spacing: 1px; 
}

/*
.posts-default .entry-title	{ 
	font-weight: bold; 
	font-size: 12px; 
	
}
*/

.posts-default .entry-title a:link, .posts-default .entry-title a:visited { 
	text-decoration: none; 
}

.posts-default .entry-title a:hover	{ }

.posts-default .entry-summary, .posts-quick .entry-summary { 
	color: #666; 
	overflow: hidden; 
}

.posts-default .entry-thumbnails { 
	clear: both; 
	display: inline-block;
	height: 120px;
	background-color: ; /* #E5D9BF*/
	
}

.posts-default .entry-meta a:link, 
.posts-default .entry-meta a:visited/*<--this is the thumbnail title link*/ { 
	color: ; 
	text-decoration: none;
}

/*
.posts-default .published, .posts-quick .published	{ 
	float: left; 
	margin: 5px 0 0 0; 
	font-size: 12px; 
	border-bottom: none; 
}
*/

/*------------------------------ OTHER VIEWS ----------------------------*/

/* Quick View ---------- */

.posts-quick { 
	background: url(../../images/techblue/content-bg.jpg) repeat-x #FFF; 
	border: 1px solid #CCC; 
	margin: 0 10px 10px 0; 
	padding: 10px; 
}

.posts-quick li	{ 
	padding: 10px 0; 
	border-bottom: 1px dotted #EEE; 
}

.posts-quick li:last-child { 
	border: none; 
}

.posts-quick img { 
float: left; 
margin-right: 15px; 
border: 1px solid #CCC; 
width: 190px; 
height: 100px; 
background: #111; 
text-indent: -9000px;
}
 
.posts-quick .entry-title{ 
font-weight: bold; 
font-size: 14px; 
margin: 0 0 10px; 
line-height: 1.3em; 
}

.posts-quick .entry-title a:link, .posts-quick .entry-title a:visited	{ 
text-decoration: none; 
}

.posts-quick .entry-title a:hover	{ }
.posts-quick .entry-summary	{
line-height: 1.5em; 
}
 
.posts-quick .quick-read-more	{
padding: 5px 0; 
}
.posts-quick .entry-thumbnails	{ 
float: left; 
}

.posts-quick .entry-meta { 
	color: #CCCCCC; 
	float: left;
	background-color: #1e1b1a; /*#1e1b1a #A3E4D0 #ACD65A*/
	width: 150px; /*175px*/
	height: 35px; 
	display: block; 
	margin: ; /*-125px 0 0;*/
	font-weight: bold; 
}



.posts-quick .entry-meta { 
	margin: 76px 0 0 -206px; 
}


.posts-quick .entry-meta a:link, .posts-quick .entry-meta a:visited { 
	color: ; 
	text-decoration: none;
}

.posts-default .entry-comments, .posts-quick .entry-comments { 
	float: right; 
	margin: 5px 5px 0; 
	background: url(../../images/comments.gif) no-repeat left center; 
	padding: 0 0 0 12px; 
}

.posts-quick .published	{ 
	float: left; 
	margin: 5px 5px 0; 
	font-size: 10px; 
	color: #999; 
	border-bottom: none; 
}

.posts-line	{ 
	background: url(../../images/techblue/content-bg.jpg) repeat-x #FFF; 
	border: 1px solid #CCC; 
	margin: 0 10px 10px 0; 
	padding: 10px; 
}

.posts-line	li { 
	padding: 7px 0; 
	border-bottom: 1px solid #EEE; 
}

.posts-line .entry-cat	{ 
	float: left; 
	font-size: 11px; 
	width: 100px; 
	overflow: hidden; 
	color: #848485; 
}

.posts-line .entry-title { 
	float: left; 
	font-size: 12px; 
	margin: 0; 
}

.posts-line .entry-comments	{ 
	float: right; 
	font-size: 11px; 
	color: #848485; 
}





/*------------------------ NEXT+PREVIOUS NAV ------------------------*/

/* Navigation Structure */
#top_work_nav {
float: left;
margin: 0 0 30px 0;
}

.navigation	{
	float: left;
	height: 40px;
	background-color: ;
	
	
}

#nav_next {
	float: left;
	margin: 0 0 0 10px;
}

#nav_previous {
	float: left;
	

}



/* Navigation Img Replacement -------------------- */

.navigation a { 
	text-decoration: none;
	text-indent: -5000px;
}

.jcarousel-scroll {
	text-decoration: none;
	text-indent: -5000px;
}


/* Next --- */
#nav_next a {
	height: 37px;
	width: 28px;
	display: block;
	background: url(../../images/nav_buttons.png);
	background-position: -28px top;
}

#nav_next a:hover {
	background: url(../../images/nav_buttons.png);
	background-position: -28px bottom;
}

#nav_next a:active {
	background: url(../../images/nav_buttons.png);
	background-position: -28px bottom;
}

/* Previous --- */
#nav_previous a {
	height: 37px;
	width: 28px;
	display: block;
	background: url(../../images/nav_buttons.png);
	background-position: ;
}

#nav_previous a:hover {
	background: url(../../images/nav_buttons.png);
	background-position: 0px bottom;
}

#nav_previous a:active {
	background: url(../../images/nav_buttons.png);
	background-position: 0px bottom;
}




/*-------------------------- SINGLE POST LAYOUT ----------------------*/

#entry {
clear: left;
}

.work_description {
display: block;
margin: 30px 0 0 0;
}

.work_img {
margin: 0 0 20px 0;
}

#post_title {
	float: left;
	margin: 7px 0 0 30px;
	
}

.single .post, .single-post	{ background-color: ; margin: 0 0 20px 0;  }

.single .post .entry-title, .single-post .entry-title { 
	font-size: 14px;
	font-weight: bold;
	padding: 15px 0 0;
	
}

.single .post .entry-title a:link, .single .post .entry-title a:visited, .single-post .entry-title a:link, .single-post .entry-title a:visited	{ 
text-decoration: none;
}

.single .post .entry-info, .single-post .entry-info	{ 
color: #848485; 
}

.single .post .entry-cat, .single-post .entry-cat	{ 
display: block; color: #848485; margin: 2px 0; 
}

.single .post .entry-author, .single-post .entry-author { 
font-weight: bold; margin: 0 10px 0 0; color: #848485; 
}

.single .post .entry-author address, .single-post .entry-author address	{ 
display: inline; font-style: normal;
}

.single .post .tags, .single-post .tags	{ 
display: block; margin: 5px 0; color: #848485;
}

.single .post .entry-photo, .single-post .entry-photo { 
width: 630px; margin: 0 auto 10px; border: 1px solid #CCC; 
}

.single .post .entry-content, .single-post .entry-content { 

font-size: 12px; 
}

.single .post .entry-content p, .single-post .entry-content p {
 line-height: 1.75em; 
}

.single-post { 
padding: ; 
}

.layout-3c-r-fixed .post .entry-photo, .layout-3c-r-fixed .single-post .entry-photo, .layout-3c-fixed .post .entry-photo, .layout-3c-fixed .single-post .entry-photo { 
width: 480px; 
}

.single-post-meta { 
padding: 4px; margin: 0 10px 10px; background: #F0F0F0; 
}

.single-post-meta-field	{ 
clear: left; float: left; width: 15%; font-weight: bold; color: #000; background: #F0F0F0; 
}

.single-post-meta-value	{ 
float: left; width: 80%; color: #333; background: #F0F0F0;
}

.module-title, .feed-title	{ 
line-height: 1em; color: #333; font-size: 12px; font-weight: bold; margin: 0 10px 0 0; padding: 7px 10px; display: block; }

.feed-title	{ 
border-bottom: none; 
}

.gallery { clear: both; margin: 10px 0; 
}

.gallery-item { 
float: left; margin-right: 10px; 
}




/* wp-pagenavi */
.wp-pagenavi { 
margin: 0 0 10px; font-size: 12px; 
}

.wp-pagenavi a:link, .wp-pagenavi a:visited	{ 
padding: 3px 4px; margin: 2px; text-decoration: none; background: #FFF; border: 1px solid #CCC; 
}

.wp-pagenavi a:hover {
color: #000; 
 }
 
.wp-pagenavi span.pages, .wp-pagenavi span.extend {
 padding: 3px 4px; background: #FFF; margin: 2px; border: 1px solid #CCC;
}

.wp-pagenavi span.current { 
padding: 3px 4px; background: #FFF; margin: 2px; font-weight: bold; border: 1px solid #CCC; 
}
 
.wp-pagenavi span.pages	{ 
margin-left: 0; 
}







/*------------------------------ PAGE CONTENT ---------------------------------*/

/*
#content_page .entry-content {
	width: 700px; 
	padding: 0 0 0 20px;
	float: left;
*/

#content_page .entry-content p {
	width: 500px;
}

/* Sidebar */
#primary {
	width: 248px;
	background-color: ;
	bottom: 0px;
	right: 100px;
}

#primary img {
	float: right;
	height: 408px; /*395 354*/
}

#bottom {
	margin: 5px 0 0 100px;
	width: 200px;
	
	background-color: #DCD3A4;
}

#bottom .xoxo {

}
#bottom .widgetcontainer {
	width: 200px;
	padding: 10px 0 0 20px;
}

.widgetcontent .textwidget {
	color: #333;
	font-size: 12px;
}

/*------------------------------ FOOTER ---------------------------------*/

#footer { 
	width: 920px;
	height: 25px;
	clear: left;
	background-color: ;
	margin: 0 0 0 40px;
	padding: 15px 0 0 0;
	border-top: solid #CCCCCC 1px;
}

#footer .widgetcontainer { 
	padding: 0px;
}

#footer .widgettitle { 
	background: none; 
	border: none; 
	text-transform: uppercase; 
	font-size: 10px; 
	color: #333; 
	padding: 0px; 
}

#footer .widgetcontent { 
	font-size: 11px; 
	background: none; 
	padding: 0px;
	 
}

#footer .footer-message	{ 
	margin: 10px 0 0;
	list-style: none;
	 
}

#footer .footer-message .widgetcontainer { 
	width: 200px; 
	overflow: ;
}

#footer-sidebar	{ 
	margin: 0 0 0 0px;
	
	
}

#footer-sidebar .widgetcontainer { 
float: left; margin: 0 0 15px 0; max-width: 250px; max-height: 120px; 
}

#footer-sidebar ul	{ list-style: square; }

#footer-sidebar li	{ margin: 0 0 3px; }

#footer .widgetcontent a:link, #footer .widgetcontent a:visited	{ font-size: 11px; }




/*------------------------------ TYPOGRAPHY ----------------------------*/


/* Global Settings ----------------*/

h1, h2, h3, h4, h5, h6	{ font-weight: bold; color: #666666; }

h3 {
	font-size: 14px;
}

a {
	text-decoration: none;
}


/* Post Typography ----------------------*/

.post_title {
	font-size: 16px;
	line-height: 20px;
	color: #666666;
	font-variant: small-caps;
	text-transform: lowercase;
}

.entry-content p {
color: #999999;
font-size: 12px;
}

#content_page .entry-content p {
color: #666666;
font-size: 12px;
}


/* Page Typography ----------------------*/

.page_title {
	font-size: 18px;
	color: #1E1B1A;
}

.page_paragraph {
	width: 450px;
}

.par_heading, .widgettitle {
	font-size: 12px;
	color: #1E1B1A;
	font-weight: bold;
	margin: 0 0 6px 0;
}

#welcome {
	font-size: 48px;
	letter-spacing: 2px;
	color: #C6C6C6;
	text-transform: uppercase;
	padding: 0px;
	marign: 0px;
	line-height: .75;
}

/* Footer Type ----------------------*/

.widgetcontent {
	font-size: 10px;
	color: #CCCCCC;
}

/*rule*/
#footer-sidebar	{
	
}


/* Links-----------------------------*/

#content a {
	color: #CC6600; 
}

#content a:hover {
	color: #000000;

}

a:hover { 
	color: #000000; 
}

a {
	color: #999999;
}



/*------------------------------ COMMON CLASSES ----------------------------*/

.aligncenter			{ display: block; margin: 0 auto; }
.alignright				{ float: right; margin: 0 0 1em 1em; }
.alignleft				{ float: left; margin: 0 1em 1em 0; }
.floatleft				{ float: left; }
.floatright				{ float: right; }
img.aligncenter, img.alignright, 
img.alignleft			{ border: 3px solid #EEE; }

.textcenter				{ text-align: center; }
.textright				{ text-align: right; }
.textleft				{ text-align: left; }

.noticebox				{ background-color: #fff9d7; border: 1px solid #e2c822; color: #333; margin-bottom: 20px; padding: 10px; }
.noticebox a			{ color: #000; }

.sub					{ font-size: 11px; color: #848485; }

.ui-tabs-hide, .hide	{ display: none !important; }

.wp-caption { border: 1px solid #DDD; text-align: center; background: #F3F3F3; padding-top: 4px; margin: 10px }
.wp-caption img { margin: 0; padding: 0; border: none }
.wp-caption .wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0 }

.tags a:link, .tags a:visited	{ font-weight: bold; text-decoration: none; padding: 2px 4px; background: #FFF; display: inline-block; margin-bottom: 3px; }