/* base
----------------------------------------------- */

body{
        margin:0;
        text-align:center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11pt;
	font-color: #808080;
}

.clear {clear:both}


/* LINKS
---------------------------------------------*/

a
{
	text-decoration: none;
	color: #F2F2F2;
}

a:visited
{
	color: #F2F2F2;
}

a:hover
{
	color: #FA3178;
}

a img
{
	border: 0;
}


p.menu
{
	text-align: left;
	font-size: 16pt;
	font-weight: 80;
	color: #F2F2F2;
	font-family:  verdana, arial, helvetica, sans-serif;
        font-style:none;
        letter-spacing: 4px;
        text-indent: 10pt;
}



p.admin {
	text-align: center;
	font-size: 9pt;
	font-weight: 100;
	color: #FB57C3;
	font-family: arial;
}



/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 2em; margin: 0.5em 0; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.8em; color: #A9A9A9;}
h4 { font-size: 1em; color: #3D3D3D; }
h5 { font-size: 1em; color: #FF92BB; }
h6 { font-size: .8em; color: #3D3D3D; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

/* Fonts
-------------------------------------------------------------- */

.blogtitle { font-size: 1.8em; color: #EE1289;}
.time { font-size: .8em; color: #2E64FE; font-weight: bold; }
.blogdek { margin-left: 3em; font-size: 1em; color: #3D3D3D; }
.readmore { font-size: 1em; color: #EE1289; font-weight: bold; }
.followus { text-align: center; font-size: 1em; color: #3D3D3D; }
.beautyvid { font-size: 1.5em; color: #848484; text-align: center; font-family: verdana; }
.poptitle { font-size: 1.1em; color: #F665AB; text-align: center; font-family: verdana; }
.popdesc { font-size: .8em; color: #413839; text-align: center; font-family: verdana; }
.scrolltitle { font-size: 1.5em; color: #848484; text-align: center; font-family: verdana; padding: 0px 15px 0px 0px; }
.answer { font-size: 1.3em; color: #413839; font-style: italic; font-family: arial; }

.askhim {
    float:left;
    margin:10px 30px 10px 20px;
    padding:10px;
    background:#fff;
    border:2px solid #fff;
}




/* NAVIGATION
---------------------------------------------*/


#navmenu {
     margin: 0;
     padding: 0;
     list-style: none;
}

#navmenu li {
     float: left;
     display: block;
     position: relative;
     z-index: 500;
     background-color: #6E6E6E;
}

#navmenu li a {
     display: block;
     font-weight: 80;
     height: 28px;
     text-decoration: none;
     font-size: 16pt;
     color: #F2F2F2;
     font-family:  verdana, arial, helvetica, sans-serif;
     letter-spacing: 4px;     
     margin-left: 10px;
     margin-right: 10px;
}

#navmenu li a:hover {
     color: #FA3178;
}



#navmenu ul {
     position: absolute;
     left: 0;
     display; none;
     margin 0 0 0 -1px;
     padding: 0;
     list-style: none;
}

#navmenu ul li {
     width: 200px;
     float: left;
     background-color: #6E6E6E;
}

#navmenu ul a {
     display: block;
     height: 28px;
     font-weight: 80;
     text-decoration: none;
     font-size: 14pt;
     color: #F2F2F2;
     font-family:  verdana, arial, helvetica, sans-serif;
     letter-spacing: 3px;     
}

#navmenu ul a:hover {
     text-decoration: none;
}


#navmenu ul {
margin: 0 0 0 -2px;
}


/* VIDEO TICKER
---------------------------------------------*/

#carholder {
     width: 200px;
     background: #;
     padding: 5px 5px 0;
     font-family: verdana, arial, sans-serif;
     margin: 20px auto;
}

#carholder a {  text-decoration: none; }
#carholder img { border: 2px solid #ffffff; }

#carholder .title {
     text-align: center;
     font-size: 16px;
     font-weight: bold;
     padding: 5px;
     color: #FA3178;
}

.videocar { width: 200px; text-align: center; }
.videocar ul li { list-style: none; display: block; padding-bottom: 1px; margin-bottom; 5px; }
.videocar .vidthumb { float: center; width: 200px; }
.videocar .vidinfo {float: center; width: 200px; }
.videocar a { color: #404040; text-decoration: none; }



/* DIVISIONS
---------------------------------------------*/

#container{
        position:relative;
        width:1100px;
        text-align:left;
}

#toprow
{
	position: relative;
	top: 0px;
        left: 0px;
	width: 1100px;
	height: 90px;
}

#logo
{
	position: absolute;
	top: 25px;
        left: 10px;
	width: 350px;
	height: 80px;
        text-align: left;
}


#home728
{
	position: absolute;
        top:10px;
        left: 330px;
	width: 728px;
	height: 95px;
        text-align: right;
}


#menu
{
        position: relative;
	top: 15px;
        left: 0px;
	width: 1070px;
        background-color: #6E6E6E;
}



#mainblock {
	position: relative;
	top: 20px;
        left: 0px;
	width: 1000px;

}


#featured 
{
	position: relative;
	top: 0px;
        left: 0px;
	width: 690px;
        height: 280px;
        padding-left: 10px;
        padding-top: 10px;
        background: #fff;
        border: 3px solid #ccc;

}


#featuredtitle {
     position: relative;
     top: 0px;
     left: 7px;
     display: block;
     height: 22px;
     width: 128px;
     text-indent: 10pt;
     font-style: italic;
     font-weight: 100;
     text-decoration: none;
     font-size: 13pt;
     color: #000000;
     font-family:  verdana, arial, helvetica, sans-serif;
     letter-spacing: -1px;   
     background-color: #FFFF00;  
     box-shadow: 2px 2px 1px #BEBEBE;
     border-radius: 2px;
}



