/*  
Theme Name: Goblin Brothers
Description: Custom Theme for GoblinBrothers.com
Version: 1.0
Author: Taughnee Stone
Author URL: http://www.endeavorcreative.com

*/

body { 
	margin: 0px; 
	padding: 0px; 
	background-image: url('http://www.goblinbrothers.com/wp-content/themes/goblin-brothers/images/bg.png'); 
	background-repeat: repeat-x; 
	background-color: #450464; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	}

	
/* =Text & The Basics
____________________________________ */

h1, h2, h3 {  
	margin: 0px;   
	}
h4 {
	color: #F6DB8F;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 18px;
	margin: 10px 0 5px 0;
	font-weight: normal;
	}
li { 
	list-style-type: disc; 
	}
cite { 
	margin: 0px; 
	padding: 3px; 
	font-size: 11px; 
	color: #202B68;
	text-align: center;
	}
blockquote { 
	padding: 5px; 
	margin: 10px;  
	background: #29023C;
	color: #FFFFCC;
	}
blockquote p { 
	}
.title, .comments {  
	color: #202B68; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-style: italic;
	font-size: 26px; 
	margin: 0;  
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: normal;
	text-align: center; 
        line-height:150%
	}
.posted { 
	color: #29023C; 
	border-top: 1px solid #29023C;
	font-size: 10px; 
	margin: 5px; 
	padding: 5px; 
	text-align: center;
	padding-bottom: 20px;
	}
.left h2 { 
	color: #8B3D98; 
	font-size: 11px; 
	margin: 0px; 
	padding: 0px; 
	font-weight: normal;
	}
.credits {
	color: #72E4A3;
	}
/* =Link Styles
____________________________________ */

a:link, a:visited { color: #450464; text-decoration: none; }
a:hover { color: #450464; border-bottom: 0; }

.storycontent a:link, .storycontent a:visited { color: #660099; border-bottom: 1px dotted #660099; }
.storycontent a:hover { color: #450464; border-bottom: 1px dotted #450464; }

.posted a:hover { color: #660099; text-decoration: none; border-bottom: 0;}

.title a:link, .title a:visited { color: #202B68; border-bottom: 0; }
.title a:hover { color: #450464; border-bottom: 0; }

.left a:link, .left a:visited { color: #ffffff; text-decoration: none; }
.left a:hover { color: #1F9DC5; border-bottom: 1px dotted #1F9DC5; }

.middle a:link, .middle a:visited { color: #72E4A3; text-decoration: none; }
.middle a:hover { color: #72E4A3; border-bottom: 1px dotted #72E4A3; }


/* =Layout 
____________________________________ */

#city-scape { 
	position:absolute; 
	width:417px; 
	height:240px;  
	left: 0px; 
	top: 0px;
	background-image: url(http://www.goblinbrothers.com/wp-content/themes/goblin-brothers/images/city-scape.png);
	background-repeat: no-repeat;
	}
#scroll-top {
	position:absolute; 
	width:478px; 
	height:188px; 
	z-index:5; 
	left: 417px; 
	top: 0px;
	background-image: url(http://www.goblinbrothers.com/wp-content/themes/goblin-brothers/images/scroll-top.png);
}
#blog-top {
	position:absolute; 
	width:894px; 
	height:84px; 
	z-index:6; 
	left: 0px; 
	top: 189px;
	background-image: url(http://www.goblinbrothers.com/wp-content/themes/goblin-brothers/images/blog-top.png);
}
#goblin {
	position:absolute; 
	width:276px; 
	height:225px; 
	z-index:7; 
	left: 0; 
	top: 273px;
	background-image: url(http://www.goblinbrothers.com/wp-content/themes/goblin-brothers/images/goblin.png);
}
#left { 
	position: absolute; 
	top: 280px; 
	left: 7px; 
	margin: 0px; 
	width: 158px;  
	}
#middle { 
	position: absolute; 
	width: 220px; 
	top: 390px; 
	left: 152px; 
	margin: 0px; 
	z-index: 50;
	}
.middle{ 
	margin: 0px; 
	color: #8B3D98; 
	font-size: 11px; 
	}
#main { 
	position: absolute; 
	width: 477px;
	top: 183px; 
	left: 335px; 
	padding: 0; 
        margin-bottom: -50px;
	z-index: 100;
	}
.main { 
	margin: 0; 
	padding: 0 10px; 
	font-size: 11px;
	line-height: 140%; 
	background: #DBBE6D;
	padding-top: 30px;
	}
#main p {
	padding: 0 10px;
	padding-right: 20px;
	}
#footer {position: relative; height: 107px; background: transparent;}
#scroll-bottom {
	width: 637px;
	height: 107px;
	background-image: url(http://www.goblinbrothers.com/wp-content/themes/goblin-brothers/images/scroll-bottom.gif);
	background-position: bottom center;
	margin-top: 150px;
	margin-left: -92px;
	}
	
/* =List Styles
____________________________________ */

.middle ul { margin: 0px; padding: 0px; }
.middle ul li { color: #ffffff; font-weight: normal; font-size: 11px; list-style-type: none;}
.middle ul ul { margin: 0px 0px 10px 0px; padding: 0px; }
.middle ul ul li { margin: 0px 0px 0px 15px; padding: 0px; font-size: 11px; font-weight: normal; color: #8B3D98; list-style-type: disc;}

.left { padding: 240px 5px 0px 10px; margin: 0px; width: 135px; font-size: 10px; color: #ffffff; }
.left ul { margin: 0px; padding: 0px; }
.left ul li { margin: 0px; padding: 0px; font-weight: bold; font-size: 11px; color: #ffff00; list-style-type: none; }
.left ul ul { margin: 0px 0px 10px 0px; padding: 0px; }
.left ul ul li { margin: 0px; padding: 0px; list-style-type: none; color: #ffffff; font-weight: normal; font-size: 10px; }


/* =Comments
____________________________________ */
#commentform textarea { width: 300px; height: 150px; }
#commentform input, #commentform textarea { border: 1px solid #000000; }
#commentform p { margin: 0; padding: 0 0 2px 0; }

#comments {color: #000;}
.comment-box {background-color: #E3C675; border: 5px solid #D4B663;}

/* =Forms
____________________________________ */

select, input, option {
background: #E3C675;
color: #000;
border: 5px solid #D4B663;
font-size : 10px;
font-family:Verdana, Arial;
		}
#comments select, #comments input, #comments option {
background: #E3C675;
}

.checkbox {
background-color:  transparent;
margin:  0;
padding: 0;
border: 0;
}

textarea {
margin-left: 0px;
padding-left: 0px;
padding-right: 70px;
background: #E3C675;
color: #000f; 
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 5px solid #D4B663;
}

textarea:focus { background-color: #D4B663;}
input:focus { background-color: #D4B663; }
checkbox:focus { background-color: #D4B663; }