/*  
Theme Name: spy-ified mockpaper: the next generation
Theme URI: http://www.mockpaperscissors.com/
Description: Fourth anniversary custom theme used for mockpaperscissors.com.
Version: 2.0
Author: Kevin Kelley, Mother's Ruin Software
*/
body {
margin: 0; padding: 0; position: relative;}
body {background: rgb(255,255,255) url(images/mps4f.jpg) 0 0 no-repeat; 
background-position: top left;
font: medium/1.3em "Fertigo Pro", "Garamond 3", Garamond, "Adobe Garamond", "Garamond Three", "Hoefler Text", "Warnock Pro", Hoefler, Sabon, Georgia, Gill, "Gill Sans", "Trebuchet MS", serif;
}

div.sidebar {background: rgb(255,255,255) url(images/mps3.jpg) 0 0 no-repeat fixed;
}

div#content {
background: rgb(255, 255, 255);
background-position: top center;
/*url(images/mps4-fade.jpg) 0 0 no-repeat fixed*/
}

@font-face {
font-family: "Fertigo Pro", FertigoPro_Italic.otf;
src: url(fonts/Fertigo_PRO.otf) format("opentype");
 /* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
}

form#commentform, textarea#comment {background: rgb(255,255,255);
/*url(images/mps3.jpg) 0 0 no-repeat fixed*/
}
/* hide fixed background images from IE */
* html div.post, * html div.sidebar, * html form#commentform, * html textarea#comment, * html ol.commentlist li { background-image: none; }

div#page hr {display: none;}
div#header h1 {text-indent: -5000px;}

/******************************************************************************
Navbar stuff
******************************************************************************/
#navbar {
	width: 75%;
	margin-left: 18%;
	margin-top: 80px;
}

#navbar li
{
	list-style: none;
	float: left;
	line-height: 20px;
	width: 25%;
	font: oblique bold 125% Verdana, sans-serif;
	text-align: center;
	background: rgb(255,255,255);

}

#navbar a:link, #navbar a:visited {
	display:block;
	height: 75px;
	line-height: 100px;
	color: rgb(0,0,0);
	text-decoration: none;
	background: transparent;
}

#navbar a:hover,
#navbar .current-cat a:link,
#navbar .current-cat a:visited {
	background: transparent url(images/hoverscissors.gif) no-repeat;
}


/*******************************************************************************
Content-level stuff
*******************************************************************************/
div#content {
float: right;
width: 75%;
margin-right: 3%;
margin-top: 20px;
}
div#content {

font-style: normal;  
}

div.post h2 {
margin: 0.5em;
padding: 15px 0 15px;
font:  bold small-caps  200% "News Gothic MT", "Lucida Grande", Verdana, sans-serif;;
letter-spacing: 0.2em; text-align: right;
text-transform:capitalize;
text-decoration: none;
text-shadow: 2px 2px 4px rgba( 0, 0, 0, .7);
}

div.post h2 a:link {color: rgb(193,14,14);
text-decoration: none;}

.post h2 a:visited {color: rgb(193,14,14);}

.post p {color: rgb(0,0,0);
margin-right: 20px;}

.post a {color: rgb(0,0,0); text-decoration: 2px dotted rbg(193,14,14);}

span.amp {
font-family: baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif;
font-style: italic;
}

.post a:link {color: rgb(0,0,0)
	text-decoration: none;
	border-bottom: 2px dotted rbg(193,14,14);}

.post a:visited {
	color: rgb(0,0,0);
	font-weight:bold;
	outline: none;
	text-decoration: none;
	color: rgb(0,0,0);
	-webkit-transition: color .2s linear
	border-bottom: 1px dotted rgb(193,14,14);
	}
	
.post a:hover {
color: rgba(193, 14, 14, .65);
}

div.post {
margin-bottom: 50px;
padding-left: 25px;
padding-bottom: 33px;
background: url(images/snip.gif) 1% 100% no-repeat;
}
/* make sure that meta data clears any images; this also ensures that
   the image doesn't stick out of the entry box */
