/*
Theme Name: Ben Roth Design
Theme URI: http://www.benrothdesign.com
Description: A custom child-theme of Modularity designed to optimize the artwork of Ben Roth.
Version: 1.0
Tags: photography, one-column, two-column, theme options, minimal, widgets, black, portfolio
Author: Mike Cavaroc
Author URI: http://www.freeroamingphotography.com
License: GPL
*/

@import url("../modularity/style.css");


body {
	background-color: #333;
	color:#d4d4d4;
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

p {
	color: #d4d4d4;
}

a {text-decoration: none;}

a:link {color: #fff;}
a:active {color: #fff;}
a:visited {color: #fff;}
a:hover {color: #999;}

a.footerLink:link {color: #acacac;}
a.footerLink:active {color: #acacac;}
a.footerLink:visited {color: #acacac;}
a.footerLink:hover {color: #fff;}

img {
	border: 0;
	padding: 0;
	margin: 0;
}

h1, h2 {
	font-family: Georgia, Times New Roman, serif;
	font-size: 24px;
	color: #d4d4d4;
	letter-spacing: 1px;
	margin: 10px 0 10px 0;
}
h2.sub, h3.sub {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}

h3, h3.sub, h4 {
	color: #d4d4d4;
}

h3.sub {
	border-bottom: 1px solid #4d4d4d;
}

div.column h3.sub {
	border: none;
}

#header {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#head-social-like {
	position: absolute;
	top: 7px;
	right: 105px;
}

.fb_edge_widget_with_comment {
    margin-right: 5px;
}

#header #social {
position: absolute;
top: 5px;
right: 0px;
}

#header #social a {
display: block;
text-indent: -9999px;
float: left;
height: 25px;
width: 25px;
margin: 0px 5px;
}


#header #social a:hover {
opacity: 0.7;
filter: alpha(opacity=70);

}

#header #social a#fb {
background-image: url('images/fb.png');
}

#header #social a#rss {
background-image: url('images/rss2.png');
}

#header #social a#gp {
background-image: url('images/gplus.png');
}


.logoTop {
	float: left;
	margin: 15px 0 4px 0;
}

li.dir {
	list-style: none;
	float: left;
	margin: 0 0 0 22px;
	padding: 0;
}

li.navlist {
        font-family: Josefin-Sans, Arial, san-serif;
        font-size: 12px;
        letter-spacing: .1em;
	list-style: none;
	float: left;
	margin: 0 0 0 22px;
	padding: 0;
}

ul {
	padding: 0;
	margin: 0 0 15px 0;
}

ul li {
	text-indent: 5px;
	list-style: none;
}

#nav {
	float: right;
	margin: 45px 0 4px 0;
	padding: 0;
}

hr.headHR {
	margin: 0;
	padding: 0;
	clear: both;
	border: 0;
	background-image: url('/images/headerhr.png');
}

hr {
	background-color: #585858;
	border: none;
	height: 1px;
	margin: 0 0 15px 0;
	padding: 0;
	clear: both;
}

.logoBottom {
	margin: 8px 0 13px 89px;
}

hr.space { background: #585858; color: #585858; }

fieldset { border: 1px solid #ccc; }
input[type=text], input[type=password], input.text, input.title, textarea { background-color: #999; border: 1px solid #bbb; }
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus { border-color: #bbb; }
select { background-color: #999; }

	/* comment form */
	
#commentform input { font-size: 1.2em; }
#commentform textarea { border: 1px #555 solid; font-size: 1.2em; width: 1000px; background-color: #444; color: #999; }
#commentform textarea:hover { border: 1px solid #555; }
#commentform #submit { background-color: #444; border:1px solid #555; color:#999; font-size: 1.3em; font-weight: normal; }
#commentform #submit:hover { background: #444; color: #999; }
		
/* misc. submit button */

#wp-submit { background-color: #111; border:1px solid #222; color:#bbb; font-size: 1.3em; font-weight: bold; }
#wp-submit:hover { background: black; color: white; }

form#loginform {text-align:left;}

#slideshow .slide { text-align: center; }

#category-section ul { font-size: 1em; }
#category-section ul li a, ul.txt li { border-bottom: 1px solid #585858; line-height: 1.2em; }
#category-section ul li a:hover,ul.txt li:hover { background-color: #444; color: #fff; }
#category-section ul li.active a { color: white; }

.colborder {
	border-right: 1px solid #585858;
}

.container {
	margin: 0 auto;
	width: 1000px;
	z-index: 49;
	padding: 0;
	clear: both;
	background-color: #333;
}
.container-inner {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	background-color: #333;
}
#category-section ul { border-top: 1px solid #585858; font-size: 1em; }

h2.entry-title {
	color: #ddd;
	font-size: 24px;
}

.content {
	display: block;
	clear: both;
}
.post {
	display: block;
	clear: both;
	width: 1000px;
}

div.post img {
	margin: 0 auto;
	text-align: center;
}

.postmetadata {
	padding: 5px 8px;
	background-color: #4b4b4b;
	width: 984px;
	color: #747474;
	border-radius: 0;
}

.postmetadata a:link {color: #9b9b9b;}
.postmetadata a:active {color: #9b9b9b;}
.postmetadata a:visited {color: #9b9b9b;}
.postmetadata a:hover {color: #ccc;}

.prev a, .next a {
	text-decoration: none;
	font-size: 10px;
	letter-spacing: 1px;
	display: block;
}
.prev a { float: left; }
.next a { float: right; }
.byline { margin: 0; }
.nav a, .navi a { background: none; color: #fff; }
.nav a:hover,.navi a:hover { background: none; color: #fff; }
.prev a, .next a { color: #fff; }

/* image alignment */
.alignleft { float: left !important; }
.alignright { float: right !important; }
.aligncenter { display: block; float: none !important; margin: 0 auto; }
img.centered { display: block; margin-left: auto; margin-right: auto; max-width:1000px; }
img.alignright { display: inline; margin: 3px 0 2px 10px; max-width:1000px; padding: 4px 0 4px 4px; }
img.alignleft { display: inline; margin: 3px 10px 2px 0; max-width:1000px; padding: 4px 4px 4px 0; }
img.alignnone { display: block; margin: 3px 10px 2px 0; max-width:1000px; padding:4px 4px 4px 0; }
.middle { float: none !important; margin: 0 auto; }

/* thumbnail management */
.thumbnail, .attachment-thumbnail, .alignright .attachment-thumbnail { margin-right: 0; }
.attachment-medium { display: inline; max-width: 950px; overflow: hidden; }
.attachment-large { display: inline; max-width: 950px; overflow: hidden; }
		
/* misc. image management */
.content .size-medium, .content size-large { margin: 0 1.5em 1.5em 0; }
.home .size-medium, .home .size-large {  height: auto; max-width: 590px; margin: 0 .5em .5em 0; overflow: hidden; }
		
/* wordpress gallery management */
.gallery { display: block; clear: both; margin: 0 auto; overflow: hidden; }
.gallery .gallery-row { clear: both; display: block; margin: 0; overflow: hidden; }
.gallery .gallery-item { overflow: hidden; list-style: none; padding: 0; margin: 0 auto;}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail { border:none !important; height: auto; max-width: 100%; padding: 0; }
.gallery-caption {margin-left: 0;}
.gallery-item .attachment-thumbnail {float:none !important; margin: 0 auto; }
.gallery-item dd{ clear: both; }

/* image sizes depending on the number of columns */
.col-0 { width: 100%; }
.col-1 { width: 100%; }
.col-2 { width: 50%; }
.col-3 { width: 33%; }
.col-4 { width: 25%; }
.col-5 { width: 20%; }
.col-6 { width: 16.5%; }
.col-7 { width: 14%; }
.col-8 { width: 12.4%; }
.col-9 { width: 11%; }
.col-10 { width: 10%; }
.col-11 { width: 9%; }
.col-12 { width: 8.33%; }
.col-13 { width: 7.6%; }
.col-14 { width: 7.1%; }
.col-15 { width: 6.66%; }
.col-16 { width: 6.25%; }
.col-17 { width: 5.83%; }
.col-18 { width: 5.55%; }
.col-19 { width: 5.25%; }
.col-20 { width: 4.95%; }

/* IPHONE VIDEO HANDLING */
/* default styles */
.play { position: relative; }
.play span { background-color : transparent; background-image: url('images/play.png'); background-repeat: no-repeat; height: 100%; left: 40%; position: absolute; top: 25%; width: 100%; z-index: 100; }

/* slideshow : apps/slideshow.php */
/*the min-height and height CSS values are set in includes/theme-css.php*/
#slideshow {
	list-style: none;
	margin: 0 0 1em;
	overflow: hidden;
	padding: 0;
}
#slideshow .slide {
	background: none;
	padding: 0;
	width: 1000px;
}
#slideshow .slide h4 { margin: 0 0 .5em 0; text-transform: uppercase; padding: 0 16px; }
#slideshow .slide img { display: block; max-width: 1000px; text-align: center; margin: 0 auto; }
		
/* category columns: apps/category-columns.php */
#category-section { float: left; margin-bottom: 20px; }
#category-section ul{ list-style: none; margin: 0; padding: 0;  }
#category-section ul li a, ul.txt li { display: block; height: 1%; margin:0; padding: 6px 0 6px 8px; }
#category-section ul li a:hover, ul.txt li:hover { background-position: 1px 0.8em; }
#category-section ul li.active a { cursor: default; }

#home .span-5 {
    width: 550px !important;
} 

#home h3.sub {
    margin-top: 30px;
}

#home .span-24 {
    width: 210px !important;
}

.clearer {
	clear: both;
	margin: 0;
	padding: 0;
}

#footer {
	width: 1000px;
	margin: 0 auto;
	font-size: 10px;
	letter-spacing: 1px;
	color: #707070;
	clear: both;
}

#footerLeft {
	float: left;
	width: 500px;
}

#footerRight {
	float: right;
	width: 500px;
	text-align: right;
}

.footerBar {
	margin: 0 5px;
}

.socialLink {
	float: right;
	margin: 3px 0 0 12px;
}

.copyInfo {
	float: right;
}

.categoryThumbs {
	width: 150px;
	float: left;
	margin: 20px 25px 30px 15px;
}

.nav-interior {
	width: 1000px;
}

.span-24 {
	width: 1000px;
}

.addthis_toolbox {
	margin: 20px 0 10px 0;
}

/* contact form */
.wpcf7 {
         width: 400px;
         float: left;
}

.pin-it-btn-wrapper {
padding-bottom: 0px;
margin-bottom: 0px;
float: left;
margin-right: 15px;
}


#head-social-like .fb_iframe_widget {
top: -5px;
}
.contact-form
{
float:left !important; width:400px !important;
}
.gform_wrapper .top_label .gfield_label
{
color:#ffffff !important;
}
.brd-frm-chk label.gfield_label {
	display: none !important;
}
input[type="submit"] {
    padding: 8px 15px;
    /* font-size: 14px; */
    text-transform: uppercase;
}
@media only screen and (max-width: 1023px){
	#home {
		margin-left: 20px;
		margin-right: 10px;
	}
	#home .span-24 {
    	width: 200px !important;
	}
}