/******
DEFAULTS

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;
}

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



/******
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(/images/admin/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,
h3.round,
.round_header h2,
.tag_side h2 {
    padding: 4px 10px;
	color: #fff;
    background: #5c8490;
	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: #397c90;
	/*color: #5c8490;*/
	outline: none;
	text-decoration: none;
	font-weight: normal;
}
a:hover {
	color: #5c8490;
	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-image: url("/images/admin/bg_body2.gif");
	background-repeat: repeat-x;
	background-color: #434343;
	background-position: top left;
}

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

/* header */


#header {
    margin: 0 auto;
    height: 115px;
    width: 908px;
    background: url(/images/admin/new_header.gif) no-repeat;
}
#header h2 {
    margin: 0;
    width: 450px;
    height: 115px;
    float: left;
}
#header a {
    width: 450px;
    height: 115px;
    display: block;
}

/* signup */

#signup_box {
    float: left;
    margin: 44px 0 0 91px;
}
#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_bdr {
	width: 908px;
	padding:0;
	height:13px;
	background: #476a76 url(/images/admin/top_bdr.gif) no-repeat;
}

/* middle */

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

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

#sidebar {
    width: 278px;
    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;
}
#bottom_bdr {
	width: 908px;
	padding:0;
	height:11px;
	background: #476a76 url(/images/admin/bottom_bdr.gif) no-repeat;
}

/* footer */

#footer {
    margin: 0 auto;
    padding: 10px 20px 10px;
    width: 868px;
    background: #353535;
    color: #fff;
    font-weight: bold;
}
#footer a {
    color: #6d97a5;
}
#address {
    float: left;
    margin: 5px 30px 0 0;
    line-height: 0.5em;
}
#address .p {
    margin: 0px;
}
#phone {
    float: left;
    margin: 5px 0 0 0;
    line-height: 0.5em;
}
#phone .p {
    margin: 0px;
}
#more_info {
    float: right;
    margin: 5px 0 0 0;
    line-height: 0.5em;
}
#more_info .p {
    margin: 0px;
}
/* Profile Info */
#profile li {
	background:#faf7f2 none repeat scroll 0 0;
	padding: 5px 0 0 35px;
	margin: 0;
	border-bottom: 1px dotted #000000;
	font-family:georgia,times,serif;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	font-size:16px;
}
#profile li.last {
	border-bottom:none;
}

/* blog stuff */

#blog h1 {
font-family:georgia,times,serif;
font-size:24px;
color: #5c8490;
font-weight:normal;
margin:5px 0 0;
border-bottom: 1px solid #000000;
}
#blog .even {
background:#faf7f2 none repeat scroll 0 0;
padding: 0 5px;
}
#blog .odd {
background:#dbe3e5 none repeat scroll 0 0;
padding: 5px;
}

/* icons */
.watch_icons {
	/*width:150px;*/
	float:right;
}
.watch_icons img {
	padding:0;
	margin: 11px 10px -5px 0;
}
.watch_icons a {
	padding:0;
	margin: 0 0;
	line-height:1.5em;
	color:#659408;
}
.matters_icons {
	width:150px;
	float:right;
}
.matters_icons img {
	padding:0;
	float: right;
	margin: -25px 107px 0 0;
}
.matters_icons a {
	padding:0;
	float: right;
	margin: -25px 0 0;
	line-height:1.5em;
	color:#0077c1;
}
.blog_icons {
	width:150px;
	float:right;
}
.blog_icons img {
	padding:0;
	float: right;
	margin: -25px 100px 0 0;
}
.blog_icons a {
	padding:0;
	float: right;
	margin: -25px 0 0;
	line-height:1.5em;
	color:#f6c80d;
}
.war_icons {
	width:150px;
	float:right;
}
.war_icons img {
	padding:0;
	float: right;
	margin: -25px 80px 0 0;
}
.war_icons a {
	padding:0;
	float: right;
	margin: -25px 0 0;
	line-height:1.5em;
	color:#df8841;
}

/* sidebar blog nav */
ul#blognav {
    margin: 0;
    list-style: none;
}
ul#blognav li {
    margin: 0;
    width: 278px;
}
ul#blognav li a {
    width: 278px;
    display: block;
	color:#fff;
}

#blog_watch {
    height: 67px;
}
#blog_watch a {
    height: 67px;
	background: #faf7f2 url(/images/admin/bg_blog_watch.jpg) no-repeat;
}
#blog_matters {
    height: 63px;
}
#blog_matters a {
    height: 63px;
	background: #faf7f2 url(/images/admin/bg_blog_matters.jpg) no-repeat;
}
#blog_war {
    height: 64px;
}
#blog_war a {
    height: 64px;
	background: #faf7f2 url(/images/admin/bg_blog_war.jpg) no-repeat;
}
#blog_blog {
    height: 67px;
}
#blog_blog a {
    height: 67px;
	background: #faf7f2 url(/images/admin/bg_blog_blog.jpg) no-repeat;
}
#blogsidebar {
    width: 278px;
    padding: 10px 0;
    float: left;
}
#blogsidebar h2, h3 {
    margin:10px 0;
}
#tag_side ul {
	font-family:georgia,times,serif;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
}
#tag_side li	{
	background:#faf7f2 none repeat scroll 0 0;
	line-height: 22px;
	margin: 0;
	font-size: 11px;
	display: block;
	float: left;
	padding-right: 8px; 
}

#tag_side li.tag-popularity-5 {
	font-size: 14px;
}

#tag_side li.tag-popularity-15 {
	font-size: 18px;
}

#tag_side li.tag-popularity-15 {
	font-size: 20px;
}


#tag_side a {
	color: #5C8490;
}


#analysis_side p {
	background:#faf7f2 none repeat scroll 0 0;
	padding: 5px;
	margin: 0;
}

#blogroll_side ul li {
	background:#faf7f2 none repeat scroll 0 0;
	padding: 5px 0 0 12px;
	margin: 0;
	border-bottom: 1px dotted #000000;
	font-family:georgia,times,serif;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	font-size:14px;
}

#blogroll_side .edit_link {
	color: #fff;
	font-size: 12px;
}

#profile li.last {
	border-bottom:none;
}

#captcha img {
  margin-bottom: 6px;
}

h2.aboutbg {
	background-color: #5c8490
}
h2.aboutbg a {
	color: #fff;
}

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

#blogsearch_box {
    padding: 10px;
    background: #5C8490;
    color: #fff;
	margin-top: 10px;
}
#blogsearch_box_keywords {
    width: 130px;
    padding: 3px 10px;
    margin-right: 10px;
    border: 1px solid #8b8b8b;
}

#blogsearch_box span {
  text-transform: uppercase;
  font-size: 14px;
}