/*
Theme Name: Girlamatic MU
Theme URI: 
Description: A theme developed for Girlamatic.com, a dynamic creator community of webcomics for humans who love great comics.
Author: D.C. McQueen & Josh Roberts
Author URI: http://newmoon-oldsoul.net
Version: 1.0 GunMetal

*/

body {
	margin:0px; padding:0px;
	background-color:#29252c;
	 font-family:Tahoma,sans-serif;
	font-size: 13px;
}


textarea {

width: 550px;


}

form {
margin:0;
padding:0;
display: inline;

}

.clear {
clear: both;
padding: 0;
margin: 0;
height: 1px;

}

.container {
	width:1000px;
	margin:0 auto;
	padding: 0 5px 5px 5px;
}


h1 {
	text-align: left;
	font-size: 30px;
	padding: 0 0 0 0;
	margin: 10px 0 10px 0;
	color: #333;
	line-height: 0;
}



h1 a { 

text-decoration: none;
} 


h2 { 
 margin:0px 0px 5px 0px; 
 font-size:35px; 
  font-family:Tahoma,sans-serif;
 color: #ccc; 
 text-transform: uppercase;
} 

h3 { 
 margin:5px 0px 0px 5px; 
 padding: 0px 0px 0px 0px;
 font-size:27px; 
 font-weight: bold;
 font-family:Tahoma,sans-serif;
 color:#333; 
 text-align: left;
} 



h4 { 
 margin:0px 0px 3px 0px; 
 font-size:20px; 
  font-family:Tahoma,sans-serif;
 color:#29252c;
} 

h4 a { 
 margin:0px 0px 3px 0px; 
 font-size:20px; 
  font-family:Tahoma,sans-serif;
 color:#29252c;
 text-decoration: none;
} 




h5 {

 margin:0px 0px 0px 0px; 
 font-size:12px; 
  font-family:Tahoma,sans-serif;
 color:#fff; 

}

h6 { 
 margin:0px 0px 3px 0px; 
 padding: 0px;
 font-size:20px; 
  font-family:Tahoma,sans-serif; 
 color:#9582AF;
 text-align: center;
} 

small { 
 font-weight:bold; 
 font-size:11px; 
 display:block; 
 margin-bottom:15px; 
} 



a { 
 color:#CCC; 
 text-decoration:none; 
 font-weight: bold;
}

a:hover { text-decoration:underline; } 

#main a { 
 color:#7e6f93; 
 text-decoration:underline;

}

#main h4 a {
 text-decoration:none;

}

#main a:hover {
color: #29252c;
 text-decoration:none; 

} 

p { margin: 10px 10px 10px 10px; } 

a.button { 
 background:#CCC; 
 padding:5px 10px 5px 10px;  
 text-decoration: none; 
 border:1px solid #29252c; 
 text-transform:uppercase; 
 font-size:9px; 
 line-height:25px; 
} 

a.button:hover { 
 color:#29252c;
 background:#7e6f93/* url(images/button_bg_o.jpg) repeat-x */; 
 border-color:#7e6f93; 
  font-family:Tahoma,sans-serif;
  text-decoration: none;


}


.alignleft {
float: left;

}

.alignright {
float: right;


}

.alignright li{
list-style: none;
padding: 0;
  height: 27px;

}


/* 
 TOP
*/ 


#main {
	background-color:#fff;
	margin: 0 auto;
	padding: 0;
	background-image: url(images/gam-header-bg.jpg);
background-repeat: repeat-x;
}

#header
{
height: 131px;
padding: 0;
margin-bottom: 0;
z-index: 2;

}


#jumpcomic { 
float:right;
width: 300px;
margin: 20px 0 0 5px;

}

#logo {
float: left;

}


#mainnav { 

float: left;
margin: 20px 0 0 0;
padding: 0 0 0 15px;
font-weight: 700;
 width: 600px;
 display: inline;

} 

#mainnav a {
  text-decoration: none;
color: white;

}

#mainnav ul {
padding: 0 0 0 5px;
width: 400px;
float: left;

}

#mainnav ul li { 
 display:inline; 
  margin:10px 0px 0px 5px; 
 font-size:18px; 
  font-family:Tahoma,sans-serif;
 text-align: left;
 width: 600px;
 list-style: none;
 
} 

