/******************************************************************************
  style.css
  =============================================================================
  Version:		Vegetable Revolution 3.0
  Released:		1st June 2009
  Revision:		$Rev$
  Copyright:		James Aitken <http://www.loonypandora.com>
******************************************************************************/

/* Colors! - Change this for different color schemes */
/* ---------------------------------------------- */

.header_block { background-color: #6e9936; }

a, label { color: #4f7f2a;}
a:hover { color: #f75342; }
#main_nav a, #randomquote a { color: #ffffff; }
#main_nav a:hover, #randomquote a:hover { color: #dddddd; }
.fileUploadProgressBar { background-color: #6e9936; }


.alternate_row {
	margin-left: -15px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #eff3ef;
}

/* Default Styles for core elements */
/* ---------------------------------------------- */

body { background-color: #d8d8c8; color: #333333; }

h1, h3, h4 { color: #222222; }
h2 { color: #969696; }

a { text-decoration: none; font-weight: bold; }

#headercontainer   { background-image: url('../img/headerbg.png'); height: 100px; }
.main_roundtop     { background-image: url('../img/body_top_bg.png');     }
.main_roundbottom  { background-image: url('../img/body_bottom_bg.png');  }
.shout_roundtop    { background-image: url('../img/shout_top_bg.png');    }
.shout_roundbottom { background-image: url('../img/shout_bottom_bg.png'); }

#shout_content { background-color: #ffffff; }
#main_content  { background-color: #ffffff; }
#fixedfooter   { color: #ffffff; font-size: 10px; line-height: 35px; }
#fixedfooter p { padding-left: 15px; } 
#shout_content iframe { height: 580px; }
#shout_form button { height: 22px; line-height: 18px; margin-top: 8px; }

.bigbutton { height: 36px; padding: 0 12px 0 12px; margin-top: 16px; margin-left: auto; margin-right: auto; display: block; }

#main_nav sup {
	font-size: 10px;
	vertical-align: top;
	color: #ffffff;
	background-image: url('../img/trans_black.png');
	padding: 1px 7px 2px 7px;
	margin: 0 0 0 5px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}




/* Additional Elements Used Frequently */
/* ---------------------------------------------- */

.big_avatar     { max-width: 160px; max-height: 175px; } /* TODO: Make this max-width when we have bigger placeholders */
.avatar         { max-width: 100px; max-height: 100px; }
.small_avatar   { max-width: 50px; max-height: 50px; }
.usernamelink   { color: #696969; }

.tiny_avatar, .tiny_icon { max-width: 30px; max-height: 30px; }

.huge_icon { max-width: 95px; max-height: 100px; }

.header_block { font-size: 10px; line-height: 18px; height: 19px; font-weight: bold; font-family: Verdana, Helvetica, Arial, "Sans Serif"; color: #ffffff; margin-bottom: 8px; }

.new_link { font-size: 10px; color: #ff0000; font-weight: normal!important; }



.folderlist {
  padding-top: 32px;
	background-image: url('http://www.vegetablerevolution.com/template/vr_green/img/nipple.png');
  background-repeat: no-repeat;
  background-position: 15px 19px;
}

.folderlist li {
	margin-bottom: 2px;
	padding: 6px 0 5px 0;
	background-color:#f2f2ee;
}

.folderlist li.active {
	background-color:#6e9936;
}

.folderlist li.active a {
	color:#ffffff;
}

.folderlist li.last {
	border-bottom: 1px solid #f2f2ee;
}


/* Private Messages */
.pm_container { border-top: 1px dashed #dddddd; padding-bottom: 8px; padding-top: 8px; }
.pm_sent_main { padding-top: 8px; }


/* Shoutbox Formatting */
.shout { padding: 0 10px 0 10px; margin-bottom: 8px; font-size: 11px; }
.shout_archive_container     { margin-bottom: 10px; margin-top: 5px; }
.shout_archive_container h5  { margin-top: 3px; }
.shout_archive_container .status_led { padding-top: 2px; }


/* Stuff in the header on every page */
#vr_logo { height: 75px; padding: 20px 0 0 15px;}

#user_badge          { float: right; color: #ffffff; line-height: 15px; margin: 12px 0 8px 0; padding: 0 2px 0 0; min-width: 220px; }
#user_badge a        { color: #ffffff; margin-right: 10px; }


#nav_container { width: 675px;}

#main_nav   { float: right; margin-top: -3px; }
#main_nav a { font-size: 14px; font-weight: bold; margin-right: 10px; color: #ffffff; }

#randomquote { width: 955px; color: #ffffff; font-size: 10px; margin-top: 12px; padding: 0 0 0 5px; }

/* Stuff on the front portal page */
.news_header    { margin-bottom: 12px; }
.news_headline  { margin-bottom: 7px; }

.recentlist, .recentlist_img { margin-bottom: 24px; }

.recentlist a       { font-weight: bold; }
.recentlist li      { margin-bottom: 5px; }
.recentlist_img img { max-width: 60px; max-height: 60px; }
.recentlist_img li  { padding: 0 0 10px 10px; width: 60px; height: 70px; text-align: center;}

.contactlist img { max-width: 28px; max-height: 28px; }
.contactlist li  { padding: 0 0 12px 10px; }

.front_news img { max-width: 375px; }

.front_news { margin-bottom: 16px; }

/* Stuff used in Lists */
.last_updated  { line-height: 15px; margin-bottom: 0; }
.big_count     { line-height: 30px; font-size: 14px; font-weight: bold; font-family: Helvetica, Arial; margin: 0; }
.big_count_alt { font-size: 14px; font-weight: bold; font-family: Helvetica, Arial; }


/* Gallery Formatting */
.gallery_thread_container     { margin-bottom: 20px; margin-top: 5px; min-height: 100px; }
.gallery_thread_container h4  { line-height: 15px; margin-bottom: 13px; }
.gallery_thread_container p   { color: #666666; }

.gallery_board_container    { margin-bottom: 20px; margin-top: 5px; }
.gallery_board_container h3 { line-height: 14px; margin-top: 2px; margin-bottom: 5px; }
.gallery_board_container p  { color: #666666; }

.gallery_description { margin-top: 6px; margin-bottom: 18px; }

.sized_photo { max-width: 700px; margin-bottom: 16px; }
.photo_body { margin-top: 5px; }
.photo_comment_header { border-bottom: 1px dashed #dddddd; margin-top: 32px; margin-bottom: 0; }
.photo_container { margin-bottom: 20px; }
.gallery_url_container { margin-top: 16px; }




/* Stuff on the boardindex */
.board_container    { margin-bottom: 20px; margin-top: 5px; }
.board_container h3 { line-height: 14px; margin-bottom: 5px; }
.board_container p  { color: #666666; margin-top: 0; margin-bottom: 0; }


/* Stuff on the threadindex */
.thread_container     { margin-bottom: 10px; margin-top: 5px; }
.thread_container h4  { line-height: 15px; margin-bottom: 2px; }
.thread_container p   { color: #666666; margin-top: 0; margin-bottom: 0; }


/* Stuff on the message view */
.message_container { border-top: 1px dashed #dddddd; padding-bottom: 8px; padding-top: 8px; }
.message_meta p    { line-height: 17px; text-align: right; }
.message_main      { margin-top: 0; margin-bottom: 16px; line-height: 1.25em; min-height: 85px;  }
.message_main img  { max-width: 580px }
.message_avatar    { clear: both;  }
.reading_thread    { margin: 5px  0 12px 1px; }
.status_led        { vertical-align: top; margin-top: 3px; }

.user_text, .admin_info  { margin-top: 6px; }
.message_signature       { max-height: 150px; overflow-y: auto; overflow-x: hidden; margin-bottom: 8px; padding-top: 6px; border-top: 1px dashed #dddddd; color: #666666; }
.message_signature img   { max-height: 100px; max-width: 580px; }


blockquote {  border: 1px solid #cccccc; border-left: 5px solid #cccccc; background-color: #efefef; padding: 5px;}
blockquote blockquote { margin: 0; }
cite { font-weight: bold;  margin-bottom: 1px; display: block; font-size: 9px; letter-spacing: 0px; color: #666666;
background-image: url('http://www.vegetablerevolution.com/template/vr_green/img/openquote.png'); background-repeat: no-repeat;
}
.edited_message       { background-color: #ffffcc; padding: 5px; border-top: 1px dotted #cccccc; border-bottom: 1px dotted #cccccc; }
.edited_message_small { background-color: #ffffcc; padding: 5px; border-top: 1px dotted #cccccc; border-bottom: 1px dotted #cccccc; float: right;}

/* Private Messages */
.pm_message_main      { margin-top: 0; margin-bottom: 16px; line-height: 1.25em; min-height: 55px;  }



/* Stuff on the profile view */
.profile_stars    { padding-top: 2px; margin-bottom: 14px; }
.canvas_container { background-color: #d8d8c8; padding: 0; margin: -5px 0 5px 0; width: 700px; } 
.profile_canvas   { background-color: #ffffff; padding: 5px 12px 5px 12px; margin: 0 10px 0 10px; width: 656px; min-height: 100px; overflow: hidden; font-size: 12px; line-height: 1.5em; } 

.profile_canvas img { max-width: 660px; }
.canvas_roundtop    { background-image: url('http://www.vegetablerevolution.com/template/vr_green/img/canvas_header.png'); background-color: #ffffff; height: 32px; background-repeat: no-repeat; }
.canvas_roundbottom { background-image: url('http://www.vegetablerevolution.com/template/vr_green/img/canvas_footer.png'); background-color: #ffffff; height: 15px; background-repeat: no-repeat; }




/* Extra Smileys */
#extra_emoticons_select {
	width: 84px;
	margin-left: 3px;
	font-size: 10px;
	padding: 0;
}

#extra_emoticons_link {
	display: block;
	padding: 20px 0 20px 0;
}

#extra_emoticons_container {
	border: 1px solid #cccccc;
	width: 90px;
	margin-top: 40px;
}



/* Useful debugging tools */
/* ---------------------------------------------- */

.indent       { padding-left: 10px; padding-right: 10px; }
.text_indent  { text-indent: 10px; }
.small        { font-size: 10px; letter-spacing: 0px; color: #868686; }
.big          { font-size: 14px; letter-spacing: 0px; color: #868686; line-height: 1.5em;}
.faded        { font-size: 12px; letter-spacing: 0px; color: #868686; font-weight: bold; font-family: Helvetica, Arial; line-height: 19px;}
.outline      { outline: 1px solid red; }
.text_center  { text-align: center; }
.text_right   { text-align: right; }
.text_left    { text-align: left ; }



.lemony_zester      { color: #333333; }
.apologeticsquirrel { color: #ff00ff; }