body { margin-top: 20px; padding: 0px; font-family: arial; font-size: 12px; background-color: #30436e; background-image: url(/inc/skins/bluevs/bodybg.png); background-repeat: repeat-x; background-position: left top; }

h1 { font:16px arial; text-transform: capitalize; margin-top:0px; padding: 0px 0px 0px 0px; color: #33547c; }

img { border:0px; margin:0px; }

a{ color:#33547c; text-decoration:none; }
a:hover{ color:#a3bac9; text-decoration: none; }

.SeparatorDiv { height:5px; }
.Kuponuts { margin-left:auto; margin-right:auto; width:223px; display: block; padding-bottom:25px; }

/* Round edges and text above main banner */
.topleft-image{ position: absolute; left: 0px; width:13px; height:23px; background:white url('/inc/skins/bluevs/info-left.png') no-repeat; background-position:top; }
.topright-image{ position: absolute; right: 0px; width:13px; height:23px; background:white url('/inc/skins/bluevs/info-right.png') no-repeat; background-position:top; }
.topleft-text{ position: absolute; left: 20px; top:4px; }
.topright-text{ position: absolute; right: 20px; top:4px; }

#rpgamers { font:13px arial; color:#ffffff; width:985px; height:23px; margin-left:auto; margin-right:auto; position:relative; background:#5e5e5c url('/inc/skins/bluevs/info-bg.png') repeat-x; border:0px solid #000; padding:0px; }
#rpgamers a{ padding:0px 0px 0px 0px; color:white; text-decoration:none; }
#rpgamers a:hover{ color:#a3bac9; text-decoration: none; }
#rpgamers-right { position:absolute; right:0px; }
#rpgamers-net { position:absolute; right:8px; }

.Banner { margin-top:0px; margin-left:auto; margin-right:auto;  background:#ffffff url('/inc/skins/bluevs/RPGN-banner.png') no-repeat; width:983px; height:209px; border-width: 1px 1px 0px 1px; border-color:#1c3954; border-style:solid; }
.BannerBox { float:right; margin-right:14px; width:140px; height:196px; padding-top:10px; display: inline; }

.Navigation { margin-left:auto; margin-right:auto; background:#ffffff url('/inc/skins/bluevs/navi-bg.png') repeat-x; width:983px; height:28px; border-width: 0px 1px 0px 1px; border-color:#1c3954; border-style:solid; }

.Content { margin-left:auto; margin-right:auto; background-color:#ffffff; width:963px; padding: 10px 10px 10px 10px; border-width: 0px 1px 0px 1px; border-color:#1c3954; border-style:solid; }

/* MENU 1 styles - Main links */
#menu1s { width:369px; height:21px; position:relative; left:20px; top:-15px; z-index:4; padding: 7px 10px 0px 10px; background-color:#ffffff; text-align:center; border:1px solid #0e2b3f; }
#menu1s a{ padding:6px 10px 6px 10px; background-color:#33547c; font-weight:normal; font: 12px verdana, sans-serif; text-transform: uppercase; letter-spacing: 0px; color: #e7eef4; border-top: 1px solid #426185; border-right: 1px solid #21364e; border-bottom: 1px solid #162434; border-left: 1px solid #5f7998; text-decoration:none; }
#menu1s a:hover{ font-weight:normal; border-top: 1px solid #162434; border-right: 1px solid #5f7998; border-bottom: 1px solid #426185; border-left: 1px solid #21364e; }

/* MENU 2 styles - Secondary links */
#menu2s { margin:0px; position:relative; top:7px; font-size:13px; text-align:right; z-index:3; width:981px; height:14px; }
#menu2s a{ padding:0px 10px 0px 10px; text-transform: uppercase; font:11px verdana, sans-serif; color:#e7eef4; text-decoration:none; }
#menu2s a:hover{ color:white; text-decoration: none; background: url('/inc/skins/bluevs/kupo-nut.png') no-repeat; }

/* MENU 3 styles - Side menu links */
#menu3s { width:195px; float:right; }
.menu3s { padding:4px 4px 4px 4px; color:black; font:11px verdana, sans-serif; text-decoration:none; text-align:justify; margin-left:2px; width:181px; border-left:1px solid #426185; border-right:1px solid #426185; border-bottom:0px solid #426185; }
.menu3header { display:block; padding: 1pt 0px 0px 16px; height:21px; background:white url('/inc/skins/bluevs/menu-bg2.png') no-repeat; background-position:top; }
.menu3headertext { padding: 3pt 0px 0px 0px; font-weight:bold; color:#e7eef4; font:12px arial, verdana, sans-serif; text-transform: capitalize; }
.menu3footer { height:16px; background:white url('/inc/skins/bluevs/menu-bg2-bottom.png') no-repeat; }
.menu3s a{ padding:1px 0px 1px 3px; display:block; font:11px verdana, sans-serif; color:#33547c; text-decoration:none; text-transform: capitalize; }
.menu3s a:hover{ color:black; text-decoration: none; }
.menu3s a.noblock{ display: inline; }
.menu3s a.newmsg{ color:#ff0000; }

#MoreContent { float: left; width:750px; padding: 0px 0px 0px 10px; }
#MoreContent p{ text-align:justify; padding-bottom:10px; padding-right:10px; }

#footer { text-align:center; width:983px; height:22px; margin-left:auto; margin-right:auto; background:#5e5e5c url('/inc/skins/bluevs/footer-bg.png') repeat-x; border-width: 0px 1px 0px 1px; border-color:#1c3954; border-style:solid; padding:9px 0px 0px 0px; }
#footer a{ color:white; text-decoration:none; }
#footer a:hover{ color:#a3bac9; text-decoration: none; }
#footerspan{ font-family:arial; font-size:12px; color: #e7eef4; }

/* Search Forms */
.search { display:inline; }
.searchbox { width: 145px; margin: 0px 3px 0px 0px; padding: 0px; }
.searchcategory { margin-right: 3px; margin-top: 0px; }
.searchsubmit img { height:20px; width:46px; margin: 0px 3px -5px 0px; padding: 0px; text-decoration:none; }

/* Lyrics Page */
.lyrics { display:block; width: 550px; margin-left: auto; margin-right: auto; }

/* News Articles */
.newsbox { width:740px; margin-bottom:30px; }
.newsheader { padding:0px 0px 0px 3px; color:#33547c; font-size: 13px; }
.newscontent { border-top:1px solid #D3D3D3; padding: 3px 3px 3px 3px; text-align:justify;  margin-top:2px; margin-bottom:5px; }
.newsfooter { float: right; margin-top:3px; }
.newspostedby { padding: 3px 3px 3px 3px; }
.floatimgleft { float:left; margin-top:1px; margin-right:8px; margin-bottom:8px; }
.floatimgright { float:right; margin-top:1px; margin-left:8px; margin-bottom:8px; }

/* Table Gradient */
.gradient { font-family:verdana, arial, sans-serif; font-size: 12px; text-align: left; border-collapse: collapse; table-layout: fixed; }
.gradient th { padding: 4px 0px 4px 0px; font-size: 13px; font-weight: normal; background: #34557c; color: #e7eef4; }
.gradient th.lefttop { background: #34557c url('/inc/skins/bluevs/lefttop.png') left -1px no-repeat; text-align: left; }
.gradient th.lefttopblend { background: #d1dee9 url('/inc/skins/bluevs/lefttopblend.png') left -1px no-repeat; text-align: left; }
.gradient th.center { text-align: center; }
.gradient th.right { text-align: right; }
.gradient th.righttopcenter { text-align: center; background: #34557c url('/inc/skins/bluevs/righttop.png') right -1px no-repeat; }
.gradient th.righttop { text-align: right; background: #34557c url('/inc/skins/bluevs/righttop.png') right -1px no-repeat; }
.gradient th.righttopblend { text-align: right; background: #d1dee9 url('/inc/skins/bluevs/righttopblend.png') right -1px no-repeat; }
.gradient td { padding: 4px 0px 4px 0px; color: #33547c; background: #d1dee9; font-size: 12px; color: #33547c; }
.gradient td.error a:hover { color: #a3bac9; }
.gradient td.hoverlink a:hover { color: #a3bac9; }
.gradient tr.main:hover td { background: #e7eef4 url('/inc/skins/bluevs/gradhover.png') repeat-x; color: #33547c; cursor:pointer; }
.gradient tr.mainnocursor:hover td { background: #e7eef4 url('/inc/skins/bluevs/gradhover.png') repeat-x; color: #33547c; }
.gradient td.leftbot { text-align: left; background: #d1dee9 url('/inc/skins/bluevs/leftbot.png') left bottom no-repeat; }
.gradient td.rightbot { text-align: right; background: #d1dee9 url('/inc/skins/bluevs/rightbot.png') right bottom no-repeat; }
.gradient th a, .gradient th a:visited { color: #e7eef4; }
.gradient th a:hover { color: #d1dee9; }
.gradient a { color: #33547c; }
.gradient a:visited { color: #33547c; }
.gradient a:hover { color: #33547c; }

/* [spoiler] tag */
.spoiler { background: #000; color: #000; }
.spoiler:hover { background: inherit; color: inherit; }

/* Text Alignments */
.left { text-align: left; }
.vtop { vertical-align:top; }
.vbot { vertical-align:bottom; }
.center { text-align: center; }
.right { text-align: right; }

/* Member Profiles */
.profileheader { font-weight:bold; font-size: 16px; font-family:verdana, arial, sans-serif; }
.tinynotes { font-size: 10px; color: #999; }

/* Page Links for PaginateIt */
.pagelinks { float: left; padding: 1px 0 1px 1px; font-family: arial; font-size: 12px; background-color: #d1d1e1; border: 1px solid #0b198c; }
.pagelinks a,
.pagelinks span,
.pagelinks a.paginateit_back,
.pagelinks a.paginateit_next { float: left; padding: 0 .4em 1px .4em; color: #0b198c; line-height: 1.6em; text-decoration: none; background-color: #f5f5ff; border-right: 1px solid #d1d1e1; }
.pagelinks a:hover { color: #a3bac9;}
.pagelinks span.paginateit_back,
.pagelinks span.paginateit_next { color: #999; border-right: 1px solid #ddd; }
.pagelinks .paginateit_current { color: #000; font-weight: bold; background-color: #e1e4f2; }
.pagelinks .page_summary { float: left; padding: 0 .4em 1px .4em; color: #fff; line-height: 1.6em; background-color: #33547c; border-right: 1px solid #d1d1e1; }

/* Control Panel Stuff */
#cpbar p { margin:0 10px; padding:0; }
#cpbar { background: transparent; margin-left:1em; margin-right:1em; }
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#d1dee9; border-left:1px solid #33547C; border-right:1px solid #33547C;}
.xb1 {margin:0 5px; background:#33547C;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:#d1dee9; border:0 solid #33547C; border-width:0 1px;}

/* ibox skin */
#ibox_wrapper { line-height:25px; border-color:#fff; }
#ibox_wrapper, #ibox_footer_wrapper a { background-color:#fff; }
#ibox_content { background-color:#fff; border:0; margin: 10px 10px 30px 10px; }
#ibox_footer_wrapper { line-height: 25px; bottom: 5px; top: auto; }
#ibox_footer_wrapper a { text-indent: -100000px; border:0; background: #fff url('/inc/js/ibox/images/closelabel.gif') center center no-repeat; width: 66px; padding: 0; height: 22px; line-height: 22px; }
#ibox_footer_wrapper a:hover { background-color:#fff; }
#ibox_loading { text-indent: -100000px; width: 200px; height: 200px; background: #fff url('/inc/js/ibox/images/loading.gif') center center no-repeat; }

