/*---------------------------------------------------------- */
/* CSS FILE FOR NINIQUES MINIDOLLZ                           */
/* Last Update: DATE                                         */
/*---------------------------------------------------------- */
/* BgColor:		#c2e791  (Green)                     */
/* TextColor:		#44484a  (Grey)                      */
/* HighlightColor:	#b0d3e5  (Blue)                      */
/* LinkColor		#879198  (Lighter Grey)              */
/* Bg of Main		#ebeff2  (Very light Grey)           */

/*---------------------------------------------------------- */
/* TABLE OF CONTENTS:
   1-	Global Styles
   2-	Layout
   3-	Navigation
   4-	Content Hierchy
   5-	H2 icons
   6-	Rules
   
/*---------------------------------------------------------- */


* {
    margin:0px;
    padding:0px;
  }

html { overflow: -moz-scrollbars-vertical; }


body {
    background: #c2e791 url('../layout/bg.png');
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    color:#44484a;
  }
  
ul { list-style:none;}

a img { border: 0;}
  
/*Font for all titles*/
h2, h3, #nav li ul {
    font-family: trebuchet ms, arial, sans-serif;
}

.clear 	{ clear: both;}
.alignleft 	{ float: left;}
.alignright 	{ float: right;}

.textright { text-align: right;}

a {outline: none; -moz-outline: none} /*removes dotted line*/
a:link 		{ color: #879198; text-decoration: none;}
a:active 	{ color: #879198; text-decoration: none;}
a:visited 	{ color: #879198; text-decoration: none;}
a:hover 	{ color: #4c4c4c; text-decoration: underline;}

/*---------------------------------------------------------- */
/* Layout
/*---------------------------------------------------------- */


#container {
    width: 780px;
    position: absolute;
    top: 49px;
    left: 50%;
    margin-left: -384px;
    position: relative;
    padding-top: 49px;
  }

h1 a{
    background: url('../layout/sprite1.png') no-repeat;
    background-position: -10px -10px;
    width: 244px;
    height: 103px;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    left: -13px;
    top: 0px;
    /*z-index: 2;*/
  }


#main {
    background: #ebeff2 url('../layout/bodybg.png') repeat-y;
    padding: 50px 20px 11px 20px;
    overflow: auto;
}

#footer {
    background: url('../layout/sprite2.png') no-repeat;
    background-position: -450px 0px;
    width: 780px;
    padding-top: 12px;
    font-size: 11px;
    text-align:center;
    color: #6E8C46;
}

/*---------------------------------------------------------- */
/* Navigation
/*---------------------------------------------------------- */

#nav {
    position:absolute;
    left: 231px;
    top: 18px;
    list-style-type: none;
    /*z-index: 2;*/
}

#nav li {
display: inline;
}

#nav li a {
    display:block;
    float:left;
    background-image : url('../layout/sprite1.png');
    background-repeat: no-repeat;
    height: 39px;
    text-indent: -9999px;
}

#nav_home { width:102px; background-position: -10px -133px; }
#nav_home:hover { width:102px; background-position: -10px -172px; }
#nav_home_select { width:102px; background-position: -10px -211px; }

#nav_dollz { width:102px; background-position: -112px -133px; }
#nav_dollz:hover { width:102px; background-position: -112px -172px; }
#nav_dollz_select { width:102px; background-position: -112px -211px; }

#nav_bases { width:100px; background-position: -214px -133px; }
#nav_bases:hover { width:100px; background-position: -214px -172px; }
#nav_bases_select { width:100px; background-position: -214px -211px; }

#nav_tuts { width:129px; background-position: -314px -133px; }
#nav_tuts:hover { width:129px; background-position: -314px -172px; }
#nav_tuts_select { width:129px; background-position: -314px -211px; }

#nav_info { width:108px; background-position: -443px -133px; }
#nav_info:hover { width:108px; background-position: -443px -172px; }
#nav_info_select { width:108px; background-position: -443px -211px; }

#nav li ul { /*--Submenu--*/
    background: url('../layout/sprite1.png') no-repeat;
    background-position: -10px -270px;
    width: 528px;
    height: 27px;
    position:absolute;
    padding-top: 11px;
    top: 39px;
    left: 4px;
}

#nav li ul a,  #nav li ul span{  /*--Submenu links--*/
display:inline;
float:none;
background-image: none;
text-indent:1px;
font-weight: bold;
padding-left: 12px;
}

.active {
	color: #4c4c4c !important;
}

/* this is to shift page's nav links so they are under appropriate tab*/
#subnav_bases { padding-left: 140px; width: 388px !important;}
#subnav_tuts { padding-left: 160px; width: 368px !important;}
#subnav_about { padding-left: 232px; width: 295px !important;}

/*---------------------------------------------------------- */
/* Content Hierarchy
/*---------------------------------------------------------- */

h2 {
    font-size: 16px;
    padding-left: 20px;
    color: #44484a;
    width: 715px;
    border-bottom: 1px solid #b0d3e5;
    margin-bottom: 7px;
    margin-top: 12px;
}

h3 {
    font-size:12px;
    font-weight:bold;
    margin:7px 0px 3px 0px;
}

p { margin-bottom: 12px; line-height:18px; margin-right:5px;}

/*---------------------------------------------------------- */
/* H2 icons
/*---------------------------------------------------------- */

.home h2 { background: url('../layout/icons.png') no-repeat 0px -0px; }
.dollz h2 { background: url('../layout/icons.png') no-repeat 0px -20px; }
.bases h2 { background: url('../layout/icons.png') no-repeat 0px -40px; }
.tutorials h2 { background: url('../layout/icons.png') no-repeat 0px -60px; }
.info h2 { background: url('../layout/icons.png') no-repeat 0px -80px; }
.rules h2 { background: url('../layout/icons.png') no-repeat 0px -100px; }
.contact h2 { background: url('../layout/icons.png') no-repeat 0px -120px; }
/*---------------------------------------------------------- */
/* Rules Pages
/*---------------------------------------------------------- */


.rules ul img { position:relative; top:2px;}
.rules ul{
list-style-type:none;
}

.rules ul li {
    background: url('../layout/icons.png') no-repeat 0px -282px;
    padding-left: 20px;
    margin: 0px 0px 7px 5px;
}

.rules dt {
float:left;
clear:left;
width:21px;
text-align: center;
}

.rules dd {
float:left;
margin: 0px 0px 2px 5px;
}

/*---------------------------------------------------------- */
/* Bases Pages
/*---------------------------------------------------------- */
.bases img {
     vertical-align: bottom;
     margin: 0px 20px 20px 0px;
}

.download {
	display:block;
	width: 56px;
	height:14px;
	background-image:url('../bases/images/icon_download.png');
	text-indent: -9999px;
	position:absolute;
	top: 143px;
	right: 25px;
	
}

.download:hover {
	background:url('../bases/images/icon_download.png') 0px -16px;
}