/* FEATURED FEATURES Heh
---------------------------------------------*/

#featured ul.ui-tabs-nav{
        position: absolute;
        top: 15;
        left: 430px;
        list-style: none;
        padding: 0;
        margin: 0;
        width: 250px;
}

#featured ul.ui-tabs-nav li{
        padding: 1px 0;
        padding-left: 13px;
        font-size: 13px;
        color: #2c2c2c;
}

#featured ul.ui-tabs-nav span{
        font-size: 15px;
        font-family: verdana;
        line-height: 20px;
}

#featured .ui-tabs-panel{  
    width:420px;
    height:270px;  
    background:#999;
    position:relative;  
    overflow:hidden;  
}  
#featured .ui-tabs-hide{  
    display:none;  
}  

#featured li.ui-tabs-nav-item a{/*On Hover Style*/  
    display:block;  
    height:60px;  
    color:#2c2c2c;  
    background:#fff;  
    line-height:20px;  
    outline:none;  
}  
#featured li.ui-tabs-nav-item a:hover{  
    background:#f2f2f2;  
}  

#featured li.ui-tabs-selected{ /*Selected tab style*/  
    background:url('images/selected-item.gif') top left no-repeat;  
}  

#featured ul.ui-tabs-nav li.ui-tabs-selected a{  
    background:#E0E0E0;  
}  

#featured ul.ui-tabs-nav li img{  
    float:left; margin:2px 5px;  
    background:#fff;  
    padding:2px;  
    border:1px solid #eee;  
}  

#featured .ui-tabs-panel .info{  
    position:absolute;  
    top:130px; left: 5px;  
    height:170px; width: 250px;  
    background: url('images/transparent-bg.png');  
}  
#featured .info h2{  
    font-size:21px; font-family:Verdana, serif;  
    color:#2c2c2c;
    padding-left: 5px;
    padding-right: 5px;
    margin: 5px;  
    overflow:hidden;  
}  
#featured .info p{  
    margin: 0 0px;  
    font-family:Verdana; font-size:13px;  
    line-height:14px; color:#000000;  
    padding-left: 5px;
    padding-right: 5px;
}  
#featured .info a{  
    text-decoration:none;  
    color:#000000;  
}  
#featured .info a:hover{  
    text-decoration:underline;  
}  













