/*  
Theme Name: Grunge
Theme URI: http://hannbeth-fan.net/wp-content/themes/grunge/
Description: Layout 
Version: 1.0
Author: Brooke
Author URI: http://designs.builtbyrobots.org/


/* Basics and Typography 


*/


::-moz-selection {
color: #ffffff;
background: #000000; }

td {font-family: Arial;
	font-size: 10px;}


body {
	background-color: #000000;
	font-family: Tahoma;
	font-size: 10px;
        line-height: 10px;
	color: #ffffff;
	background-image: url('');
	background-repeat: repeat-y;
	cursor : default;
	
}s {
	color: #ffffff;
	background-color: #000000;
	font-size: 10px;
	
}b {	
	color: #008600;
	background-color: #000000;
	font-size: 10px;
	
}i,em {	
	color: #e7ed7a;
	background-color: #000000;
	font-size: 10px;
	
}u { 
	color: #cae03f; 
	background-color: #000000;
	border-bottom: 1px solid #ffffff;
	font-size: 10px; }
}p { 
	font-size: 10px;
	line-height: 10px;
	
}a:link, a:active, a:visited {         
	font-family: ;
	font-size: 8px;	
	line-height: 10px;
	color: #18ab72; 
	background-color: #000000;                
	text-transform: uppercase; 	
	font-weight: normal;	
	text-decoration: none; 
	border-bottom: ;
	cursor : help;

}a:hover {	
	color: #a3ddd0;   
	text-decoration: none;
	text-transform: uppercase;
	font-size: 8px;
	line-height: 10px;
	border-bottom: ;
	background-color: #000000; }
	
TEXTAREA, input{
	font-family: Tahoma;
	font-size: 8px;
	font-weight: small;
	line-height: 8px;
	color: #ffffff;
	background-color: #000000;
	background-image: ;
	background-repeat: repeat;
	text-transform: none;
	border: #000000 1px solid;

}
select
{	
	background-color: #000000;
	color: #ffffff;
	font-family: Tahoma;
	font-size: 8px;
	line-height: 10px;
	border: ;
	text-align: right;
	font-weight: small;
	
	}

	input:focus,
	textarea:focus { 
	color: #ffffff;
	background-color: #000000;
}
img
{
border: 0;

}
h1 {
	background-color: #000000;
	font-family: Tahoma;
	font-size: 8pt;
	color: #4ebfa7;
	text-transform: uppercase;
	text-align: center;
	line-height: 12px;
	margin: 0px;
	background-image: ;
	background-repeat: no-repeat;
	background-position: bottom;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: #000000;	border-style: solid;	border-bottom-width: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}
h2 {
	font-family : Tahoma;
	font-size : 10px;
	line-height: 10px;
	text-transform: uppercase;
	color: #e8ea4e;
	text-align: center;
	margin: 0px;
	background-color: #000000;
	padding-left: 0px;
	padding-top: 3px;
	padding-bottom: 3px; }

h3 {
	font-family : Tahoma;
	font-size : 10px;
	line-height: 10px;
	text-transform: uppercase;
	color: #e8ea4e;
	text-align: center;
	margin: 0px;
	background-color: #000000;
	padding-left: 0px;
	padding-top: 3px;
	padding-bottom: 3px; }

.storytitle {
	background-color: #000000;
	font-family: Tahoma;
	font-size: 10px;
	color: #4ebfa7;
	text-transform: uppercase;
	text-align: center;
	line-height: 12px;
	margin: 0px;
	background-image: ;
	background-repeat: no-repeat;
	background-position: bottom;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: #000000;	border-style: solid;	border-bottom-width: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.storyinfo {
		font-family : Tahoma;
	font-size : 10px;
	line-height: 10px;
	text-transform: uppercase;
	color: #e8ea4e;
	text-align: center;
	margin: 0px;
	background-color: #000000;
	padding-left: 0px;
	padding-top: 3px;
	padding-bottom: 3px; }

	
blockquote { 
	line-height: 10px;
	text-align : left;  
	color : #78caba; 
	font-family : Tahoma; 
	font-size: 10px;
	font-style: italic; 
	padding:4px;
	background-color: #000000;
	background-image: ;
	background-repeat: repeat;
	border-left: #d3eadd 8px solid; 
	border-right: #98c0b8 0px solid; 
	border-bottom: #98c0b8 0px solid; 
	border-top: #98c0b8 0px solid; }


.blog {
	padding: 4px;
	font-size:10px;
	font-family: Tahoma;
	line-height:10px;
	background-color: #000000;
	background-image: url('');
	background-repeat: repeat;
	color: #ffffff;
	margin: 0px;
	text-align: justify; 
	border-left: #4a4a4a;
	border-right: #fb1e44;
	border-top: #f10947;
	border-bottom: #1f1f1f;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width:0px;
	margin: 0px;}



.content {
	padding: 4px;
	font-size:10px;
	font-family: Tahoma;
	line-height:10px;
	background-color: #000000;
	background-image: url('');
	background-repeat: repeat;
	color: #ffffff;
	margin: 0px;
	text-align: justify; 
	border-left: #4a4a4a;
	border-right: #fb1e44;
	border-top: #f10947;
	border-bottom: #1f1f1f;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width:0px;
	margin: 0px;}

.commentbox {
	padding: 4px;
	font-size:10px;
	font-family: Tahoma;
	line-height:8px;
	background-color: #000000;
	background-image: url('');
	background-repeat: repeat;
	color: #ffffff;
	margin: 0px;
	text-align: justify; 
	border-left: #4a4a4a;
	border-right: #fb1e44;
	border-top: #f10947;
	border-bottom: #1f1f1f;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width:0px;
	margin: 0px;}

.news-box2 {
	border: solid 1px #000000;
	background: #000000;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;}
	
.news-box2 a {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;}

.news-box2 a:link, .news-box2 a:visited {
	font-weight: bold;
	color: #879a92;
	text-decoration: none;}

.news-box2 a:hover {
	font-weight: bold;
	color: #000000;
	background-color: #ffffff;
	text-decoration: underline;}
	
a.nav:link, a.nav:visited, a.nav:active {
	text-decoration: none;
	font-family: Tahoma;
	font-size: 8pt;
	line-height: 10pt;
	color: #3fb994;
	background-color: #000000;
	cursor: default;
	display: block;
    	text-align:center;
	text-transform: lowercase;
	margin: 0px;
   	padding: 0px;
   	border-bottom: 1px solid #000000;
    	border-right: 8px solid #ffffff;
    	border-left: 8px solid #ffffff;
}
a.nav:hover {
	font-family: Tahoma;
	font-size: 8pt;
	line-height: 10pt;
   	font-weight: none;
	color: #e8ac2c;
   	text-align: center;
	background-color: #1a1a1a;
	cursor: default;
	display: block;
	text-transform: lowercase;
	margin: 0px;
    	padding: 0px;
   	border-bottom: 1px solid #000000;
    	border-right: 8px solid #ffffff;
    	border-left: 8px solid #ffffff;
	}

a.title:link, a.title:visited, a.title:active {
	font-family: ;
	font-size: 8pt;	
	line-height: 12px;
	color: #18ab72; 
	background-color: #000000;                
	text-transform: uppercase; 	
	font-weight: normal;	
	text-decoration: none; 
	border-bottom: ;
	cursor : default; }
	
a.title:hover {
	color: #a3ddd0;   
	text-decoration: none;
	text-transform: uppercase;
	font-size: 8pt;
	line-height: 12px;
	border-bottom: ;
	background-color: #000000; }
	
.thumbs {
	background: #ffffff;
	border: #e3e3e2 1px solid;
	padding: 2px; }

ul.thumbs li {
  	margin: 0;
  	padding: 0; }

ul.thumbs li {
  	margin: 0 0 15px 0 !important;
  	margin: 0;
  	padding: 0px;
  	list-style: none; }
	
.thumb img {
  	background: #ffffff;
  	border: 1px solid #e3e3e2;
  	padding: 2px; }

a.thumb img {
  	background: #ffffff;
  	border: 1px solid #e3e3e2;
  	padding: 2px; }

a:hover.thumb img {
  	background: #e3e3e2;
  	border: 1px solid #fffff;
  	padding: 2px; }

a:hover.thumb {
  	background: none; }
	
a.thumb span {
  	display: block;
  	margin-top: -5px !important;
  	margin-top: -2px; }
	
	ul.thumbs li {
  	margin: 0;
  	padding: 0; }

ul.preview li {
  	margin: 0 0 15px 0 !important;
  	margin: 0;
  	padding: 0px;
  	list-style: none; }
	
.preview img {
  	background: #ffffff;
  	border: 1px solid #e3e3e2;
  	padding: 5px; }

a.preview img {
  	background: #ffffff;
  	border: 1px solid #e3e3e2;
  	padding: 5px; }

a:hover.preview img {
  	background: #e3e3e2;
  	border: 1px solid #fffff;
  	padding: 5px; }

a:hover.preview {
  	background: none; }
	
a.preview span {
  	display: block;
  	margin-top: -5px !important;
  	margin-top: -2px; }