@charset "utf-8";
* {
margin: 0;
padding: 0;
}

body  {
	font: 100% "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	background: #444;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
	background-image:url(../../images/bg_mainbg1.gif);
}

body a{
color:black;
}
body a:hover{
color: #900;
}

.smalltext{
font-size:10px;
}


/* GENERICS */
.notice {
color:#CC0000;
}

.bold_link{
color:#990000;
text-decoration:none;
font-weight:bold;
}

.bold_link a{
color:#990000;
text-decoration:none;
}



.bold_link:hover{
color:#FF0000;
}

.creature_main #container { 
	width: 806px;
	background-color:#E6E6E6;
	background-image:url(http://images.creaturesinmyhead.com/bg_2colpattern.gif);
	margin: 15px auto;
	overflow:visible;
	padding: 0px;
	text-align: left; 
} 

.rounded{
}

.creature_main #header { 
	background: #640000; 
	height:68px;
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.creature_main #header h1 {
	margin: 0px;
	padding: 10px 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

/* SIDE BAR MAIN CONTAINER & IE HACK*/
.creature_main #sidebar_main {
	float: left;
	margin:0px;
	padding:0px;
	width: 276px;
}
.creature_main #sidebar_content {
	width: 260px;
	margin:4px 6px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	float:none;
}



/* WP SIDE BAR */
#sidebar ul{
margin:0px;
padding:0px;
list-style:none;
}

#sidebar .boxline{
overflow:auto;
border:#AAA solid 1px;
}

#sidebar li{
margin:0px;
padding:0px;
list-style:none;
}

/* WP WIDGET BOX */
		
#sidebar .widget{
margin: 0px 0px 8px 0px;
}
#sidebar .widget li{
list-style:none;
font-size:10px;
width:90%;
padding:2px 4px 3px 4px;
border-bottom: #999 dotted 1px;
display:block;
margin: 3px 0px 3px 8px;
}

#sidebar .widget li a{
color:#666666;
text-decoration:none;
}
#sidebar .widget li a:hover{
color: #000;
}

#sidebar .widgettitle{
margin:4px 0px 0px 0px;
padding: 4px 0px 0px 28px;
color: #2A2A2A;
font-size: 12px;
text-transform:uppercase;
background:url(../../images/sidebar_box1top.gif) top no-repeat;
height: 20px;
}

#sidebar h2.widgettitle{
color: #2A2A2A;
}

#sidebar h2.widgettitle a{
text-decoration:none;
}

#sidebar h2.widgettitle a:hover{
color: #900;
}





/* WP WIDGET TEST */
/* ABOVE SO FAR FOR RECENT POSTS, UPCOMING EVENTS */

/* WHITE BOX FOR WIDGETS */
	
	

/* TRANSPARENT BOXES */
.sidebar_box1{
margin: 0px 0px 8px 0px;
}

.sidebar_box1 h1{
margin:0px;
padding: 4px 0px 0px 24px;
color: #2A2A2A;
font-size: 12px;
text-transform:uppercase;
background:url(../../images/sidebar_box1top.gif) top no-repeat;
height: 20px;
}
.sidebar_box1 h1 a{
color: #2A2A2A;
text-decoration:none;
}

.side_more{
display:block;
text-align:right;
font-size:9px;
padding: 0px 6px 2px 0px;
}

.side_more:hover{
color:#FF0000;
}

/* TRANSPARENT BOXES CONTENT : NOTE THIS IS DUPLICATED IN THE #SIDEBAR WIDGET STYLES ABOVE*/
.sidebar_box1 ul{
margin:0px;
padding:0px;
}

.sidebar_box1 li {
list-style:none;
font-size:10px;
width:90%;
color:#666666;
padding:2px 4px 3px 4px;
border-bottom: #999 dotted 1px;
display:block;
margin: 3px 0px 3px 8px;
}

.sidebar_box1 .updateItem li a{
text-decoration:none;
}
.sidebar_box1 .updateItem li a:hover{
color: #000;
}



/* WHITE BOXES */
.sidebar_box2{
background-color:#FFFFFF;
margin: 0px 0px 8px 0px;
}

.sidebar_box2 p{
margin: 0px;
}

.sidebar_box2 h1{
margin-top:6px;
padding: 4px 0px 0px 24px;
color: #2A2A2A;
font-size: 12px;
text-transform:uppercase;
background:url(../../images/sidebar_box2top.gif) top no-repeat;
height: 29px;
}
.sidebar_box2 h1 a{
text-decoration:none;
color: #2A2A2A;
}
.sidebar_box2 h1 a:hover{
color: #900;
}
.sidebar_box2 h1 .reload{
border:0;
display:block;
float:right;
width:13px;
height:13px;
margin-right:6px;
background:url(../../images/sidebar_box2reload.gif) top no-repeat;
}
.sidebar_box2 .footer{
height:5px;
width:100%;
background-color:#006666;
background:url(../../images/sidebar_box2bot.gif) top no-repeat;
display:block;
overflow:hidden;
}



