/*
Theme Name: Eckstein Default
Theme URI: http://benjamineckstein.com
Description: The default WordPress theme for BenjaminEckstein.com
Version: 1.0
Author: Rob Baker
Author URI: http://rrbaker.com

*/

/*//	=RESET (YUIv3PR2) */

html{color:#000;background:#FFF;}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;}input,textarea,select{*font-size:100%;}legend{color:#000;}



/*//	=GLOBAL ELEMENTS */

body {
	background: #000 url(images/bg_bottom.jpg) repeat-x 0 100%;
	font-family: "Gill Sans", Helvetica, sans-serif;
	color: #fff;
	}

/* links */
a, a:active, a:link {
	color: #88B842;
	outline: none;
	}

/* shims */
strong { font-weight: bold; }
em { font-style: italic; }
.clear { clear: both; }
.alignleft { float: left; }
.alignright { float: right; }
.nomargin { margin: 0; }
.hide, 
.screen-reader-text { display: none; }
h1,h2,h3,h4,h5,h6 { clear: both; }
hr {
	border: 0;
	background: url(images/hr.gif) repeat-x 0 0;
	height: 1px;
	}
hr.invis {
	background: none;
	padding: 10px 0;
	}

/* images */
p img {
	padding: 0;
	max-width: 100%;
	}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	clear: both;
	display: inline;
	margin: 0 0 10px 15px;
	}
img.alignleft {
	clear: both;
	display: inline;
	margin: 0 15px 10px 0;
	}


/*//	=STRUCTURE */

#wrapper {
	background: url(images/bg_top.jpg) repeat-x 0 0;
	}
#bento {
	width: 980px;
	margin: 0 auto;
	padding-top: 20px;
	}
.column {
	float: left;
	overflow: hidden;
	}
.column_left {
	width: 280px;
	margin-right: 50px;
	}
.column_right {
	width: 646px;
	}
.column_half,
#feat_blog div.post {
	float: left;
	width: 456px;
	margin-right: 30px;
	}
.column_third,
#feat_blog-three div.post {
	float: left;
	width: 302px;
	margin-right: 24px;
	}
.last { margin: 0; }

/* masthead */
#masthead h1 a {
	display: block;
	width: 280px;
	height: 280px;
	background: url(images/logo.jpg) no-repeat 0 0;
	font-size: 40px;
	color: #fff;
	text-decoration: none;
	text-indent: -999em;
	}
#masthead h5.introduction {
	margin: 10px;
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	}
	
	
	
/*//	=CONTENT */

#content {
	margin-top: 5px;
	}
h2 {
	font-size: 30px;
	}
h2 a { text-decoration: none; }
h2 a:hover { text-decoration: underline;}
h4 {
	text-transform: uppercase;
	font-size: 14px;
	text-shadow: #333 1px 1px 1px;
	}
.navigation {
	display: block;
	text-align: center;
	color: #193549;
	}
.navigation a, .navigation a:active, .navigation a:link {
	color: #193549;
	}
.navigation a:hover {
	color: #000;
	}

/* posts */
.post .entry {
	margin-top: 10px;
	}
.post h2 {
	padding: 10px 0;
	}
.post p {
	margin-bottom: 14px;
	}
.post img {
	border: 1px solid #FFF;
	}
.post small {
	display: block;
	margin: 7px 0;
	color: #537128;
	}
.post .photo {
	float: left;
	margin: 0 15px 15px 0;
	max-width: 320px;
	}
.post .post_meta {
	font-size: 96%;
	}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
.wp-caption {
	border: 1px solid #183549;
	text-align: center;
	padding-top: 4px;
	margin: 10px;
	border-radius: 3px;
}

	
	
/* videos */
span.vvqbox {
	border: 1px solid #FFF;
	background: #FFF;
	}
/* hide the video from the video archive pages */
body.archive .category-videos .entry .vvqbox {
	display: none !important;
	}
body.category-videos #content .post p {
	margin-left: 340px;
	}

/* sidebar */
#sidebar .widget {
	padding: 8px 0 20px;
	border-top: 1px solid #183549;
	text-align: center;
	}
#sidebar h4.widgettitle {
	padding-bottom: 5px;
	border-bottom: 1px solid #0D1D28;
	}
#sidebar .widget a {
	display: block;
	padding: 3px 0;
	}
#sidebar .widget select,
#sidebar .widget form {
	margin: 5px 0;
	}

#sidebar .widget_tag_cloud a {
	display: inline;
	}
#sidebar .widget_tag_cloud a {
	font-size: 16px !important;
	}

/* single */
body.single .post,
body.archive .post {
	margin-bottom: 60px;
	}
.post h2,
h2.pagetitle {
	text-shadow: #333 1px 1px 1px;
	}
h2.pagetitle {
	margin-bottom: 10px;
	padding: 8px 0;
	border-top: 1px solid #183549;
	border-bottom: 1px solid #183549;
	}

/* links */
ul li.linkcat {
	float: left;
	width: 30%;
	margin-right: 2%;
	}
ul li.linkcat h2 {
	margin: 10px 0 5px;
	border-bottom: 1px solid #183549;
	font-size: 18px;
	}

/* homepage */
body.home .post .entry {
	margin: 0;
	}
#feat_video {
	position: relative;
	padding-top: 375px;
	}
#feat_video h2 {
	text-shadow: #333 1px 1px 1px;
	}
#feat_video	span.vvqbox {
	position: absolute;
	top: -5px;
	}
#feat_video .sociable { display: none; }
body.home #content {
	clear: both;
	}
	
#feat_blog {
	padding: 30px 0;
	}
#feat_blog a {
	color: #4289B8;
	}
#feat_blog h3 {
	border-top: 1px solid #183549;
	border-bottom: 1px solid #183549;
	font-size: 28px;
	text-transform: uppercase;
	height: 1.8em;
	}
#feat_blog span {
	display: block;
	float: left;
	padding: 9px 0;
	}
#feat_blog h3 a {
	float: right;
	padding: 9px;
	background-color: #183549;
	text-transform: none;
	text-decoration: none;
	color: #74A931;
	}
#feat_blog h3 span,
#feat_blog h3 a {
	}
#feat_blog h2 {
	margin: 0;
	}
#feat_blog h2 a {
	}
#feat_blog small {
	display: block;
	margin: 0;
	padding-bottom: 10px;
	color: #537128;
	}
	
#feat_blog-three {
	clear: both;
	padding: 30px 0;
	}
#feat_blog-three a {
	color: #88B842;
	}
#feat_blog-three h2 {
	font-size: 18px;
	text-shadow: none;
	}
#feat_blog-three small {
	margin: 0;
	color: #444;
	}

/* comments */
h3#comments,
#respond h3 {
	padding-top: 10px;
	border-top: 1px solid #183549;
	font-size: 20px;
	}
.comment {
	margin: 25px 0;
	}
form#commentform p {
	margin: 10px 0;
	}

/*//	=FOOTER */

#footer {
	clear: both;
	min-height: 190px;
	padding: 100px 10px 15px 10px;
	}
#footer a {
	color: #FFF;
	}
#footer h4.footertitle {
	margin-bottom: 30px;
	}
#footer li.widget {
	display: block;
	float: left;
	width: 170px;
	margin-right: 20px;
	}
#footer h4.widgettitle {
	margin-bottom: 8px;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
	}
#footer form#searchform input#s {
	width: 150px;
	margin-bottom: 10px;
	}