/* ---------------------------------------------
   ------------ NEW CSS DEFINITIONS ------------
   --------------------------------------------- */

/* The large image at the bottom of the header that says "Put some Vuel in your forum" */
div#slogan {
background: #245B87 url(images/custom/vuel/misc/header.gif) no-repeat top left;
border-top: 1px solid #FFFFFF;
padding: 35px 35px 0px 0px;
height: 65px;
}
div#slogan a {
background: #245B87 url(images/custom/vuel/buttons/sign_up.gif) no-repeat top left;
float: left;
margin-left: 750px;
width: 178px;
height: 41px;
text-indent: -5000px;
}

.floatright {
float: right;
}


div#wrapper {
border-image: url(images/custom/vuel/misc/border_left.gif);
background: #FFFFFF url(images/custom/vuel/misc/border_left.gif) no-repeat top left;
width: 100%;
margin: 0px auto;
}
div#wrapper-inside {
background: url(images/custom/vuel/misc/border_right.gif) no-repeat top right;

}

/*
div#wrapper {
border-left:1px solid #87B1D5;
border-right:1px solid #87B1D5;
}
div#wrapper-inside {
border-left:2px solid #DFEAF4;
border-right:2px solid #DFEAF4;
}

*/


/* ---------------------------------------------
   ------- OVERRIDDEN CSS DEFINITIONS ----------
   --------------------------------------------- */


/* =============== forumbits.css =============== */
.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
	min-height: 0px; /* Override the min-height defined in the original CSS definition */
	height: 71px; /* Set a new, fixed, height for all forum rows */
}

.forumbit_nopost .forumhead .forumtitle, .forumbit_nopost .forumhead span, .forumbit_nopost .forumhead .collapse, .forumbit_post .forumhead h2 span {
	padding-top: 8px;
}

.forumbit_nopost .forumhead h2, .forumbit_post .forumhead h2 {
	height: 35px;
}

.forumbit_nopost .forumhead a.collapse img {
	top: -8px;
	width:25px;
	height:11px;
	background:transparent url(images/custom/vuel/buttons/collapse_40b_collapsed.png) no-repeat;
}

.forumbit_post .foruminfo, .forumbit_post .forumlastpost, .forumbit_post .forumactionlinks, .forumbit_post .forumstats, .forumbit_post .forumstats_2{
	padding: 0px;
}

.forumbit_post .foruminfo {
	width: 55%;
	min-width: 45%;
}

.forumbit_post .foruminfo .forumicon{
	left: 0px;
	border: 1px solid #D8D8D8;
}

.forumbit_post .foruminfo .forumdata .datacontainer {
	width: 75%;
	padding-top: 2px;
	padding-left: 100px;
}

.forumactionlinks .rsslink {
	background-image: none;
}

.forumactionlinks .subslink {
	background-image: none;
}
.forumactionlinks .unsubslink {
	background-image: none;
}

.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
	width: 15%;
	min-width: 15%;
}

.forumbit_post .forumstats .rsslink {
	background-image:url(images/custom/vuel/misc/rss_40b.png);
}

.forumbit_post .forumstats .subslink {
	background-image:url(images/custom/vuel/misc/subscribed_40b.png);
}

.forumbit_post .forumstats .unsubslink {
	background-image:url(images/custom/vuel/misc/unsubscribed_40b.png);
}

.forumbit_post .forumlastpost .lastpostdate {
	font-weight: bold; 
	color: #da6200;
	text-align: right;
}



/* =============== forumhome.css =============== */

#sidebar_container .blockbody {
	margin-top: 15px; /* Moves the white inner box containing sidebar data down */
}

div.smallavatartext {
	color: #1D496C;
}

.wgo_block div.floatcontainer {
	border: 1px solid #C4C4C4;
}

.wgo_block h2 {
	height: 35px; /* Make the WGO header bar a bit taller */
	border: none;
}

.wgo_block h2 span {
	padding: 10px; /* Center "What's Going On" in the blue bar */
}


/* New header for each WGO subblock */
.wgo_subblock_header h3 {
	padding-left: 10px;
	font:   bold 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
	color: #3e3e3e;
	padding-bottom: 5px;
	border: 1px solid #C4C4C4;
}

.wgo_block .wgo_subblock {
	background: #E9E9E9 url(images/custom/vuel/gradients/grey-up.png) repeat-x scroll left top; /* Gradient background behind the WGO subblock rows */
	min-height: 55px; /* Make room for the WGO images to the left of each subblock */
}

.wgo_subblock img {
	left: 8px; /* Move the WGO images to the right a little bit */
	position:absolute;
}

.wgo_subblock div, .wgo_subblock ol {
	margin-left: 55px; /* Bump the WGO data/text to the right to make room for the new/larger images */
}

#wgo_onlineusers_list { 
	margin-left: 0px; /* Keep the list of user's online pushed to the left. Without this, the 55px margin that is above will be applied */
}

