/* @override http://theas.net/wp-content/themes/splatterbrained/style.css */

/*  

Theme Name: Splatterbrained

Theme URI: http://www.wpthemespress.com

Description: 3 Column artistic theme that I saw loved and had to purchase exclusively for my fans :) Then altered by me, Thea

Version: 1.0

Author: WP Themes Press

Author URI: http://www.wpthemespress.com



*/





/* ---------- @ HTML Elements -----------*/





body{

	color:#666;

	font-size: 100%;

	background-color:#662D91;

	

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	font-family:Arial, Helvetica, sans-serif;

	font-size:.85em;

	margin:0px;

	padding:0px;

	background-attachment: scroll;



}



.post img{

margin-right:10px;



}



a:link, a:visited {

	

	text-decoration: none;

	color: #595959;

}



a:hover, a:active {

	color:#8a0033;

	text-decoration: underline;

}



/* ---------- @ search -----------*/



.search{

	width:500px;

	position:absolute;

	top:188px;

	left:300px;

	list-style:none;





}

.search #s{

	width:340px;

	

	list-style:none;





}



/* - Menu - */

#menu {height:30px; width: 480px;

position:absolute;

	top:185px;

	left:260px;

	font-size: 12px;

	font-weight: bold;

	text-transform: capitalize;

	letter-spacing: 3px;

	margin-left: 10px;

}

#menu ul {margin:0; padding:0;}

#menu li {list-style:none; float:left;

	padding: 7px;

	letter-spacing: 3px;

}



#menu a:link { color:#FFFFFF; display:block;

	font-size: 12px;

	font-weight: bold;

	letter-spacing: 3px;

	text-decoration: none;

}

#menu a:visited {text-decoration:none; color:#FFFFFF;}



#menu a:hover { color: #8a0033;

}







/* ---------- @ Page Structure -----------*/



.header {

	height: 357px;

	width: 1000px;

	position:relative;

	background-image: url(images/header.jpg);

	background-repeat: no-repeat;

	background-position: center top;

}





#header h1 a {

	font-size:1.8em;

	font-weight:bold;

	color:#FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	position: absolute;

	top:75px;

	left:330px;

	

	

}



#header .description{

	position: absolute;

	top:75px;

	left:285px;

	font-weight:bold;

	color:#FFFFFF;



}

#header .box{

	position: absolute;

	top:80px;

	right:47px;

	font-weight:bold;

	color:#A60000;

	text-align:center;

	font-size:1.65em;



}

#header .box h3{

color:#A60000;

	



}









.mid{

	

	background-image: url(images/mid_bg.jpg);

	background-repeat: repeat-y;



}





/* ---------- @ Headings -----------*/



h2 {

	font-size: 1.2em;

	margin:0px;

	padding:0px;



	

	}

	

.content h2 a,

.content h2 a:visited

{

	font-size: 1.5em;

	margin:0px;

	padding:0px;

	color:#662D91;



	

	}



h3 {

	font-size: 1.4em

	}



h4 {

	font-size: 1.2em

	}

	







/* ---------- @ content Area -----------*/



/*Home*/

.padding{

padding:10px 20px 10px 0px;



}

.content {

	font-size:11px;

	line-height:14px;	

	margin-top:10px;

	position: relative;

	top:-130px;

	color:#111;

	



	



}







.post{

	

	background-position: left top;

	



}



.post h2{

	

	background-position: left top;

	font-size: 1.3em;

	margin:0px;

	padding:10px;

	color:#662D91;

	letter-spacing: 2px;

}

	



/* Image Styles */



img, a img {

  text-decoration : none;

  text-align : center;

  border: 0px;

}



img.center { 

  display : block;

  margin : auto;

}



img.right, .right { 

  margin : 0 0 12px 4px;

  float : right; 

}



img.left, .left { 

  margin : 0 12px 0 4px;

  float : left; 

}



a img.border { 

  border : 1px solid #666666;

  margin: 5px;

  padding: 5px;

}



