/*
Theme Name: blankSlate
Theme URI: http://shawncope.com
Description: A theme completely stripped of all styling. Functionality is based on the kubrick theme.
Version: 1.0
Author: Shawn Cope
Author URI: http://shawncope.com
Tags: blankSlate, no style, clean, empty

This theme was designed and built by Shawn Cope,
whose blog you will find at http://shawncope.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

@import "../blankslate/style/reset.css";

/*Utility Styles************************/
.clear { clear: both;}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
.center {
	display:block;
	margin:0 auto;
}

body {
	margin: 0px auto;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 15px;
	background-color: #FFFFFF;
}

#content a:visited {color:#000000; text-decoration: underline;}
#content a:link {color:#000000; text-decoration: underline;}
#content a:hover {color:#cc9900; text-decoration: underline;}

.navBar a:visited {color:#999999; text-decoration: none;}
.navBar a:link {color:#999999; text-decoration: none;}
.navBar a:hover {color:#cc9900; text-decoration: underline;}
	
img {
border: 0;
}
	
.title {
font-size: 21px;
line-height: 21px;
}

.reversehead {
	font-size: 16px;
	color: #FFFFFF;
}

.reverse {
	color: #FFFFFF;
}

.imagepad {
	padding: 10px;
}

#header { 
	margin: 0px auto; 
	padding: 0px 0 0 0; 
	background: #000000;
}

#header-links { text-shadow: black 0.1em 0.2em 0.1em ;	padding-top:16px;}

#header-links ul {display: inline; padding-left: 300px;}


.current_page_item a { color: #cc9900 }

/*#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background:#fff; font-weight:bold;} 
#dropmenu a {display:block; padding:0.25em 1em; color:#686868; border-right:1px solid #c8c8c8; text-decoration:none; background:#fff;} 
#dropmenu a:hover {background:#888; color:#fff;} 
#dropmenu li {float:left; position:relative;} 
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;} 
#dropmenu ul a {border-left:1px solid #c8c8c8;} 
#dropmenu li ul {border-top:1px solid #c8c8c8; width:14.1em;} 
#dropmenu li ul a {width:12em; height:auto; float:left;  border-bottom:1px solid #c8c8c8;} 
#dropmenu ul ul {top:auto;} 
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;} */

#dropmenu, #dropmenu ul {list-style-type:none; list-style-position:outside; } 
#dropmenu ul {position:relative; display:none; top:1px; left:0px; background: #8B8B8B; width: 200px;} 
#dropmenu li ul a {height:auto; } 
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;} 
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}  

#google_translate_element {
	padding-top: 10px;
}

#content {
	width: 1100px;
	margin: 5px 20px 10px 100px;
	padding-top: 20px;
	color:#000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

p { font-size: 12px; }

h1 { font-size: 20px; }
h2 { font-size: 20px; font-weight: normal;}

#home-left { 
	width: 550px;
	/*max-width: 650px;
	 min-width: 300px; */ 
	overflow: auto;
	float: left;
	}

#home-right { 
	padding: 0px 0px 0px 20px; 
	width: 500px; 
	/*min-width: 500px; */
	float: right;
	}

#featured1 { width: 249px; float: left; }

#featured2 { width: 249px; float: right; }	

#pressnews { width: 500px; float: right;}
	
#pressnews ul { margin: 0; padding: 0; }

#pressnews li { list-style-image:url(images/bullet.png); padding: 3px 0 3px 0; margin-left: 20px;}

#footer { clear:both; margin: 0px 15px 5px 15px; }

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: right; 
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 60px;
	background: #000000;
	color: #999999;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #666666}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #000000;
	border: 1px solid #333333}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #999999;
		color: #333333;
		font: 11px arial}

	#sddm div a:hover
	{	background: #333333;
		color: #CC9900}
		
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* SUCKERFISH NAV */
#suckerfishnav {
	padding-left: 300px; 
	background:#000 url("/wp-content/plugins/multi-level-navigation-plugin/images/hybra-nav-back.png") repeat-x;
	font-size:10px;
	font-family:verdana,sans-serif; 
	font-weight: bold;
	width:100%;
	text-shadow: black 0.1em 0.2em 0.1em; color:#fff;
	}
#suckerfishnav, #suckerfishnav ul { 
	float:left;
	list-style:none;
	line-height:30px;
	padding:0;
	border:0px solid #aaa;
	margin:0;
	width:100%;
	}
#suckerfishnav a {
	display:block;
	color:#dddddd; 
	text-decoration:none;
	padding:0px 10px;
	}
#suckerfishnav li {
	float:left;
	padding:0;
	}
#suckerfishnav ul {
	position:absolute;
	left:-999em;
	height:auto;
	width:151px;
	font-weight:normal;
	margin:0;
	line-height:1;
	border:0;
	border-top:1px solid #666666;
	}
#suckerfishnav li li {
	width:149px;
	border-bottom:1px solid #666666;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	font-weight:bold;
	font-family:verdana,sans-serif;
	}
#suckerfishnav li li a {
	padding:4px 10px;
	width:130px;
	font-size:10px;
	}
#suckerfishnav li ul ul { margin:-21px 0 0 150px; }
#suckerfishnav li li:hover { background:#929292; /*dropdown back hover */ } 
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a  {color:#edb245;} /*dropdown text over */
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#edb245;} /*main hover */
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {color:#dddddd;}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul  {left:-999em;}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul  {left:auto;background:#949494;}/*dropdown back  */
#suckerfishnav li:hover, #suckerfishnav li.sfhover {color:#fa0b05; } /*main back */