#mainnav ul li a { 

 margin:0px 0px 5px 0px; 
 font-size:13px; 
  font-family:Tahoma,sans-serif;
 color:#fff; 
  text-decoration: none;

} 

#mainnav ul li a:hover { 

color: #ccc;
 text-decoration: none;


} 

#mainnav .alignright li {
padding: 0;

}



/* 
TOP CONTENT
*/ 

#maincontent {
background-color: #fff;

float: left;
width: 670px;
position:relative;
z-index: 1;


}

#maincontent2 {
background-color: #fff;
float: left;
width: 1000px;
position:relative;
z-index: 1;


}



#newtoday {
text-align: left;
padding-bottom: 0;
margin-bottom: 0;

}

#blog {

background:#9b7fb3 url(images/gam-mublogback.jpg) no-repeat top center;
width: 630px;
margin: 10px 0 0 0;
padding:20px 20px 0 20px;
color: #333;
}

#blogcontainer {
background:#a696bd;
margin: 0;
padding: 0;



}

#blog a {
color: #fff;
}

#blogarchive {
float:right;

}

.featured-post {
margin: 0 0 0 10px;
padding: 0;


}

#editor-post {
margin: 0 0 0 5px;

}

.tags {
float: left;

}

#blogbottom {
background-color: #fff;
margin: 0;
padding: 0;

}




.readmore {
margin: 0 auto 0px auto;
padding: 5px 10px 10px 5px;
text-align: right;
width: 600px;
clear: both;
display: block;
background-image: url(images/gam-readmoreback.png); 

}


#editorreadmore {
margin-top: 0pt;

margin-right: auto;

margin-bottom: 20px;

margin-left: auto;

padding-top: 5px;

padding-right: 10px;

padding-bottom: 10px;

padding-left: 5px;

text-align: right;

width: 600px;

clear: both;

display: block;

background-image: url(images/gam-readmoreback-wht.png);

}

a#editorreadmore {
color: #fff;

}


.date {
float: right;
font-size: 18px;
font-weight: bold;
color: #555;
margin: 5px 0 0 0;


}

textarea #comment {
width: 500px;

}



.bylinecomments {
margin: 0 5px 0 5px;
padding: 0 0 0 0;
font-size: 10px;
text-transform: lowercase;


}

.entry {
margin: 0 10px 0 0;

}

.post {
margin: 10px  5px 5px 10px;


}

.archives h2 {
margin-top: 15px;

margin-right: 5px;

margin-bottom: 0pt;

margin-left: 5px;

padding-top: 3px;

padding-right: 3px;

padding-bottom: 3px;

padding-left: 3px;

color: #746952;

font-size: 0.9em;

text-indent: 30px;

background-color: #fffbcc;

background-position: 5px 4px;

border-bottom-width: 1px;

border-bottom-style: dotted;

border-bottom-color: #ede9dc;

}

/* 
 SIDEBAR 
*/ 
#content {

}


img.avatar {

border: #9582af 5px solid;


}

#sidecontent {
float: left;
width: 300px;
margin: 0 0 0 30px;
 

}

#sidebar {

}



li.recentcomments {
padding-left: 2px;
margin: 5px;
border-left: #333 1px solid;




}

.fuckingcenter
{
text-align: center;
margin: 10px auto;


}

.join {
text-align: justify;
font-size: 11px;


}

.join h4 {
text-align: center;
margin: auto;

}

.hr {
text-align: center;
padding: 10px 10px 10px 10px;

}

.rss img {
float: left;
width: 76px;

}
.rsstext {
float: left;
width: 200px;

}


#sidecontent h1,
#sidecontent h2,
#sidecontent h3,
#sidecontent h4,
#sidecontent h5
 {
 color:gray;
  font-family:Tahoma,sans-serif;
 text-align: left;
 

}

#sidecontent h1 {
color: #67577f;

}

#sidecontent h2 {
font-size: 20px;
 font-family:Tahoma,sans-serif;
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;


}

.sidebarbox .editordesc {
width: 300px;

}

.sidebarbox .editorimg {
float: left;

}