#wgo_legend div {
	margin-left: 0px; /* Remove the space to the left of the first icon */
	padding-left: 10px;
	display:inline-block; /* Displays icons in columns */
}

#wgo_legend div img {
	position:static; /* Overwrite position: absolute */
	border: 1px solid #C4C4C4;
}





/* ============== memberlist.css =============== */
/* This is the blue bar at the top of memberlist. We're reusing StyleVars used for blockheads */
#searchstats {
	font:   bold 12px Tahoma, Calibri, Verdana, Geneva, sans-serif;
	color: #ffffff; 
	background: #1D496C url(images/custom/vuel/gradients/gradient_forumhead.gif) repeat-x  ;
	_background-image: none;
}



/* =============== postbit.css =============== */
.postbitlegacy, .eventbit {
	margin-bottom: 0px; /* Removed margin-bottom so that there is no gap between posts */
}

/* This is the bar at the top of each post We're reusing StyleVars used for blockheads */
.postbitlegacy .posthead, .eventbit .eventhead {
	height: 30px;
	background: #1D496C url(images/custom/vuel/gradients/gradient_forumhead.gif) repeat-x  ; 
	_background-image: none;
	border-color:#245B87;
	border-style:solid;
	border-width:1px 0;
	line-height:normal;
}

.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
	padding-bottom: 2px; /* Reduce the space below post controls at bottom right of each post */
}

.postbitlegacy .postrow, .eventbit .eventrow {
	margin-top: 15px; /* Make way for the post controls (postbody_header) row! */
}

.postbitlegacy .userinfo .username_container {
	text-align:center; /* Center align username */
}

/* New definition: Spacing between Username, Title, Rank, Rep, and Avatar in posts */
.postbitlegacy .userinfo .username_container span {
	padding: 2px;  
}

.postbitlegacy .userinfo a.username, .eventbit .userinfo a.username {
	font-size:14pt; /* Increase the size of the Username in posts */
}

.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {
	text-align: center; /* Center avatars in posts */
}

/* New definition: Boxes around user stats in posts */
.postbitlegacy dl.userinfo_extra div, .postbitlegacy dl.user_rep div {
	text-align: left;
	background: #fafafa;
	padding: 4px;
	border: 1px solid #d8d8d8;
	margin: 5px 0px 0px 0px;
}

.postbitlegacy dl.userinfo_extra, .postbitlegacy dl.user_rep {
	margin: 0;
	width: 180px; 
}

.postbitlegacy .after_content {
	border-top: 1px solid #E1E1E1;
}

.postbitlegacy .after_content span {
margin: 5px;
}


/* =============== postlist.css =============== */
/* 
-- This is the text for the forum controls at the top of each thread
-- The bar behind the text is controlled in showthread.css
*/
#postlist_popups a, .postlist_popups a {
	color: #FFFFFF;
	font-weight: bold;
	vertical-align:middle;
}



/* =============== search.css =============== */
h2.searchlisthead {
	height: 35px; /* Make the blue bar at the top of search results taller */
}



/* ============= showthread.css ============== */
h2.searchlisthead {
	height: 35px; /* Make the blue bar at the top of search results taller */
}

/* 
-- This is the bar behind the controls/dropdown lists at the top of each thread
-- The color of the text is controlled in postlist.css
*/
.thread_controls {
	height: 30px;
	background: #1D496C url(images/custom/vuel/gradients/gradient_forumhead.gif) repeat-x  ;
	_background-image: none;
	border-color:#245B87;
	border-style:solid;
	border-width:1px 0;
	line-height:normal;
}


.thread_controls div:first-child {
	padding: 8px 0; /* Bump thread controls at the top of a thread down a little bit to compensate for the larger bar */
}




/* =============== usercp.css =============== */
#usercp_nav .blockhead {
        background: #1D496C url(images/custom/vuel/gradients/gradient_forumhead.gif) repeat-x  ;
	_background-image: none;
	height: 30px;
}


/* =============== vbulletin.css =============== */
.blockhead {
	height: 30px;
}

.popupmenu a.popupctrl {
	background-image:url(images/custom/vuel/misc/menu_open.gif);
}



/* =============== vbulletin-chrome.css =============== */
.above_body {
	margin-bottom: 0px; /* Remove the space in between the slogan and the forums */
}

.logo-image {
    height: 47px;
    margin: 0px;
    padding: 11px 0px 0px 40px;
}

.toplinks .nonotifications a.popupctrl {
    background: #16334B url(images/custom/vuel/misc/arrow.png) no-repeat right center;
    _background-image:url('images/custom/vuel/misc/arrow.gif'); /* Give the "Notifications" link a dark background */
}

.footer {
	border-bottom: 1px solid #d8d8d8;
}

.footer_copyright {
	text-align:left;
	margin-left: 20px;
	margin-top: 0px;
}

.footer_copyright div {
	float:right;
	text-align:right;
	margin-left: 20px;
	display:inline;	
}

.footer_copyright div a {
	color:#da6200;
}