/*
Theme Name: Millstone Custom
Theme URI: http://wordpress.org/
Description: Custom theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: James Thomas (Acts of Good)
Author URI: http://actsofgood.com/
Tags: blue, custom header, fixed width, two columns
*/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, 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-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
ul, ol{list-style-position: outside;}
a{outline: none;}
:focus{outline: none;}

/* main.css */
body{
	/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-family: "Trebuchet MS", Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
	color: #333;
	font-size: 62.5%;
	background: #0D0A15 url(../i/bg_tile.jpg) repeat-y 50% 0;
	text-align: center;
}

/* links */
a:link, a:visited{
	color: #cc6;
	outline: none;
	text-decoration: none;
}

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

/* STRUCTURE */

#wrap{
	width: 950px;
	text-align: left;
	margin: 0 auto 40px;
}

#header{
	height: 55px;
	background-color: #161736;
	border-bottom: 1px solid #000;
	position: relative;
}

#logo{
	
}

#logo h1{
	color: #97CBFF;
	font-size: 3.5em;
	text-shadow: 2px 2px 1px #000;
	padding: 1px 16px;
	text-transform: uppercase;
	letter-spacing: 4px;
}

h1 a:link, h1 a:visited{
	color: #97CBFF;
	text-decoration: none;
}

h1 a:hover{
	color: #D0E7FF;
}

#logo h1 strong{
	font-size: .7em;
	letter-spacing:1px;
	font-weight: normal;
}

#homepage #meat{
	/*background: #3C4256 url(../i/bg_meat2.png) repeat-y 0 0;
	background: rgba(255,255,255,.25) url(../i/bg_meat.png) repeat-y 0 0;*/
	background: #74809C url(../i/bg_meat2.png) repeat-y 0 0;
	background: rgba(167,187,228,.35) url(../i/bg_meat.png) repeat-y 0 0;
}

#meat{
	background: #74809C url(../i/bg_meat2.png) repeat-y 0 0;
	background: rgba(167,187,228,.55) url(../i/bg_meat.png) repeat-y 0 0;	
}

#main{
	float: right;
	width: 740px;
	position: relative;
}

#homepage #main{
	height: 465px;
}

#homepage #main div p{
	padding: 0 16px;
	font-size: 1.2em;
	color: #000;
}

#homepage #main div{
	overflow: hidden;
}

#secondary{
	width: 205px;
}

#topwrap{
	padding: 6px 0;
	width: 204px;
	float: left;
	display: inline;
	background-color: #5F7195;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	margin-bottom: 8px;
}

#sidenav{
	padding: 0px;
	list-style-type: none;
	font-size: 1.2em;
	background-color: #5F7195;
	float: left;
	width: 100%;
	display: inline;
	margin-bottom: 0;
}

#sidenav li{
	margin: 0;
	position: relative;
	display: block;
	padding: 0;
	float: left;
	clear: left;
	display: inline;
	width: 100%;
}

#sidenav li a{
	display: block;
	padding: 4px 16px;
	margin: 0;
	zoom: 1
}

#sidenav li a:hover, #sidenav li:hover, #sidenav li.sfHover{
	color: #B2BBCC;
	background: #2E384A;
	background: rgba(0,0,0,.4);
	text-decoration: none;
	zoom: 1;
	margin-bottom: 0;
}

#sidenav li ul{
	position: absolute;
	width: 170px;
	background: rgb(95,113,149);
	background: rgba(95,113,149,.9);
	right: -172px;
	display: none;
	list-style-type: none;
	padding: 0;
	margin-top: -27px;
	border: 1px solid #333;
	zoom: 1;
	z-index: 3;
}

#sidenav li ul li{
	margin: 0;
}

#sidenav li ul li a{
	margin: 0;
}

#sidenav li:hover ul, #sidenav li.sfHover ul{
	display: block;
}

#sidenav li.sfHover{
	zoom: 1;
	margin-bottom: 0;
}

#bonusnav{
	clear: left;
	padding: 4px 16px 3px;
	list-style-type: none;
	font-size: 1.2em;
	color: #97CBFF;
}

#bonusnav li{
	margin: 7px 0;
	line-height: 16px;
}

#footer{
	
}

.inner{
	padding: 16px 80px 16px 60px;
	overflow: hidden;
}

/* MAIN STYLES */

#homeheadshot{
	position: absolute;
	bottom: 115px;
	right: 225px;
	z-index: 2;
	border: 1px solid #000;
}

#homefeature{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 225px;
	height: 235px;
	background-color:#5F7195;
	border: 1px solid #000;
	border-bottom: none;
	border-right: none;
}

