/*   
Theme Name: Spy Culture 2.0
Theme URI: http://www.spyculture.com
Description: Based on the HTML5 reset theme.
Author: Tom Secker
Author URI: http://www.spyculture.com
Version: 2.0
*/

/*
	Spy Culture 2.0 Theme :: style.css

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: grey;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {max-width: 100%; background-color: white; vertical-align: center; horizontal-align: center; }

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0; background: white;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top; background: white;}

hr {display: block; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; color:#b5b9bf; align:center; background-color: #b5b9bf; height: 2px; }

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top; horizontal-align: center;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #333;}

a {color: 8b0000;}
a:hover {color: white;}
p a:hover {
color: white; 
background: black;
}
 a:hover img {
color: white; 
background: white;
}
h2 a:hover {
color: white; 
background: black;
}

h3 a {
font-size: 17px; 
font-family: bookman old style;
}

h3 a:hover {
color: white; 
background: black;
}


/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #5E5E5E; color: #fff; text-shadow: none;}
::selection {background: #5E5E5E; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}



/* And here begins the Wordpress fun.
-------------------------------------------------------------------------------*/

#page-wrap { 
width: 900px; 
margin: 0px auto;
overflow-x: hidden;
overflow-y: hidden;
background:white;
}

body 
{ 
background:grey; 
}

#header
{
width: 900px;
background: black;
}

.textwidget {
}

#text-6 {
padding-top: 10px
}

.display-posts-listing .listing-item {
    clear: both;
text-align: left;
font-family: Georgia;
font-size: 15px;
padding-top: 10px; 
padding-bottom: 10px; 
}

.display-posts-listing img {
    float: left;
    margin: 0 10px 10px 0;

}

.display-posts-listing a {
color: darkred; 
text-align: left; 
font-family: bookman old style;
font-weight: bold;
}

.display-posts-listing a:hover {
color: white; 
background: black;
}


#nav {
	width: 900px;
        height: 30px; 
	padding: 0px 0px 0px 0px;
	margin: 0px;
	list-style: none;
	background: black;
}
#nav li {
	display:inline
}
#nav a:link,
#nav a:visited {
font-family:Bookman Old Style;
font-weight:bold;
text-decoration:none;
color:white;
background:black;
padding: 0px 20px 5px 20px;
margin: 5px 0px 0px 0px;
width:auto;
text-transform:uppercase;
font-size: 13px;
}
#nav a:hover,
#nav a:active
{
color:black;
background:white;
}

#title 
{ 
float:left;
width: 600px;
background: white;
padding: 0px 20px 0px 20px;
}

a img {
border:none;
color: white; 
background: white;
}

a:hover img {
border:none;
color: white; 
background: white;
}


/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	background: #8b0046; /* Old browsers */
	background: -webkit-linear-gradient(top, #8b0000 0%, #000000 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #8b0000 0%, #000000 100%); /* W3C */
	border: none;
	border-top: 3px solid #ffffff;
	border-radius: 0px;
	color: #fff;
	display: inline-block;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
font: Georgia;
font-size: 13px;
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	background: #ffffff; /* Old browsers */
	background: -webkit-linear-gradient(top, #000000 0%, #8b0046 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #000000 0%, #8b0046 100%); /* W3C */
	outline: none;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	background: #ffffff; /* Old browsers */
	background: -webkit-linear-gradient(top, #8b0000 0%, #008b00 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #8b0000 0%, #008b00 100%); /* W3C */
	border: none;
	border-top: 3px solid #ffffff;
	padding: 5px 10px 5px 10px;
}

.post {
float:left;
width: 600px;
padding: 0px 20px 0px 20px;
background: white;
}

.entry {
float:left;
width: 600px;
background: white;
padding: 0px 20px 0px 20px;
}

.entry-content {
float:left;
width: 600px;
background: white;
padding: 0px 20px 0px 20px;
}

.entry-content a {}
.entry-content a:hover {}


.tags {
float:left;
width: 600px;
background: white;
padding: 20px 20px 20px 20px;
}


.widget_search .screen-reader-text {
    display:none;
}

.widget_search {
    position:relative;
    height:60px;
    width:180px;
padding: 5px;
}


.widget_search .screen-reader-text {
    display:none;
}

#meta {}
.postmetadata {}

#sidebar {
padding: 20px 20px 20px 20px;
float:right;
width:200px;
background:white;
}
#

#footer {
width:900px;
height:30px;
clear:both;
margin:auto;
}

h2 { color: darkred; font-size: 20px; font-family: bookman old style; }
h3 { color: darkred; text-align: left; font-size: 18px; font-family: bookman old style; padding-left: 20px; }
h4 { color: darkred; text-align: left; font-size: 16px; font-family: bookman old style; text-align: left; }
tbody { background-color: white; }
table { border-collapse: collapse; }
td { background-color: white; }
p { font-size: 15px; font-family: georgia; }
p2 { font-size: 13px; font-family: georgia; }
.navigation {
width: 600px;
height: 57px;
padding-left: 20px; 
}
.next-posts {
float:left;
width: 80px;
height: 57px;
}

.prev-posts {
float:right;
width: 80px;
height: 57px;
}

#searchform {}
#s {}
#searchsubmt {}
	
/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}