.postmetadata:before { display: block; content: "."; height: 0;
   visibility: hidden; clear: both; }
* html div.entry { height: 1%; } /* IE6/Win hack */

div#content div.post .date, div#content div.post .author{
display: block;
text-align: right;
padding-top: 20px;
padding-right: 15px;
margin-right: 20px;
color: rgb(0,0,0);
font: oblique bold 75% Verdana, sans-serif;
}

.caps{
	font-size: small;
	letter-spacing: .1em;
	line-height: 1.3em;
	text-transform: uppercase;
	color: rgb(193,14,14); 
	}

.steps li {color: rgb(0,0,0);
padding-top: 5px;
clear: both;
margin-right: 20px;
text-decoration: none;
}

/*******************************************************************************
image stuff
*******************************************************************************/

.picright {
	float: right; 
	margin-right: 20px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	/*1em 0em 1em 2em;*/ 
	}

.picleft {
float: left; 
margin-left: 0px; 
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
/*1em 2em 1em 2em;*/ 
}

img[alt] {
padding: 5px;
background: rgb(193, 14, 14);
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
box-shadow: 2px 2px 4px rgba( 0, 0, 0, .7);
-webkit-box-shadow: 2px 2px 4px rgba( 0, 0, 0, .7);
-moz-box-shadow: 2px 2px 4px rgba( 0, 0, 0, .7);
/*border: 3px dotted rgb(193,14,14); background: rgb(255,255,255); this was the old dotted line */
}

div.newspix {
position: relative;
float: left;
margin-left: 0px; 
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

div.newspix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

div.newspix span {
display: block;
padding: 10px 10px 0 10px;
position: absolute;
right: 0;
bottom: 0;
left: 0;
font-family: sans-serif;
font-style: italic;
font-size: 1em;
font-weight: normal;
line-height: 1.3 em;
color: rgb(255, 255, 255);
background: rgba(193, 14, 14, .7);
}

/*******************************************************************************
end of image stuff - back to content
*******************************************************************************/

div#content h3 {
text-align: right;
padding-top: 20px;
padding-right: 15px;
color: rgb(0,0,0);
text-decoration: none;
text-transform: lowercase;
}

.pull {
width: 75%;
margin: 0;
padding: 0;
font-family: Verdana-italic, sans-serif;
font-size: 150%;
letter-spacing: -1px;
line-height: 1.25em;
text-align: left;
/*color: rgb(193,14,14);*/
background: url(images/openquote.gif) no-repeat top left;
clear: both;
}

blockquote {
width: 75%;
margin: 0;
padding: 0;
font-family: Verdana-italic, sans-serif;
font-size: 100%;
letter-spacing: -1px;
line-height: 1.25em;
text-align: left;
/*color: rgb(193,14,14);*/
clear: both;
}

.quote {
margin: 0 10px 0 0;
padding: 20px 10px 10px 20px;
background: url(images/closequote.gif) no-repeat bottom right;
}
.highlight {
background: url(images/highlight.gif) repeat;
}

table.compare tr.odd {
background: rgb(193,14,14);
color: rgb(255,255,255);
}
table.compare thead {
font-family: sans-serif;
font-size: 110%;
}
table.compare {
border-collapse: collapse;
font-family: sans-serif;
}
table.compare td, table.compare th {
padding: 10px 15px;
}
table.compare .first {
background: rgb(0,0,0);
color: rgb(255,255,255);
}
table.compare td img {
position: relative; 
bottom: -20px;
}

/****************************************************************************
Comment-related styles
****************************************************************************/
form#commentform {padding: 10px 15px 150px 15px;}

form#commentform p{
text-align: left;
color: rgb(0,0,0);
}

ol.commentlist li {
background: rgb(193,14,14);
padding: 1em 10px 10px 10px;
margin-bottom: 10px;
font-size: 200%;
position: relative;
color: rgb(193,14,14);}
ol.commentlist li *{
font-size: 50%;
color: rgb(255,255,255); clear: both;}