.join .welcome {
float: left;
font-size: 12px;
 color:#333;
 font-weight: bold;
margin: 15px 0 0 10px;
padding: 0;


}


.loginavatarsmall {
float: left;
margin: 0;
padding: 0;

}




#sidecontent h4 {

}

#sidecontent h5 {

}

#sidecontent li {

list-style: none;

}

.sidebarbox {
width: 300px;
margin: auto;

}

.lowerbox {
width: 300px;
margin: auto;
color: #a69abd;

}

.lowerbox h4 {
margin-top: 10px;
color: #fff;

}

.lowerbox small {
margin-top: 5px;
color: #fff;

}



/* 
LOWER CONTENT
*/ 




#lowerhome {
background-image: url(images/gam-footer-bg.jpg); /*Rachel 8-09 switched to JPG footer to solve background color shine-through issue in footer*/
background-repeat: repeat-x;
min-height: 249px;
background-color: #29252C; /*Rachel 8-09, previously #fff */
overflow: hidden; /*Rachel 8-09, contains floats in footer */
}

#lowerhome h3 { 
 margin:5px 0px 0px 5px; 
 padding: 0px 0px 0px 0px;
 font-size:27px; 
 font-weight: bold;
 font-family:Tahoma,sans-serif;
 color:#fff; 
 text-align: left;
} 

#lowerhome2 {
background-image: url(images/gam-footer-bg2.jpg);
background-repeat: repeat-x;
height: 70px;
background-color: #fff;
}

.creatorbox {
width: 410px;
margin: 0 0 20px 0;
clear: both;

}

#creators {

width:410px;
margin: 0 0 15px 0;
padding: 0;

}

.creatorblock {
width: 410px;
height: 50px;
margin: 0px;
padding: 0 auto;

}

.person {

height: 50px;
width: 50px;
background: #fff;
float: left;
display: inline; /*Rachel 8-09 kills 1e6 double margin bug */
margin: 10px;
padding: 0;

}

.latest {

margin: 0px auto 0px 0px;
padding: 0;
width: 380px;

}

.latestbox {
width: 380px;
margin:0px auto;
clear: both;

}

.latestpageimg {
width: 100px;
height: 100px;
margin: 0px 5px 5px 5px;
padding: 0 0 0 0;
background-color: #ccc;
float: left;

}

.latestpagedesc {
width: 250px;
height: 90px;
overflow: hidden;
margin: 0 0 10px 5px;
padding: 5px 5px 5px 5px;
float: left;
background-color: #999;

}


.editor {

margin: 10px 5px 0px 5px;
width: 350px;

}

.editorbox {
width: 350px;
margin:0px auto 10px auto;
clear: both;
position: relative; /*Rachel 8-09, positioning element added for the below to work */
}

.editorimg {
width: 110px; /*Rachel 8-09, added 10px */
height: 110px;/*Rachel 8-09, added 10px */
/* margin: 5px 20px 20px 5px;
padding: 0 0 10px 0; Rachel 8-09, removed to use positioning instead */
background-color: #ccc;
position: absolute; /*Rachel 8-09, positions image in upper left corner of containing relatively positioned element */
}

.editordesc {
width: 225px;
margin:0 0 0 0px;
padding-left: 120px;
color: #666;
text-align: justify;
}
.editorbox .alignright {
position: absolute;
right: 0;
padding-top: 20px;
width: 345px;
} /*Rachel 8-09, positions editors link to right; */
.alignright {
text-align: right;
margin: 5px 0 0 0;

}



.containerthirds1 {
	width:190px;
	margin:60px auto;
	float: left;

}

.containerthirds {
	width:400px;
	margin:50px auto;
	float: left;
	padding: 0 0 0 0;

}



/* ADs */
.skyscraper {
height: 600px;
width: 160px;
background-color: #666;
margin: 0 auto;

}

.boxad
{
height: 250px;
width: 300px;
background-color: #666;
margin: 0 auto;

}






/* 
 FOOTER 
*/ 

#gamlinks
{
text-align: center;
clear: both;
color: #999;
margin: 10px auto;
padding: 10px 0 0 0;

}

#gamlinks a
{
color: #fff;

}



#footer {
	color:white;
	background-color: #7e6f93;
	padding: 5px 5px 5px 5px;
}






