/*  
Theme Name: Godsibb Number TWO
Theme URI: http://www.godsibb.net
Description: Feat. Xenosaga
Version: 1.0
Author: Jessi Ray
Author URI: http://www.splatterheart.net

*/

body, h1, h2, h3, h4, h5, h6, blockquote, p{
margin: 0;
padding: 0;
}

body{
margin: 0 auto;
font-family:"calibri","dejima","meera","arial", sans-serif;
font-size: 11px;
text-align: center;
vertical-align: top;
background: #252525 url(images/bgpattern.jpg) repeat;
color: black;
}

.topbg {top:0;left:0;width:100%;height: 250px;background:url(images/repeatx.jpg) repeat-x top;z-index:1;}


a:link, a:visited{
text-decoration: none;
color: #BB33FF;
}

a:hover{
text-decoration: none;
color: #0800F5;
}

.button{
margin-right: 100px;

}

.wrapper{
margin: 0 auto;
width: 1008px;
text-align: center;
}

.imgmove{
margin-top: -100px;
float: right;
margin-right: -50px;
}

div.Article {

width: 667px;
margin-top:-20px;
margin-left: 44px;
padding-right: 5px;

 
  }


div.ArticleFooter {
  background: 
	url(images/box_05.png) 
  bottom left no-repeat;

  }




#header{
float: left;
background: url(images/rotator/rotator.php) no-repeat top;
height: 250px;
width: 763px;
}


#container{
float: left;
width: 762px;
background: url(images/repeaty.jpg) repeat-y center;
margin-top: 35px;
text-align: center;
color: black;
margin-left: 0px;
margin-bottom: 0px;
}

#content{
float: right;
width: 717px;
margin-top: 10px;
margin-right: 73px;
color: black;
}

#page{
float: right;
width: 717px;
margin-top: -70px;
margin-right: 73px;
text-align: left;
color: black;
}

#comments{
width: 350px;
margin-right: 8px;
text-align: left;

}

#nextgen{
float: right;
width: 400px;
margin-top: 0px;
margin-right: -38px;
}

.commentpadding{
padding-top: 12px;
padding-bottom: 13px;

}

#sidebar{
float: right;
width: 220px;
margin-right:25px;
display: inline;
margin-top: -10px;
}

#footer{
clear: both;
width: 803px;
height: 210px;
background: url(images/footer.png) no-repeat bottom center;
text-align: left;
}

#advert{
width: 700px;
color: black;
padding-top:5px;
margin-left: 190px;
text-align: left;
}

h1{
font-family: "Century Gothic", "URW Gothic L", Sans-serif;
font-size: 40px;
padding: 0 0 10px 0;
font-weight: italic;
}

.post h2{
font-family: "Century Gothic", "URW Gothic L", Sans-serif;
font-size: 28px;
padding: 10px; 0 10px 0;
color: #bb33ff;
text-align: left;
}

.post h2:first-letter{
font-family:  "Century Gothic", "URW Gothic L", Sans-serif;
font-size: 35px;
padding: 0 0 10px 0;
color: #2CAFEC;

}

.post{
width: 730px;

 background: 
	#252525 url(images/box_01.png)
  top no-repeat;
margin-left: 38px;
}
.pagewrap{
padding: 15px 15px 15px 15px;
width: 710px;
background-color: #A8A8A8;
margin-left: 37px;
text-align: left; 
}

.pagewrap h2{
font-family: "Century Gothic", "URW Gothic L", Sans-serif;
font-size: 40px;
padding: 10px; 0 10px 0;
color: #898989;
font-style: italic;
text-align: left;
}

.pagewrap h2:first-letter{
font-family: "Trajan Pro", "Felix Titling", Georgia, Sans-serif;
font-size: 40px;
padding: 0 0 10px 0;
color: #2CAFEC;

}

.entry{
line-height: 18px;
color: black;
display: block;
font-size: 9pt;
width: 710px;
text-align: left;
margin: 0 auto;


 background: 
	url(images/box_03.png) top left repeat-y #C7C7C7;

}

p{
padding: 10px 0 0 0;
}

