/*---------------------------------------------------------- */
/* 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
   
/*---------------------------------------------------------- */
/*RESET*/
/*-----------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0; moz-outline: 0;
}

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;}
  

h2, h3, #nav li ul {
    font-family: Trebuchet ms, Trebuchet, Arial Narrow, sans-serif;
}

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

.textright { text-align: right;}

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;}

strong {font-weight:bold;}
em {font-style:italic;}

/*---------------------------------------------------------- */
/* 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;
    text-align:center;
    font-weight:bold;
}

#nav ul a,  #nav li ul span{  /*--Submenu links--*/
display:inline;
float:none;
background-image: none;
text-indent:1px;
margin:0px;
padding: 10px 7px 8px 7px;
}

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

/* this is to shift page's nav links so they are under appropriate tab*/
#subnav_bases { padding-left: 120px; width: 408px !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 5px 5px;
width: 700px;
}

/*---------------------------------------------------------- */
/* 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;
}

/*---------------------------------------------------------- */
/* Styles used for DOLLZ section only
/*---------------------------------------------------------- */

/* Positioning of Dollz-------------------------------------*/
.dollz ul{
list-style-type:none;
font-size:10px;
margin: 0px auto;
text-align:center;
}

.dollz ul.with-subsection {text-align:left !important;}

.dollz ul.with-subsection li {
min-width:18% !important;
}

.dollz ul.small li {
min-width:15% !important;
}

.dollz ul li, .bases ul li {
padding:10px 1px;
min-width:24%;
display: inline-block;
text-align:center;
}

.noadopt, .inspiration {
margin-left: 2px;
}

/* Icons-----------------------------------------------------*/

.base {background: url('../layout/icons.png') no-repeat 0px -41px; }
.base-na {background: url('../layout/icons.png') no-repeat 0px -160px; }
.inspiration {background: url('../layout/icons.png') no-repeat -0px -181px; }
.noadopt {background: url('../layout/icons.png') no-repeat -1px -139px; }
	
.base, .base-na, .noadopt, .inspiration { 
display: inline-block;
vertical-align:middle;
width:16px; 
height:18px; 
z-index:2;
text-indent: -9999px;
}

.dollz li a:hover {
text-decoration:none;
background-color:#b0d3e5;
z-index:25;
}

/* Tooltips-----------------------------------------------------*/
#tooltip {
	position:absolute;
	z-index:9999;
	font-size:10px;
	width:250px;	
	display: none;
	background-color: #d9e6ef;
	border: 1px solid #a0a29f;
	padding:5px 5px 5px 5px;
	border-radius:5px;
	-moz-border-radius: 5px;
     	-webkit-border-radius: 5px;
}

#icon-tooltip{
	position:absolute;
	z-index:9999;
	font-size:10px;
	width:100px;
	background-color:#fff;
	border: 1px solid #a0a29f;
	padding:3px 5px 3px 5px;
}

.noadopt-tip{
width:50px !important;
color:#c13535;
}

/*---------------------------------------------------------- */
/* Styles used for home page only
/*---------------------------------------------------------- */

#home-sidebar {
    margin-top: 12px;
    float: left;
    width:200px;
}

#home-sidebar .box {
    width:200px;
    background: #cae0ef url('../layout/sprite2.png') no-repeat -230px 0px;
    padding-top: 7px;
    margin-bottom: 15px;
}

#home-sidebar .bottom{ background: url('../layout/sprite2.png') no-repeat bottom left; margin: 0; display:block; padding-bottom:10px;}

#home-sidebar .linkbuttons { padding: 3px 5px 5px 9px;} /* The container */

#home-sidebar .linkbuttons img { margin: 0 0 1px 1px;} /*each link*/
#home-sidebar h3 {
margin:0 0 5px 10px;
padding-left: 18px;
}

#home-sidebar p { font-size: 11px; line-height:14px; padding: 0 7px 0 10px; margin-bottom: 5px;}

