/*  
Theme Name: The Wired > Hues of Lain
Theme URI: http://sohryu.nu/links/
Description: A layout featuring various pictures of Lain from the anime Serial Experiments Lain.
Version: 1.0
Author: Sofia B. 
Author URI: http://sohryu.nu/
*/

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/
*{
	margin:0;
	padding:0;
}
a img{
	border:none;
}
.alert{
	background:#ffcccc url(img/alert.png) 10px center no-repeat;
	border-top:2px solid #993333;
	border-bottom:2px solid #993333;
	line-height:1.80em;
	margin:10px auto;
	padding:10px 10px 10px 65px;
	text-align:justify;
	width:80%;
}
.center{
	text-align:center;
}
.clear{
	clear:both;
}
.projects{
	float:right;
	padding-left:10px;
}
.meta{
	padding-top:10px;
	text-align:right;
}
input, textarea{
	background: none;
	border: #FF0000 thin dashed;
	line-height: 2em;
	padding: 3px;
}
#masthead p{
	line-height:1.80em;
	margin:5px 0 15px 0;
}

/*-----------------------------------------------------------------------------------------------
  Head
-----------------------------------------------------------------------------------------------*/
#masthead{
	background:url(img/bg_main.gif) repeat;
	margin-top:25px;
}
#head{
	background:url(img/bg_head.gif) repeat;
	margin:0;
}

/*-----------------------------------------------------------------------------------------------
  Bottom
-----------------------------------------------------------------------------------------------*/
#bottom{
	color:#242f4c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:-5px;
	text-align:justify;
	width:970px;
}
#content{
	background:url(img/bg_left.gif) no-repeat;
	float:left;
	padding-left:10px;
	padding-right:5px;
	width:670px;
}
	.inside{
		padding-top:5px;
	}
	#content a:link, #content a:visited{
		color:#7456f2;
		text-decoration:underline;
	}
	#content a:hover{
		background-color:#fffee0;
		color:#9620ae;
		text-decoration:none;
	}
	#content em{
		color:#739217;
	}
	#content strong{
		color:#aa21c2;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	#content ul{
		line-height:1.70em;
		margin-left:20px;
	}
	
#sidebar{
	background:url(img/bg_right.gif) no-repeat;
	float:right;
	line-height:1.40em;
	width:280px;
}
	#sidebar h1{
		background-color:#000000;
		color:#00f0f1;
		font-family:"Century Gothic", "Avant Garde", "Arial", "Helvetica", sans-serif;
		font-size:15px;
		font-weight:normal;
		margin-top:5px;
		padding:2px 0 2px 3px;
		text-transform:uppercase;
	}
	#sidebar p{
		padding:0 0 0 3px;
	}
	.insides{
		margin:0 60px 0 10px;
		padding-top:5px;
		width:165px;
	}
	#navigation{
		margin-top:5px;
		padding:0;
		list-style-type:none;
	}
		#navigation li{
			margin-bottom:5px;
		}
		#navigation a, #navigation a:visited{
			background-color:#feecc0;
			color:#670f00;
			display:block;
			padding-left:3px;
			text-decoration:none;
			width:162px;
		}
		#navigation a:hover{
			background-color:#dc9dd6;
			color:#65005a;
			text-decoration: none;
		}
			#navigation li.page_item_current a{
				background-color:#7d315d !important;
				color:#FFFFFF;
			}
/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/
#footer{
	background:url(img/bg_footer.gif) repeat-x;
 	background-color:#000000;
	clear:both;
	color:#f7ffd5;
	font-family:"Courier New", Courier, monospace;
	font-size:10px;
	line-height:1.50em;
	padding:9px 5px 1px 10px;
	text-align:left;
	text-transform:uppercase;
}
#footer a:link, a:visited{
	color:#F29327;
	text-decoration:none;
}
#footer a:hover{
	color:#FFD129;
	text-decoration:underline;
}
#footer em{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9px;
	letter-spacing:1px;
	text-transform:none !important;
}

/*-----------------------------------------------------------------------------------------------
  Headings
-----------------------------------------------------------------------------------------------*/
#content h1{
	background-image:url(img/bg_h1.gif);
	background-repeat:no-repeat;
	color:#000000;
	font-family:"Century Gothic", "Avant Garde", "Arial", "Helvetica", sans-serif;
	font-size:33px;
	font-weight:normal;
	height:53px;
	letter-spacing:1px;
	padding-left:100px;
	text-align:left;
}
	.shadow{ 
		color:#33FFFF; 
		display:block; 
		position:relative; 
	}
	.shadow span{ 
		display:block; 
		position:absolute; 
		top:0; 
	}
	.shadow:before{ 
		color:#99FFFF;  
		content:attr(title); 
		display:block; 
		padding:2px; 
	} 

h2{
	color:#F0059D;
	font-family:"Courier New", Courier, monospace;
	font-size:20px;
	letter-spacing:1px;
	margin:20px 0 0 0;
	text-transform:uppercase;
}
h3{
	color:#294ebb;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:capitalize;
}
h4{
	color:#c378c9;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	letter-spacing:1.5px;
	text-transform:capitalize;
}

/*-----------------------------------------------------------------------------------------------
  LINK PAGE STYLES
-----------------------------------------------------------------------------------------------*/
.blogroll{
   list-style:none;
   margin:0 !important;
   padding:0 !important;
}
.blogroll li{
   float:left;
   list-style:none;
}
	.resources{
		float:none !important;
		list-style:none;
	}
.blogroll li a img{
	background-color:#fff7d7;
	border:1px #66FFFF solid;
	display:block;
	padding:5px;
	margin:5px;
}
.blogroll li a:hover img{
	background-color:#ffc6a1;
	border:thin #FF0099 solid;
}
#resources{
	width:97%;
}
#bruscantex{
	float:left;
	width:50%%;
}
#scriprogfon{
	float:right;
	width:48%;
}