/* Luciola Light CSS by Nick Ramsay */

/* DEFAULTS */
* {
	margin: 0;
 }
body { 
	font-family: verdana,arial,helvetica,sans-serif;
	background: url("../images/bg.png") repeat-x scroll 0 0 transparent;
	margin: 0;
	padding: 0;
}
a { text-decoration: none; color: #5b9507; }
a:hover { color: #5b9507; }
h2, h3, h4 { margin-bottom: 12px; }
h1, h2, h3, h4 { font-weight: normal; }
ul { list-style: none; }
li { margin-left: 0; padding: 4px 0 4px 0; }
small { font-size: 0.8em; }
del { text-decoration: line-through; }
td { padding: 0.5em; }
form { padding: 1.0em; }

/* COMMON */

.clear { 
	clear: both; 
	margin: 0; 
	line-height: 0em; /* need line-height for IE */
	height: 0;
}

.rounded {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #eee;
	background-color: #fdfdfd;
	padding: 0.8em;
}


/* NAVIGATION */

#navigation { 
	padding: 0; 
	margin-bottom: 10px;
}

#navigation ul { 
	margin-bottom: 0; 
	margin-top: 14px; 
}

ul.nav { 
	float: right; /* menu items */
	text-align: right;
}

#nav_avatar { 
	float: right; 
	display: inline; 
	margin: 5px 0 0 10px;
	vertical-align: middle;
}

ul.nav li { 
	display: inline;
	padding: 18px 5px 7px; 
	font-size: 0.9em; 
	text-transform: uppercase; 
	letter-spacing: 2px;
}

ul.nav li a { color: #5b9507; }
ul.nav li a:hover { color: #fff; }
ul.nav li#navigation_active a { color: #fff; }

.nav_search { 
	float: right; 
}

.nav_search div.widget_body { 
	margin-bottom: 0;
	width: 300px;
}

/* HEADER */

#header { 
	padding: 0 10px 0 10px; 
}

#site_title h1 { 
	margin-bottom: 0; 
}

#site_title h1 a {
	float: left;
	font-size: 1.6em;
	color: #fff;
}


/* ANNOUNCEMENTS */

#announcement {
	background-color: #FAECA7;
	border: 0.1em solid #E5D68B;
	letter-spacing: 0.06em;
	padding: 0.4em;
	margin-bottom: 0.8em;
	text-align: center;
}

.message {
	margin: 1.0em auto 1.0em auto;
	width: 90%;
	padding: 0.8em;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}

.green    { background-color: #99FF66; }
.yellow   { background-color: #fbe760; }
.red      { background-color: #FF6A55; color: #ffffff; }
.bold_red { color: red; font-weight: bold; }


/* BREADCRUMBS */

#breadcrumbs {
	font-size: 0.9em;
	margin: 0.8em 0 1.0em 0;
}


/* CONTENT */

#columns_background {
	background-color: #fff;
	padding-bottom: 10px;
	margin: 0;
	padding: 0;
}

#content { 
	padding: 0px; 
}


/* PAGINATION */

#pagination {
	font-size: 0.9em;
	margin-top: 2.0em;
	margin-bottom: 1.0em;
	text-align: right;
}

#pagination a {
	color: #332B09;
	display: inline;
	padding: 0.3em 0.7em 0.3em 0.7em;
	border:solid 1px #ccc;
}

#pagination .pagi_current {
	color: #fff;
	background-color: #5b9507;
	font-weight: bold;
	padding: 0.3em 0.7em 0.3em 0.7em;
	border:solid 1px #333;
}

#pagination a:hover {
	border:solid 1px #D1C79B;
	text-decoration: none;
}

/* SIDEBAR */

.sidebar { 
	padding: 10px; 
}

#sidebar_submit {
	margin-top: 1.0em;
}

/* FOOTER */

#footer_background { 
	background-color: #262626;
	border-top: 1px solid #444;
}

#footer { 
	padding: 10px 0 10px 0; 
	color: #f4f4f4; 
}

#footer p {
	text-align: left;
	padding: 0 10px 0 10px;
	margin: 0;
	font-size: 0.9em;
}

#footer a { 
	color: #F80000; 
}

#hotaru p#credit { 
	float: right;
}

#hotaru p#credit span { 
	margin-right: 10px; 
}

#hotaru p img { 
	vertical-align: middle;
}

#footer p.debug { 
	font-size: 0.8em;
}

/* SITE CLOSED MESSAGE */

#site_closed { 
	background-color: #fff; 
	border-top: 2px solid #000; 
	border-bottom: 2px solid #000; 
	text-align: center; 
	margin-top: 4em; 
	font-size: 1.6em; 
	line-height: 1.8em; 
}

#site_closed_admin_link { 
	font-size: 8pt; 
	margin-top: 1.0em; 
}

/* MINOR PLUGIN CSS OVERRIDES */

/* this width issue is fixed in latest plugins, but are here if older plugins are in use: */
#users_edit_profile td { vertical-align: top; }

#submit_2 input#post_title, 
#submit_edit input#post_title, 
#submit_2 textarea, 
#submit_edit textarea, 
textarea#post_content, 
#users_edit_profile textarea,
#messaging_compose textarea#message_body { 
	width: 100%; 
}

/* who voted */
#who_voted_content { margin-bottom: 20px; }

/* tags */
.show_tags ul { margin-bottom: 0; }

/* post images */
.post_image_wrapper { float: right; padding: 0 0 0 8px; }

/* LAYOUT */
/*alex image resize hack*/

.show_post_content img{

   width: auto;
   height: auto;
   max-width: 540px;  
   max-height: auto;
  width: expression((document.body.clientWidth > 540)? "540px" : "auto"); max-width: 540px;
	}

.comment_content img{

   width: auto;
   height: auto;
   max-width: 540px;  
   max-height: auto;
  width: expression(this.width > 540 ? 540: true);
	}
.comment_main img{width: expression((document.body.clientWidth > 540)? "540px" : "auto"); max-width: 540px; }
/* END - alex image resize hack*/