#home-sidebar h3.tagboard { background: url('../layout/icons.png') no-repeat 0px -202px;}
#home-sidebar h3.twitter { background: url('../layout/icons.png') no-repeat 0px -222px;}
#home-sidebar h3.links { background: url('../layout/icons.png') no-repeat 0px -242px;}
#home-sidebar h3.commlinks { background: url('../layout/icons.png') no-repeat 0px -258px;}

#home-updates {
    float:left;
    margin-left: 15px;
    width: 520px;
}

#home-sidebar .notice {
margin: 10px;
color:#c13535;
}

.post {
    border-bottom: 1px solid #b0d3e5;
    width: 520px;
    overflow: auto;
}

.home h2 {
    width:500px !important;
}

.home h3 { 
    background: url('../layout/icons.png') no-repeat 0px -103px;
    padding-left: 20px;
}

.post .dollimage { 
margin-bottom: 5px;
float:right; 
border: 1px solid #b0d3e5;
margin: 0 0px 5px 10px;
background:#d9e6ee;
padding: 5px 10px;
text-align:center;
}

.post .dollimage a {
display:block;
margin-top: 5px;
}

.home .tutimage
{
float:right; border: 1px solid #b0d3e5;margin: 0 0px 5px 10px;
}



.tutorials img {
border: 1px solid #b0d3e5;
margin: 0 10px 5px 0;
}

.tutorials ol img {
float:right;
margin: 0 0 10px 10px;
}

.tutorials ol {
list-style: decimal outside;
background: url('../layout/tutnum.png') repeat-y;
overflow:auto;
border-bottom: 1px solid #b0d3e5;
border-top: 1px solid #b0d3e5;
}

.tutorials ol li {
margin:0 0 0 30px;
padding-top: 10px;
font-family: trebuchet ms, arial, sans-serif;
font-weight:bold;
border-top: 1px solid #b0d3e5;
clear: right;
}

.tutorials li.first {
border-top: #ebeff2;
}

.tutorials ol li p {
font-weight: normal;
font-family: verdana, arial, sans-serif;
padding-left: 7px;
}

/*This is for lists that are inside tutorial steps*/
.tutorials li ol {
list-style: decimal;
background: none;
border: none;
margin: 0 0 20px 0;
}

.tutorials li li {
border: none;
clear:none;
font-weight: normal;
}

.tutorials ol h4 {
padding-left:7px;
}

#tutresult img {
margin: 0;
border: 0;
}

#tutresult {
clear:right;
text-align: center;
margin: 10px 25% 0 25%;
}

#tutnav {
text-align: center;
padding-top: 10px;
border-top: 1px solid #b0d3e5;
}

.tutorials h4 {
font-size: 12px;
font-weight: bold;
font-family:trebuchet MS, arial, sans-serif;
}

#tutcontent h3{
border-bottom: none !important;

}

.tutorials h3{
margin:20px 0 0 0;
border: 1px solid #b0d3e5;
background-color:#dbe7ef;
padding:5px;
font-size:13px;
}

.tutorials .subresult {
border-top: 1px solid #b0d3e5;
}

.tutorials .subresult img {
margin-top:5px;
}

.tutorials .textbased p, .tutorials .textbased ul {
margin: 6px 0 12px 5px;
}

.tutorials .textbased ul li{
    background: url('../layout/icons.png') no-repeat 0px -282px;
    padding-left: 20px;
    margin: 0px 0px 10px 5px;
    line-height:18px;
}

/*-----------------------------------------*/
/*Tutorial listing*/
/*-----------------------------------------*/

  .tutoriallisting {
  overflow:auto;

  }
  .tutoriallisting li {
  float: left;
  width: 358px;
  border: 1px solid #b0d3e5;
  margin: 5px 10px 5px 0;
  }
  .tutoriallisting a img {
  float: left;
  margin: 7px;
  border: 1px solid #879198;
  }
  
  .tutoriallisting a:hover img {
 border: 1px solid #44484a;
  }
  .tutoriallisting h4 {
  margin-top: 7px;
  }
  
  .tutoriallisting p {
  margin: auto 7px 0 0;
  }
  
  