/* WHITE BOX CONTENT AREAS */
.sidebar_box2 .content{
display:block;
text-align:center;
}
.sidebar_box2 .content a img{
border:#990000 1px solid;
margin: 0 1px 5px 2px;
}
.sidebar_box2 .sponsor{
display:block;
text-align:center;
}
.sidebar_box2 .sponsor a img{
border: 0px;
margin: 0 2px 3px 2px;
}
.sidebar_box2 .pw_half{
margin-left: 10px;
}

.sidebar_box2 .promo{
display:block;
margin: 0px 0px 4px 12px;
border:#990000 1px solid;
}
.sidebar_box2 .promo a:hover{
border:#DD0000 1px solid;
}

.sidebar_box2 .side_input{
font-size:11px;
width:150px;
height:14px;
color:#666666;
border:#DDD 1px solid;
padding:2px 4px;
margin-left:8px;
}
.sidebar_box2 .button{
font-size:11px;
background-color:#EEE;
margin:2px;
padding:2px 6px;
cursor:pointer;
text-decoration:none;
border:#DDD 1px solid;
}

.sidebar_box2 .button:hover{
color: #990000;
background-color:#DADADA;
}

/* MAIN CONTENT AREA */

.creature_main #mainContent { 
width:530px;
float:right;
margin:0px 0px 10px 0px;
padding: 0px; 
} 
.creature_main #mainContent p { 
	margin: 0;
	padding: 0;
}

.creature_main #mainContent h2{
color: #900;
font-size: 20px;
text-transform:uppercase;
margin:8px 6px 12px 6px;
padding-bottom:4px;
border-bottom: 1px #AAA solid;
}

#content .hide{ 
display:none;
}

/* Post */
#postContainer{
margin-top:4px;
background: url(../../images/bg_postcontainer.jpg) top left no-repeat;
border-bottom: 1px #CCCCCC dotted;
}

#postContainer h1{
margin:0px;
padding:4px;
text-align:left;
font-size:20px;
display:block;
text-transform:uppercase;
color:#990000;
font-weight:bold;

}
#postContainer h1 a{
text-decoration:none;
color:#990000;
}
#postContainer h1 a:hover{
color:#ADD0000;
}
#postContainer h1 .date{
color:#333333;
font-size:10px;
font-weight:normal;
}

#postContainer .postContent{
text-align:center;
padding:0 7px;
}

#postContainer .postContent p img{
border:#990000 1px solid;
}
#postContainer .postContent p{
color: #444;
text-align:left;
padding: 4px;
font-size:11px;
}

#postContainer .postComments{
background-color: #FFF;
padding:4px;
margin:0px 8px;
width:506px;
}

#postContainer .wallContent{
padding:0px;
margin:0px;
}

/* CREATURE post */

#creatureContainer{
/* EDIT TO BE STYLE, NOT ID? */
/*background: url(../../images/creature_bg.gif) top left no-repeat;
vertical-align:top;
background-color: #FFF;*/
/*padding-top: 6px;*/
}

#creatureContainer .creatureContent{
padding-top: 6px;
text-align:center;
background: url(../../images/creature_bg.gif) top left no-repeat;
background-color: #FFF;
}

#creatureContainer .creatureContent p{
padding-bottom:6px;
}

#creatureContainer .hide{
display:none;
}


#creatureContainer .creatureContent .creature{
background-color: #F00;
}

/*#creatureContent img{
display:block;
clear:both;
vertical-align:top;
}*/

.caption{
padding-top:10px;
font-weight:bold;
display:block;
text-align:center;
vertical-align:middle;
background: url(../../images/post_captionbg.gif) top left no-repeat;
background-color:#E6E6E6;
height:25px;
min-height:25px;
overflow:show;
}

.creatureNav{
width:530px;
height:23px;
}
.creatureNav img{
border:none;
}



/*
.cnav_random{
display:inline-block;
background-color:#FF00FF;
width:110px;
height:20px;
position:relative;
text-decoration:none;

}
.cnav_next{
display:inline-block;
background-color:#00FFFF;
width:200px;
height:400px;
position:relative;
left:110px;
text-decoration:none;
}
.cnav_prev{
display:inline-block;
background-color:#00FFFF;
width:200px;
height:400px;
text-decoration:none;
position:relative;
}
*/


