/* CSS Document */

/*
Theme Name: Shrubin Photography
Theme URI: www.ttlgdesign.com
Description: This is the theme for Seth Rubin Photography
Author: Gregory Nirshberg
Author URI: http://www.ttlgdesign.com/
Tags: 
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html {
height: 100%;
}
body {
margin:0px auto;
height: 100%;
}

/* Header */
#headerContainer {
width:100%;
height:80px;
position:relative;
top:0px;
left:0px;
background-color:#484848;
}
#header {
position:relative;
width:1060px;
height:80px;
margin:0px auto;
}
#logo {
position:absolute;
top:6px;
left:0px;
width:258px;
height:65px;
}
#navigation {
	position:absolute;
	top:58px;
        float:right;
	height:100px;
     	z-index: 500;
        width:510px;
        left:510px;
}


ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
 font-size: 14px;
 font-family: "Times New Roman", Times, serif;
 text-transform: uppercase;

}

ul.dropdown li {
 float: left;
 line-height: 1.0em;
 vertical-align: middle;
 zoom: 1;

}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
 text-transform: none;
}

ul.dropdown ul li {
 float: none;
}


ul.dropdown li:hover > ul {
 visibility: visible;
}




ul.dropdown {
 font-weight: none;
}

	ul.dropdown li {
	 padding: 4px 9px;
	 background-color: #484848;
	 color: #fff;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #484848;
	 color: #fff;
	}
ul.dropdown a {
display:block;
}
	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #fff; text-decoration: none; }
	ul.dropdown a:hover		{ color: #fff; }
	ul.dropdown a:active	{ color: #fff; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 188px;
	  background-color:#484848;
filter:alpha(opacity=85);
opacity:0.85;
	border:1px solid #000000;
	border-top: none;
	}

		ul.dropdown ul li:hover {
background-color:#333333;
		}

#searchBar {
	position:relative;
        display:block;
        float:right;
	top:15px;
	height:25px;
}

/* Main Area */
#mainArea {
	position:relative;
	margin:0px auto;
	width:1060px;
	height: auto;
	min-height:850px;
	top: 0px;
}
#headerImage {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:300px;
	z-index: -500;
        margin-top:18px;
}
#contentWrap {
position:relative;
top:0px;
left:0px;
width:100%
height:auto;
min-height:850px;
}
#mainContent {
	position:relative;
	top:0px;
	left:0px;
	width:830px;
	padding: 5px 10px 15px 0px;
	margin: 0px 10px 0px 10px;
border-right:1px solid #484848;
height:auto;
min-height:850px
}

.post p {
	font-family: "Times New Roman", Times, serif;
	margin: 10px 0px;
}

.aligncenter,
div.aligncenter {
 position:relative;
left:40px;
height:auto;
}

.alignright {
float:right;
height:auto;
margin-left:10px;
 }

.alignleft{
float:left;
height:auto;
margin-right:10px;
	}

.wp-caption {
	padding: 3px;
	border: 2px solid #484848;
	background-color: #CCCCCC;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
	margin:5px 10px 5px 10px;

}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
height:auto;
}

.wp-caption p.wp-caption-text {
   font-size: 12px;
   padding: 3px 4px;
   margin: 0px;
}
	

/*  Post Formatting  */

.post {
	position: relative;
	top: 0px;
	width: 830px;
	padding: 15px 0px 0px 0px;
	border-bottom: 1px solid #ccc;
}

.post a {
	text-decoration:underline;
        color:#484848;
}
.post a:hover {
        color:black;
}
.postInfo {
background-color:#ccc;
}

.postmetadata {
margin:0px;
padding-left:3px;
}

.addtoany_list {
list-style:none;
margin-bottom:10px;
margin-top:0px;
padding-top:0px;
position:relative;
top:-10px;
left:-6px;
}

/*  Comment Formatting  */

#commentsSection {
position: relative;
height:auto;
}

#comments {
margin-top:10px;
}

.commentlist {
list-style:none;
}

.comment {
padding-bottom:5px;
padding-right:5px;
margin-bottom:10px;
border-left:6px solid #6c6c6c;
}

.even {
background-image:url(images/comment-fade-right.gif);
background-repeat:repeat-y;
background-position:right;
border-right:6px solid #6c6c6c;
border-left:none;
}
.odd {
background-image:url(images/comment-fade.png);
background-repeat:repeat-y;
}
.bypostauthor {
background-color:#ccc;
border:none;
border:1px solid #6c6c6c;
background-image:none;
}
.comment p {
padding-left:5px;
font-family: "Times New Roman", Times, serif;
margin: 10px 0px;
}

.comment-meta a {
color: #484848;
text-decoration:none;
float:right;
position:relative;
top:-20px;
}

