/*
Theme Name: Viva S Club .com theme
Theme URI: http://vivasclub.com/
Description: Original theme used for S Club 7 fansite Viva S Club .com	
Version: 1.2
Author: rDaim
Author URI: http://vivasclub.com/
Tags: Viva S Club, S Club 7, Fansite
*/

BODY { background:#000 url(images/vsc-bg-top.jpg) center top no-repeat; text-align:center; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; }

.hidden { display:none; }
.clear { clear:both; }
.bold { font-weight:bold; }
.alignright { float:right; }
.alignleft { float:left; }

#maincon { width:900px; background:url(images/vsc-maincon-bg.jpg) repeat-y; margin:0 auto; padding:0; }

#topbar { width:900px; height:34px; overflow:hidden; background:url(images/vsc-top-bar.jpg) no-repeat; margin:0; padding:0; }
#topbar .padding { padding:6px 10px 0; }
#topbar P { color:#999; display:inline; }
#topbar A { color:#999; text-decoration:none; padding:0 10px; }
#topbar A:hover { color:#FFF; text-decoration:underline; }

#toplogo { width:355px; height:290px; background:url(images/vsc-top-logo.jpg) no-repeat; margin:0; padding:0; float:left; clear:left; }
#toplogo7 { width:355px; height:290px; background:url(images/vsc7-top-logo.jpg) no-repeat; margin:0; padding:0; float:left; clear:left; }
#toppicture { width:545px; height:290px; background:url(images/vsc-top-sclub7.jpg) no-repeat; margin:0; padding:0; float:left; }

#leftmargin {width:545px; background:url(images/vsc-padding-left-top.gif) top left no-repeat; margin:0; padding:0; float:left; clear:left;}
#menucon { width:525px; height:40px; background:url(images/vsc-menu-bg.gif) #C00 no-repeat; margin-left:20px; padding:0; }
#menu1{ width:525px; position:absolute; top:325px; }

#pagecontent { width:525px; background:#FFF; margin-left:20px; padding:0; text-align:left; }
#pagecontent .padding { padding:10px 20px 50px; }

#pagebar { font-size:80%; margin:20px 0 6px 0; text-align:center; }

#sidebar { width:355px; background:url(images/vsc-sidebar-bg.jpg) no-repeat; padding:0; margin:0; float:left; text-align:left; }
#sidebar .padding { padding:16px 32px 0 18px; }

.sidebox-w-welcome { width:304px; height:35px; background:url(images/vsc-sidebox-welcome.gif) no-repeat; padding:0; margin:0; }
.sidebox-w-latestpictures { width:304px; height:35px; background:url(images/vsc-sidebox-latestpictures.gif) no-repeat; padding:0; margin:0; }
.sidebox-w-affiliates { width:304px; height:35px; background:url(images/vsc-sidebox-affiliates.gif) no-repeat; padding:0; margin:0; }
.sidebox-w-sclubtwitter { width:304px; height:35px; background:url(images/vsc-sidebox-sclubtwitter.gif) no-repeat; padding:0; margin:0; }
.sidebox-w { width:304px; background:url(images/vsc-sidebox-bg-w.gif) repeat-y; padding:5px 0 5px; margin:0; text-align:left; }
.s-padding { padding:0 8px; }
.sidebox-w-bot { width:304px; height:12px; background:url(images/vsc-sidebox-bot-w.gif) no-repeat; padding:0; margin:0; }

.sidebox-w2-container { float:left; display:inline; width:168px; }
.sidebox-w2-sclubpoll { display:block; height:35px; background:url(images/vsc-sidebox-sclubpoll.gif) no-repeat; padding:0; margin:0; }
.sidebox-w2-tagboard { display:block; height:35px; background:url(images/vsc-sidebox-tagboard.gif) no-repeat; padding:0; margin:0; }
.sidebox-w2 { display:block; background:url(images/vsc-sidebox-bg-w2.gif) repeat-y; padding:5px 0 5px; margin:0; text-align:left; }
.sidebox-w2-bot { display:block; height:12px; background:url(images/vsc-sidebox-bot-w2.gif) no-repeat; padding:0; margin:0; }

.sidebox-w P, .sidebox-w2 P, .sidebox-w LI, .sidebox-w2 LI { font-size:10px; }
.sidebox-w2 P.totalvoters { text-align:center; }

#sidebar-skyscraper-ad {float:left; display:inline; margin-right:15px; margin-bottom:15px;}

.ngg-widget { margin:0; padding:0; }
.widget-gallery-link { text-align:right; margin:0; padding-right:8px; }

#footerbg { height:283px; clear:both; display:block; background:url(images/vsc-bg-bottom.jpg) #000 center top no-repeat; }
#footercon { width:900px; margin:0 auto; padding:0; }
#footerleft { width:545px; height:283px; background:url(images/vsc-padding-left-bottom.jpg) no-repeat; margin:0; padding:0; float:left; clear:left; }

#contentfooter { width:525px; height:283px; background:url(images/vsc-footer.jpg) no-repeat; margin-left:20px; padding:0; }
#contentfooter .padding { padding:60px 20px 20px; }
#contentfooter P { color:#444; font-size:10px; } 
#contentfooter A, #contentfooter A:hover { color:#444; }

#sidebarfooter { width:355px; height:283px; background:url(images/vsc-sidebar-footer.jpg) no-repeat; margin:0; padding:0; float:left; }


/*  TITLES  */
H1 { font-weight:bold; font-size:130%; letter-spacing:-0.04em; margin:0; padding:14px 0 2px; }
H2 { font-weight:bold; font-size:85%; margin:0; padding:16px 0 2px; } 
.ngg-album H2 { padding-top:5px; }
H3 { font-weight:bold; font-size:100%; margin:0; padding:8px 0 2px; }
.box H3 { font-weight:bold; font-size:85%; margin:0; padding:8px 0 0 0; }
H4 { font-weight:bold; font-size:110%; color:#FFF; width:80%; margin:26px 0 5px 0; padding:45px 0 0 80px; border-bottom:2px #F90 solid;} 
	
	H4#Rachel { background:url(images/h3rachel.gif) no-repeat; }
	H4#Jo     { background:url(images/h3jo.gif) no-repeat; }
	H4#sclub7 { background:url(images/h3sclub.gif) no-repeat; }


/*  PARAGRAPHS  */
P, LI { font-size:80%; margin:3px 0 10px; }
P.small { font-size:10px; margin-bottom:3px; }
.box LI { font-size:11px; margin:0 0 5px; }
P.credit { font-size:10px; color:Gray; margin:0; float:left; clear:left; }
P.newsdate { font-size:10px; color:#333; margin:4px 0 8px; float:left; clear:left; }
P.error { color:#F00; margin-top:25px; }

blockquote { border-left:8px #DDD solid; padding-left:5px; margin-left:15px; }

/*  LINKS  */
A { color:#900; text-decoration:none; }
A:hover { color:#F00; text-decoration:underline; }
H1 A, H1 A:hover { color:#000; text-decoration:none; }
.navigation { font-weight:bold; font-size:12px; margin:6px 0; clear:both; }
.navigation2 { font-size:10px; margin:6px 0; clear:both; }


/*  NAVIGATION  */
.nav-previous { float:right; margin-left:10px; text-align:right;}
.nav-next { float:left; margin-right:6px; }
.this-page { font-weight:bold; }

HR { border:1px solid #CCC; }

DIV.label { width:17px; position:absolute; display:inline; margin:20px 0 0 -37px; z-index:2; }
DIV.hentry DIV.label { height:65px; background:transparent url(images/vsc-postlabel-news.gif); }
DIV.category-pictures DIV.label { height:100px; background:transparent url(images/vsc-postlabel-pictures.gif); }
DIV.category-videos DIV.label   { height: 90px; background:transparent url(images/vsc-postlabel-videos.gif); }
DIV.category-articles DIV.label { height: 65px; background:transparent url(images/vsc-postlabel-article.gif); }


.box { clear:both; margin:30px 0 40px; padding:5px 15px; background:#FAF1DF url(images/vsc-box-bg-s.gif) bottom right no-repeat; border:1px solid #C00; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.box UL { margin:8px 0 16px; padding:0 16px; }


/*  IMAGES  */
IMG { border:0; }
IMG.alignright { margin:4px 0 4px 6px; }
IMG.alignleft  { margin:4px 10px 4px 0; }
IMG.affiliate { padding:5px 0 5px 8px; }
IMG.affbutton { margin:3px; }
.wp-caption { font-size:11px; color:Gray; }



/* GRAVATAR */
#gravbox { display:inline; float:left; margin-right:8px; width:75px; height:75px; background:url('http://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=65.png') center center no-repeat #FFF; border:1px solid #AAA; overflow:hidden; } 
#gravbox img { padding:5px; }
#gravbox .nogravatar { text-align:center; font-weight:bold; } 



#topbar input#s { width:117px; background:#222; border:1px solid #999; padding:1px; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; } 
#topbar input#searchsubmit { width:16px; height:18px; background:url(images/search.png) center center no-repeat; border:none; margin-left:3px; }
#topbar #searchform { display:inline; }

input.affapply {font-size:12px; border:1px solid #AAA; background:#EEE}
input.affapply:focus { background:url(images/text_field_shadow.gif) top left no-repeat #FFF; }

/*  COMMENTS  */
.commentslink { float:right; margin:0 4px 5px 0; }

#commentform textarea { width:98%; font-family:Verdana, Arial, Helvetica, sans-serif; }
#commentform textarea, input#author, input#email, input#url { font-size:12px; border:1px solid #AAA; background:#EEE; }
#commentform textarea:focus, #commentform input[type="text"]:focus { background:url(images/text_field_shadow.gif) top left no-repeat #FFF; }

ol.commentlist { list-style:none; margin:10px 0 0; padding:0; }  
ol.commentlist li { border-bottom:1px solid #AAA; margin:0; padding:8px 7px 15px 84px; position:relative; }  
ol.commentlist li.even {  border-bottom:1px solid #AAA; background:#EEE; }
ol.commentlist li div.vcard { font-weight:bold; font-size:12px; line-height:16px; }  
ol.commentlist li div.vcard cite.fn { font-style:normal; }  
ol.commentlist li div.vcard img.avatar { background:#FFF; border:1px solid #AAA; padding:5px; position:absolute; top:8px; left:10px; }  
ol.commentlist li div.comment-meta { font-size:9px; line-height:16px; text-align:right; position:absolute; top:5px; right:10px; }  
ol.commentlist li div.comment-meta a { color:#555; text-decoration:none; }  
ol.commentlist li p { font-size:12px; line-height:16px; margin:5px 0 12px; }  
ol.commentlist li ul { font-size:12px; line-height:16px; list-style:square; margin:0 0 12px; padding:0; }  
ol.commentlist li div.reply { font-size:9px; padding:1px; text-align:right; }  
ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }  
ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }  
ol.commentlist li.comment ul.children li.odd { background:#FFF; }  
ol.commentlist li.comment ul.children li.even { background:#DDD; }  
ol.commentlist li.comment-author-rdaim, ol.commentlist li.comment ul.children li.comment-author-rdaim { background:#FAF1DF; } !important


/* X MENU SETINGS */
.rMenu { position:relative; overflow:visible; }
.mBox { font-weight:bold; font-size:11px; line-height:19px; color:#FFF; padding:5px 0 10px; background:#C00 url(images/bgmenudd.gif) repeat-x; position:absolute; visibility:hidden; overflow:hidden; }
A.m { color:#FFF; text-align:center; display:block; text-decoration:none; cursor:pointer; }
A.m:hover { background:#900; color:#FFF; text-decoration:none; }
.mLabel,.mLabelOver { font-size:15px; line-height:38px; text-align:center; cursor:default; position:absolute; visibility:hidden; overflow:hidden; }

A.alt_menu{ display:block; background:#C00; float:left; font-size:15px; line-height:33px; color:#FFF; text-align:center; text-decoration:none; }
A.alt_menu:hover{ color:#FFF; text-decoration:none; background:#900;  }


/* TWITTER WIDGET */
IMG.twitter-avatar { float:left; margin:0 3px 5px 0; }
.multi-twitter  { padding:2px; margin:0; }
.clearfix EM { display:block; float:right; color:#666;}