/******
DEFAULTS -- recache --

Do not modify these defaults except to specify proper fonts
******/

* {
    margin: 0;
    padding: 0;
}

html, body, form, fieldset, div, table, tr, td, img {
    border: none;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, 
ul, ol, li, dl, dd, address, hr {
    margin: 1em 0;
    border: none;
}

li, dd, blockquote {
    margin-left: 2em;
}

/* fonts */

body {
	/*font: 12px georgia,"times new roman",times,serif;*/
	font: 12px arial,helvetica,sans-serif;
}

input, select, textarea {
	font: 11px arial,helvetica,sans-serif;
	color: #444;
}



/******
These declarations are used for technorati-style rounded-corner boxes and dividers.
Fixes for IE6 are in /assets/ie6.css.
******/

.boxc {
    position: relative;
}
.boxc b.cn {
    height: 10px;
    width: 10px;
    position: absolute;
    background-image: url(http://livableworld.org/images/roundwhite.png);
}
.boxc b.tl {
    top: -1px;
    left: -1px;
    background-position: left top;
}
.boxc b.tr {
    top: -1px;
    right: -1px;
    background-position: right top;
}
.boxc b.bl {
    bottom: -1px;
    left: -1px;
    background-position: left bottom;
}
.boxc b.br {
    bottom: -1px;
    right: -1px;
    background-position: right bottom;
}

/* specific looks for different classes of round boxes */

.round_std {
    padding: 1px 20px;
    background: #ccc;
}

h2.round {
    padding: 4px 10px;
	color: #fff;
    background: #1a3250;
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase;
}
#sidebar h2.round b.tr,
#sidebar h2.round b.br {
    display: none;
}

/******
FORM BASICS

These styles are used extensively on many forms and often on stub forms
in category.tmpl. Do not delete, but you can modify for look and feel. Most
other form-specific styles are in forms.css.
******/

form div.formrow {
	margin: 6px 0;
}
form label {
	display: block;
	font-weight: bold;
}
form label.inline {
	display: inline;
	font-weight: bold;
}
form input.submit {
	margin: 1em 0;
	font-weight: bold;
	overflow: visible; /* removes extra space beside text in IE Win 5.5+ */
	padding: 0 2px;
	font-size: 14px;
	font-family: georgia,"new times roman",times,serif;
}
form input.submit.inline {
	margin: 0;
}
form span.req {
	font-weight: bold;
	color: red;
}
form input {
	vertical-align: middle;
}


/******
TEXT BASICS

These declarations can be freely modified to suit the design and
color scheme. Other common text elements should be added here.
******/ 

h1, h2, h3 {
	color: #000;
}
h1 {
	margin-top: 0;
	font-size: 20px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 14px;
}
a {
	color: #661e16;
	outline: none;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #b61800;
	text-decoration: underline;
}
hr {
	border: none;
	color: #000;
	background: #000;
	height: 1px;
}

/******
HACKS

These hacks are used extensively in the reference template set and other sets built from it.
Do not delete. Some IE-specific declarations are in conditional comments in category.tmpl
******/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

.ir {
	margin: 0;
	padding: 0;
	text-indent: -8888px; /* Phark image replacement */
}

/******
SITE STRUCTURE

These styles are used to support the layout of category.tmpl. By default,
the styles to support the reference site are provided. Modify as needed.
******/

body {
    padding: 0 0 13px 0;
    background: #0e1b2a url(/images/admin/bg_body.gif) repeat-x;
}

#container {
    width: 908px;
    margin: 0 auto;
}

/* header */


#header {
    margin: 0 auto;
    height: 202px;
    width: 908px;
    background: url(/images/admin/blog-head-50.jpg) no-repeat;
}
#header h2 {
    margin: 0;
    width: 908px;
    height: 156px;
    float: left;
}

#header a {
	display: inline;
	height: auto;
	width: auto;
}

#header a.headerlink {
    width: 908px;
    height: 113px;
    display: block;
}

#header a.backlink {
	display: block;
	width: 325px;
	float: right;
	text-align: right;
	padding-top: 30px;
	font-weight: normal;
	text-decoration: underline;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
        padding-right: 8px;
	
}


/* signup */

#signup_box {
    float: left;
    margin: 72px 0 0 85px;
}
#signup_box_email {
    padding: 3px 4px;
    width: 125px;
    border: 1px solid #8b8b8b;
}
#signup_box_zip {
    padding: 3px 4px;
    width: 60px;
    border: 1px solid #8b8b8b;
}

/* top nav */

#topnav {
    width: 908px;
    margin: 0 auto;
    position: relative; /* these two fix menu hiding behind absolutely-positioned div in IE6 */
    z-index: 10;
}
#topnav {
    min-height: 20px;
    background: #811100 url(http://livableworld.org/images/bg_topnav.jpg) no-repeat;
}
#topnav ul {
    margin: 0 10px;
    list-style: none;
}
#topnav li:hover ul, #topnav li.over ul {
    left: 0;
    z-index: 32767;
}
#topnav li {
    margin: 0;
    float: left;
    position: relative;
}
#topnav li a,
#topnav li strong {
    padding: 0 5px;
    min-height: 43px;
    display: block;
    font: 13px/43px Georgia,"Times New Roman",Times,Serif;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border-right: 1px solid #d74800;
    white-space: nowrap;
    overflow: hidden;
}
#topnav li.last a,
#topnav li.last strong {
    border-right: none;
}
#topnav li:hover, #topnav li.over, #topnav li.selected  {
    background: #520000;
}
#topnav a:hover {
    text-decoration: none;
}
#tnav1 {
    width: 160px;
}
#tnav2 {
    width: 232px;
}
#tnav3 {
    width: 158px;
}
#tnav4 {
    width: 178px;
}
#tnav5 {
    width: 160px;
}

