/* 
Theme Name: ELP_Photo_Video
Theme URL: 
Description: ELP Photo and Video 5/2010.
Author: unknown
Author URI: 
Version: 1.0.2


*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

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

h1 { color: #fff; font-size:  20pt; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

caption, th, td {text-align:left;font-weight:normal;
}

table {
	border-collapse:separate;border-spacing:0;
}

/* blockquote:before,blockquote:after,q:before,q:after {
	content: "";
} */

/* blockquote, q {
	quotes: "" "";
} */

/*
Start Styling ELP_Photo_Video.
*/
a {
	color: #1A5252;
	padding: 0 2px;
}

h3 {
	font-size: 1.4em;
	padding-bottom: 10px;
}

img.alignleft, div.alignleft {
	float:left;
	margin:0 0.5em 0.5em 0;
}

img.alignright, div.alignright {
	float:right;
	margin:0 0 0.5em 0.5em;
}

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

body {
	background:#000 /* url('images/ELP_BG_2.jpg') */ repeat-x scroll center top;
	color: #dcdcdc;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
div#container{
	margin: 0 auto;
	width: 960px;
}

div#header {
	color: #fff;
	width: 100%;
	height: 220px;
	padding: 10px 0 10px 0;

	background: #404040; /* Old browsers */
	background: -moz-linear-gradient(top, #404040 0%, #1e1e1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(100%,#1e1e1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #404040 0%,#1e1e1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #404040 0%,#1e1e1e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #404040 0%,#1e1e1e 100%); /* IE10+ */
	background: linear-gradient(top, #404040 0%,#1e1e1e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#1e1e1e',GradientType=0 ); /* IE6-9 */
}
div#topTitle h1 a { 
color: white;
text-indent: 0px;
font-size: 70pt;
text-decoration: none;
margin: 0 0 0 9%;
text-align: left;
font-family: 'Tangerine', cursive;
display: block;
line-height: 1.1;
text-shadow: 2px 3px 5px black;
}

div#topTitle h1 a span { color: #137f80; font-size: 137pt; text-shadow: 0px -1px 1px #49e5e5, 1px 1px 1px black; }

div#topTitle {
	width: 70%;
	height:180px;
	
	margin-bottom: 10px;
}

div#social{ margin: 123px 0 0 0; width: 20%; height: 65px; }
div#social ul { list-style: none; }
div#social ul li { 
float: left;
margin: 0px 3px 0 0;
max-width: 175px;
}
div#social ul li#rss a { display: block; height: 32px; width: 32px; background: url('http://www.ericlittlephotography.com/wp-content/themes/ELP_Photo_Video/images/rss.png') no-repeat; text-indent: -9999px;}

 h1 a {
color: white;
text-indent: 0px;
font-size: 38pt;
text-decoration: none;
margin: 0 auto;
text-align: center;
width: 100%;
}

div#topNav{
height: 40px;
background: black;
position: relative;
overflow: hidden;
border-top: 1px solid #404040;
border-bottom: 1px solid #404040;
}

div.menu {
width: 950px;
height: 40px;
margin: 0px auto;

}

div.menu ul {
	margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

div.menu li{
	float:left;
    margin: 0 5px;
	color: #a38c6d;
}

div.menu a{
   float: left;
	font-size: 1.3em;
	color:#ccc;
	text-decoration:none;
	text-transform:uppercase;
	padding: 9px 6px 11px;
}
	
.current_page_item {
	text-decoration: none;
	color: #fff;
	border-right: 1px solid #595959;
	border-left: 1px solid #595959;
	
	background: #404040; /* Old browsers */
	background: -moz-linear-gradient(top, #404040 0%, #1e1e1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(100%,#1e1e1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #404040 0%,#1e1e1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #404040 0%,#1e1e1e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #404040 0%,#1e1e1e 100%); /* IE10+ */
	background: linear-gradient(top, #404040 0%,#1e1e1e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#1e1e1e',GradientType=0 ); /* IE6-9 */
}

div.menu a:hover
{
	text-decoration: none;
	color: #fff;
	
	background: #404040; /* Old browsers */
	background: -moz-linear-gradient(top, #404040 0%, #1e1e1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#404040), color-stop(100%,#1e1e1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #404040 0%,#1e1e1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #404040 0%,#1e1e1e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #404040 0%,#1e1e1e 100%); /* IE10+ */
	background: linear-gradient(top, #404040 0%,#1e1e1e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#1e1e1e',GradientType=0 ); /* IE6-9 */
}

div#content_wrap {
	width: 950px;
	overflow: hidden;
	/* background: url(images/Content-BG.jpg); */
	
}

	
div#content {
	margin: 25px;
}

div#content h2{
	font-size: 50pt;
	line-height: 42px;
	margin: 10px 0 25px;
	color: #1D6C6D;
	font-family: 'tangerine', helvetica, sans-serif;
	text-shadow: 0px -1px 1px #319999, 1px 1px 1px black;
	font-weight: bold;
	border-bottom: 1px solid #184D4D;
}

div#content h3 {
font-size: 24px;
color: #CCC;
margin: 30px 0 7px 0;
padding: 0px;
}
div#content h4 {
	font-size:20px;
}

	
/*div#content h2 a{
	color: #a38c6d;
}*/

