/* TorridArt.com */
/* Copyright Goneway Media, Inc */

* { margin: 0; padding: 0; }

a { color: rgb(160,160,180); text-decoration: none; }
a:hover { color: rgb(180,160,160); text-decoration: underline;}
a img { border: none; }

/* Standardize the Heading Tags Between Browsers */
/* Use IE Font Sizes */

h1, h2, h3, h4, h5 {
		font-family: verdana, arial, helvetica, sans-serif;
        color: rgb(170,36,36);
   		line-height: 1.3em;
		padding-bottom: .1em;
		padding-top: 0.8em;
		}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 13px; }

/**************************/

body {
     	background-color: rgb(100,100,107);
        padding: 0 0 0px 0;
        background-image: url(../logo/bg6.gif);
        background-position: top center;
        background-repeat: repeat-y;
		}

body#logged {
    /*    background-image: url(../logo/bg-logged.gif);
     	background-color: rgb(111,83,83); */
        }


.page-container {
		margin: 0px auto;
		width: 900px;
	  	font-size: 11px;
        line-height: 140%;
	 	font-family: verdana, arial, helvetica, sans-serif;
        color: rgb(200,200,200);
        border: 1px solid rgb(50,50,50);
		}
p { padding: 0 0 8px 0; }
.col-none { background: url(../logo/body-bg.gif) repeat-y; }
.col-left { background: url(../logo/body-bg-left.gif) repeat-y; }
.col-right { background: url(../logo/body-bg-right.gif) repeat-y; }
.col-both { background: url(../logo/body-bg-both.gif) repeat-y; }


/*****************************************/
/*  1. Visitor navigation above header   */
/*     (currently not used)              */

.visitor {
        height: 30px;
        background: url(../logo/header-stripe.gif) repeat-x left bottom;
        background-color: rgb(120,49,46);
        }

.visitor ul {
		list-style: none;
        float: right;
        padding: 5px 10px 0 0;
        }

.visitor li {
		float: left;
		display: block;
        font-family: verdana;
        font-size: 18px;
		font-weight: bold;
        text-align: center;
        }

.visitor li a {
  		display: block;
		color: rgb(180,180,180);
		padding: 0 15px;
		text-decoration: none;
        }

.visitor li a:hover {
		color: white;
		text-decoration: none;
		}
/***************************************/

.header {
        position: relative;
        height: 66px;
        background: url("../logo/header-red-bg.gif") top left repeat-x;
        }

.header-logo {
        position: absolute;
        left: 30px;
        top: 12px;
        z-index: 1;
        }

.header-label {
        position: absolute;
        right: 350px;
        width: 200px;
        text-align: center;
        top: 0;
        z-index: 1;
        }

.header-logged {
        position: absolute;
        right: 30px;
        top: 0;
        z-index: 1;
        }

/***************************************/
/*   2. Visitor navigation on header   */

.nav-visitor {
        position: absolute;
		right: 20px;
        top: 25px;
        z-index: 2;
		}

.nav-visitor ul {
		list-style: none;
		}

.nav-visitor li {
		float: left;
		display: block;
        font-family: verdana;
        font-size: 18px;
        line-height: 22px;
        padding: 0 0 5px 0;
		font-weight: bold;
        text-align: center;
    	}

.nav-visitor li a {
 		color: rgb(220,210,210);
		padding: 0 15px;
		text-decoration: none;
		}

.nav-visitor li a:hover {
		color: white;
		text-decoration: none;
		}


/******************************************/
/*          Main Navigation Menu          */

.nav-main {
        height: 25px;
        background: url("../logo/bg-nav-main.gif");
        border-top: 1px solid rgb(40,40,50);
        border-bottom: 1px solid rgb(40,40,50);
        }


.nav-main ul {
		list-style: none;
		}

.nav-main li {
		float: left;
		display: block;
        font-family: verdana;
        font-size: 12px;
        height: 25px;
		font-weight: normal;
        text-align: center;
		border-right: 1px solid rgb(40,40,40);
		white-space: nowrap;
	    background: url("../logo/bg-nav-main-2.gif");
	    background-position: 0 -25px;
		}

.nav-main li.last {
		border-right: none;
		}

.nav-main li.eight a {
		display: block;
        font-weight: bold;
		color: rgb(180,160,160);
        width: 111px;
		padding: 4px 0 2px 0;
		text-decoration: none;
	    background: url("../logo/bg-nav-main-2.gif");
	    background-position: 0 0px;
		}

.nav-main li.grayed {
		display: block;
		color: rgb(160,160,160);
        width: 116px;
		padding: 2px 0px;
		text-decoration: none;
		}

.nav-main li.last a {
        width: 116px;
		}

.nav-main li a:hover {
		background-image: none;;
		color: rgb(220,200,200);
		text-decoration: none;
		}

/*********************************************/
/*   Shadows under header and above footer   */

.header-shadow-none { height: 20px; background: url("../logo/header-shadow.gif"); }
.footer-shadow-none { clear: both; height: 20px; background: url("../logo/footer-shadow.gif"); }

.header-shadow-left { height: 20px; background: url("../logo/header-shadow-left.gif"); }
.footer-shadow-left { clear: both; height: 20px; background: url("../logo/footer-shadow-left.gif"); }