#author, #email, #url, #comment {
background-color: #E1DBC6;
}

.comment-author {
margin-left:3px;
}


#respond {
margin-top:10px;

}

.children {
list-style-type:none;
left:20px;
margin-left:20px;
margin-top:5px;
}

.reply {
margin-left:5px;
}

/*  SIDEBAR  */

#sidebar {
	position:absolute;
	top:15px;
	left:850px;
	width:200px;
	height:700px;
        padding-left:10px;
border-left:1px solid #484848;
margin-bottom:100px;
}
#subscribe {
	position:relative;
	top:15px;
	height: 80px;
margin-bottom:20px;
width:100%
}
#subscribe form {
margin-top:5px;
}
#connect {
top:60px;
position:relative;
width:100%;
height:60px;
left:0px;
margin-bottom:20px;
}
#connect ul {
	list-style:none;
	margin-top: 5px;
}
#connect li {
padding:0px 10px;
display:inline;
}
#aboutShrubin {
	position:relative;
	top:30px;
	left:0px;
	width:100%;
	height: 100px;
margin-bottom:20px;
}
.aboutImage {
position:absolute;
left:0px;
width:100px;
}
.aboutImage img {
width:85px;
height:85px;
	padding: 2px;
	border: 1px solid gray;
}
.aboutText {
position:absolute;
left:97px;
top:35px;
}
#aboutShrubin p {
margin-top:9px;
font-size:15px;
}

#aboutShrubin p a {
text-decoration:none;
color:#000000;
}
#aboutShrubin p a:hover {
text-decoration:underline;
color:#000000;
}

#aboutShrubin p.email {
font-size:13px;
}

#archives {
position:relative;
top:90px;
width:100%;
left:0px;
margin-bottom:20px;
font-size:14px;
}
#archives ul {
	list-style:none;
	margin-top: 5px;
}
#archives li {
	padding: 3px 0px 3px 5px;
}
#archives ul a {
text-decoration:none;
color:#000000;
}
#archives ul a:hover {
text-decoration:underline;
color:#000000;
}
#google_translate_element {
position:relative;
top:100px;
left:0px;
margin-bottom:20px;
width:100%;
}
#google_translate_element p {
margin-left:10px;
}

#logos {
position:relative;
top:125px;
}

#logos ul {
list-style:none;
margin-top:10px;
}

#logos li {
float: left;
}
#logos img {
padding:0px 0px 20px 0px;
}
#logos p {
line-height:1.1em;
}


/* footer */

#footerContainer {
	position:relative;
	height:230px;
	width:100%;
	background-color:#484848;
}
#footer {
	position:relative;
	width:930px;
	padding: 15px 15px;
	height:200px;
	top: 0px;
	left: 0px;
	margin:0px auto;
}
#categoriesFooter {
	position:absolute;
	top: 15px;
	left: 75px;
}
#recentPostsFooter {
	position:absolute;
	top: 15px;
	left: 355px;
}
#tagsFooter {
	position:absolute;
	top: 15px;
	left: 635px;
}

.footerContent {
width:210px;
height:160px;
}
.footerContent ul {
	list-style:none;
	margin-top: 5px;
	border-top:1px solid #797979;

}
.footerContent li {
	border-bottom:1px solid #797979;
	padding: 3px 0px 3px 5px;
font-size:14px;
}
.footerContent ul a {
text-decoration:none;
color:#CCCCCC;
}
.footerContent ul a:hover {
text-decoration:underline;
color:#FFFFFF;
}

.wp-tag-could {
list-style:none;
}
.wp-tag-cloud li {
padding:2px;
display: inline;
border:none;
}
.wp-tag-cloud a P{
}

#ttlgFooter {
position:absolute;
top:200px;
width:930px;
margin:0px auto;
height:20px;
}
#ttlgFooter p {
color:#FFFFFF;
}


h1 {
font-size:21px;
color:#484848;
font-weight:bold;
}
h1 a {
color:#484848;
text-decoration:none;
}
h1 a:hover {
text-decoration:underline;
}
h2 {
color:#484848;
font-size:19px;
text-align:left;
}
h3 {
color:#484848;
font-size:19px;
}
h4 {
font-size:15px;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
}
h5 {
color:#484848;
font-size:18px;
font-weight:bold;
width:200px;
padding-left:0px;
margin-bottom:10px;
border-bottom: 1px solid #484848;
}
h6 {
font-size:12px;
color:#484848;
}



.navigation {
left:10px;
width:830px;
padding-bottom:10px;
margin-top:10px;
}
.alignleft {
display:block;
float:left;
}

.alignright {
display:block;
float:right;
}