#midcolumn {
	position: relative;
	top: 0px;
        left: 10px;
	width: 700px;
        padding-left: 0px;
}





/* POPULAR BEAUTY
---------------------------------------------*/

#popbeautytitle {
     position: absolute;
     top: 10px;
     left: 10px;
     width: 220px;
     display: block;
     height: 21px;
     text-indent: 15pt;
     font-weight: 100;
     text-decoration: none;
     font-size: 12pt;
     color: #F7F7F7;
     font-family:  verdana, arial, helvetica, sans-serif;
     letter-spacing: -1px;   
     background-color: #737373;  
     box-shadow: 1px 1px 1px #888888;
}


#popbeauty {
	position: absolute;
	top: 30px;
        left: 10px;
	width: 210px;
        height: 430px;
        padding-top: 10px;
        padding: 5px;
        border: 1px solid #BEBEBE;
}


/* POPULAR HEALTH
---------------------------------------------*/


#pophealthtitle {
     position: absolute;
     top: 10px;
     left: 235px;
     width: 220px;
     display: block;
     height: 21px;
     font-style: bold;
     text-indent: 15pt;
     font-weight: 100;
     text-decoration: none;
     font-size: 12pt;
     color: #F7F7F7;
     font-family:  verdana, arial, helvetica, sans-serif;
     letter-spacing: -1px;   
     background-color: #737373;  
     box-shadow: 1px 1px 1px #888888;
}



#pophealth {
	position: absolute;
	top: 30px;
        left: 235px;
	width: 210px;
        height: 430px;
        padding-top: 10px;
        padding: 5px;
        border: 1px solid #BEBEBE;
}



/* POPULAR LOVE
---------------------------------------------*/

#poplovetitle {
     position: absolute;
     top: 10px;
     left: 460px;
     width: 220px;
     display: block;
     height: 21px;
     font-style: bold;
     text-indent: 15pt;
     font-weight: 100;
     text-decoration: none;
     font-size: 12pt;
     color: #F7F7F7;
     font-family:  verdana, arial, helvetica, sans-serif;
     letter-spacing: -1px;   
     background-color: #737373;  
     box-shadow: 1px 1px 1px #888888;
}




#poplove {
	position: absolute;
	top: 30px;
        left: 460px;
	width: 210px;
        height: 430px;
        padding-top: 10px;
        padding: 5px;
        border: 1px solid #BEBEBE;
}








/* VIDEO CAROUSEL
---------------------------------------------*/

#beautyvidtitle {
     position: absolute;
     top: 480px;
     left: 25px;
     width: 620px;
     display: block;
     height: 22px;
     text-indent: 15pt;
     font-style: bold;
     font-weight: 100;
     text-decoration: none;
     font-size: 13pt;
     color: #F7F7F7;
     font-family:  verdana, arial, helvetica, sans-serif;
     letter-spacing: -1px;   
     background-color: #571B7e;  
     box-shadow: 2px 2px 1px #888888;
     border-radius: 3px;
}




/************************************************
JCAROUSEL LITE
************************************************/
#list {
     position: absolute;
     top: 487px;
     height:280px;
     width:675px;
     margin:10px auto;
}
 
.slider {
     float:left;
     left: -5000px;
     margin: 5px;
     position:relative;
     visibility:hidden;
}
 
.slider ul {
     height:150px;
     width:480px;
}
 
.slider ul li {
     padding:0 9px;
}
 
.slider ul li img {
     cursor:pointer;
     height:120px;
     padding-top:3px;
     width:190px;
}
 
