/* NIKKIBYDAY.COM - Written by Simon Friend */

/******* GENERIC *******/
body{margin:20px auto; text-align:center; background: #1B1B1B url(../images/bg-main.jpg) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#F3F3F3; line-height:20px}

ul{margin:0px 20px; padding:0}
a{color:#F3F3F3; text-decoration:none}
a:hover{color: #6666FF;}
img{display:block; border:none}
h1{margin:0; padding:0; font-size:16px}
/***** END GENERIC *****/

/******* ID'S *******/
#wrapper{text-align:left; margin:0 auto; width:960px}
#wrapper #welcome {border:1px solid #4C4C4C; width:200px; height:30px;font-size:14px; font-weight:bold; float:left}
#wrapper #welcome a{display:block; padding:5px 10px;}
#wrapper #welcome a:hover{display:block; padding:5px 10px; background:#000000}

/***** TOP NAVIGATION *****/
#wrapper #topnav{float:right; height:20px; border:1px solid #4C4C4C; padding:5px 10px; width:660px; text-align:right}
#wrapper #topnav ul li{list-style:none; display:inline}
#wrapper #topnav ul li a{padding:2px 8px}
/*** END TOP NAVIGATION ***/

#wrapper #header{background:url(../images/header-main.jpg) no-repeat; height:300px; margin:10px 0}
#wrapper #header-content{width:200px; padding:5px 10px; line-height:15px}
#wrapper #header-content h3{color:#C1C1FF; margin:12px 0 0 0; font-size:16px}
#wrapper #header-content p{padding:0; margin:0}

/***** LEFT NAVIGATION *****/
#wrapper #leftnav{float:left}
#wrapper #leftnav ul{margin:0}
#wrapper #leftnav ul li{border:1px solid #4C4C4C; width:220px; height:30px;  list-style:none; margin-top:1px}
#wrapper #leftnav ul li a{display:block; padding:5px 10px;}
#wrapper #leftnav ul li a:hover{ background:#2E2E2E;}
/*** END LEFT NAVIGATION ***/

#wrapper #content{float:right; width:690px}

#wrapper #content .homethumbs .dateadded{width:90px; height:13px; background:#1E1E1E; color:#CCC; border:1px solid #333; position:absolute; top:0; right:0; font-size:9px; margin:0; padding:0 1px; text-align:right; line-height:12px}
#wrapper #content .homethumbs h3{font-size:13px; margin:0; padding:0; float:left; margin-left:3px}
#wrapper #content .homethumbs .pic_desc{float:right; margin:0 0 3px 0}
#wrapper #content .homethumbs .pic1{width:338px; height:120px; float:left; margin-right:9px; margin-bottom:9px; background:#333333; border:1px solid #333; position:relative}
#wrapper #content .homethumbs .pic2{width:338px; height:120px; float:left; margin-bottom:9px; background:#333333; border:1px solid #333; position:relative}
.homethumbs .pic1:hover, .homethumbs .pic2:hover{background:#484848!important;}
#wrapper #content .homethumbs .new{border:1px solid #FFCC00; background:#FFCC00!important; color:#333333!important}
#wrapper #content .homethumbs .new:hover{border:1px solid #FFDD53!important; background:#FFDD53!important; color:#333333!important}

#wrapper #content .homethumbs .new .star{position:absolute; top:-15px; left:-22px}
#wrapper #content .homethumbs .new a{color:#333!important}
#wrapper #content .homethumbs .join{width:225px; height:59px; float:left; margin:5px 0 0 5px}
#wrapper #content .homethumbs .jointitle{margin-top:20px; float:left;}

#wrapper #content .vidthumb{float:left; width:225px; height:191px; margin-right:7px; position:relative}
#wrapper #content .vidthumbright{float:left; width:225px; height:191px; position:relative}
#wrapper #content .vidinfo{background:url(../images/video/bar.png) no-repeat; position:absolute; bottom:20px; padding-left:25px; width:200px}
#wrapper #content .vidinfo a{padding:2px 3px}
#wrapper #content .vidinfo a:hover{background-color:#333333}

#wrapper #content h1{border:1px solid #4C4C4C; padding:5px 10px; font-size:16px}
#wrapper #content #maincontent{padding:10px; background-color:#333333}
#wrapper #content #maincontent .imageright{float:right; margin-left:10px; border:1px solid #4C4C4C;}

#wrapper #content form{padding:10px; background: #4C4C4C; height:100px}
#wrapper #content form .form_column{float:left; width:200px}
#wrapper #content form .form_column input{border:1px solid #C1C1FF; padding:5px}

#wrapper #footer{border:1px solid #4C4C4C;  height:20px; padding:5px 10px; text-align:center; margin-top:10px}
#wrapper #disclaimer{border:1px solid #4C4C4C; padding:5px 10px; height:40px; text-align:center; margin-top:10px; font-size:10px}
#wrapper #footer p, #wrapper #disclaimer p{margin:0}
/****** CLASSES *******/
.clear{clear:both}


/****** BLOG (DAY BY DAY)*******/
.blog{}
.blog h3{margin:0 0 15px 0; padding:0;}
.blog .datetime{margin:0; padding:3px; right:10px; top:10px; position:absolute; border:1px solid #D3C7E2; background-color:#3F3467}
.blog_article1{padding:10px; background-color:#2E2E2E; margin-bottom:5px; border:1px dashed #4C4C4C; position:relative;}
.blog_article2{padding:10px; background-color:#484848; margin-bottom:5px; border:1px dashed #4C4C4C; position:relative}
.blogimg{float:right; margin:40px 0px 10px 10px}
.blogimgfull{text-align:center; margin:0 auto}
.readmore{padding:5px 3px; background:#333333; color:#FFF; border:1px solid #999999; margin-top:15px!important}
/****** GALLERY *******/
#optionsBg{background:url(../members/sets/images/options-bg.png) no-repeat; position:relative}
#optionsBg #hires{position:absolute}
#optionsBg #zipset{position:absolute}
#optionsBg #back{position:absolute}




/* ----- Home Page Featured Box ----- */

#featured {width:690px; height:280px; float:right;border:1px solid #4C4C4C;}
#featured .mask{position:relative;width:690px;height:280px;overflow:hidden;}
#featured #featBox {position:absolute;}
#featured #featBox div{width:690px; height:280px; display:block; float:left}
#featured #featBox .featDescription{background:#000000; height:30px; margin-top:240px; padding:5px;opacity:0.50;filter:alpha(opacity=50); }
#featured #featBox .featDescription h2{font-size:15px;font-weight:bold;opacity:1;margin:0; padding:0; line-height:14px}
#featured #featBox .featDescription p{color:#A9A8A8;font-size:11px; opacity:1; padding:0px; margin:0}

#featured #featBox .featOne{background: url(../images/slideshow/day1.jpg) no-repeat;}
#featured #featBox .featTwo{background: url(../images/slideshow/night1.jpg) no-repeat;}
#featured #featBox .featThree{background: url(../images/slideshow/day2.jpg) no-repeat;}
#featured #featBox .featFour{background: url(../images/slideshow/night4.jpg) no-repeat;}
#featured #featBox .featFive{background: url(../images/slideshow/day3.jpg) no-repeat;}
#featured #featBox .featSix{background: url(../images/slideshow/night3.jpg) no-repeat;}
#featured #featBox .featSeven{background: url(../images/slideshow/day4.jpg) no-repeat;}
#featured #featBox .featEight{background: url(../images/slideshow/night2.jpg) no-repeat;}
#featured #info4{background:#fff !important;color:red !important;cursor:pointer; display:none;}
#outerContainer #innerContainer #contentSection #left #menu {min-height:170px; width:218px;}
.buttons {padding:0; margin:0; display:none}
.buttons span{color:#808080; display:block;float:left;font-size:10px;padding:0;text-align:right;width:70px; cursor:pointer;}
.buttons span:hover, .buttons span.active {color:#FFF;text-decoration:none;}

/* ----- END Home Page Featured Box ----- */