/* DETAILS */
#twitter {
margin: 0px auto 0 auto;
padding: 10px 0 0 0;
width: 300px;
height: 174px;
text-align: left;
background: url(images/gam-twitter.png) no-repeat;
}

#twitterclick {
height: 50px;
padding: 0;
margin: 0;
width: 300px;


}

#twitter_div {
margin: 0 5px 0 10px;
width: 225px;
height: 100px;
font-size: 11px;

}

#twitter_div a {
color: #333;

}

#twitter_div a:hover {
color: #999;
text-decoration: underline;

}

ul#twitter_update_list {
width: 225px;
list-style: none;
margin: 0 0 0 0;
padding: 5px 0 0 15px;

}

a#twitter-link {
color: #333;
display:block;
text-align:right;
width: 225px;
margin: 5px 0 0 23px;
font-size: 9px;

}

a:hover#twitter-link {
color: #999;
text-decoration: underline;

}

/* JUMP MENUS */

#jumpcomic2 {

margin: 15px auto;

}


.post-meta {
font-variant: small-caps; 
color: maroon; 
display: none;
}
.post-meta-key {
color: green; 
font-weight: bold; 
font-size: 110%; 
display: none;
}

#postmetadata {
margin: 10px 0 10px 20px;


}

#activate {
text-align: left;
margin-bottom: 10px;

}



/* SLIDESHOW */


.slideshowwhole{
 height:100%;
 color:#a4a4a4;
 cursor:default;
 font-size:11px;
 line-height:16px;
 text-align:center;
 background-color:#fff;
 background-position:50% 0;
 background-repeat:no-repeat;
 font-family:Tahoma,sans-serif;
 margin: 0 auto;
 padding: 0 0 0 0;
}
a:link,a:visited{
 color:#fff;
 text-decoration:none;
}
a img{
 border:0;
}
div.wrap{
 width:650px;
 margin:0 auto;
 padding: 0px 0px 0px 0px;
 text-align:left;
}
 div#top div#nav {
  float:left;
  clear:both;
  width:650px;
  height:52px;
  margin:22px 0 0;
  background:url(images/nav-bg.png) 0 0 no-repeat;
 }
  div#top div#nav ul{
   float:left;
   width:400px;
   height:52px;
   list-style-type:none;
  }
   div#nav ul li{
    float:left;
    height:52px;
   }
    div#nav ul li a{
     border:0;
     height:52px;
     display:block;
     line-height:52px;
     text-indent:-9999px;
    }
 
div#header-slideshow{
 margin:-1px 0 0;
 background-image: url(images/gam-slideback.jpg);
}
div#video-header{
 height:650px;
 margin:-1px 0 0;
}
 div#header-slideshow div.wrap{
  height:299px;
    /* background:url(images/header-bg.png) 50% 0 no-repeat;*/
 }
 div#header-slideshow div#slide-holder{
  z-index:40;
  width:650px;
  height:299px;
  position:absolute;
 }
  div#header-slideshow div#slide-holder div#slide-runner{
   top:9px;
   left:9px;
   width:650px;
   height:278px;
   overflow:hidden;
   position:absolute;
   left:0;
  }
  div#header-slideshow div#slide-holder img{
   margin:0 0 0 0;
   padding: 0 0 0 0;
   display:none;
   position:absolute;
   left: 0;
  }
  div#header-slideshow div#slide-holder div#slide-controls{
   left:0;
   top: 220px;
   bottom:228px;
   width:650px;
   height:46px;
   display:none;
   position:absolute;
 background:url(images/slide-bg.png) 0 0;

  }
   div#header-slideshow div#slide-holder div#slide-controls p.text{
    float:left;
    color:#333;
    display:inline;
    font-size:10px;
    line-height:16px;
    margin:15px 0 0 20px;
    text-transform:uppercase;
   }
 
   div#header-slideshow div#slide-holder div#slide-controls p#slide-nav{
    float:right;
    height:24px;
    display:inline;
    margin:11px 15px 0 0;
   }
    div#header-slideshow div#slide-holder div#slide-controls p#slide-nav a{
     float:left;
     width:24px;
     height:24px;
     display:inline;
     font-size:11px;
     margin:0 5px 0 0;
     line-height:24px;
     font-weight:bold;
     text-align:center;
     text-decoration:none;
     background-position:0 0;
     background-repeat:no-repeat;
     color: #333;
    }
    div#header-slideshow div#slide-holder div#slide-controls p#slide-nav a.on{
     background-position:0 -24px;
    }