div#content p {
	margin-bottom: 0.7em;
}

div#content ul {
	list-style: none;
	padding: 5px 20px 10px 20px;
}

div.widecolumn {
    float: left;
   /* display: inline; */
	width: 596px;
	padding: 10px 20px 10px 20px;
	background-color: #333; /* for IE */
	background-color: hsla(0, 0%, 0%, .4);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #343434;
}

div.column, ul.column, ul#sidebar{
	width: 220px;
	padding:5px;
	}

div.slideshow {
	width: 900px;
}
	
div.slideshow  h2{
	text-align: center;

}

.post{
	/*padding: 5px ;*/
	/*margin-bottom: 30px;*/
	overflow:hidden;
}

ol.comment_list {}
ol.comment_list li { margin: 0 20px 10px 20px; padding: 0; list-style:none; border: 1px solid #e8e8e8; border-width: 0 0 1px 0; }
ol.comment_list li div.comment_author, ol.comment_list li div.comment_meta { font-size: 12px; line-height: 16px; }
ol.comment_list li div.comment-author img.avatar { float:left; margin: 0 10px 0 0; }
div.comment_author cite.fn { font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-weight:bold; }
div.comment_author cite.fn a { text-decoration: none; }
div.comment_meta { margin-bottom: 10px;}
ol.comment_list li.even {}
ol.comment_list li.odd {}
ol.comment_list li.bypostauthor {}
ol.comment_list li.pingback { font-size: 12px; color: #777; padding: 0 0 10px 5px; color: #777; }
ol.comment_list li.pingback a { font-size: 12px; font-weight:normal; }
ol.comment_list li.pingback p, ol.comment_list li.pingback span, ol.comment_list li.pingback div.comment_meta, ol.comment_list li.pingback div.reply { display:none; }

div.postheader h2 a {
	color: #1A5252;
	text-decoration: none;
	/* text-shadow: 0px 1px 1px #B2A594; */
}

div.postheader h2 {
	color: #ffffff;
}

div.postheader  a {
color: #ffffff;
}

div.postheader p {
	color: #444444;
	/*padding-bottom: 5px;*/
}

.postmeta {
	margin-bottom: 30px;
	padding-bottom: 5px;
	border-bottom: solid #444444;
}

div#postmeta {
	margin-bottom: 30px;
	padding-bottom: 5px;
	border-bottom: solid #444444;
}

.postnavigation{}
#searchform{}

td#right,
div#sidebar {
	float:right;
	margin: 25px 25px 15px 5px;
	background-color: #2A2A2A;
	border: 1px solid #343434;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
}

div#sidebar h2{
font-size: 1.3em;
color: #EEE;
text-transform: uppercase;
padding: 10px 4px 7px;
margin: 0 auto 0px;
background: #222;
border: 1px solid black;
border-bottom: none;
}

div#sidebar li{
	list-style:none;
	color: #fff;
}
	
div#sidebar li a{
	font-size: 10pt;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	background: #999;
	border-bottom: 1px solid #777;
	border-top: 1px solid #CCC;
	padding: 4px;
	text-shadow: 1px 1px 1px #777;
}
div#sidebar li a:hover {
background: #ccc;
color: #343434;
text-shadow: none;
}

div#sidebar li a:hover {
	/* background-color: #7f8876; */

}

.pagenav a{
	font-size: 10pt;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	padding: 10px;
}
	
caption {
	text-align: left;font-size:1.2em;
	padding-bottom:10px;
}
	
/*table#wp-calendar{
	width: 100%;
}*/

#wp-calendar {
	border: 1px solid #444;
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 90%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #7f8876;
	color: #333;
}

#wp-calendar caption {
	color: #444;
	font-size: 16px;
	text-align: left;
}

#wp-calendar th {
	text-align:center;
}

#wp-calendar td {
	color: #444;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #333;
	color: #fff;
}


div#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}

div#footer{
	width: 100%;
	height: 40px;
	overflow: auto;
	text-align: center;
	clear:both !important;
}
	
