/*  


Author: Ravi Raghav
Author URI: http://www.realitservices.com	

*/

html *{margin:0;padding:0}
html body{background:#aaa;color:#888;font:70% helvetica, arial, verdana, sans-serif;text-align:center;line-height:1.2em;padding:10px}
html body #container{margin:0 auto;width:810px;text-align:left;position:relative}
html body #container1{margin:0 auto;width:810px;text-align:left;position:relative}
html body ul,body ol{list-style:none}
html body img{border:none}
html body .clear{clear:both}
html body .clear_left{clear:left}
html body .hidden{display:none}

/*- Headers */
h1,h2,h3,h4{line-height:.9em;text-transform:uppercase;color:#000}
h2{font-size:2.9em;margin:0 0 10px}
h1{font-size:2.9em;margin:0 0 10px}
h3{font-size:4.1em;margin:0;font-weight:700;color:#aaa}
h4{font-size:1.7em;line-height:1.2em;margin:10px 0 0}
p{width:350px;font-size:1.3em;line-height:1.4em;margin:0 0 10px 220px;color:#000}
ol h4{margin:0}
.more{white-space:nowrap}
.recommendation h3{margin:0 0 5px}

/*- Links - default*/
a:link,a:visited{color:#000;text-decoration:none}
ul#occupation_select li.default,ul#occupation_select li:hover,ul.selectReplacement li.default,ul.selectReplacement li:hover,ul.selectOpen li:hover,ul.selectOpen li.selected,ul.selectReplacement li.default,#info a:link,#info a:visited,#footer a:link,#footer a:visited,#loop .pagebar a:link,#loop .pagebar a:visited,#loop #info_header a:link,#loop #info_header a:visited{color:#fff}
#loop p a:link,#loop p a:visited{color:#aaa}
 

ul#occupation_select li,ul#occupation_select li.default:hover,#info #recent_personalities .title,#info,#loop .personality .button,#loop .personality .button a,#loop .personality a:link,#loop .personality a:visited{color:#f09}
#loop .personality .teaser .button a{color:#f09 !important}

/*- Links - hover */
ul.selectReplacement li,ul.selectReplacement li.default:hover,#info #recent_recommendations .title,#info #filter_recommendations .title,#loop .teaser .button a,a:hover,a:active,#info #recent_recommendations a:hover,#info #recent_recommendations a:active,#loop p a:hover,#loop p a:active{color:#09f}

ul#navigation1 li.title
{

padding:10px 6px 6px;
color:#FFFF00;
font-size:2.4em;
text-align:left;
width:62px;
}
#nav1 .title1
{
color:#ffffff;
text-align:left;
}
#nav1 .title1 a:hover
{
color:#ffff00;
text-align:left;
}

ul#username li.titl
{

padding:3px 4px 6px;
color:#09f;
font-size:2.4em;
text-align:left;
width:163px;
}
ul#pass li.ttle
{

padding:3px 4px 6px;
color:#09f;
font-size:2.4em;
text-align:left;
width:163px;
}
ul#navigation li.title
{

padding:10px 6px 6px;
color:#09f;
font-size:2.4em;
text-align:left;
width:163px;
}
ul#filter_personalities li.title
{

padding:10px 6px 6px;
color:#f09;
font-size:2.4em;
text-align:left;
width:83px;
}

html body #info #newsletter .title,#info #search_everything .title,#loop #header a:hover,#loop #header a:active,#loop .pagebar a:hover,#loop .pagebar a:active,#info .page_item a:hover,#info .page_item a:active,#footer .page_item a:hover,#footer .page_item a:active{color:#09f}
#info #recent_personalities a:hover,#info #recent_personalities a:active{color:#f09}
#loop .personality a:hover,#loop .personality a:active{color:#000}
ul.selectReplacement li.selected,ul.selectOpen li,ul.selectReplacement li.default:hover,ul#occupation_select li.default:hover,#info a:hover,#info a:active{background:#000}

/*- Recommendations */
#loop{width:610px}
#loop div{padding:10px;margin:0 0 10px}
#loop div.frame,.pagebar{background:#fff;width:590px}


#adbar{
width:728px;
}
#adbar div{padding:10px;margin:0 0 10px}
#adbar div.adbox
{
background:#000;
height:90px;
width:728px;
overflow:hidden;
position:relative;
}

#loop #header1
{
color:#000;position:relative;font-size:2.8em;margin:0 0 10px;text-transform:uppercase;line-height:.9em;
}

#loop #header{color:#fff;position:relative;height:300px}
#loop #info_header{
	position:absolute;
	bottom:13px;
	left:11px;
	width:280px;
	height: 59px;
}
#loop1{width:610px}
#loop1 div{padding:10px;margin:0 0 10px}
#loop1 div.frame,.pagebar{background:#fff;width:590px}
#loop1 #header{color:#fff;position:relative;height:300px}
#loop1 #info_header{
	position:absolute;
	bottom:13px;
	left:11px;
	width:280px;
	height: 59px;
}
.white
{
font-size:1em;line-height:1em;text-transform:uppercase;color:#FFFFFF;
}

#loop #info_header a{font-weight:700}
#loop .button{background:#000;color:#09f;cursor:pointer;font-size:2.4em;line-height:1em;left:17px;padding:5px;text-transform:uppercase}
#loop .teaser .button{position:absolute;top:17px;z-index:2}
#loop .details{float:left;width:200px;text-transform:uppercase;margin:1px 0 0;line-height:1.3em;}
#loop .teaser{background:#000;height:275px;width:570px;overflow:hidden;position:relative}
#loop .credit{position:absolute;right:17px;bottom:13px;color:#fff;z-index:1}
#loop .teaser{margin-bottom:0}
#loop .content_heading{width:285px;margin:0 0 10px 220px}
.social_bookmark{text-align:left}
.social_img{padding:1px}
.secondary_title{color:#ccc}

/*- Pages */
#loop div#page p{margin:0 0 10px;width:450px}
#loop div#page h2{margin:30px 0 10px}

/*- Navigation */
#info{width:172px;position:absolute;top:0;left:617px;margin:-1px 0 0;text-transform:uppercase;white-space:nowrap}
#navigation1{width:70px;margin:-1px 0 0;text-transform:uppercase;}

#filter_personalities{width:90px;margin:-1px 0 0;text-transform:uppercase;}
#occupation_select{width:90px;margin:-1px 0 0;text-transform:uppercase;}
#info ul li,#info ul li a{padding:6px 4px 2px}
#info ul li a{margin:-4px -4px -2px}
#info ul li.title{background:#000;margin:1px 0}
#info input{margin:2px -1px 5px;}

.adbarbg{background:#000;height:275px;width:570px;overflow:hidden;position:relative}
.adbarbg{margin-bottom:0}

/*- Filter selectors */
ul.selectReplacement{cursor:pointer}
ul.selectReplacement li{display:none;margin:0 0 1px}
ul.selectReplacement li.selected,ul.selectReplacement li.default,ul.selectOpen li{display:block}

/*- Newsletter */
html body #loop .required{display:none}
html body #loop #newsletter p{margin:0 0 10px}
html body #loop #newsletter input{margin:0 0 10px;width:340px}
html body #loop #newsletter div{width:550px}

/*- Comments */
#loop form .details{text-align:right;padding-top:4px}
#loop input,#loop textarea{margin:0 0 10px 20px;width:340px}
#loop form .submit_button{margin:0 0 0 220px}

/*- Footer */
#loop .pagebar{font-size:2em;line-height:1em;text-transform:uppercase}
#loop #footer,#loop .pagebar div{background:#000;width:570px;margin-bottom:0}

/*- Slimbox */
html body #lbCloseLink:link,html body #lbCloseLink:visited,html body #lbCloseLink:hover,html body #lbCloseLink:active{color:#000 !important}
html body #lbOverlay{background:#000;cursor:pointer;left:0;position:absolute;width:100%;z-index:10}
html body #lbCenter,html body #lbBottomContainer{background:#fff;left:50%;overflow:hidden;position:absolute;z-index:10;text-align:left}
html body #lbImage{background-repeat:no-repeat;border:10px solid #fff}
html body #lbPrevLink,html body #lbNextLink{outline:none;position:absolute;top:0;width:50%}
html body #lbPrevLink{background:transparent url(images/prev.gif) no-repeat 0 75px;left:0}
html body #lbNextLink{background:transparent url(images/next.gif) no-repeat 100% 75px;right:0}
html body #lbBottom{border:10px solid #fff;border-top-style:none;font-size:20px;line-height:1.15em}
html body #lbCloseLink{float:right}
html body #lbCaption{color:#000}
html body #lbNumber{color:#888}
html body .lbLoading{background:#fff url(images/loading.gif) no-repeat center !important}