p.postmetadata{
margin: 10px 0 0 0;
}

.navigation{
padding: 14px 0 0 0;
font-size: 14px;
line-height: 18px;

}

#sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 10px 0 10px;
}

#sidebar ul li{
padding: 10px 0 10px 0;
}



#sidebar ul ul li{
padding: 0;
}




.comments-template{
	margin: 10px 40px 20px;
        padding: 10px 0 0;
    
       
}

.comments-template ol{
	margin: 0;
	list-style: none;
  
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	display: block;
        text-align: left;
        background: url(images/bgpattern.jpg);   
        width: 350px;
        color: #BB33FF;
        padding-right: 10px;
        padding-left: 10px;
}

.comments-template h2, .comments-template h3{
	font-family: "Century Gothic", "Felix Titling", Sans-serif;
	font-size: 20px;
        
}

.commentmetadata{
	font-size: 12px;
        font-family: "times new roman", serif;
        font-style: italic;
       
}


.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
        background: url(images/bgpattern.jpg);
        width: 350px;
        color: #BB33FF;
        height: 200px
        border: none;
      
}






#tabs{
margin-left: 350px;
margin-top: 13px;




}



.nav2:link, active, visited{

color : #b7b7b7;
text-decoration : none;
text-align : left;
width : 220px;
display : block;
background: #252525;
border-bottom:2px solid #363636;

font-size: 8pt;


}

#slidedeck{
width: 725px;
height: 370px;
margin-left : 45px;
}



.nav2:hover {
text-decoration : none;
border: none;
width : 220px;
display : block;
background-image: url(images/backdrop.png);
text-align: left;
color: #BB33FF;
padding-left: 2px;
margin-left: 4px;
border-bottom:2px solid #252525;
font-size:8pt;

}



.nav2{
color : #b7b7b7;
text-decoration : none;
text-align : left;
width : 220px;
display : block;
background: #252525;
border-bottom:2px solid #363636;

font-size: 8pt;

}


img{
border: none;
}

#innerfoot{
width: 700px;
color: black;
padding-top: 65px;
margin-left: 149px;
text-align: left;


}

blockquote{
display: block;
width: 620px;
background: url(images/commentbox2.jpg) #cad4d4 no-repeat bottom;
color: black;
margin-right: 5px;
margin-bottom: 7px;
margin-top: 7px;
}

code{
display: block;
width: 280px;
background: url(image/codebox.jpg) #9f005d no-repeat top;
color: white;
text-align: left;
font-family: "Courier New", courier, sans-serif;

}

strong{
color: #1464F4;
}

em{
color: #B452CD;
}

del{
color:#712600;
}

.updates{
background: url(images/ziggybox.jpg) center;
width: 642px;
height: 156px;
text-align: left;
color: navy;
}

#uwrap{
margin-left: -7px;
color: navy;
}

#music{
margin-left: -45px;

}

/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 30.06.2009
 *********************************************
 * (X)HTML-scheme:
 *  <div id="menu">
 *      <ul class="menu">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <div><ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
 *                  </li>
 *              </ul></div>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************
 */

/* menu::base */

div#menu {
    height: 52px;
    padding-left: 6px;
    background: url(images/left.png) no-repeat;
    _background: url(images/left.gif) no-repeat;
    width:auto;

}

div#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
div#menu ul.menu {
    padding-right: 6px;
    background: url(images/right.png) no-repeat right 0;
    _background: url(images/right.gif) no-repeat right 0;    
}

div#menu li {
    position: relative;
    margin: 0;
    padding: 0 0px 0 0;
    display: block;
    float: left;
    z-index: 9;
    width: auto;
}
div#menu ul ul li {
    z-index: 9;
}
div#menu li div {
    list-style: none;
    float: left;
    position: absolute;
    z-index: 11;
    top: 52px;
    left: 0;
    visibility: hidden;
    width: 180px;
	  margin: 0px 0 0 -4px;
    padding: 0; 
    background: url(images/subsubmenu-top.png) no-repeat 0px 0;
    _background: url(images/subsubmenu-top.gif) no-repeat 0px 0;  
}
div#menu ul ul {
	  z-index: 12;
    padding: 0px 4px 10px 4px;
    background: url(images/submenu-bottom.png) no-repeat 0px bottom;
    _background: url(images/submenu-bottom.gif) no-repeat 0px bottom;        
    margin: 10px 0 0 0;    
}
div#menu li:hover>div {
    visibility: visible;
}