#homesnippet{
	position: absolute;
	width: 248px;
	height: 198px;
	right: 225px;
	bottom: 235px;
	background-color:#5F7195;
	border: 1px solid #000;
	display: none;
}

/* SECONDARY STYLES */

div#homefeature h2, div#homesnippet h2{
	margin: 8px 16px 4px;
	font-size: 1.6em;
	letter-spacing: 0;
	text-transform: uppercase;
}

div#homesnippet h2, div#homefeature h2{
	margin-top: 0;
	padding-top: 12px;
}

div#homefeature a.box, div#homesnippet a.box{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #111;
}

div#homesnippet a.box:hover, div#homefeature a.box:hover{
	background: rgba(255,255,255,.2);
}

div#homesnippet a.box:hover p a, div#homefeature a.box:hover p a{
	text-decoration: none;
	color: #111;
}

div#homesnippet a.box:hover h2, div#homefeature a.box:hover h2{
	text-decoration: none;
	color: #d7ebfe;
}

div#homesnippet a.box p span, div#homefeature a.box p span{
	color: #cc6;
	outline: none;
	text-decoration: none;
}

div#homesnippet a.box:hover p span, div#homefeature a.box:hover p span{
	text-decoration: underline;
	color: #fdb;
}


h2{
	color: #d7ebfe;
	font-size: 2.2em;
	letter-spacing: 1px;
	margin: 8px 0 4px;
	text-shadow: 1px 1px 0px rgba(0,0,0,.4);
}

h3{
font-size:1.8em;
color: #fff;
text-shadow: 1px 1px 0px rgba(0,0,0,.4);
text-transform: uppercase;
}

.content p{
	color: #111;
	font-size: 1.3em;
	line-height: 1.6em;
	margin: 8px 0;
}

.content blockquote{
	font-size: 1.3em;
	line-height: 2.2em;
	color: #4D4E68 ;
	font-family: Georgia, Times, serif;
	font-style: italic;
	padding-left: 40px;
	margin: 35px 0 15px;
	display: block;
	background: transparent url(../i/q.gif) no-repeat 0 5px;
	zoom: 1;
}

.content blockquote p{
	margin: 0 0 8px 0;
	color: #0F1021;
	font-family: Georgia, Times, serif;
	font-style: italic;
}

img.icon{
	position: relative;
	top: 3px;
	right: 3px;
}

ul.pagelist{
	font-size: 1.4em;
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 8px;
}

.wp-caption{
	margin-bottom: 12px;
}

.wp-caption img{
	margin: 0;
}

.content img{
	border: 1px solid #111;
}

.wp-caption .wp-caption-text{
	clear: left;
	padding: 5px;
	font-size: 1em;
	text-align: center;
	margin: 0 8px 0 0;
	background: rgb(255,255,255);
	background: rgba(255,255,255,.5);
	border: 1px solid #333;
	border-top: none;
}

.aligncenter{
	margin: 8px auto;
}

.alignleft{
	float: left;
	margin: 4px 10px 10px 0;
	display: inline;
}

.alignright{
	float: right;
	margin: 4px 0 10px 10px;
	display: inline;
}

em{
	font-style: italic;
}

p.postdate{
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #1F2744;
	margin-bottom: 0;
}

.entrywrap{
	margin-bottom: 24px;
	padding-bottom: 40px;
	background: transparent url(../i/divider2.png) no-repeat 50% 100%;
}

.entrywrap h2{
	margin: 4px 0;
	padding: 0;
	text-transform: uppercase;
	color: #000;
	font-size: 1.7em;
	text-shadow: none;
	letter-spacing: normal;
	font-weight: bold;
}

.entry p{
	margin: 4px 0 8px;
}

.navigation{
	font-size: 11px;
}

#signupform{
	position: absolute;
	right: 10px;
	top: 6px;
	color: #97CBFF;
}

.videooverlay{
	display: none;
	padding: 8px;
	width: 660px;
	height: 400px;
	background: rgb(0,0,0);
	background: rgba(0,0,0,.5);
	border: 3px solid #ccc;
}

.videooverlay .close { 
    background-image:url(../i/close.gif); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

#myPlayer{
	display: block;
	height: 420px;
	width: 600px;
}

/* SPECIAL POSITIONING */

.group:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.group{display:block;}
.right{float:right; display:inline; margin:10px 0 10px 20px;}
.left{float:left; display:inline; margin:10px 20px 10px 0;}
hr, .hide{display: none !important; }
img {-ms-interpolation-mode:bicubic;}

* html .group{height:1%;} /*IE6*/
/** html #secondary{width: 206px;}*/ /*IE6*/
*:first-child+html .group{ min-height: 1px;}/*IE7*/