div#header-slideshow div#slide-holder div#slide-controls p#slide-nav a{background-image:url(images/silde-nav.png);}
div#nav ul li a{background:url(images/nav.png) no-repeat;}

/* 
FEATURES PAGE
*/ 

.featurecontainer {
padding: 15px 0 15px 0;


}

.featureleft {
float: left;
margin: 0 10px 10px 0;
padding: 0 0 10px 0;
width: 270px;

}


.featureright {
float: left;
margin: 10px auto;

}

#respond {

width: 550px;

}



/* Gammunity */
/* PROFILE PAGE */

.bioright {
float: right;
text-align: center;
background-color: #a696bd;
margin: 0 auto;
padding: 15px 10px 10px 10px;
width: 300px;
height: 100%;
border: 1px #333 dashed;

}

#biocontact a {
color: white;

}

.bioright img {
background: #fff;
padding: 8px 8px 25px 8px;

border-top: 0px #fff solid;
border-right: 1px #777 solid;
border-left: 0px #fff solid;
border-bottom: 1px #777 solid;

}

#biocontact {
text-align: left;
margin: 5px;


}

.bioleft {
float: left;
margin: 0 0 0 0;
width: 400px;
}

.bioleft ul li {
list-style: none;
margin: 0;
padding: 0;

}

.bioleft ul {
margin: 0;
padding: 0;

}


.fullbiopage {
width: 800px;
margin: 0 0 0 20px;

}



.fullbio {
margin: 5px 5px 20px 5px;


}


/* Creator List */


.creatorlistitem {
padding: 10px 10px 10px 10px; 
width: 300px;
float: left;


}

.creatorlisticon {
float: left;
width: 50px;


}

.creatorlistdesc {
float: left;
width: 250px;

}

a.post-edit-link {
clear: both;
width: 1000px;

}

.creatorpage {
margin: 0 auto;
width: 1000px;



}


.creatorblurb {
width: 480px;
float: left;
margin: 0 10px 10px 0;
padding: 0;
height: 145px;
border: 1px #000 dotted;



}

.creatoravatar {
float: left;
width: 100px;
height: 120px;
margin: 5px 10px 10px 5px;
padding: 5px;
/* background-color: #ada6c8; */

}


.creatordescription {
text-align: justify;
width: 465px;
margin: 5px 0 0 0;
padding: 0;

}

.userfeatures {
width: 465px;
padding: 0;
margin: 15px 0 0 0;
text-align: right;

}

/* COMIC LIST */

.comiclistentry {


}

.listcomiclogo {
float: left;
width: 200px;
margin: 5px 10px 5px 0;


}


.listcomicdescrip {
float: left;
width: 400px;

}

.listcomicdescrip-indent {
margin: 0 0 0 5px;

}

.listcomicdescrip-indent ul {
margin: 0 0 0 0;

}

.listcomicdescrip-indent li {
margin: 0 0 0 0;

}
  
  

/* HAXORZ */ 

.narrowcolumn {
width: 600px;
float: left;

}

/* search bar */

.screen-reader-text {
display: none;

}

.hidden {
display: none;
}

li {
list-style: none;

}



#searchform {
  background: url(images/searchback.png) no-repeat;
  width: 152px;
  margin: 0;
  position: relative;
  top: 0;

}

#s {

    width: 125px;
  height: 20px;
  border: none;
  padding: 6px 0 0 28px;
    background: url(images/searchback.png) no-repeat;
  color: #fff;
}


#searchsubmit {
  display: none;
}

form #cse-search-box {
  width: 152px;
  height: 27px;
  margin: 10px;

} 

/* WHIP IT EVENT */
img #whipit {
position: relative;
top:10px;

}


/* RECENT LIST */

li.ahp-recent-posts { list-style-type: none ;}

small {
margin: 0 0 2px 3px;

}

ul { margin: 0 0 0 2px;}