.prev {
     cursor:pointer;
     float:left;
     padding-top:60px;
}
 
.next {
     cursor:pointer;
     float:right;
     padding-top:60px;
}




/************************************************
CAPTIFY CAPTION
************************************************/
.caption-top, .caption-bottom {
     background: #000000;
     color: #ffffff;
     cursor:default;
     padding:2px;
     font-size:12px;
     text-align:center;
}
 
.caption-top {
     border-width:0px;
}
 
.caption-bottom {
     border-width:0px;
}
 
.caption a, .caption a {
     background:#000;
     border:none;
     text-decoration:none;
     padding:2px;
}
 
.caption a:hover, .caption a:hover {
     background:#202020;
}








#navart a {
       color: #EE1289; 
       text-decoration: none; 
}

#navart {
	position: relative;
	top: 0px;
        left: 0px;
        text-align: center;
        padding: 10px;
}





/* ADMIN
---------------------------------------------*/

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


#admin {
	position: absolute;
	top: 1000px;
	left: 0px;
	width: 540px;
        padding: 20px;
        text-align:center;
}



/* RIGHT COLUMN
---------------------------------------------*/



#rightcolumn {
	position: absolute;
	top: 140px;
        left: 720px;
	width: 320px;

}


#searchbar {
	position: relative;
	top: 0px;
        left: 0px;
	width: 300px;
        margin-left: 15px;

}


#followus a:link, 
#followus a:visited { 
 color: #43C6DB; 
 text-decoration: none; 
} 


#followus {
	position: relative;
	font-color: #707070;
	top: 0px;
	left: 0px;
	width: 300px;
        text-align: left;
	padding-left: 10px;
	padding-bottom: 10px;
}

#rightbanner {
	position: relative;
	top: 0px;
	left: 0px;
	width: 300px;
        text-align: center;
	padding-left: 10px;
}


#hotarticles {
	position: relative;
        top: 10px;
        left: 0px;
	width: 300px;
        text-align: left;
        margin-left: 10px;
        margin-right: 10px;

}


#hotarticletitle {
     position: relative;
     top: 0px;
     left: 0px;
     width: 300px;
     display: block;
     height: 21px;
     text-indent: 15pt;
     font-weight: 100;
     text-decoration: none;
     font-size: 12pt;
     color: #f0f0f0;
     font-family:  verdana, arial, helvetica, sans-serif;
     letter-spacing: -1px;   
     background-color: #fc3ca9;  
     box-shadow: 1px 1px 1px #888888;
}

#jp-container {
     position: relative;
     top: 0px;
     left: 0px;
     width:280px;
     height:450px;
     background:#fff;
}


.jp-container{
    width:280px;
    height:400px;
    position:relative;
    background:#fff;
    border:1px solid #D8DFEA;
    font-family: 'PT Sans Narrow', Arial, sans-serif;
    font-size:12px;
    padding: 0 10px 10px 10px;

}

.jp-container a{
    background-color: #fff;
    border-bottom:1px solid #F2F4F8;
    border-top:1px solid #D8DFEA;
}
.jp-container a:first-child{
    border-top:none;
}
.jp-container a:last-child{
    border-bottom:none;
}
.jp-container a:hover{
   background:#ECEFF5;
   border-bottom-color:#ECEFF5;
}
.jp-container a h3{ 
    font-size:14px;
    font-weight:bold;
    padding:2px 0 5px 0;
    text-transform:uppercase;
}
.jp-container a img{
    float:left;
    margin:20px 10px 0px 0px;
    padding:3px;
    background:#fff;
    border:1px solid #D8DFEA;
}

.jp-container p{
    margin:0px 10px 0px 100px;
}








.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #F2F4F8;
	position: relative;
}

.jspDrag
{
	background: #79a1b5;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border:1px solid #56839a;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}




#fbactivity {
	position: relative;
        top: 10px;
        left: 10px;
	width: 280px;
        text-align: left;

}