div#footer p{
	margin-top: 5px;
	color: #ccc;
}

blockquote {
	background:#444444;
	/*border-left:10px solid #ccc;*/
	margin: 10px;
	padding:.5em 10px;
	quotes:"201C""201D""2018""2019";
}

blockquote:before {
	color:#ccc;
	content:open-quote;
	font-size:4em;
	line-height:.11pt;
	margin-right:.25em;
	vertical-align:-.4em;
}

blockquote:after {
	color:#ccc;
	content:close-quote;
	font-size:4em;
	line-height:.11pt;
	margin-left:.25em;
	vertical-align:-.4em;
}

blockquote p {
	display:inline;
	font-style: italic;
	font-size: 1.2em;
}

p#smugmug {  
height: 214px;
width: 220px;
background: url('http://www.ericlittlephotography.com/wp-content/uploads/2011/11/smugmug-ad.jpg') no-repeat;
position: relative;
}

div#sidebar p#smugmug a {
position: absolute;
bottom: 15px;
display: block;
text-indent: -9999px;
width: 140px;
left: 35px;
height: 28px;
background: url('http://www.ericlittlephotography.com/wp-content/uploads/2011/11/smugmug-btn.png')no-repeat;
background-color:  transparent;
padding: 0px;

}
div#sidebar p#smugmug a:hover {  
background-color: transparent;
box-shadow: 1px 1px 3px;
-moz-box-shadow: 1px 1px 3px;
-webkit-box-shadow: 1px 1px 3px;
}

.page-template-template-rss-php #content li.categories { list-style: none; }
.page-template-template-rss-php #content .cat-item { display: block; overflow: hidden; }
.page-template-template-rss-php #content .cat-item a { float: left; margin: 10px 0 0 0; }
.page-template-template-rss-php #content .cat-item a img { height: 15px; width: 15px; margin: 4px 0 0 0; }

.connect_widget .connect_widget_text {
line-height: 14px;
color: #fff !important;
}

.fb_edge_widget_with_comment { margin-bottom: 10px; }

/*-- Highlight Reel -------------------------------------------------------------------------------------------------*/
body.page-template-highlights-php  { background-image: none; background-color: #000; }
#contentArea { min-height: 700px; position: relative; overflow: hidden; }

.infobar{
    background-color:#000;
    height:28px;
    line-height:28px;
    right:20px;
    position:fixed;
    bottom:0px;
    left:20px;
    z-index:999999999;
    text-align:center;
    color:#ddd;
    -moz-border-radius:10px 10px 0px 0px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    text-shadow:0px 0px 1px #ccc;
}
span#description{
    text-shadow:1px 1px 1px #000;
    display:none;
}
span#loading{
    display:none;
    padding-right: 30px;
    background:transparent url('http://www.ericlittlephotography.com/wp-content/themes/ELP_Photo_Video/images/loading.gif') no-repeat center right;
}
#thumbsWrapper{
    overflow:hidden;
    height:100%;
    width:100%;
    left:0px;
    right:0px;
    bottom:0px;
    top: 61%;
}
#contentArea #content{
   position:absolute;
   top:0px;
   height:100%;
   width:100%;
   left:0px;
   background-color:#111;
   overflow-y:scroll;
   display:none;  
}
#contentArea #content img{
    float:left;
    margin:2px;
    cursor:pointer;
    opacity:0.4;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}
.placeholder{
    float:left;
    clear:both;
    width:100%;
    height:30px;
}
#panel{
    background-color:#222;
    width:100%;
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    height:0px;
    text-align:center; 
}
#panel img{
    cursor:pointer;
    position:relative;
    border:1px solid #000;
    -moz-box-shadow:0px 0px 10px #111;
    -webkit-box-shadow:0px 0px 10px #111;
    box-shadow:0px 0px 10px #111;
    display:none;
}

#contentArea #wrapper{
    position:relative;
    margin:40px auto 0px auto;
}
#contentArea a#next,
#contentArea a#prev{
    width:40px;
    height:40px;
    position:fixed;
    cursor:pointer;
    outline:none;
    display:none;
    background:#aaa url('http://www.ericlittlephotography.com/wp-content/themes/ELP_Photo_Video/images/nav.png') no-repeat top left;
}
#contentArea a#next:hover, a#prev:hover{
    background-color:#fff;
}
#contentArea a#next{
    right:0px;
    top:50%;
    margin-top:-20px;
    background-position: 0px 0px;
}
#contentArea a#prev{
    left:0px;
    top:50%;
    margin-top:-20px;
    background-position: 0px -40px;
}