/*
MB3 - Computer Age
Print Stylesheet

Mike Beauchamp

*/

/* 
BROWSER RESET
=============
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/* font-size: 100%; */
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

del {
	text-decoration: line-through;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
}


/*
BODY STUFF
==========
*/

body {
    font-size: 62.5%; /* Resets 1em to 10px */
}




/*
LAYOUT STUFF
============
*/

#wrapper {
	width: auto;
	border: 0;
	margin: 0;
	padding: 0;
	float: none !important;

}

#header {
    height:100px;
}



#sidebar {
    display:none;
}

#content {}

#footer {
    clear:both;
}



/* 
WRAPPER STUFF
=============
*/

#wrapper {
    font-family: arial, helvetica, sans-serif;
    color: #000000;
    font-size:12pt;
    font-weight:normal;
    line-height:1.4em;
}



/*
HEADER STUFF
============
*/



a#logolink {
border:0;
}

img#logo {
    display:inline-block;
    margin:30px 0 0 0;
    padding:3px;
    border:0px;
    color:#8a572d;
    font-size:28px;
    text-align:center;
}




/*
CONTENT STUFF
=============
*/

/* HEADINGS */

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
    margin: 2em 0 1em 0; 
    line-height:1em;
  

}

h1 { /* should be for page title only */
	font-size:2em;
	margin: 0 0 1.5em 0;
	text-transform:lowercase;
letter-spacing:-.01em;
}

h2 {
	font-size:1.45em;
}

h3 {
	font-size:1.1em;
}

h4 {
	font-size:.9em;
	font-weight:bold;
}

h5 {
	color: #666666;
	font-size:.8em;
	font-weight:bold;
}

h6 {
	color: #666666;
	font-size:.7em;
	font-weight:bold;
}

/* Headings - special cases */

h1.blogtitle { /* assumes span.postinfo follows */ 
	margin-bottom:.1em;
}

h1 a { /* permalink on blog post title */
	text-decoration:none;
        color: #363636;	    
}

h1 a:hover {
text-decoration:underline;
}




/* CONTENT ELEMENTS */


a {
	color: #000000;
}

a:link {}      
a:visited {}  
a:active {}


div.post {

padding-bottom:2em;
margin-bottom:3em;
border-bottom: 1px solid #aaa;
}

span.postinfo { 
display:block;
font-size:.8em; 
margin-bottom:2em; 
}

span.tags { font-size:.8em; }





div.navigation {
font-size:1em;
margin:3em 0; 
}


p {
	margin:1em 0 1.25em 0;
}

ul, ol {
	text-indent:1em;
	margin:1.5em 0 1.75em 34px;
}

li {
	margin: 0 0 .5em 0;
}

ul { list-style-type:disc; }

ul ul { list-style-type:circle; }

ol { list-style-type:decimal; }

blockquote, code {
	padding:1.5em 0 1.75em 5em;
	margin:1.5em 0 1.75em 0;
}

code {
	font-family: 'Courier New', Courier, monospace;
}



/* Tables */

table {
	margin:1.5em 0 1.75em 34px;
}

table caption {
	text-align:left;
	margin-bottom:.5em;
	font-weight:bold;
}

thead { }

thead th {
	font-size:1em;
    font-weight:100;
	color: #040404;
    font-weight:normal;
	text-align:left;
	padding: .8em 1em;
}

td, th {
	border-bottom: 1px solid #808080;
	padding: .4em 1em;
	text-align:left;
	font-weight:normal;
	font-size:.8em;
}

th {
/* font-weight:bold; */
}

td { }

tbody {}

tfoot {}

/* Table hover */

tr:hover {
    background:#ececec;
}

thead tr:hover, tfoot tr:hover { /* no hover effect on thead, tfoot */
	background-color:transparent;
}

/* Forms */

label {
margin: 0 0 0 5px;
font-size:1.2em;
}


input,textarea { 
border: 1px solid #808080;
margin:2px;
background-color: #ececec;
padding:4px 6px;
font-family: 'Courier New', Courier, monospace;
font-size:.8em;
color:#404040;
}

input:focus,
textarea:focus {
border:3px solid #925819;
color: #0a0a0a;
margin:0;
}

input#submit {
background-color: #2c2c2c;
color: #f3f3f3;
margin:3px;
font-family: arial, helvetica, sans-serif;
font-size:1.2em;
cursor:pointer;
border:0px;
}

input#submit:hover,
input#submit:focus {
margin:0;
border:3px solid #925819;
}



/*
FOOTER STUFF 
============
*/

#footer {

    font-size:.8em;
    border-top: 2px solid #ffffff;
text-align:center;

}


/*
COMMENTS STUFF
==============
*/
ol.commentlist {
list-style-type:none;
	text-indent:0;
	margin:1em 0 1.75em 0;
    background:#ececec;
    color:#0a0a0a;
	padding:12px 34px;
	margin:1.5em 0 1.75em 0;
}

li.comment {
border-bottom: 1px solid #aaa;
margin-bottom:1.5em;
}


div.comment-body {


}

div.comment-meta, div.commentmetada {
font-size:.8em;
}


/*
404 PAGE STUFF
===============
*/



#fourohfour {
background: url(images/404background.jpg) no-repeat 0 0;
height:1302px;
}

#fourohfour img#logo {
    margin-top:48px;

}

#fourohfour-text {
background-color:#f3f3f3;
margin:150px 500px 0 49px;
padding:4px 10px;
}



/* 
NGGALLERY STUFF - Disable NGGALLERY style in WP
===============
*/


/* ----------- Single picture -------------*/
.ngg-singlepic {
        /* display:block; */
	background-color:#ffffff;
	padding:6px;
        background-color: #2c2c2c;
}

.ngg-singlepic:hover,
a:focus .ngg-singlepic {
		background-color:#8a572d;


}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}


/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin:1em 0 0 0;
	clear:both; 
	display:block !important;
        width:100%;

}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;

}

.ngg-gallery-thumbnail {
	float: left;
	text-align: center;
}

.ngg-gallery-thumbnail img {
	background-color:#ffffff;
	display:block;  
	margin:0 16px 16px 0;
	padding:4px;
	position:relative;
        background-color: #2c2c2c;
}

.ngg-gallery-thumbnail img:hover,
.ngg-gallery-thumbnail a:focus img {
	background-color: #8a572d;


} 


.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}