/*  
Theme Name: mockpaper
Theme URI: http://www.mockpaperscissors.com/
Description: Custom theme used for mockpaperscissors.com.
Version: 1.0
Author: Kevin Kelley, Mother's Ruin Software
*/
body {
margin: 0; padding: 0; position: relative;}
body {background: rgb(166,175,223) url(images/greenscissors.jpg) 0 0 no-repeat fixed;
}
div.post {background: rgb(255,233,178) url(images/yellowbackground.jpg) 0 0 no-repeat fixed;
}
div.sidebar {background: rgb(255,233,178) url(images/yellowbackground.jpg) 0 0 no-repeat fixed;
}

form#commentform, textarea#comment {background: rgb(166,190,156)url(images/bluescissors.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: 200px;
}
#navbar ul {
background: rgb(255,233,178) url(images/pixyhover.jpg) no-repeat right top;
}

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

#navbar a:link, #navbar a:visited {
	display:block;
	height: 75px;
	line-height: 100px;
	color: rgb(255,233,178);
	text-decoration: none;
	background: rgb(255,233,178) url(images/pixyhover.jpg) no-repeat left top;
}

#navbar a:hover,
#navbar .current-cat a:link,
#navbar .current-cat a:visited {
	background-color: rgb(166,195,134);
	background-position: right top;
}


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

font-style: normal; /*padding: 10px 10px 150px 10px; */
}

div.post h2 {
margin: 0.5em;
padding: 15px 0 5px;
font: oblique bold 200% Verdana, sans-serif;
letter-spacing: 0.5em; text-align: right;
text-transform: lowercase;
text-decoration:none;
}

div.post h2 a:link {color: rgb(93,100,233);
text-decoration:none;}

.post h2 a:visited {color: rgb(93,100,233);}

.post p {color: rgb(0,51,102);
margin-right: 20px;}
.post a {color: rgb(93,100,233); text-decoration: none;}

.post a:link {color: rgb(93,100,233);
text-decoration: none;}
.post a:visited {color: rgb(51,0,255); text-decoration: none;}

div.post {
margin-bottom: 50px;
padding-left: 20px;
}
/* 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 small {
display: block;
text-align: right;
padding-top: 20px;
padding-right: 15px;
margin-right: 20px;
color: rgb(93,100,233);
font: oblique bold 75% Verdana, sans-serif;
}

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

.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;*/ }
.border {border: 6px double rgb(93,100,233); background: rgb(166,195,134);}

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

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

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

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

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

ol.commentlist li {
background: rgb(255,233,178) url(images/yellowbackground.jpg) 0 0 no-repeat fixed;
padding: 1em 10px 10px 10px;
margin-bottom: 10px;
font-size: 200%;
position: relative;
color: rgb(255,233,178);}
ol.commentlist li *{
font-size: 50%;
color: rgb(93,100,233); 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(93,100,233);
padding: 0; margin: 0;
text-decoration: none;
}
small.commentmetadata a:visited {
color: rgb(166,195,134);
text-decoration: none;
}
form#commentform  a:link {
color: rgb(93,100,233);
}
form#commentform a:visited {
color: rgb(255,233,178);
}

textarea#comment {width: 100%;}

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

/****************************************************************************
the comment-submit button
*****************************************************************************/
input#submit {background: rgb(255,233,178);
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 {
border: 1px solid rgb(166,195,134);
border-bottom: none;
background: rgb(166,190,156);
font: bold 100% Verdana, sans-serif;
text-align: right;
color: rgb(93,100,233);
}

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: 1em;
border-bottom: rgb(166,195,134);
/*border: 1px solid rgb(166,195,134);*/
font-size: 90%;
color: rgb(255,233,178);
}

div#sidebar a {
text-decoration: none;
padding: 0 0.25em;
font-size: 125%;
}
div#sidebar h2#home {
margin-bottom: 4em;
}
div#sidebar h2#home a:link, div#sidebar h2#home a:visited {
font-size: 100%;
color: rgb(93,100,233);
}
div#sidebar h2#home a:hover {
color: rgb(255,233,178);
}

#sidebar a:link {color: rgb(255,233,178);}
#sidebar a:visited {color: rgb(219,218,160);}
#sidebar a:hover {color: rgb(93,100,233);}


/******************************************************************************
Footer stuff
*****************************************************************************/
div#footer {
clear: both;
/*position: absolute; */ bottom: 10px; text-align: center; left: 160px; right: 160px;
color: rgb(93,100,233);}
div#footer a:link, div#footer a:visited {color: rgb(93,100,233);}