/* @override 
	http://deanwolfphotography.com/wp-content/themes/deanwolfphotography/style.css
	http://www.deanwolfphotography.com/wp-content/themes/deanwolfphotography/style.css
*/

/*
THEME NAME: Dean Wolf Photography
THEME URI: http://www.DeanWolfPhotography.com/
DESCRIPTION: Theme for Dean Wolf Photography, based on Sandbox
TAGS: 
VERSION: 1.5.2a
AUTHOR: <a href="http://deanwolf.net/">Dean Wolf</a>
AUTHOR URI:
*/

body {
	color: #9b9b9b;
	text-align: left;
	padding: 0;
	background: #000000 url(/photography/bg-hot-shop-slab-2.jpg) repeat-x fixed center top;
	margin: 0;
}

#thePage {
	width: 920px;
	border: 1px solid #000;
	background-color: rgba(68,68,68,0.45);
	height: 574px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

#theContent {
	width: 900px;
	margin-left: 10px;
	font: .8em Tahoma, "Trebuchet MS", Arial;
}

#footer {
	width: 900px;
	clear: both;
	text-align: left;
	font: 10px Verdana, sans-serif;
	margin: 45px auto 0;
	color: #515151;
}

h1, h2, h3 {
	font-weight: bold;
	font-family: "Adobe Caslon Pro", Garamond, Georgia, Times, serif;

}

h1 {
	padding-right: 0px;
	padding-left: 6px;
	margin-right: 0px;
	margin-left: 3px;
	text-align: right;
	font-size: 2em;
	margin-top: 10px;
}

#blog-title {
	letter-spacing: 12px;
	padding-right: 8px;
	margin-bottom: 10px;
}

#blog-title a {
	color: #515151;
}


#dean-wolf-photography {
}

#theTable {
	padding-top: 0;
}
#rightCol {
	text-align: justify;
	margin-bottom: 25px;
	margin-right: 20px;
}

#fullPage {
	text-align: justify;
	margin-bottom: 25px;
	margin-top: 50px;
}

#comments-list {
	margin: 30px auto 0;
}

#respond {
	margin: 50px auto 0;
}

a {
	color: #5e5e5e;
}

a:hover {
	color: #AAAAAA;
	text-decoration: underline;
	}

h1, h1 a, h1 a:hover, h1 a:visited {
	text-decoration: none;
	color: #a7a7a7;
	background-color: none;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}


/*   BEGIN NAV  */

#TopNav
{
	height:25px;
	border:0;
	float: right;
	width: 200px;
	margin-right: 20px;
}

#tab 
{
	margin:0;
}
#tab ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float: right;
}
#tab li
{
display:inline;
	float:left;
	margin:0;
	padding:0;
}

#tab a
{
	float:left;
	display:block;
	font-size: 11;
	border-bottom: 1px dashed #787878;
	border-top: 1px dashed #787878;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	color: #d4d4d4;
	line-height: 25px;
}
#tab a:hover,#tab li.current_page_item a 
{
	color: #666666;
}

p.commissionFormTitle
{
	color: silver;
	font-size: 16px;
}

/*  NOT CURRENTLY USED
.dropmenudiv
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border:0 solid #FFFFFF;
	background: #FFFFFF;
	color:#7099bc;
	z-index:100;
	text-decoration:none;
	padding:0;
}
.dropmenudiv ul 
{
	margin:0;
	padding:0;
	list-style:none;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
	width:180px;
	margin:0;
	padding:0;
	display:block;
	border:0 solid ;
	color:#7099bc;
	background: #FFFFFF;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv a span 
{
	float:left;
	display:block;
	line-height:25px;
	padding:0 15px 0 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11;
	color:#7099bc;
}
.dropmenudiv a span 
{
	float:none;
}
.dropmenudiv a:hover
{
	border:0 solid #000000;
	background:#F5F5F5;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	color:#787878;
}
.dropmenudiv a:hover span 
{
	background:#F5F5F5;
	color:#787878;
	font-weight:bold;
}

*/
/*   END NAV   */




/* Just some example content */
div#header{
	margin-bottom: 18px;
	padding-top: 10px;
}
div#access div.skip-link{position:absolute;top:1em;right:1em;}
div#menu{font-size:0.9em;height:1.5em;padding-top:0.3em;background:#eee;width:100%;}
div#menu ul a{font-weight:700;text-decoration:none;}
div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
div#menu ul li{float:left;}
div#menu ul li a{background:#eee;padding:0.3em 0.5em;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;}
div#menu ul ul li a{margin:0;padding:0;}
div#menu ul li:hover ul{display:block;font-size:0.9em;padding-top:0.5em;position:absolute;}
div#menu ul li:hover ul li a{background:#f5f5f5;border:none;display:block;padding:0.1em;width:10em;}

.entry-title{clear:both;}
div#container,div.sidebar{margin-top:2em;}
div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom:1em;}
div#nav-below{margin-top:1em;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:30em;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:6em;margin:0 0 0.5em;overflow:auto;width:30em;}
/**/
div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3{font-size:1.2em;}
div.sidebar input#s{width:7em;}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1em;}
div.sidebar ul ul li{list-style:disc;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;}



/* New gallery feature styles; Can't use div.attachment because shortcodes can link to galleries in other posts */
div.gallery{clear:both;float:left;width:100%;}
div.gallery dl{float:left;text-align:center;}
div.gallery dl dt{margin:0;}
div.gallery dl dd{margin-left:0;}
div.entry-attachment,div.entry-caption{text-align:center;}
div.entry-attachment img,div#nav-images div img{overflow:hidden;}
body.attachment div#nav-images{clear:both;width:100%;}
body.attachment div#nav-images div{padding:1em 0;width:50%;}
body.attachment div#nav-images div.nav-previous{text-align:left;}
body.attachment div#nav-images div.nav-next{text-align:right;}
body.attachment div.entry-meta,body.attachment div#comments{clear:both;}

/* MENU START */
.menu { z-index:100;
	width: 250px;
	height: 25px;
	font: 0.85em Arial, Helvetica, Geneva, sans-serif;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:250px; w\idth:250px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
		margin:0;
	padding:0;
	list-style:none;
	float: right;

	}
.menu ul ul {width:60px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:60px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size: 11;
	line-height: 25px;
	border-bottom: 1px dashed #000;
	border-top: 1px dashed #000;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 15px;
	color: #bebebe;
	float: left;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:60px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background: url(/images/drop.gif) no-repeat right;}
/* style the second level hover */
.menu ul ul a.drop:hover{background: url(/images/drop.gif) no-repeat right;}
.menu ul ul :hover > a.drop {background: url(/images/drop.gif) no-repeat right;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;left:0; width:60px;border-top: 1px dashed #787878;
	top: 26px;
}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:60px; top:-1px; width: 60px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-60px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background: #515151; color: #d4d4d4; height:auto; line-height:1em; padding: 5px 10px;border-width:0 1px 1px 1px;
	width: 50px;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color: #DDD;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;
	background-color: #5a5a5a;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}