/*-----------------------------------------*/
/*Coding*/
/*-----------------------------------------*/

.tutorials .palette
	{
	margin: 5px;
	}
	
.tutorials pre
	{
	overflow:auto;
	font-size: 8pt;
	background-color: #dbe7ef;
	color: #879198;
	margin: 5px 5px 10px 5px;
	padding: 10px;
	font-weight:normal;
	}
	
/*-----------------------------------------*/
/*Tables*/
/*-----------------------------------------*/

  .tutorials table { 
  table-layout: auto;
  border-collapse: collapse;
  }
  .tutorials td {
  border: 1px solid #b0d3e5;
  padding: 5px 10px 10px 10px;
  vertical-align: top;
  }
  .tutorials th {
  border: 1px solid #b0d3e5;
  background-color:#dbe7ef;
  padding: 3px 10px 3px 10px;
  font-family: trebuchet ms, arial, sans-serif;
  text-align: left;
  }
  .tutorials .paidversion{
  font-size: 10px;
  }
  
  .win, .lin, .mac { 
  display: inline-block;
  width:16px; 
  height:16px; 
  text-indent: -9999px;
  }

  .win {background: url('../tutorials/images/platform_icons.png') no-repeat 0px 0px; padding-right: 2px;}
  .lin {background: url('../tutorials/images/platform_icons.png') no-repeat -25px 0px; }
  .mac {background: url('../tutorials/images/platform_icons.png') no-repeat -50px 0px; }
  
/*-----------------------------------------*/
/*Floating images with captions*/
/*-----------------------------------------*/
  
  .image-caption { border: 1px solid #b0d3e5; float:right; margin: 10px 0 5px 15px; padding:5px;background-color:#dbe7ef;}
  .image-caption img{ background: #fff; padding: 0px; margin: 0px;}
  .image-caption div { text-align: center; font-size: 10px;}
  
/*-----------------------------------------*/
/*What Not To do (in For Newbies section only)*/
/*-----------------------------------------*/
.nottodo h4, .nottodo p { padding-left: 7px;  color:#c13535; }
.nottodo h4  { text-decoration:underline; }

/*-----------------------------------------*/
/*Social Bookmark Links*/
/*-----------------------------------------*/
#socialBookmark {
	text-align:center;
	margin:10px 0 0 0;
border: 1px solid #b0d3e5;
background-color:#dbe7ef;
position:relative;
top:6px;
}
#socialBookmark p {
	margin:5px 0 3px;
}

/*-----------------Def lists for About page-------------*/
.info dl{
overflow:auto;
margin-bottom: 12px;
line-height: 20px;
}
.info dt {
font-weight: bold;
clear:left;
float: left;
}

.info dd {
float:left;
padding-left: 5px;
}

/*-----------------Contact form-------------*/

/* Form elements
 -----------------------*/
.info fieldset { border: none;}

.info input {width: 350px;}

.info input, textarea {
border: 1px solid #ccc;
padding: 5px;
margin: 10px 0 0 0;
float:left;

-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.info input:focus,
.info textarea:focus  {background:#dbe7ef;}

.info textarea { font: 12px verdana, arial, helvetica, sans-serif; width: 350px;}

.info label { 
display:block;
margin:12px 0 0;
font-weight: bold;
float:left;
clear:left;
width:90px;
}

.info label span {
font-size: 9px;
font-weight:normal;
}

.info #url,.info #url-label { /*this is for spam bots*/
display:none;
}

/*Alternate--*/

.info #alternate{
margin-top: 30px;
} 

.info #alternate ul{
list-style-type: disc;
margin-left: 20px;
}

.info .protect {
unicode-bidi:bidi-override; direction: rtl;
}

 /* User feedback
 -----------------------*/
.info .oops           {padding:10px; font-weight:700; color:#c13535; border: #c13535 solid 1px;}
.info div.error       {clear: left; font-size:.8em; font-weight:700; padding:5px 0 0; color:#c13535; margin:0 0 0 90px;}

/*---------------Link Me---------------*/
.info .links {margin-left: -5px;}
.info .links img {margin: 5px;}