.header-shadow-right { height: 20px; background: url("../logo/header-shadow-right.gif"); }
.footer-shadow-right { clear: both; height: 20px; background: url("../logo/footer-shadow-right.gif"); }

.header-shadow-both { height: 20px; background: url("../logo/header-shadow-both.gif"); }
.footer-shadow-both { clear: both; height: 20px; background: url("../logo/footer-shadow-both.gif"); }

/****************************/
/*         Columns          */

.page-inside { clear: both; padding: 0 4px; }

#content-main-left { width: 715px; float: left; }
#content-main-right { width: 710px; float: right; }
#content-main-middle { width: 540px; float: left; }

#content-side-left { width: 176px; float: left; }
#content-side-right { width: 176px; float: right; }

.main-box { padding: 0 15px; }
.main-box-left { padding: 0 20px 0 10px; }

.info { padding: 0 0px 30px 0px; }

.side-box {
        padding: 10px 10px 60px 10px;
        line-height: 130%;
        }

.w-bottom { background: url(../logo/side-bottom.gif) repeat-x left bottom; }

.side-box p { padding: 0 0 7px 0; color: rgb(180,180,180);}

.side-bottom {
        height: 15px;
        background: url(../logo/side-bottom.gif) repeat-x left bottom;
        }


/****************************/
/*         Common           */

#seperator {
        clear: both;
        padding: 1px 0;
        background: url(../logo/bg-stripe.gif) repeat-x left top;
        }

/*   Custom JavaScript Alert Box   */

#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
    }

#alertBox {
	position:relative;
	width:300px;
	min-height:100px;
	margin-top:200px;
	border:2px solid #000;
	background-color: rgb(180,180,180);
    color: rgb(30,30,30);
	background-image:url(../logo/alert_oops.gif);
	background-repeat:no-repeat;
	background-position:15px 35px;
    }

#modalContainer > #alertBox {
	position:fixed;
    }

#alertBox h1 {
	font:bold 0.9em verdana,arial;
	background-color: rgb(109,27,27);
	color:#FFF;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px;
    }

#alertBox p {
	font:0.7em verdana,arial;
	height: 35px;
	padding: 10px 5px 0 55px;
    }

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:3px;
	border:1px solid rgb(90,90,90);
	width:70px;
	font:0.7em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:rgb(30,30,30);
	background-color: rgb(210,200,190);
	text-decoration:none;
    }


/*   Model Jump, Model Search   */

form.model-jump { padding-top: 5px; }
form.model-hair { padding-top: 12px; }

.model-select {
        width: 130px;
        font-size: 11px;
        border: 1px solid rgb(120,120,120);
        background: rgb(47,47,47);
        color: rgb(200,200,200);
        }


/*      Newsletter       */

form.newsletter { padding: 0px 0 15px 0px; }

label.newsletter-txt {
        font-size: 11px;
        font-family: verdana, ariel, sans-serif;
        }

input.newsletter-txt {
        width: 150px;
        height: 15px;
        padding: 2px 0 0 0;
        background: url(../logo/input_bg_notify.gif) no-repeat;
        border: 1px solid rgb(160,160,160);
        font: 11px verdana;
        }

.newsletter-submit { padding: 5px 0 0px 0; }

.newsletter-button {
        font: 11px verdana;
        width: 60px;
        background-color: rgb(210,200,190);
        border: 1px solid rgb(90,90,90);
        padding: 2px 0px;
        cursor: pointer;
        }

.nl a { font-size: 10px; }

/************************/
/*   Guide for models   */

.info-models {
        font-size: 12px;
        padding: 0 0px 10px 30px;
        }

.wardrobe {
        padding: 20px 50px 20px 30px;
        font-size: 12px;
        background: url(../logo/bg-stripe.gif) repeat-x left top;
        }

.bg-a { background-color: rgb(40,40,40); }
.bg-b { background-color: rgb(47,47,47); }

.wardrobe img { padding: 5px; }
.wardrobe p { padding: 0 0 10px 0; }



/******************************/
/*       Webmasters           */

#banner-horiz { padding: 10px 0; }

#banner-vert {
    float: left;
    text-align: center;
    padding: 10px;
    }

ul.list-web { padding: 0 0 20px 50px; }


/******************************/
/*      Footer with nav       */

.footer {
        clear: both;
        position: relative;
        height: 35px;
        background: url(../logo/footer.gif);
        padding: 0 0 0 30px;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 11px;
        line-height: 125%;
        }

.footer p {
        padding-top: 10px;
        text-align: left;
        }

.footer a {
		color: rgb(180,180,180);
		text-decoration: none;
        }

.footer a:hover {
		color: rgb(220,220,220);
		text-decoration: none;
        }

/*********************************/
/*     Footer Navigation Menu    */

.nav-global {
        position: absolute;
		right: 0;
        top: 0;
        z-index: 2;
		}

.nav-global ul { list-style: none; padding: 10px 20px 0 0; }
.nav-global li { float: left; }
.nav-global a { display: block; padding: 0px 10px; }
.nav-global li.li-next a { border-left: 1px solid rgb(130,130,130); }

/*         END          */
/************************/