/* =======================================================

	AUTHOR: 		Sumac UK
	DESCRIPTION:	Screen styles for Vent London
	DATE:			08/08/07
	LAST EDITED:	--/--/--

======================================================= */

/* ==========================================================
	GLOBALS
========================================================== */
body 
{
	font-family: Arial, Sans-Serif;
	text-align: center;
	line-height: 1.5em;	
	background-color: #000;
	color: #5e5e5e;
}
/* [ text sizing ]---------------------------------------- */
/* http://www.clagnut.com/blog/348/ ---------------------- */
html
{
	font-size: 100%; /* for IE */
}
body 
{
	font-size: 62.5%; /* for IE/Win */
}

input, select, table
{
	font-size: 100%;	
}
/* [ links ] ------------------------------------------ */
a:link, a:visited
{
	color: #CA0000;
}
a:hover
{
	text-decoration: none;
	cursor: pointer;
	color: #5e5e5e;
}
a.user:link, a.user:visited
{
	color: #2562ea;
}
a.user:hover
{
	color: #5e5e5e;	
}
/* [ headings ] ------------------------------------------ */
h1
{
	color: #5e5e5e;
	margin-bottom: 0.7em;
	font-weight: bold;
	font-size: 1.2em;
	border-bottom: 1px solid #dedede;
	padding-bottom: 0.25em;
}
h2
{
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 1.1em;
}
h3
{
	font-weight: bold;
}
/* [ other ] --------------------------------------------- */
.hide
{
	
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute; 	
}
.clear
{
	clear: both;	
}
a img
{
	border: 0;
}
hr
{
	display: none;	
}
p
{
	margin-bottom: 1em;	
}
em
{
	font-style: italic;	
}
strong
{
	font-weight: bold;	
}
legend
{
	display: none;	
}
label
{
	cursor: pointer;	
}
input, textarea, select
{
	color: #5e5e5e;	
	border-width: 1px;
	font-family: Arial, Sans-Serif;
	font-size: 1em;
}
/* ==========================================================
	VENT
========================================================== */
#vent
{
	width: 982px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1px;
	font-size: 1.1em;
	position: relative;
	margin-top: 10px;
	line-height: 1.3em;
}
#vent-wrap
{
	width: 792px;	
	background-color: #f7f7f7;
}
/* ==========================================================
	HEADER
========================================================== */
#header
{
	background: #f0f1f0 url(../images/header_bg.gif) no-repeat left top;
	padding-right: 8px;
	padding-left: 8px;
	z-index: 100;
}
#header p
{
	overflow: hidden;
	width: 100%;
	z-index: 100;
	position: relative;
	border-bottom: 1px solid #cfcece;
	padding-bottom: 4px;
	margin-bottom: 0;
}
#header p a
{
	background: #000 url(../images/user-link_bottom-right.gif) no-repeat right bottom;
	color: #FFF;
	text-decoration: none;
}
/* sign up */
#header a.sign-up
{
	color: #e3e3e3;	
}
#header a.sign-up span
{
	background: transparent url(../images/user-link_bottom-left.gif) no-repeat left bottom;
}
/* sign in */
#header a.sign-in
{
	color: #FFF;	
}
#header a.sign-in span
{
	background: transparent url(../images/user-link_bottom-left.gif) no-repeat left bottom;
}
/* venting */
#header a.my-account
{
	background: #d71102 url(../images/venting_bg.gif) no-repeat right bottom;	
	color: #FFF;
}
#header a.my-account span
{
	background: transparent url(../images/venting_span_bg.gif) no-repeat left bottom;
}
/* new-vent */
#header a.new-vent
{
	background: #000 url(../images/user-link_bottom-right.gif) no-repeat right bottom;	
	color: #FFF;
}
#header a.new-vent span
{
	background: transparent url(../images/user-link_bottom-left.gif) no-repeat left bottom;
}
/* sign-out current */
#header a.sign-out
{
	background-color: #959595;
	background-image: url(../images/sign-out_bottom-right.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#header a.sign-out span
{
	background: transparent url(../images/sign-out_bottom-left.gif) no-repeat left bottom;
}
/* sign-in sign-up */
#header span.sign-in, #header span.sign-up
{
	background-color: #c5c5c5;
	background-image: url(../images/user-link-current_bottom-right.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	color: #5a5a5a;
}
#header span.sign-in span, #header span.sign-up span
{
	background: transparent url(../images/user-link-current_bottom-left.gif) no-repeat left bottom;
}
#header .user-link
{
	float: right;
	margin-left: 6px;
	font-size: 0.9em;
	text-decoration: none;
}
#header .user-link span
{
	padding: 0.2em 1.2em 0.4em 1.2em;
	display: block;
}
#header h1 
{
	padding: 0px;
	padding-top: 0.6em;
	margin: 0px;
	margin-left: 600px;
	border: none;
}
body.error #header h1
{
	padding-top: 2.95em;	
}
/* ==========================================================
	MAIN-NAVIGATION
========================================================== */
#main-navigation 
{
	margin-top: -0.3em;
	width: 575px;
	overflow: auto;
	margin-left: 20px;
}
#main-navigation li
{
	float: left;	
	margin-right: 1px;
	margin-top: 1px;
}
#main-navigation a
{
	background:  url(../images/main-nav_a_bg.gif) no-repeat top right;
	float: left;
	text-decoration: none;
	color: #FFF;
	background-position: top right;
	background-repeat: no-repeat;
}
#main-navigation a span
{
	float: left;
	padding: 0.3em 0.8em;
	background-color: Transparent;
	background-position: top left;
	background-repeat: no-repeat;
}
/* states */
#main-navigation a:link, #main-navigation a:visited
{
	background-color: #9d9d9d;
	background-image: url(../images/main-nav_a_bg.gif);
}
#main-navigation a:hover,
#main-navigation a.current:link,
#main-navigation a.current:visited,
#main-navigation a.current:hover
{
	background-color: #d60101;
	background-image: url(../images/main-nav_a_hover_bg.gif);
}
#main-navigation a:link span, #main-navigation a:visited span
{
	background-image: url(../images/main-nav_a_span_bg.gif);		
}
#main-navigation a:hover span,
#main-navigation a.current:link span,
#main-navigation a.current:visited span,
#main-navigation a.current:hover span
{
	background-image: url(../images/main-nav_a_span_hover_bg.gif);		
}
/* ==========================================================
	BODY
========================================================== */
#body
{
	overflow: hidden;
	width: 100%;
	background: #FFF url(../images/body_bg.jpg) repeat-x left top;	
}
/* ==========================================================
	AD-ONE
========================================================== */
#ad-one
{
	clear: both;
	background: #FFF url(../images/ad-one_bg.gif) repeat-y left top;
	margin-left: 8px;
	margin-right: 8px;
}
#ad-one div.ad-content
{
	background: transparent url(../images/ad-one_top.gif) no-repeat top left;	
}
#ad-one div.ad-content div
{
	background: transparent url(../images/ad-one_bottom.gif) no-repeat bottom left;	
}
#ad-one img
{
	margin: 5px;	
}
/* ==========================================================
	AD-TWO
========================================================== */
#ad-two
{
	background: #FFF url(../images/ad-two_bg.gif) repeat-y left top;	
	position: absolute;
	top: 10px;
	right: 0;
	overflow: hidden;
	width: 190px;
}
#ad-two div.ad-content
{
	background: transparent url(../images/ad-two_top-corner.gif) no-repeat top right;
	float: left;
	width: 190px;
}
#ad-two div.ad-content div
{
	background: transparent url(../images/ad-two_bottom-corner.gif) no-repeat bottom right;
	float: left;
	width: 190px;
	padding: 5px 0;
}
#ad-two img
{
	float: left;
	margin: 0 5px;
}
/* ==========================================================
	SEARCH
========================================================== */
#search
{
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
}
#search fieldset
{
	padding-left: 497px;
}
#search div.input-text
{
	float: left;
	margin-right: 3px;
}
#search div.input-text input
{
	width: 240px;
	padding: 0.3em 5px;
	border: 1px solid #b0b0b0;	
	color: #757575;
}
#search input.image-button
{
	border: none;	
}
/* ==========================================================
	CONTENT
========================================================== */
#content
{
	margin-top: 1em;
	padding: 0;
	min-height: 560px;
}
#main
{
	float: left;
	width: 512px;
	margin-left: 270px;
	margin-bottom: 0.7em;
	display: inline;		
}
#extras
{
	float: left;
	width: 202px;
	margin-left: -752px;
	display: inline;	
}
/* ==========================================================
	BODY-TEXT
========================================================== */
#body-text
{
	margin-left: 47px;
	margin-right: 15px;
}
#body-text ul
{
	list-style-type: disc;
	margin-left: 15px;	
	margin-bottom: 1em;
}
#body-text ol
{
	list-style-type: decimal;
	margin-left: 22px;	
	margin-bottom: 1em;
}
#body-text ol ul
{
	list-style-type: none;
	margin-left: 0px;	
}
#body-text li
{
	margin-left: 0px;	
	margin-top: 1em;
}
#body-text ol.alpha
{
	list-style-type: lower-alpha;
}
#body-text ol.roman
{
	list-style-type: lower-roman;
}
/* ==========================================================
	SUB-NAVIGATION
========================================================== */
#content #sub-navigation
{
	list-style-type: none;
	margin: 0;	
}
#sub-navigation li
{
	border-bottom: 1px solid #d4d4d4;	
	float: left;
	width: 100%;
}
#sub-navigation a
{
	margin-top: 3px;
	text-decoration: none;
	float: left;
	background-position: left top;
	background-repeat: repeat-x;
}
#sub-navigation a span
{
	float: left;	
	background-position: left top;
	background-repeat: no-repeat
}
#sub-navigation a span span
{
	background-position: right top;	
	padding-left: 10px;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-right: 10px;
}
/* states */
#sub-navigation a:link, #sub-navigation a:visited
{
	color: #5e5e5e;
}
#sub-navigation a.current:link,
#sub-navigation a.current:visited
{
	color: #FFF;
	background-color: #BE0000;
	background-image: url(../images/sub-navigation_a_bg.gif);
}
#sub-navigation a.current:link span,
#sub-navigation a.current:visited span
{
	background-image: url(../images/sub-navigation_a_span_bg.gif)
}
#sub-navigation a.current:link span span,
#sub-navigation a.current:visited span span
{
	background-image: url(../images/sub-navigation_a_span_span_bg.gif)
}
#sub-navigation a:hover
{
	text-decoration: underline;
	color: #000;
}
/* ==========================================================
	MESSAGE-DETAIL
========================================================== */
#message-detail div.message-header
{
	padding-bottom: 0.5em;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 1em;
}
#message-detail div.message-header p
{
	float: right;	
}
#message-detail div.message-content
{
	width: 460px;	
}
#message-detail div.message-content p.author
{
	margin-top: 4em;	
}
/* ==========================================================
	MESSAGE-ITEM
========================================================== */
div.message-item
{
	border-bottom: 1px solid #dfdfdf;
	width: 100%;
	overflow: auto;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
div.message-item h2
{
	float: right;
	width: 370px;
	display: inline;
	margin-right: 75px;	
	margin-bottom: 0.1em;
	font-size: 1em;
}
div.message-item h2 a:link, div.message-item h2 a:visited
{
	color: #5e5e5e;	
}
div.message-item h2 a:hover
{
	color: #CA0000;
}
div.message-item p
{
	float: right;
	width: 370px;
	display: inline;
	margin-right: 75px;	
	color: #a9a7a7;
}
div.message-item img
{
	float: left;	
}
/* ==========================================================
	BLOG-ITEM
========================================================== */
div.blog-item
{
	border-bottom: 1px solid #dfdfdf;
	width: 100%;
	overflow: auto;
	padding-bottom: 0.1em;
	margin-bottom: 0.7em;
}
div.blog-item h2
{
	float: right;
	width: 370px;
	display: inline;
	margin-right: 83px;	
	margin-bottom: 0.1em;
	font-size: 1em;
	font-weight: normal;
}
div.blog-item h2 a:link, div.blog-item h2 a:visited
{
	color: #5e5e5e;	
}
div.blog-item h2 a:hover
{
	color: #CA0000;
}
div.blog-item p
{
	float: right;
	width: 370px;
	display: inline;
	margin-right: 83px;	
	color: #a9a7a7;
}
div.blog-item img
{
	float: left;	
}
/* ==========================================================
	QUICK-MESSAGE
========================================================== */
div.quick-message
{
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #FFF;
	margin-bottom: 1em;
	clear: both;
}
div.quick-message fieldset
{
	background: #95c3f9 url(../images/quick-message_div_bg.gif) no-repeat left bottom;
	width: 453px;
	overflow:auto;
}
div.quick-message div
{
	background: transparent url(../images/quick-message_bg.gif) no-repeat left top;
	padding: 1.3em 8px 0 8px;
}
div.quick-message label
{
	display: block;
	font-weight: bold;
	border-bottom: 1px solid #bad8fb;	
	margin-bottom: 0.8em;
}
div.quick-message textarea
{
	width: 435px;
	border-width: 1px;
	height: 100px;
}
div.quick-message p
{
	margin: 0.7em 0 0 0;
	border-top: 1px solid #bad8fb;
	border-bottom: 1px solid #bad8fb;	
	padding: 0.5em 0 0.8em 0;
}
div.quick-message div.button
{
	background: none;
	padding: 0.2em 0;
	border-bottom: 1px solid #bad8fb;
	text-align: right;
	float: right;
	width: 100%;
	margin-bottom: 0.6em;
}
div.quick-message div.button span
{
	margin-right: 5px;
	font-weight: bold;
	float: right;
	margin-top: 0.1em;
}
div.quick-message div.button input
{
	float: right;
	border: none;
}
/* ==========================================================
	BLOG-DETAIL
========================================================== */
#blog-detail h2.heading
{
	float: right;
	width: 305px;	
	margin-right: 55px;
	display: inline;
}
#blog-detail div.blog-content
{
	float: right;
	width: 305px;	
	margin-right: 55px;
	display: inline;
	margin-bottom: 4em;
}
#blog-detail div.blog-user
{	
	float: left;
	width: 136px;
	overflow: hidden;
	display: inline;	
}
#blog-detail div.blog-user img
{
	border-bottom: 1px solid #bbbbba;
}
#blog-detail div.blog-user a
{
	display: block;
	border-bottom: 1px solid #bbbbba;
	padding: 0.4em 12px 0.4em 0.1em;
	background: transparent url(../images/btn_arrow_white.gif) no-repeat right center;
}
#blog-detail div.blog-user a:link, #blog-detail div.blog-user a:visited
{
	color: #5e5e5e;
	text-decoration: none;	
}
#blog-detail div.blog-user a:hover
{
	color: #CA0000;
	text-decoration: underline;	
}
/* ==========================================================
	COMMENTS
========================================================== */
div.comments h2
{
	font-size: 1em;
}
div.comment
{
	width: 440px;	
	background-color: #f3f3f3;
	padding: 7px 7px 2px 7px;
}
div.odd
{
	background-color: transparent;
}
/* ==========================================================
	SIGN-IN
========================================================== */
#sign-in
{
	background: #FFF url(../images/sign-in_bg.gif) repeat-y left top;
	width: 774px;
	margin-left: 13px;
	margin-top: 12px;
}
#sign-in div.wrap
{
	background: transparent url(../images/sign-in-wrap_bg.gif) no-repeat left top;
}
#sign-in div.wrap div.wrap
{
	background: transparent url(../images/sign-in-wrap-wrap_bg.gif) no-repeat left bottom;
	padding: 2.3em 26px 2.3em 16px;
}
#sign-in fieldset
{
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #e6e6e6;
	overflow: auto;
	width: 100%;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
#sign-in fieldset div
{
	width: 335px;
	float: left;
	display: inline;
}
#sign-in fieldset div.input-text
{
	margin-right: 50px;	
}
#sign-in fieldset div label
{
	margin-right: 10px;
	text-transform: capitalize;
	float: left;
	margin-top: 0.4em;
}
#sign-in fieldset div input
{
	width: 230px;
	padding: 0.3em 5px;		
}
#sign-in input.image-button
{
	float: right;
	border: none;
}
#sign-in span.label
{
	float: right;
	margin-top: 0.2em;
	margin-right: 4px;
	font-weight: bold;
}
/* ==========================================================
	SIGN-UP
========================================================== */
#sign-up
{
	width: 342px;	
}
#sign-up a:link, #sign-up a:visited
{
	color: #669cd9;
}
#sign-up a:hover
{
	color: #5e5e5e;
}
#sign-up div.form-element
{
	border-bottom: 1px solid #dedede;
	padding-bottom: 0.8em;
	margin-bottom: 0.8em;
}
#sign-up div.input-text label, 
#sign-up div.input-password label,
#sign-up div.radio-list span.label,
#sign-up div.multiple-select span.label
{
	float: left;
	width: 120px;
	margin-top: 0.4em;
}
#sign-up div.input-text input,
#sign-up div.input-password input
{
	padding: 0.3em 5px;	
	width: 200px;
}
#sign-up div.radio-list ul
{
	padding-top: 0.3em;	
}
#sign-up div.radio-list li
{
	display: inline;
	margin-right: 30px;	
}
#sign-up div.radio-list input
{
	margin: 0 5px -0.3em 0;
}
#sign-up div.radio-list label
{
	margin: 0 0 5px 0;
}
body #sign-up div.checkbox
{
	width: 100%;
	overflow: auto;	
	margin-bottom: 0.2em;
}
#sign-up div.checkbox input
{
	float: left;
	margin-top: 0.2em;
}
#sign-up div.checkbox label
{
	float: right;
	width: 280px;
	font-size: 0.9em;
	display: inline;
	margin-right: 10px;
}
#sign-up div.button
{
	border-bottom: 1px solid #dedede;
	float: left;
	width: 100%;
	clear: both;
	padding-bottom: 0.2em;
}
#sign-up div.button input
{
	float: right;
	margin-right: 3px;
	border: none;
}
#sign-up div.button span
{
	margin-right: 5px;
	font-weight: bold;
	float: right;
	margin-top: 0.1em;
}
/* ==========================================================
	ATTENTION
========================================================== */
div.attention
{
	margin-bottom: 1em;	
	color: #d60101;
}
div.attention p.heading
{
	font-weight: bold;	
	margin-bottom: 0;
}
/* ==========================================================
	ERROR
========================================================== */
#error
{
	background-color: #f9f9f9;	
	padding: 0 8px;
	margin-top: 100px;
}
#error p
{
	padding-left: 14px;
	padding-right: 14px;
}
#error p.message
{
	font-weight: bold;
	color: #000;
	font-size: 1.2em;
	border-top: 1px solid #e2e2e2;
	padding-top: 1.5em;
	margin-bottom: 0;
}
#error p.back
{
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 0;
	padding-bottom: 0.4em;
}
/* ==========================================================
	HOME
========================================================== */
#home
{
	background: transparent url(../images/home_bg.gif) no-repeat left top;
	margin-left: 10px;
	margin-right: 12px;	
	padding-top: 5px;
}
#home-top
{
	background: #FFF url(../images/home-top_bg.gif) no-repeat left bottom;
	width: 100%;
	overflow: auto;
	padding-bottom: 0.5em;
	margin-bottom: 0.7em;
}
/* ==========================================================
	VENT-OF-DAY
========================================================== */
#vent-of-day
{
	float: left;
	width: 259px;
	display: inline;
	margin-left: 10px;
	margin-top: 2px;
}
#vent-of-day h2
{
	border-bottom: 1px solid #e6e6e6;
	padding-left: 10px;
	margin-bottom: 3px;
	color: #868686;
	font-size: 1em;
}
#vent-of-day img
{
	margin-left: 10px;	
	margin-bottom: 3px;
}
#vent-of-day h3
{
	padding-top: 0.3em;
	border-top: 1px solid #e6e6e6;
	padding-left: 10px;
}
#vent-of-day p
{
	padding-left: 10px;
	margin-bottom: 0.3em;
}
#vent-of-day span.link
{
	display: block;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	text-align: right;
	font-weight: bold;
	width: 100%;
	overflow: auto;
}
#vent-of-day span.link span
{
	float: right;
	margin-top: 4px;
	color: #7e7e7e;
}
#vent-of-day a:link, #vent-of-day a:visited, #vent-of-day a:hover
{
	text-decoration: none;
}
#vent-of-day span.link img
{
	margin:3px 5px;
	padding:0;
	float: right;
}

/* 
#vent-of-day a span
{
	background: transparent url(../images/btn_arrow_white.gif) no-repeat right center;
	margin-right: 5px;
	padding-right: 25px;
	display: block;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
}
*/
/* ==========================================================
	LATEST-BLOGS
========================================================== */
#latest-blogs
{
	width: 480px;
	float: left;
	display: inline;
	margin-left: 20px;	
	margin-top: 2px;	
}
#latest-blogs h2
{
	border-bottom: 1px solid #e6e6e6;
	padding-left: 10px;
	margin-bottom: 3px;
	color: #868686;
	font-size: 1em;
	margin-right: 10px;
}
#latest-blogs h2 span
{
	font-weight: normal;
}
#latest-blogs div
{
	width: 210px;
	border-bottom: 1px solid #e6e6e6;	
	float: left;
	margin-right: 10px;
	display: inline;
	min-height: 6.4em;
}
#latest-blogs div.odd
{
	width: 250px;
}	
#latest-blogs div h3
{
	float: right;
	width: 140px;
	display: inline;	
	margin-top: 0.4em;
}
#latest-blogs div.odd h3
{
	width: 180px;
}
#latest-blogs a
{
	text-decoration: underline;
	font-weight: normal;
}
#latest-blogs a:link, #latest-blogs a:visited
{
	color: #7e7e7e;
}
#latest-blogs a:hover
{
	color: #CA0000;
}
#latest-blogs img
{
	margin-top: 0.5em;	
	margin-left: 10px;
}
/* ==========================================================
	HOME-QUICK-MESSAGE
========================================================== */
#home-quick-message
{
	width: 317px;
	float: left;
	display: inline;	
	color: #FFF;
	background: #95c3f9 url(../images/home-quick-message_bg.gif) no-repeat left bottom;	
	min-height: 280px;
}
#home-quick-message h2
{
	background: #6ca6ea url(../images/home-quick-message_h2_bg.gif) no-repeat left top;	
	color: #FFF;
	padding: 0.7em 12px;
	font-size: 1em;
	border-bottom: 1px solid #bad8fb;
	margin-bottom: 0.9em;
}
#home-quick-message h2 span
{
	font-weight: normal;	
}
#home-quick-message div.form-element
{
	padding-left: 12px;
	border-bottom: 1px solid #bad8fb;
	padding-bottom: 1em;
}
#home-quick-message textarea
{
	width: 283px;	
	height: 120px;
	padding: 0.3em 5px;
	color: #757575;
}
#home-quick-message p
{
	margin-bottom: 1.8em;
	margin-top: 0.3em;
	margin-left: 12px;
	margin-right: 12px;
}
#home-quick-message div.button
{
	background: none;
	padding: 0.25em 0;
	border-bottom: 1px solid #bad8fb;
	border-top: 1px solid #bad8fb;
	text-align: right;
	float: right;
	width: 100%;
	margin-bottom: 0em;
}
#home-quick-message div.button span
{
	margin-right: 5px;
	font-weight: bold;
	float: right;
	margin-top: 0.1em;
}
#home-quick-message div.button input
{
	float: right;
	margin-right: 10px;
	border: none;
}
/* ==========================================================
	HOME-STILL-BUBBLING
========================================================== */
#home-still-bubbling
{
	background: #10699f url(../images/home-still-bubbling_bg.gif) no-repeat left bottom;
	width: 175px;
	float: left;
	color: #FFF;
	min-height: 280px;
	display: inline;
	margin-left: 8px;
	margin-bottom: 5px;
}
#home-still-bubbling h2
{
	background: #0c409b url(../images/home-bubbling_h2_bg.gif) no-repeat left top;	
	border-bottom: 1px solid #639dc1;
	color: #FFF;
	padding: 0.7em 12px;
	font-size: 1em;
	margin-bottom: 0.9em;
}
#home-still-bubbling div.image
{
	width: 157px;
	height: 132px;
	border: 1px solid #FFF;
	overflow: hidden;
	margin-left: 8px;	
}
#home-still-bubbling p
{
	margin-left: 10px;
	margin-right: 20px;
	margin-top: 0.5em;	
	margin-bottom: 1.2em;
}
#home-still-bubbling span.link
{
	display: block;
	border-top: 1px solid #639dc1;
	border-bottom: 1px solid #639dc1;
	text-align: right;
	font-weight: bold;
	width: 100%;
	overflow: auto;
}
#home-still-bubbling span.link span
{
	float: right;
	margin-top: 4px;
	color: #fff;
}
#home-still-bubbling a:link, #home-still-bubbling a:visited, #home-still-bubbling a:hover
{
	text-decoration: none;
}
#home-still-bubbling span.link img
{
	margin:3px 5px;
	padding:0;
	float: right;
}
/* ==========================================================
	HOME-ON-RADAR
========================================================== */	
#home-on-radar
{
	width: 262px;
	float: left;
	margin-left: 8px;
	display: inline;
	background: #a3a3a4 url(../images/home-on-radar_bg.gif) no-repeat left bottom;	
	min-height: 280px;
	color: #dfdfdf;
}
#home-on-radar h2
{
	background: #040406 url(../images/home-radar_h2_bg.gif) no-repeat left top;	
	border-bottom: 1px solid #c8c8c8;
	color: #dadbdb;
	padding: 0.7em 12px;
	font-size: 1em;
	margin-bottom: 0;
}
#home-on-radar div
{
	border-bottom: 1px solid #c8c8c8;
	float: left;
	width: 100%;
	margin-top: 0.8em;	
}
#home-on-radar h3
{
	float: right;
	width: 225px;
	/* width: 160px; */
	display: inline;
	margin-right: 25px;
}
#home-on-radar p
{
	float: right;
	width: 225px;
	/* width: 160px; */
	display: inline;
	margin-right: 25px;
	margin-bottom: 0.9em;
}
#home-on-radar a.image
{
	float: left;
	display: inline;
	margin-left: 7px;
}
#home-on-radar a:link, #home-on-radar a:visited
{
	color: #FFF;
}
#home-on-radar a:hover
{
	color: #FFF;
}
#home-on-radar a img
{
	border: 1px solid #FFF;
	float: left;
}
/* ==========================================================
	USER-DETAILS
========================================================== */
#user-details
{
	width: 340px;	
}
#user-details div.detail
{
	border-bottom: 1px solid #e6e6e6;	
	padding-bottom: 1.4em;
	margin-bottom: 0.8em;
}
#user-details div.detail span.label
{
	float: left;
	width: 100px;
}
#user-details div.detail span.block
{
	display: block;
	margin-left: 100px;	
}
#user-details div.edit
{
	text-align: right;
}
#user-details div.buttons
{
	border-bottom: 1px solid #dedede;
	clear: both;
	padding-bottom: 0.2em;
	padding-top: 0.2em;
	border-top: 1px solid #dedede;
	margin-top: 50px;
	width: 100%;
	float: left;
}
#user-details div.right input
{
	float: right;
	margin-right: 3px;
	border: none;
}
#user-details div.left input
{
	float: left;
	margin-left: 3px;
	border: none;
}
#user-details div.button span
{
	font-weight: bold;
	margin-top: 0.1em;
}
#user-details div.right span
{
	margin-right: 5px;
	float: right;
}
#user-details div.left span
{
	margin-left: 5px;
	float: left;
}
/* form elements */
#user-details div.form-element
{
	border-bottom: 1px solid #dedede;
	padding-bottom: 0.8em;
	margin-bottom: 0.8em;
}
#user-details div.input-text label, 
#user-details div.input-password label,
#user-details div.textarea label,
#user-details div.radio-list span.label,
#user-details div.image span.label,
#user-details div.image div.input-file label,
#user-details div.multiple-select span.label
{
	float: left;
	width: 120px;
	margin-top: 0.4em;
}
#user-details div.input-text input,
#user-details div.input-password input
{
	padding: 0.3em 5px;	
	width: 200px;
}
#user-details div.textarea textarea
{
	width: 200px;
	height: 100px;	
	padding: 0.3em 5px;	
}
#user-details div.radio-list ul
{
	padding-top: 0.3em;	
}
#user-details div.radio-list li
{
	display: inline;
	margin-right: 30px;	
}
#user-details div.radio-list input
{
	margin: 0 5px -0.3em 0;
}
#user-details div.radio-list label
{
	margin: 0 0 5px 0;
}
#user-details div.image div.checkbox
{
	margin-top: 1em;
	margin-left: 120px;
}
#user-details div.image div.input-file
{
	margin-top: 1em;
}
/* ==========================================================
	EDIT-MESSAGE
========================================================== */
div.edit-message div.form-element
{
	border-bottom: 1px solid #dedede;
	padding-bottom: 0.8em;
	margin-bottom: 0.8em;
	width: 510px;
}
div.edit-message div.input-text label,
div.edit-message div.value span.label,
div.edit-message div.textarea label,
div.edit-message div.image span.label,
div.edit-message div.image div.input-file label
{
	float: left;
	width: 120px;
	margin-top: 0.4em;
}
div.edit-message div.input-text label,
div.edit-message div.textarea label
{
	margin-top: 0.3em;	
}
div.edit-message div.input-text input
{
	padding: 0.3em 5px;	
	width: 370px;
}
div.edit-message div.textarea textarea
{
	margin-top: 0.5em;
	padding: 0.3em 5px;	
	width: 370px;	
	height: 300px;
}
div.edit-message div.image div.checkbox
{
	margin-top: 1em;
	margin-left: 120px;
}
div.edit-message div.image div.input-file
{
	margin-top: 1em;
}
/* ==========================================================
	USER-HOME
========================================================== */
#user-home
{
	background: #FFF url(../images/home_bg.gif) no-repeat left top;
	width: 770px;
	margin-left: 13px;
	margin-top: 12px;
	overflow: auto;
	padding-bottom: 1em;
}
#user-home h1
{
	border-bottom: none;
	margin-left: 20px;
	margin-top: 1em;	
}
/* user-details-one */
#user-home-details
{
	margin-left: 20px;
	position: relative;
	margin-bottom: 1em;
	float: left;
	width: 740px;
	display: inline;
}
#user-home-details div.display-message
{
	border-top: 1px solid #e6e6e6;	
	border-bottom: 1px solid #e6e6e6;
	padding: 0.2em 0 0.4em 0;
	float: right;
	width: 595px;
	margin-bottom: 1.5em;
}
#user-home-details div.display-message p
{
	font-weight: bold;
	margin-bottom: 0px;
}
#user-home-details a.edit-details
{
	position: absolute;
	bottom: 0;
	left: 145px;	
}
#user-home-details div.image
{
	width: 135px;
	overflow: hidden;	
}
/* user-details-two */
#user-home-blogs
{
	margin-left: 20px;
}
#user-home-blogs h2
{
	border-bottom: 1px solid #e6e6e6;	
	font-size: 1em;
	padding-bottom: 0.2em;
	margin-bottom: 0;
}
#user-home-blogs div.create-blog
{
	float: left;
	width: 595px;
	display: inline;
	margin-left: 144px;
}
#user-home-blogs div.blog-history
{
	float: left;
	width: 135px;
	display: inline;
	margin-left: -740px;
}
#user-home-blogs div.blog-history ul
{
	margin: 0.2em 0 0 0;
	padding: 0;
	list-style: none;	
}
/* blog quick message */
div.blog-quick-message
{
	width: 331px;
	background: #95c3f9 url(../images/blog-quick-message_bg.gif) no-repeat left bottom;	
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	margin-top: 0.5em;
}
div.blog-quick-message fieldset
{
	background: transparent url(../images/blog-quick-message_fieldset_bg.gif) no-repeat left top;	
}
div.blog-quick-message textarea
{
	margin-left: 10px;
	margin-top: 10px;
	width: 298px;
	height: 180px;
	padding: 0.2em 5px 0.3em 5px;
	color: #757575;
}
div.blog-quick-message div.buttons
{
	border-top: 1px solid #bad8fb;
	border-bottom: 1px solid #bad8fb;	
	margin-left: 10px;
	width: 310px;
	overflow: auto;
	margin-top: 0.5em;
	color: #FFF;
	font-weight: bold;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
div.blog-quick-message div.buttons div.button
{
	float: right;
	text-align: right;
	width: 14em;
}
div.blog-quick-message div.button input
{
	float: right;
	margin-right: 0px;
}
div.blog-quick-message div.button span
{
	margin-right: 5px;
	font-weight: bold;
	float: right;
	margin-top: 0.1em;
}
div.create-blog table
{
	border: none;
	width: 100%;
}
div.create-blog td
{
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
}
div.create-blog td.title
{
	width: 50%;	
}
div.create-blog td.action
{
	text-align: right;	
}
#user-home-blogs div.blog-history h2
{
	border-bottom: none;
	padding: 0;	
}
div.blog-history ul
{
	margin-top: 0.2em;	
}
div.blog-history li
{
	margin-bottom: 0.35em;	
}
div.blog-history a:link, div.blog-history a:visited
{
	color: #5e5e5e;
}
div.blog-history a:hover
{
	color: #6ab6f7;
	text-decoration: underline;
}
/* ==========================================================
	SEARCH-RESULTS
========================================================== */
#search-results
{
	margin-left: 40px;
	margin-right: 10px;
	position: relative;
}
#search-results h1
{
	margin-bottom: 0px;	
}
#search-results div.search-result
{
	
	padding: 1em 0;
	border-bottom: 1px solid #dedede;
	width: 100%;
}
#search-results div.search-result h2
{
	margin-bottom: 0;
	color: #7c7c7c;
	font-size: 1em;
	margin-left: 10px;
	margin-right: 10px;
}
#search-results div.search-result p
{
	margin-left: 10px;
	margin-right: 10px;
}
#search-results div.search-result a:link, #search-results div.search-result a:visited
{
	color: #b0b0b0;
}
#search-results div.search-result a:hover
{
	color: #5e5e5e;
}
#search-results p.no-results
{
	margin-top: 2em;
	border-bottom: 1px solid #dedede;
	padding-bottom: 0.5em;
	padding-left: 10px;
}
/* pages */
#search-results #top-pager
{
	position: absolute;
	top: 0;
	right: 0;
}
#search-results #top-pager div.pager
{
	margin-top: 0;
}
div.pager
{
	text-align: right;	
	font-weight: bold;
	margin-top: 0.4em;
}
div.pager div
{
	display: inline;	
}
div.pager span.current
{
	color: #fa5858;	
	text-decoration: underline;
	margin-left: 0.5em;	
}
div.pager a
{
	margin-left: 0.5em;	
}
div.pager a:link, div.pager a:visited
{
	color: #bfbfbf;	
	text-decoration: none;
}
div.pager a:hover
{
	color: #fa5858;	
	text-decoration: underline;
}
div.message-display
{
	margin-top: 1em;	
}
/* ==========================================================
	FOOTER
========================================================== */
#footer
{
	clear: both;
	background: #000 url(../images/footer_bg.gif) no-repeat left top;
	padding-top: 10px;
	padding-bottom: 7px;
	width: 792px;
	text-align: right;
	color: #a7a7a7;
}
#hygene-nav
{
	position: absolute;
	top: 0;
	left: 0;	
	font-size: 0.9em;
	margin-left: 8px;
	margin-top: 0.8em;
	width: 350px;
	text-transform: none;
	text-align: left;
	padding-bottom: 0.2em;
	z-index:200;
}
#hygene-nav li
{
	display: inline;	
	background: transparent url(../images/hygene-nav_li_bg.gif) no-repeat left center;
	margin-right: 10px;
	padding-left: 10px;
}
#hygene-nav li.first
{
	background: none;
	padding-left: 22px;	
}
#hygene-nav a
{
	color: #898989;
}
#hygene-nav a:link, #hygene-nav a:visited
{
	text-decoration: none;	
}
#hygene-nav a:hover
{
	text-decoration: underline;		
}
/* ==========================================================
	MESSAGE-DISPLAY
========================================================== */
div.message-display
{
	width: 500px;
	margin-bottom: 10px;
}
div.message-display p
{
	padding: 0 4px;
	margin: 0.5em 0 0 0;
}
div.message-display p.heading
{
	background: #BA0200 url(../images/message-display-head-bg.gif) no-repeat left top;
	padding: 0;
	margin: 0;
}
div.message-display p.heading span
{
	padding: 3px;
	display: block;
	background: transparent url(../images/message-display-head-span-bg.gif) no-repeat left bottom;
	color: #fff;
}
div.message-display ul
{
	margin-top: 0.5em;	
}
/* ==========================================================
	SITEMAP
========================================================== */
#body-text h2
{
	border-bottom: 1px solid #dedede;
	padding: 0 0 0 0;
}
#body-text ul.sitemap
{
	float: left;
	list-style-type: none;
	/*margin: 2px;*/
	margin: 0;
	width: 279px;
}
#body-text ul.sitemap li a
{
	text-decoration: none;
	margin: 0;
	padding: 0 0 0.2em 11px;
	display: block;
	border-bottom: 1px solid #dedede;
	font-weight: bold;
}
#body-text ul.sitemap ul
{
	list-style-type: none;
	margin: 0;
}
#body-text ul.sitemap ul li
{
	margin: 0.3em 0 0.3em 0;
	padding: 0;
}
#body-text ul.sitemap ul li a
{
	color: #b0b0b0;
	text-decoration: underline;
	border-bottom: none;
	font-weight: normal;
	display: inline;
}
#body-text ul.sitemap-right
{
	list-style-type: none;
	float: right;
	margin: 0 119px 0 0;
	width: 279px;
	display: inline;
}
#body-text ul.sitemap-right li
{
	display: inline;
}
#body-text ul.sitemap-right li a
{
	text-decoration: none;
	border-bottom: 1px solid #dedede;
	display: block;
	margin:  1em 0 1em 0;
	padding: 0 0 0.2em 11px;
	font-weight: bold;
}