/*
Theme Name: Images Through Time
Theme URI: http://www.jackreichert.com/portfolio/imagesthroughtime
Description: Adapted from Beth Lanin's original design for the site. (Based on the famous <a href="http://elliotjaystocks.com/">Starkers</a> by <a href="http://elliotjaystocks.com/">Elliot Jay Stocks</a>)
Version: 2.8
Author: Jack Reichert
Author URI: http://www.jackreichert.com/ 
Tags: Insert, Tags, Here
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

*					{ margin: 0; padding: 0; }
body				{ background: #000; color: #fff; font: 16px cursive; }
a					{ color: #ad7166; font: 14px Georgia, Palatino Linotype, serif; text-decoration: none; }
a:hover, a:active	{ color: #e4c2bc; font: 14px Georgia, Palatino Linotype, serif; }
p 					{ margin-bottom: 10px; }

h1					{ font: bold 24px Georgia, Palatino Linotype, serif; padding: 5px 0 10px 0; color: #e4c2bc; text-align: center; }
h1	a				{ font: bold 24px Georgia, Palatino Linotype, serif; }
h1 a:hover, h1 a:active	{ font: bold 24px Georgia, Palatino Linotype, serif; color: #e4c2bc; }

h2					{ font: bold 20px Georgia, Palatino Linotype, serif; padding: 5px 0 10px 0; color: #e4c2bc; text-align: center; }
h2	a				{ font: bold 20px Georgia, Palatino Linotype, serif; }
h2 a:hover, h1 a:active	{ color: #e4c2bc; font: bold 20px Georgia, Palatino Linotype, serif; }

h3					{ font: bold 18px Georgia, Palatino Linotype, serif; padding: 5px 0 10px 0; color: #e4c2bc; text-align: center;}
h3	a				{ font: bold 18px Georgia, Palatino Linotype, serif; }
h3 a:hover, h1 a:active	{ color: #e4c2bc; font: bold 18px Georgia, Palatino Linotype, serif; }

.date				{ font-size: 12px; margin-bottom: 10px; text-align: center; }
.post				{ clear:both; overflow:hidden; padding: 7px 0; line-height: 1.8; letter-spacing: .7px; color:#9e9e9e; }
.post p				{clear:both;}
.post img			{ margin:10px; padding:5px; border: 1px solid #4f4f4f; }
.post img.aligncenter { clear:both; margin: 0 auto;}
.post .wp-caption img { margin: 0; }

table { margin: 10px 0; }
td { padding: 5px; }
th { padding-right:10px; font-weight: bold; }

#page-wrap			{ position: relative; top:0; margin:0 auto; width:1200px; clear: both; overflow: hidden; }

#header				{ position: relative; top:0; clear: both; width:1100px; margin: 20px auto; text-align:center; z-index:100; }
#logo				{ float: left; padding-left: 5px; }

#name				{ float: right; padding-right: 5px; }

#home				{ position: relative; margin: 0 auto; padding: 10px 10px; min-height: 480px; width: 1200px; text-align: center; }
#main-content		{ position: relative; float: right; margin: 10px 50px 10px 0; padding: 10px 10px; min-height: 350px; width: 720px; }

#client-area 		{ position: relative; top:0; margin:0 auto; width:975px; clear: both; overflow: hidden; }

/* #main-content img	{ margin:5px; } */
#main-content hr	{ width:50%; margin:0 auto; }

.post-archive		{ margin: 30px 0;}
.post-edit-link			{ font: 10px Georgia, Palatino Linotype, serif; }

