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

/******* GENERIC *******/
body{margin:20px auto; text-align:center; background: #1B1B1B url(../images/bg-main.jpg) repeat-x fixed; 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}
/***** 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; background: #604E63}
#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; background: #604E63}
#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-day.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; background: #604E63}
#wrapper #leftnav ul li a:hover{ background:#2E2E2E;}
/*** END LEFT NAVIGATION ***/

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

#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 3px 0 0}
#wrapper #content .homethumbs .pic1{width:338px; height:143px; float:left; margin-right:9px; margin-bottom:9px; background:#333333}
#wrapper #content .homethumbs .pic2{width:338px; height:143px; float:left; margin-bottom:9px; background:#333333}
#wrapper #content .homethumbs .join{width:225px; height:59px; float:left; margin:5px 0 0 5px}
#wrapper #content .homethumbs .jointitle{margin-top:20px; float:left;}
.homethumbs .pic1:hover, .homethumbs .pic2:hover{border:1px solid #604E63!important}

#wrapper #content h1{border:1px solid #4C4C4C; padding:5px 10px; font-size:16px}

#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; padding:0;}
.blog .datetime{margin:0; padding:3px; right: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}


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