.postExtraInfo{
margin:0px 6px 4px 6px;
padding-bottom:6px;
color:#666666;
border-bottom: #999999 1px dotted;
display:block;
font-size:10px;
}
.postExtraInfo a{
text-decoration:none;
}






.creatureComments h1{
padding:8px 0px 0px 0px;
margin: 0px;
background: url(../../images/creature_commentsheader.gif) top left no-repeat;
background-color:#FFFFFF;
font-size:12px;
height:20px;
color:#999;
text-align:center;
text-transform:uppercase;
}
.comments_display{
background-color:#FFFFFF;
display:block;
text-align:left;
min-height: 50px;
height:auto !important;
height:50px;
}

ol.commentlist{
list-style:none;
margin:0px;
padding:0px;
}
li.commentlist{
list-style:none;
margin:0px;
padding:0px;
}
li.commentlist alt{
}

.comments_text{
font-size:.75em;
color:#444;
display:block;
padding:10px 10px 0px 14px;
background-image:url(../../images/bg_comment.gif);
background-position:top;
}
.comments_info{
display:block;
font-size:.7em;
text-align:left;
padding: 10px 10px 0px 28px;
background-image:url(../../images/bg_comment.gif);
background-position:bottom;
}

.comments_date{
color:#AAA;
margin: 0px 4px;
}
.comments_name{
color:#999;
}

/* box and toggle */

#comment_collapse{
clear:both;
display:none;
padding-top:4px;
/*background:#9999CC;*/
}
#comment_add{
font-weight:bold;
cursor:pointer;
display:block;
float:left;
}
.creatureComments{
margin:8px 6px 0px 6px;
width:520px;
}




/* GENERIC POST ELEMENTS */
.postCommentInfo{
background: url(../../images/post_commentinfobg.gif) bottom left no-repeat;
background-color:#c6c6c6;
font-size:11px;
color:#777;
padding:4px 4px 8px 4px;
margin-left:8px;
margin-bottom:6px;
width:506px;
/*overflow:visible;*/
overflow:auto;
display:block;
vertical-align:middle;
}

.postCommentInfo a{
text-decoration:none;
color:#555;
}

.postCommentInfo .category a{
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
color:#555;
}

.postCommentInfo .comments{
float:right;
padding-right:4px;
display:block;
}

.postCommentInfo .comments a{
text-decoration:none;
font-weight:bold;
color:#900;
/*color:#555;*/
}
.postCommentInfo .comments .activePage{
color:#900;
}


.greyFooter{
background: url(../../images/post_footer.gif) left no-repeat;
padding:0px;
margin:0px;
height:8px;
display:block;
}

.postShadow{
background:#b9b9b9;
display:block;
margin-left:8px;
line-height:4px;
height:4px;
padding:0px;
width:514px;
}

.postShadow2{
background:#F0F0F0;
display:block;
margin-left:8px;
line-height:4px;
height:4px;
padding:0px;
width:514px;
}

.whiteFooter{
background: url(../../images/creature_commentsfooter.gif) top left no-repeat;
padding:0px;
margin:0px;
height:8px;
display:block;
}

/* PREVIOUS AND NEXT PAGE NAVIGATION */

.navigation {
	float:right;
	display:block;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 10px;
}

.navigation a{
display:inline-block;
text-decoration:none;
border:#999 solid 1px;
-moz-border-radius: 5px;
border-radius: 5x;
background:#FFF;
padding:2px 4px;
margin: 0px 8px 0px 0px;
}

.navigation a:hover{ 
border:#B00 solid 1px;
background:#EEE;
}


/* TWITTER TWEETS */
.tweet{
border-bottom: 1px #CCCCCC dotted;
margin:6px 2px 4px 2px;
padding:4px 0px;
background: url(../../images/post_tweetbg.gif) left top no-repeat;
height:46px;
font-size:9px;
overflow:show;
}
.tweet .text{
margin: 7px 4px 0px 55px;
display:block;
color:#666;
line-height:1.2em;
}

.tweet .info a{
display:block;
text-decoration:none;
color:#BBB;
padding-top:20px;
margin: 0px 14px 0px 6px;
float:right;
height:20px;
}


.gallery-caption {
	font-size:10px;
}

/* FOOTER */
#footer { 
	padding: 6px 0px; 
	margin: 5px 0px 0px 0px;
	text-align:center;
	border-top: #000000 solid 1px;
	background:#666;
	width:806px;
	font-size:10px;
} 



.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Slideshow Override */
.slideshow-wrapper .pscarousel .pager img {
    border: 1px solid #DDD !important;
    float: left;
    height: auto;
    margin: 5px;
    opacity: 0.5;
    padding: 5px;
    width: 120px;
}