#tnav_text {
	width: 645px;
	padding-left:  17px;
	color: #fff; 
	font-weight: bold; 
	padding-top: 4px; 
	font-family: georgia,"times new roman",times,serif; 
	line-height: 16px;
    border-right: 1px solid #d74800;
	height: 43px;
}

#tnav_about {
	width: 200px;
}

#tnav_about a {
	font-size: 16px;
}

/* middle */

#middle {
    margin: 0 auto;
    width: 908px;
    background: #faf7f2;
}

#content {
    width: 608px;
    padding: 10px 14px 10px 20px;
    float: left;
}

#sidebar {
    width: 265px;
    padding: 10px 0;
    float: left;
}
#sidebar .divider {
    margin: 0;
}

/* sidebar boxes */

.sidebarbox {
    margin: 0 10px;
}
.sidebarbox .readmore {
    margin-top: .5em;
}

/* search */

#search_box {
    padding-top: 6px;
    width: 250px;
    float: right;
}
#search_box_keywords {
    padding: 3px 4px;
    width: 140px;
    border: 1px solid #8b8b8b;
}

/* blog stuff */

#blog h1 {
font-size:24px;
font-style:italic;
font-weight:bold;
margin:0;
}
#blog .even {
background:#faf7f2 none repeat scroll 0 0;
padding: 0 5px;
}
#blog .odd {
background:#e2e1e0 none repeat scroll 0 0;
padding: 5px;
}

/* sidebar blog nav */
ul#blognav {
    margin: 0;
    list-style: none;
	font-size: 12px;
	font-color: #fff;
	line-height: 2em;
}
ul#blognav li {
    margin: 0;
    width: 265px;
    height: 25px;
}
ul#blognav li a {
    width: 255px;
    display: block;
	color:#fff;
	padding-left: 10px;
	border-bottom: 1px solid #b50000;
    height: 25px;
	background: #6e0000 url(/images/admin/chainreaction_sidebar_img.gif) repeat-x;
	font-weight: normal;
}

#blogsidebar {
    width: 265px;
    padding: 10px 0;
    float: left;
}
#blogsidebar h2, h3 {
    margin:10px 0;
}

#blogsidebar h2 {
	font-size: 18px;
}

#blogsidebar h3 {
	font-size: 12px;
	text-transform: uppercase;
}

#blogsidebar .last	{
	border-bottom:medium none;
}
#blogside h2	{
	background:#770000 none repeat scroll 0 0;
	color: #FFFFFF;
	font-size:18px;
	font-weight:normal;
	padding:4px 10px;
	margin: 10px 0 0 0;
}
#blogside ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
}
#blogside li	{
	background:#940000 none repeat scroll 0 0;
	padding:4px 10px;
	margin: 0;
	border-bottom: 1px dotted #fff;
}
#blogside a {
	color: #fff;
}
#blogside .last	{
	border-bottom: medium none;
}
#blogfeature h2	{
	background:#770000 none repeat scroll 0 0;
	color: #FFFFFF;
	font-size:18px;
	font-weight:normal;
	padding:4px 10px;
	margin: 10px 0 0 0;
}

#blogfeature p {
	background:#e8e7e7 none repeat scroll 0 0;
	padding: 5px;

	margin: 0;
	border-bottom: 1px dotted #000000;
}

/* blogsearch */
#sidebarbox	{
	margin:10px;
}

#blogsearch_box {
    padding: 10px;
    background: #600;
    color: #fff;
	margin-top: 10px;
}
#blogsearch_box_keywords {
    width: 130px;
    padding: 3px 10px;
    margin-right: 10px;
    border: 1px solid #8b8b8b;
}
#linkside h2	{
	background:#770000 none repeat scroll 0 0;
	color: #FFFFFF;
	font-size:18px;
	font-weight:normal;
	padding:4px 10px;
	margin: 10px 0 0 0;
}
#linkside ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
}

#linkside li	{
	background:#e8e7e7 none repeat scroll 0 0;
	padding:4px 10px;
	margin: 0;
}


/* story stuff */
.story h4 {
	font-size: 19px;
	margin-top: 6px;
}

.story h4 span {
	font-size: 12px; 
	text-transform: uppercase;
	font-weight: normal;
}

#recent_news_head {
	margin-bottom: 6px;
}

a.edit_link {
	color: #e8e7e7;
	font-size: 10px;
}

#fp_promo a.edit_link {
	color: #661e16;
	float: right;
}

#bottomnav {
	background-image: url(http://livableworld.org/images/bg_topnav.jpg);
}