.slideshow			{ position: relative; height:263px; width:350px; padding:20px; float: left; }
.slideshow ul li	{ height:263px; width:350px; padding:5px; border: 1px solid #4f4f4f; }
.slideshow ul li img {max-width: 350px;}
.slideshow h3 		{ position: absolute; bottom: 10px; left: 10px; text-align:left; width: 100%; z-index: 1000;}
.slideshow h3 a		{ color: #ad7166; font: 18px Georgia, Palatino Linotype, serif; letter-spacing:2px;  padding: 5px 5px 5px 25px; text-decoration: none; background: rgb(0,0,0); background:rgba(0,0,0,.6); -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.slideshow h3 a:hover { background: rgb(50,50,50); background:rgba(50,50,50,.6); color:#e4c2bc; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#bottom-center		{ margin-left: 200px; clear:both;}
#top-center			{ width:1200px; clear:both;}

.search				{ display: inline; width:240px; margin:-2px auto 0px auto;}
.bencher 			{ width:100%; min-height:500px; margin:0px; padding:0px; height:100%; text-align:center; vertical-align:middle; }

/*sidebar*/
#sidebar			{ position: relative; width: 300px; float: left; margin: 10px 0 10px 50px; }
#sidebar ul			{ list-style: none; margin: 30px 0;}
#sidebar ul ul		{ margin: 0 0 0 10px; }

.out		{ background: rgb(50,50,50); background:rgba(50,50,50,.5); padding: 10px; -moz-box-shadow: 0 0 10px #363636; -webkit-box-shadow: 0 0 10px #363636; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.widget { width:210px; padding:5px; margin:15px 0; background-color: rgb(50,50,50); background:rgba(50,50,50,.5); padding: 10px; -moz-box-shadow: 0 0 10px #363636; -webkit-box-shadow: 0 0 10px #363636; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-align:center; }
#sidebar-nav li		{ min-height:1.4em; padding: 6px 0 6px 3px;}
#sidebar-nav li a	{ font: bold 14px Georgia, Palatino Linotype, serif; }
#sidebar-nav li a:hover { padding:5px; background-color: #212121; -moz-box-shadow: 0 0 10px grey; -webkit-box-shadow: 0 0 10px grey; -moz-border-radius: 5px; -webkit-border-radius: 5px; font: bold 16px Georgia, Palatino Linotype, serif; color: #e4c2bc; }
#sidebar-nav li.current-cat	a { font: bold 16px Georgia, Palatino Linotype, serif; color: #e4c2bc; background-color: #272727; padding: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 5px grey; -webkit-box-shadow: 0 0 5px grey; }
.title	{ font: bold 14px Georgia, Palatino Linotype, serif; color: #ad7166;  }


#footer				{ position: relative; width: 670px; clear: both; padding: 10px; margin: 10px auto; text-align: center; }
#footer li			{ list-style: none; display: inline; font: bold 12px Georgia, Palatino Linotype, serif; color: #e5d6d3; }
#footer li a 		{ font: bold 12px Georgia, Palatino Linotype, serif; }

#order { position: absolute; top:0; right: 0; z-index: 100; }
#banner-top { position: relative; width: 724px; height: 90px; margin: 10px auto; clear: both; }

/* Nagivation Drop-Down Menu */
.menu ul ul, ul.menu ul	{ display:none; }
.menu ul li:hover> ul, .menu ul li:hover> .menu ul 	
						{ display:block }
.menu ul ul 			{ position: absolute;left:-1px;top:98%; }
.menu ul ul ul 		{ position: absolute;left:98%;top:-2px; }
.menu ul, .menu ul ul 
							{ margin:0px; list-style:none; padding:0px 2px 2px 0px; background-color:#000; background-repeat:repeat; }
.menu ul table 		{ border-collapse:collapse}
.menu ul 				{ display:block; zoom:1; float: left; margin-top: 5px; }
.menu ul ul			{ width:200px; margin-top: 1px;}
.menu ul ul ul		{ width:220px; margin-top: 1px;}
.menu ul li			{ display:block; margin:1px 10px; font-size:0px; }
.menu ul li ul li		{ margin:5px; }
.menu ul a:active, .menu ul a:focus 
							{ outline-style:none; }
.menu ul a, .menu ul li.dis a:hover, .menu ul li.sep a:hover 
							{ display:block; vertical-align:middle; background-color:#000; border-width:1px; border-color:#000; border-style:solid; text-align:left; text-decoration:none; padding:4px; _padding-left:0; font: bold 14px Georgia, Palatino Linotype, serif; color: #ad7166; text-decoration:none; cursor:default; }
.menu ul span			{ overflow:hidden; }
.menu ul li 			{ float:left; }
.menu ul ul li 		{ float:none; }
.menu ul ul a 		{ text-align:left; white-space:nowrap; }
.menu ul li.sep 		{ text-align:center; padding:0px; line-height:0; height:100%; }
.menu ul li.sep span 	{ float:none;	padding-right:0; width:5; height:16; display:inline-block; background-color:#AAAAAA;	background-image:none; }
.menu ul ul li.sep span
							{ width:80%; height:3; }
.menu ul li:hover		{ position:relative; }
.menu ul li:hover>a 	{ background-color:#212121; border: 1px solid #ad7166; font: bold 14px Georgia, Palatino Linotype, serif; color: #e4c2bc; text-decoration:none; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.menu ul li a:hover 	{ position:relative; background-color:#212121; border: 1px solid #ad7166; font: bold 14px Georgia, Palatino Linotype, serif; color: #e4c2bc; text-decoration:none; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.menu ul li.dis a 	{ color: #AAAAAA !important; }
.menu ul img 			{ border: none; margin-right:4px;width:16px; height:16px; }
.menu ul ul img 		{ width:16px; height:16px; }
.menu ul img.over		{ display:none }
.menu ul li.dis a:hover img.over
							{ display:none !important }
.menu ul li.dis a:hover img.def 
							{ display:inline !important }
.menu ul li:hover > a img.def  
							{ display:none }
.menu ul li:hover > a img.over 
							{ display:inline }
.menu ul a:hover img.over,.menu ul a:hover ul img.def,.menu ul a:hover a:hover ul img.def,.menu ul a:hover a:hover a:hover ul img.def,.menu ul a:hover a:hover img.over,.menu ul a:hover a:hover a:hover img.over,.menu ul a:hover a:hover a:hover a:hover img.over
							{ display:inline }
.menu ul a:hover img.def,.menu ul a:hover ul img.over,.menu ul a:hover a:hover ul img.over,.menu ul a:hover a:hover a:hover ul img.over,.menu ul a:hover a:hover img.def,.menu ul a:hover a:hover a:hover img.def,.menu ul a:hover a:hover a:hover a:hover img.def
							{ display:none }
.menu ul a:hover ul,.menu ul a:hover a:hover ul,.menu ul a:hover a:hover a:hover ul
							{ display:block }
.menu ul a:hover ul ul,.menu ul a:hover a:hover ul ul
							{ display:none }
.menu ul span			{ display:block; background-image:url(./images/menu/arrv_anim_1.gif); background-position:right center; background-repeat: no-repeat; padding-right:11px; }
.menu ul li:hover>a>span
							{ background-image:url(./images/menu/arrv_anim_1o.gif); }
.menu ul a:hover span { _background-image:url(./images/menu/arrv_anim_1o.gif) }
.menu ul ul span,.menu ul a:hover table span
							{ background-image:url(./images/menu/arr_double_1.gif) }
.menu ul ul li:hover > a span
							{ background-image:url(./images/menu/arr_double_1o.gif); }
.menu ul table a:hover span,.menu ul table a:hover a:hover span,.menu ul table a:hover a:hover a:hover span
							{ background-image:url(./images/menu/arr_double_1o.gif) }
.menu ul table a:hover table span,.menu ul table a:hover a:hover table span
							{ background-image:url(./images/menu/arr_double_1.gif) }


/* Nextgen */
.ngg-gallery-thumbnail { width: 150px; margin: 5px 10px!important; }
.ngg-gallery-thumbnail img { max-width: 150px; max-height: 100px; margin: 4px auto !important; }