div#menu a {
    position: relative;
    z-index: 10;
    height: 50px;
    display: block;
    float: left;
    line-height: 50px;
    text-decoration: none;
    margin-top: 1px;
    white-space: nowrap;
    width: auto;
    padding-right:5px;
    text-align:center;
}
div#menu span {
    margin-top: 2px;
    padding-left: 15px;
    color: #fff;
    font: normal 13px Helvetica,Arial,FreeSans,sans-serif;
    background: none;
    line-height: 50px;	
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
    text-align: center;
}

/* menu::level1 */
div#menu a {
    padding: 0 10px 0 0;
    line-height: 50px;
    height: 52px;
    margin-right: 5px;
    _margin-right: 1px;
    background: none;
    text-transform: uppercase;
}
div#menu a:hover {
    background:  url(images/selected-right-sub.png)  no-repeat right -1px;
}
div#menu a:hover span {
    background: url(images/selected-left-sub.png) no-repeat 0 -3px;
}
div#menu li.current a,
div#menu ul.menu>li:hover>a {
    background: url(images/selected-right-sub.png)  no-repeat right -1px;
}
div#menu li.current a span,
div#menu ul.menu>li:hover>a span {
    background: url(images/selected-left-sub.png) no-repeat 0 -3px;
}

div#menu ul.menu>li:hover>a span {
	  color: #07b3e1;
}
div#menu li {  }
div#menu li.last { background: none; }

/* menu::level2 */
div#menu ul ul li {
    background: none;
    padding: 0;
}
div#menu ul ul a {
    padding: 0px;
    height: auto;
    float: none;
    display: block;
    line-height: 25px;
    font-size: 13px;
    color: #fff;
    z-index: -1;
    padding-left: 5px;
    white-space: normal;
    width: 152px;
    margin: 0 8px;
    text-transform: none;
}
    
div#menu ul ul a span {
	  padding: 0 5px;
    line-height: 25px;
    font-size: 13px;
}
div#menu li.current ul a,
div#menu li.current ul a span {
    background:none;
}
div#menu ul ul a:hover {
 background:none;
 background-color: #3c3c3c;
}
div#menu ul ul a:hover span {
	background:none;
	color: #07b3e1;
}
div#menu ul ul a.parent {
  background: url(images/submenu-pointer.png) no-repeat right bottom;
  _background-image: url(images/submenu-pointer-hover.gif);
}
div#menu ul ul a.parent span {
  background:none; 
}
div#menu ul ul a.parent:hover {
  background: url(images/submenu-pointer.png) no-repeat right bottom;
  _background: url(images/submenu-pointer-hover.gif) no-repeat right bottom;
  background-color: #3c3c3c;
}
div#menu ul ul a.parent:hover span {
  background:none; 
}
div#menu ul ul span {
	
    margin-top: 0;
    text-align: left;
}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {
    width: 100%;
}

/* menu::level3 */
div#menu ul ul div {
    width: 180px;
    padding: 0;
    margin: -62px 0 0 165px !important;
}
div#menu ul ul ul {
    padding: 10px 4px 0 4px;	
}
div#menu ul ul div li {
    position:relative;
    top:-10px;
}

/* lava lamp */
div#menu li.back {
    background: url(images/selected-left-sub.png) no-repeat 0 0;
    width: 5px;
    height: 52px;
    z-index: 8;
    position: absolute;
    padding: 0;
    margin: 0px 0 0 0;
}

div#menu li.back .left {
    padding:0;
    width:auto;
    background: url(images/selected-right-sub.png) no-repeat right 0;
    height: 52px;
    margin: 0 0 0 5px;
    float: none;
    position: relative;
    top: 0;
    left: 0;
    visibility: visible;
}