/*
Theme Name: TwentyTen Five
Theme URI: http://richardshepherd.com
Description: A HTML5 version of the TwentyTen default theme for WordPress.
Author: Richard Shepherd
Version: 1.0
Tags: html5, black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/

/* Grab the original TwentyTen styles */
/* This stylesheet merely overrides a few and brings HTML5 to the masses! */
@import url(css/twentyten-style.css); 

/* A message for users with JavaScript turned off */
noscript strong {display: block; font-size: 18px; line-height:1.5em; padding: 5px 0; background-color: #ccc; color: #a00; text-align: center; }

/* HTML5 elements need display: block */
header,nav,section,article,aside,figure,footer { display:block; }

#wrapper { width: 100%; padding: 0; margin: 0; background: transparent; }
#colophon { width: 100%; position: fixed; bottom: 0; padding: 8px 12px; background: #000; color: #fff; }

/* Where we're reassigning div's to HTML5 elements we */
/* need to copy across their CSS styles like so... */
.header { padding:0; }
footer { margin-bottom:20px; clear:both; width:100%; display: none; }

#main { width: 100%; }
#branding { display: none; }

h2#site-description { font-size: 12px;}

#content figure { background:#f1f1f1; line-height:18px; margin-bottom:20px; padding:4px; text-align:center; }
#content figure img { margin:5px 5px 0; }
#content figure figcaption { color:#888; font-size:12px; margin:5px; font-family:"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; }


nav#mininav { position: absolute; z-index: 500; left: 600px; margin-top: -3px; }
nav#mininav ul li { list-style: none; position:absolute; text-indent: -9999em;  font-family: 'Metrophobic', sans-serif;}
nav#mininav ul li.email a { background: url(/wp-content/uploads/2015/07/email_menu_item_300.png) 0 0 no-repeat; width: 450px; height: 100px; }
nav#mininav ul li.menutoggle a { background: url(/wp-content/uploads/2015/07/menu_menu_item_300.png) 0 0 no-repeat; width:450px; height:90px; }
nav#mininav ul li.email { margin-left: -40px; }
nav#mininav ul li.menutoggle { margin-left: 230px; }

nav#access { font-family: Arial, Verdana, sans-serif; margin:0px auto 0; background:url(/wp-content/uploads/2015/07/dot_new_300.png) center center no-repeat;; display:block; width:325px; height: 325px; position: absolute; left: 710px; z-index: 400; top:33px }
nav#access .menu-header { font-size:13px; margin-left:52px; margin-top:50px; width: 350px; }
nav .menu-header ul { list-style:none; margin:0; }
nav#access div.menu { width: 440px; }
nav#access div.menu-header li { position:relative; float: none; }
nav#access div.menu-header li a:hover { background: transparent; }

nav#access a { color: #fff; font-weight: 700; font-size: 16px; text-transform: uppercase; font-family: 'Rokkitt', serif; line-height: 28px; letter-spacing: 1px; width: 300px; }


nav a:visited,nav a:link { color:#aaa; display:block; line-height:38px; padding:0 10px; text-decoration:none; }
nav ul ul { box-shadow:0 3px 3px rgba(0,0,0,0.2); -moz-box-shadow:0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2); display:none; position:absolute; top:38px; left:0; float:left; width:180px; z-index:99999; }
nav ul ul li { min-width:180px; }
nav ul ul ul { left:100%; top:0; }
nav ul ul a {  line-height:1em; padding:10px; width:160px; height:auto; }
nav li:hover > a,nav ul ul :hover > a { color:#fff; background: transparent;}
nav ul li:hover > ul { display:block; }
nav ul li.current_page_item > a,nav ul li.current-menu-ancestor > a,nav ul li.current-menu-item > a,nav ul li.current-menu-parent > a { color:#fff; }

#content header p.entry-meta { margin-bottom: 0px; }

input[type="email"], 
input[type="url"] { background: #f9f9f9; border: 1px solid #ccc; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); padding: 2px; }


.ie6 nav ul li.current_page_item a,.ie6 nav ul li.current-menu-ancestor a,.ie6 nav ul li.current-menu-item a,.ie6 nav ul li.current-menu-parent a,.ie6 nav ul li a:hover { color:#fff; }

.ticker { width: 100%; height: 40px; background: #000; display: none; }
#site-info a { color: #fff; font-family: 'Metrophobic', sans-serif; }

span.blue { color: #24a3c3; }
span.darkblue { color: #012539; }
ul.menu span.darkblue { color: #2dabdc; }
span.darkred { color: #aa0000; }
.white {color: #fff; }
.bolded { font-weight: bold; }

ul#listticker { margin: 0 auto; width: 1000px; }
#listticker li { color: #fff; font-size: 14px; padding-top: 1px;  }


body { background: url(/wp-content/uploads/2012/05/background.jpg) center center fixed no-repeat; -moz-background-size: cover; background-size: cover; } 
#main { position: relative; min-height: 750px; }
#logo { margin-top: 160px; position: relative; z-index: 250; }
#corner { width: 400px; height: 400px; position: absolute; top: 0; left: 0; z-index: 250; }

.page #content header { display: none; }
#container { min-width: 500px; }
#content div.contact { position: absolute; top: 200px; left: 0;  z-index: 50; }
#content div.contact img { max-width: 1000px; }

#pageheader {
	position: absolute;
	left: 730px;
	margin-top: 100px;
	font-size: 20px; color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

#contactinfo-off { position: absolute; z-index: 3000; line-height: 14px; font-size: 12px; margin-top: 75px; margin-left: 410px; 
-webkit-transform: rotate(-10deg); 
-moz-transform: rotate(-10deg);	
}

nav#access a:hover { color: #012539; }
nav#access a:hover span.darkblue { color: #fff; }

#signupbox { background: #012539; border: #24a3c3 3px solid; color: #012539; width: 300px; height: 200px; padding: 10px; position: absolute; left: 35%; top: 15%; z-index: 4000; display: none; }

#social { float: right; width: 250px; }
#social ul { margin:0px; }
#social li { list-style: none; margin: 0px; }

#aboutbox { margin-left: 200px; position: absolute; margin-top: -100px; background: #111; opacity: .5; }
.boxcolumn { width: 200px; margin: 20px; color: #fff; font-size: 14px; text-transform: uppercase; float: left; padding: 20px; height: 100%; }
.boxcolumn:hover { background: #fff; color: #000; opacity: 1; }


#twitterwrap { width: 200px; height: 100%; position: fixed; top: 0px; right: 0; background: #000; opacity: .2;  border-top: 5px solid #000; border-bottom: 5px solid #000; border-left: 5px solid #000; }
#twitterfeed { width: 180px; height: 580px; padding: 15px 10px; position: fixed; top: 100px; right: 0; opacity: 1; } 
#twitterfeed h2 { font-weight: bold; font-size: 20px; margin-bottom: 20px; margin-top: 4px; padding-left: 45px; }
#twitlogo { position: absolute; margin-top: -5px; }