.commentlist li .avatar {
   float: right;
   border: 1px solid #eee;
   padding: 2px;
   background: #fff;
   margin: 5px 0;
}
.clear { clear: both; }

ol.commentlist li * * {font-size: 100%;}

ol.commentlist li cite { position: absolute; left: 10px; top: 10px; }
ol.commentlist li small.commentmetadata { position: absolute;
right: 10px; top: 10px; padding: 0; margin: 0;
font: oblique bold 75% Verdana, sans-serif;}
ol.commentlist li small.commentmetadata a:link {
color: rgb(255,255,255);
padding: 0; margin: 0;
text-decoration: none;
}
small.commentmetadata a:visited {
color: rgb(0,0,0);
text-decoration: none;
}
form#commentform  a:link {
color: rgb(0,0,0);
}
form#commentform a:visited {
color: rgb(0,0,0);
}

textarea#comment {
	width: 100%;
	background: rgb(255,255,255); 
}

input#author {background: rgb(193,14,14); border: none; position: absolute; right: 65px;}
input#email {background: rgb(193,14,14); border: none; position: absolute; right: 65px;}
input#url {background: rgb(193,14,14); border: none; position: absolute; right: 65px;}

/****************************************************************************
the comment-submit button
*****************************************************************************/
input#submit {background: rgb(255,255,255);
border-bottom: rgb(42,49,34);
border-right: rgb(83,98,67);
border-left: rgb(255,255,153);
border-top: rgb(255,255,153);
}
/******************************************************************************
Sidebar-level stuff
******************************************************************************/
div#sidebar {
float: left; 
width: 20%;
margin-right: 1%;
margin-top: 20px;
}


div#sidebar h2 {
padding: 15px;
background rgb(193, 14, 14);
border-top-right-radius: 8px;
border-bott-right-radius: 8x;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-bottom-right-radius: 8px;
-moz-border-top-right-radius: 8px;
border: 1px solid rgb(193,14,14);
border-bottom: none;
background: rgb(193,14,14);
font: bold 100% Verdana, sans-serif;
text-align: right;
color: rgb(255,255,255);
}

div#sidebar ul  {
list-style-type: none;
margin: 0; 
padding: 0 0 2em;
text-align: right;
}

div#sidebar li li{padding: 0.25em 0; margin: 0.25em 0;
line-height: 1.5em;
border-bottom: rgb(255,255,255);
font-size: 90%;
color: rgb(255,255,255);
background: rgb(255,255,255);

}

div#sidebar a {
text-decoration: none;
padding: 0 0.25em;
font-size: 125%;
-webkit-transition-property: background-color;
-webkit-transition-duration: .5s;
-webit-transition-timing-function: linear;
}

div#sidebar a:hover {
background: rgb(0, 0, 0);
background: rgba(0, 0, 0 .15);
}


div#sidebar h2#home {
margin-bottom: 4em;
}
div#sidebar h2#home a:link, div#sidebar h2#home a:visited {
font-size: 100%;
color: rgb(0,0,0);
}
div#sidebar h2#home a:hover {
color: rgb(255,255,255);
}

#sidebar a:link {color: rgb(0,0,0);}
#sidebar a:visited {color: rgb(193,14,14);}
#sidebar a:hover {color: rgb(193,14,14);}


/******************************************************************************
Footer stuff
*****************************************************************************/
div#footer {
clear: both;
/*position: absolute; */ bottom: 10px; text-align: center; left: 160px; right: 160px;
color: rgb(193,14,14);}
div#footer a:link, div#footer a:visited {color: rgb(0,0,0);}
/*************************************************************
Social Bookmarking Stuff
**************************************************************/
div.sociable {
color: rgb(193,14,14);
font: italic 100% Verdana, sans-serif;
text-align: right;}

div.sociable_tagline {
color: rgb(193,14,14);
font: italic 100% Verdana, sans-serif;
text-align: right;}