a:hover img.border, a:focus img.border, a:active img.border { 

  border : 1px solid #595959;

}



img.author_pic { 

  margin : 5px;

  float : right; 

}





/*sidebar left*/





.sidebar_left {

	float:left;

	margin-top:-20px;

	font-size:11px;

	margin-left:8px;

	

	

}



.sidebar_left  ul 

{

	margin-left:8px;

	padding:10px;

	margin-bottom:0px;

	list-style:none;



	



}



.sidebar_left h2 {

	color:#fff;

	background-image: url(images/h2bg.jpg);

	background-repeat: no-repeat;

	height: 25px;

	width: 194px;

	padding-top:10px;

	padding-left:30px;

	padding-bottom:10px;

	}



.sidebar_left li 

{

	margin:0;

	padding:0.1em 0;

	border-bottom:0px solid #dedede;

	list-style:none;

	

	

}



.sidebar_left li a,.sidebar_left li a:visited 

{

color:#662D91;



	

	

}



.sidebar_left li a:hover, a:active {

	color:#feed23;

	text-decoration: underline;

}







/*sidebar right*/





.sidebar_right {

	float:left;

	margin-left:8px;

	font-size:11px;

	



}

.sidebar_right h2 {

	color:#fff;

	background-image: url(images/h2bg.jpg);

	background-repeat: no-repeat;

	height: 25px;

	width: 194px;

	padding-top:10px;

	padding-left:25px;	

	

}



.sidebar_right  ul 

{

	margin:0;

	padding:3px;

	list-style:none;

	padding-bottom: 10px;

	

	



}



.sidebar_right li 

{

	margin:0;

	padding:0.1em;

	border-bottom:0px solid #dedede;

	list-style:none;

	

	

}



.sidebar_right li a:hover 

{

color:#feed23;



	

	

}









/*comments*/

.post .user {

	

	background-repeat: no-repeat;

	height: 10px;

	width: 10px;

}



.post .user a{

	padding-left:5px;

}

.post .edit {

	

	background-repeat: no-repeat;

	height: 10px;

	width: 10px;

}

.post .edit a {

	padding-left:5px;

}

.post .comment {



	background-repeat: no-repeat;

	height: 10px;

	width: 10px;

}

.post .comment a {

padding-left:5px;

	

}



/* Comments starts here*/



ol{

margin:0px;

padding:0px;

margin-right:10px;





}

ol li{

display:block;

border-bottom:1px solid #222;

list-style:none;

background-color:#f5f5f5;

padding:10px;









}



#commentform .textarea{









}



#commentform .textarea{

width:98%;

border:1px solid #dedede;



}

/*Interior Pages*/



.bullets {

	padding:15px 15px 15px 30px;

	}



.bullets li {

	background:url(/images/bullet.gif) no-repeat;

	list-style:none;

	padding-left: 11px;

	margin-bottom: 5px;

	}



/* ---------- @ Forms -----------*/



.button {

	background: #000 ! important;

	border:#F7ECD4 1px solid;

	padding: 2px;

	margin: 0 2px 0 0;

	color:#FFF;

}



.button:focus {

	padding:2px;

	background: #000 ! important;

}



.button:hover {

	background: #CCC ! important;

	color: #000;

}



/*Clear*/



.clearfloat:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

	}



.clearfloat {

	display: inline-block;

	}



/* Hides from IE-mac */

* html .clearfloat {

	height:1%;

	}



*+html .clearfloat {

	height:1%;

	}



.clearfloat {

	display:block;

	}

/* End hide from IE-mac */



/* ---------- @ Footer -----------*/



#footer {

	padding: 10px;

	color:#FFFF99;

	background-image: url(images/footer_bg.jpg);

	background-repeat: no-repeat;

	height: 140px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	background-position: top;

	text-align:center;

	

	



	

}

#footer p{

padding-top:70px;

color:#fff;



	

	

}

#footer a{



	color:#595959;

	text-decoration:underline;

	font-weight:bold;

	font-size:10px;

	

	

}



#footer a:hover{



	color:#feed23;





}