/*  
Theme Name: Ghoulish Gary
Theme URI: http://ghoulishgary.com
Description: Wordpress theme developed for Ghoulish Gary Pullin
Version: 1.0
Author: Nicole Williams
Author URI: http://brainlava.com

*/

/***** SITE DESIGN *****/		  

a, a:active {
	color: #7E3B89; font-weight: bold;
}		  																	 	
a:visited {   
	color: #AF6BBF;
}
a:hover {
	color: #528038;
}	  
p {
	text-align: left; margin: 10px 0; clear: both;
}
h2 {
	font-size: 14px; color: #528038; margin: 0;
}
h3 {
  	font-size: 14px; margin: 0;  }					
li {	
	list-style-position: outside; list-style-image: url(img/arrow.gif); line-height: 16px; padding-bottom: 3px;		
}
ul {
	margin-left: 1.75em; padding-left: 0;  	
}	
.thumbs { 
	padding: 20px 0px 0px 10px;	 text-align: left;
}
.thumbs img  {
	padding: 5px;
	}
.decks { 
	padding: 0px 0px 0px 10px;	 text-align: left;
}
.decks img  {
	padding: 0px 5px 5px 5px;
	} 
.copy {
	z-index: 10; position: absolute; top: 532px; left:275px; padding: 0px; margin: 0px; color: #659931; font-size: 9px;
}
img {border: 0;}	

/***** SITE STRUCTURE *****/	 
body {
	background-color: #000000; text-align: center; margin: 0; font-family: arial, serif;  font-size: 12px; 
}	 
#global {
	margin: 30px auto 0px auto; width: 845px; text-align: left;	position: relative;
}	
#wrapper {
	width: 845px; position: relative;
}		   
#header { 
	height: 118px; 
}	
#left {
	width: 270px;
}
#right {
	height: 325px; width: 570px; position: relative;
}
#navigation {
	width: 133px;
}  	 
#subNavigation {
	width: 254px; height: 118px;
}	 
.subLinks {		  
height: 71px; width: 221px;
}
.siteContentContainer {
	width: 512px; height: 325px; background-color:#ffffff; position: relative; overflow: hidden;
}		   
.siteContent {
	width: 465px; padding: 10px 8px 5px 10px;	overflow: hidden;  position: relative; line-height: 18px; text-align: center;
}	    
.siteContentContainerSlide {
	width: 512px; height: 325px; background-color:#ffffff; position: relative; overflow: hidden;
}	
.siteContentSlide {
	width: 502px; padding: 10px 5px 5px 5px; overflow: hidden;  position: relative; line-height: 18px; text-align: center;
}	
.contact {	
	background: #000000 url(img/gg_17.gif) no-repeat; width: 570px; padding-top: 60px; text-align: right;
}	 
	   
#wrapper div, #wrapper div div, #navigation div,  #header img, #left img, #leftCandle img, #subNavigation, #subNavigation div, #subNavigation img, .sitecontent div, .left {
	float: left;
}
/***** CANDLE SITE STRUCTURE *****/	 
#leftCandle {
	width: 390px;
}	
#rightCandle {
	width: 450px; height: 325px;
} 
.contentCandleContainer {
	width: 392px; height: 325px; background-color:#ffffff; position: relative; overflow: hidden; 
}		   
.contentCandle {
	width: 351px;  padding: 10px 8px 5px 5px; overflow: hidden; position: relative; line-height: 18px;
}
.contactCandle {	
	background: #000000 url(img/candle_17.gif) no-repeat; width: 450px; padding-top: 60px; text-align: right;
}		  

			
/***** CUSTOM SCROLL BAR *****/	
#up {
	position:absolute; top: 5px; z-index:20; cursor:pointer;
} 
#track {
	position:absolute; top:27px; z-index:21;
} 
#drag {
	position:absolute; top:27px; z-index:22; cursor:pointer;
} 																	 
#down {
	position:absolute; top:299px; z-index:23; cursor:pointer;
}			 
.siteContentContainer #up, .siteContentContainer #track, .siteContentContainer #drag, .siteContentContainer #down {
	left: 480px;
} 			 
.contentCandleContainer #up, .contentCandleContainer #track, .contentCandleContainer #drag, .contentCandleContainer #down {
	left: 360px;
} 


/***** WORDPRESS STYLES *****/
.navigation {
    width: 340px; font-size: 9px; margin: 0px 0;}
.postmetadata {
    font-size: 9px; width: 340px;}
.date {
    font-size: 9px; width: 340px;}
.alignleft {
    float: left;}
.alignright {
    float: right !important;}
textarea#comment {
    width: 300px;}
input#submit {
   font-size: 11px; background-color:#000000; color:#BBD976; margin:5px 0px 100px 0px; width: 150px; padding: 5px 0; text-align: center; border: solid 1px #000000; font-weight: bold;}
.clear {
    clear: both;}
.post {
    float: left; margin-bottom: 20px;}
.entry img {
    float: left;
    padding: 0 5px 5px 0;}
.commentlist {
    padding: 0; margin: 0;}
.commentlist li {
    list-style-image:none; list-style-position:outside; list-style-type:none; margin:3px 0pt; width: 340px;}
.alt {
    background-color:#E8EFE0; border-bottom:1px solid #431D4C; border-top:2px solid #431D4C; padding:5px;}