/*
Theme Name: Scratched Out
Theme URI: http://www.yorrike.com
Description: Scratched Out, for yorrike.com. Takes yorrike.com's structural and colour themes and turns them into a super simple layout that sort-of looks like it's being scratched out of the black.
Version: 1.0
Author: Chris Town
Author URI: http://www.yorrike.com/

Steal anything you find useful. 
Credit somewhere would be nice, but I expect nothing : )
*/

body		{
		background-color: #000000;
		margin: 0px;
		padding: 0px 0px 20px 0px;
	        font-size: 62.5%; /* Resets 1em to 10px */
        	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
		min-width: 700px;
		}


#wrap		{
		background: #FFFFFF;
		width: 509px;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		padding-bottom: 0.2em;
		}

#header		{
		background-color: #FFFFFF;
		margin-left: 0em;
		text-align: center;
		}

#header a {
	color: #fff;
	text-decoration: none;
}

#menu {
	display: none;
	background-color: #94a2ad;
	color: #000000;
	width: 121px;
	margin: 0px 0px 0px 0px;
	float: right;
	border: 2px solid #000000;
	top: 130px;
        border-left: none;
        border-top: none;
        padding: 4px 15px 4px 4px;
        z-index: 21;
}

iframe{ 
z-index:0;
 }

#slipmenu, #chronology	{
		text-align: center;
		color: #515151;
		background-color: #FFFFFF;
                margin: 0em;
		padding: 0.5em; 
		}

		#slipmenu ul	{
				text-align: center;
				display: inline;
				margin: 0em 0em 0em -4em;
				list-style-type: none;
				}

		#slipmenu li	{
				display: inline;
				margin: 0em 0.5em 0em 0.5em;
				}

		#slipmenu li#search form	{
				display: inline;
				}

		#slipmenu li#search form input	{
				font-size: 1em;
				border: 1px #000000 solid; 
				text-align: center; 
				padding: 0px 0px 0px 0px;
				font-weight: bold;
				}

		#slipmenu li#search form input:focus	{
				background-color: #b3bec5;
				color: #000000;
				}

		#slipmenu a, #chronology a {
				color: #000000;
				font-weight: bold;
				text-decoration: none;
				margin: 0em;
				}

#chronology #earlier, #chronology #later {
font-size: 1.2em;
margin-left: 1.5em;
margin-right: 1.5em;
padding: 0em;
}

#chronology {
border: 2px solid #000000;
border-width: 2px 20px 2px 20px;
width: 30em;
margin: 0.5em auto 0em auto;
padding: 0.1em;
background-color: #94A2AD;
}

#content	{
		color: #000000;
		background-color: #FFFFFF;
		margin-right: auto;
		margin-left: auto;
		padding: 0.1em 1em;
		}

		#content p			{
						padding: 0.3em 0em 0.7em 0em;
						}

		div.storycontent p:active 		{
						color: #000000;
						background-color: #b3bec5;
						}

		#content p.sig		{
						border: 1px dashed #000000;
						border-width: 1px 0px 0px 0px;
						max-width: 50%;
						}

		#content .storytitle		{
                                                font-size: 1.6em;
						padding: 0.2em 0px 0.2em 0px;
						margin: 0px 0px 0.2em 0px;
						}

		#content .storytitle a		{
                                                padding-left: 0em;
						font-weight: bold;
						text-decoration: none;
						color: #000000;
                                                }

		div.content p a, div.storycontent p a 	{
						font-weight: bold;
						text-decoration: none;
						}

		div.content p a:hover 		{
						text-decoration: underline;
						}

		p.photos			{
						text-align: center;
						}

		p.photos img			{
						border: none;
						}


.center         {  
                  text-align:center;
                }

.advert         {  
                  text-align:center;
                  margin: 4px 0px 0px 0px;
                  padding-top: 4px;
                  border: 1px solid #000000;
                }

.credit, .license	{
        margin: 0.5em 0em 0em 0em;
        padding: 1.0em 0.5em 0.2em 0.5em;
		line-height: 1em;	
		text-align: center;
		font-size: 1.2em;
		background-color: #000000;
		}

 .license	{
 		padding: 0em 0.5em 0.5em 0.5em;
 		background-color: #FFFFFF;	
 }

acronym, abbr	{
		font-weight: bold;
		text-decoration: none;
		border: none;
		cursor: help;
		border-bottom: 1px dotted #444444;
		text-transform: uppercase;
		}

#bottomlinks	{
		margin:	0.5em 0em 0em 0em;
		padding: 0.2em 0.5em 0.2em 0.5em;
		line-height: 1em;	
		text-align: center;
		font-size: 1.2em;
		}

p, li		{
		line-height: 1.4em;
		padding: 0.2em;
		margin: 0px;
		font-size: 1.2em;
		}

p.right, p.commentsrss {
		text-align: right;	
}

p.commentsrss {
	line-height: 1.8em;	
}

p.commentsrss a{
		color: #000000;
		padding-right: 19px;
		background: url('http://www.yorrike.com/images/rssicon.png') right center no-repeat;
}

p.commentsrss a#com{	
					background: url('http://www.yorrike.com/images/co.mments.gif') right center no-repeat;
}
	
.post-categories li{
		font-size: 0.9em;
}

.feedback {
		font-size: 1.1em;
		margin-bottom: 0em;
		padding-bottom: 0em;
}

#respond, #comments
                { 
                padding: 2px 4px 2px 0px;
                }

h3              {
        	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
                font-size: 1.6em;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		font-weight: bold;
                }

h2		{
		margin: 0.5em 0em 0.5em 0em;
		font-size: 1.1em;
		text-align: right;
                border: 2px #000000 solid;
                border-width: 2px 2px 2px 20px;
                padding-right: 4px;
                background-color: #94a2ad;
		}

a img.floatleft, a:hover img.floatleft	{
		float: left;
		border: 2px solid #000000;
		margin: 0.4em 0.6em 0em 0.4em;
}



a 		{
                color: #0054A7;
                text-decoration: none;
                font-weight: bold;
		}

.storycontent a[href^="http://"]
		{
		padding-right: 9px;
		background: url('/images/external_link.png') right center no-repeat;
		margin-right: 2px;
                color: #003487;
                text-decoration: none;
                font-weight: bold;
		}

.storycontent a[href^="http://www.yorrike.com"]
		{ 
		padding-right: 2px;
		background: url(none); 
		}

.storycontent a[id^="more"]
                { 
                  display: none;
                  }

a img, a img:hover
		{
		border: none;
		}

a:visited 	{
		}

a:hover 	{
		}

#bottomlinks a 	{
		color: #000000;
		font-weight: bold;
		text-decoration: none;
		}

blockquote	{
                background: #d3dee5 url('/images/quote.png') 2px 2px no-repeat;
		border: 1px dashed #939ea5;
    		margin: 0em 1.5em 1em 1.5em;
		padding: 8px 4px 6px 40px;
                font-style: italic;
		}

cite 		{
		font-size: 1.2em;
		font-style: normal;
                padding-bottom: 0.8em;
		}

ol#comments li p {
	font-size: 100%;
}

/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.credit a {
	color: #ffffff;
        font-weight: bold;
}

.credit a:link, .credit a:hover {
	color: #fff;
        font-weight: bold;
}

.feedback {
	color: #000000;
	text-align: right;
        margin: 0px 0px 1em 0px;
}

.feedback a[href*="action=edit"]{
        color: #881100;
}

.feedback a[href*="action=edit"]:before{
        color: #000000;
        content: ":: ";
}

.meta {
	color: #000000;
	font-weight: bold;
	letter-spacing: 0;
	font-size: 1.1em;
        margin: 0em 0em 0.5em 0.5em;
}

.meta a {
	font-size: 1.1em;
	color: #881100;
          }

.meta li, ul.post-meta li {
	display: inline;
        margin: 0em;
        padding: 0em;
}

.meta ul {
	display: inline;
	list-style: none;
	padding: 0em;
        margin: 0em;
}

.meta li:before {
content: ": ";
           }

.meta li:after {
content: "";
           }

.comment { 
           width: 4em;
           margin-right: 10px;
           }

/* Headers specifications */

h4 {
	margin: 0em;
	padding: 0em;
	font-size: 1.4em;
}





.comment-details a{
/*	font-weight: normal;*/
	font-size: 1.2em;
}

#commentform {
	padding-left: 1em;

}

#commentform #name, #commentform #email,#commentform #author, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 94%;
}

#commentlist {
	margin: 0.5em 1em 0.5em 1em;
	padding: 0.5em;
	color: #000000;
	list-style-type: none;
}

#commentlist li {
        background: #d3dee5 url(http://www.yorrike.com/images/yorrike.com-commentbg.png) top right no-repeat;
        color: #000000;
        border: 1px solid #999999;
        border-width: 1px;
		font-size: 1.0em;	
        margin-bottom: 1em;
        padding: 0.5em;
}

#commentlist li.alt {
       background: #d7d7d7 url(http://www.yorrike.com/images/yorrike.com-commentbgalt.png) top right no-repeat;	
}

#commentlist li cite{
        width: 100%;
        margin-top: 0px;
        padding-bottom: 0.2em;

}

#commentlist li cite a{
        color: #000000;
        border-bottom: 1px #0054A7 solid;
        font-size: 1.0em;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 1.2em;
	list-style-type: none;
}

#commentlist li p.comment_number {
        float: right;
        font-size: 3.5em;
        color: #8A8A8A;
        font-style: italic;
        padding: 0.2em 0em 0.2em 0.2em;
        margin-top: -0.5em;
        font-weight: bold;
        letter-spacing: 0.15em;
}

span.figure {
        text-size: 1.0em;
        text-style: italic;
}








#menu form {
	margin: 0 0 0 13px;
}

#menu input#s {
	width: 80%;
	background: #eee;
	border: 1px solid #999;
	color: #000;
}

#menu ul {
	color: #000000;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
	text-transform: lowercase;
}

#menu ul li {
	font: bold 1.1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: 0.1em;
	margin-top: 10px;
	padding-bottom: 2px; 
	text-align: right;
}

#menu ul ul {
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu ul ul li {
	border: 0;
	font: normal 1.1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 12px;
}

#menu ul ul li a {
	color: #000;
	text-decoration: none;
        font-weight: normal;
        margin-right: 6px;
        padding-right: 2px;
}

#menu ul ul li a:hover {
	border-right: 6px solid #F05040;
        margin-right: 0px;
}

.button {
	list-style: none;
	text-align: center;
	}

.button li{ 
	display: inline;
        margin: 2px 0px 0px 0px;
                    }

.button li a:hover { 
        border: none;
        margin-right: 0px;
 }

#menu ul ul ul.children {
	padding-left: 4px;
}