/*
ProBlogger.Community Stylesheet
*/

body { 
background: #485558 url("../images/bg.gif") top center repeat-y; 
font: 62.5% "Helvetica Neue", Helvetica, Arial, Sans-Serif; 
color: #333;
text-align: center;
}

/* =========================================================
	Site Structure
============================================================ */

#frame { width: 980px; margin: 0 auto; }
#container { float: left; width: 960px; padding: 0 10px 10px 10px; background: #1b1d1e;}
#global_nav { float: left; width: 960px; padding: 5px 0; background: #1b1d1e; font-size: 1.2em; }
#global_nav ul.nav { float: left; margin-top: 5px; }
#global_nav ul li { float: left; margin-right: 1px; }
#global_nav div.search { float: right; margin: 0; padding: 0; }
input#s { width: 200px; border: 1px solid #ccc; padding: 5px; font: 12px Helvetica, Arial, Sans-Serif; margin: 0; }

#header { float: left; background: #fff; width: 940px; padding: 20px 10px 20px 10px; border-bottom: 1px solid #1b1d1e; margin-bottom:10px; }
#logo { float: left; width:567px; height: 50px; background: url("../images/logo.jpg") 0 0 no-repeat;}
#logo a { display: block; width:567px; height: 50px; }
#top_ad { float: right; border: 0px0; }
	
#content { float: left; background: #eeeddf; width: 960px; padding: 10px 0px; }


#top {
width:960px;
height: 250px;
}

#top2 {
width:930px;
height: auto;
background:#fff;
margin:5px 10px;
padding:5px;
}

#topleft {
background: url("../images/leftbg3.gif") 0 0 no-repeat;
width:285px;
height: 250px;
margin:0 5px;
padding:10px 5px;
float:left;
}

#topleft ul { margin-left:-6px; text-align:left;}
#topleft ul li { list-style-type:square; padding: 0; line-height: 1.5em; font-size: 1.4em; color: #c13a10; margin: 0; font-weight:bold;}


#topright {
width: 350px;
height:250px;
margin:0;
float:left;
}

#bottom {
background:#fff;
margin:5px 10px;
padding:5px;
}

#bottomleft {
background:transparent;
width: 650px;
height:190px;
margin:5px 10px;
padding:5px;
float:left;
}

#bottomright {
width: 250px; 
height:190px; 
margin-left: 8px; 
margin-bottom:8px; 
padding: 5px; 
background: url("../images/rightbg.gif") 0 0 no-repeat;
float:left;
}

#bottomright p {padding-top:80px; text-align:center;}



#footer { float: left; width: 960px; padding: 0px; border-top: 5px solid #1b1d1e; background: #1b1d1e; }
.footer_wide { width: 940px; float: left; margin: 10px 0; padding: 10px; background: #333; text-align:right; }
.footer_wide em { font-size: 1.3em; font-weight: bold; }
#footer h3 { font-size: 1.4em; font-weight: bold; color: #333; margin: 0 0 .5em 0; }
#footer h3 { color: #f1f1f1; font-weight: normal; border-bottom: 1px dotted #666; padding: 0 0 .2em 0; margin: 0 0 1em 0;  }
#footer p { color: #f1f1f1; }
#footer a { color: #ccc;text-decoration: none; }
#footer a:visited { color: #ccc;text-decoration: none; }
#footer a:hover { color: #56b9ff; text-decoration: none; }
.footer_wide a { color: #ccc; text-decoration: none; }
.footer_wide a:visited { color: #ccc; text-decoration: none; }
.footer_wide a:hover { color: #56b9ff; text-decoration: none; }

.alignleft { float: left; width: 280px; }
.alignright { float: right; width: 280px; text-align: right; }
		
/* =========================================================
	Global Styles
============================================================ */

/* TYPOGRAPHY 
---------------------------------------------------------------*/

h1 { font-size: 2.4em; font-weight: bold; line-height: 1.45em; letter-spacing: -1px; margin: 0 0 .3em 0; }
h2 { font-size: 1.4em; font-weight: bold; margin-bottom: .5em; }
h3 { font-size: 1.8em; font-weight: bold; color: #333; margin: 0; }
h4 { font-size: 1.2em; color: #999; padding: 0 0 .3em 0; margin: 0; font-weight: normal; }

p { margin: 0 0 1.5em 0; font-size: 1.4em; }
p.center { text-align: center; font-size: 1.2em; }
p.brief { font-size: 1.6em; color: #666; margin-bottom: 1.5em; }
em { font-style: italic; line-height: 1.4em; }

a, a:link { color: #346ba4; }
a:visited { color: #202936; }
a:hover { color: #56b9ff; }

#global_nav ul.nav a { color: #fff; padding: 5px 15px 10px 15px; text-decoration: none;  }
#global_nav ul.nav a:hover {  color: #c13a01; text-decoration: none; background: #fff; padding-bottom: 10px; }
#global_nav ul.nav a.active { background: #fff; color: #c13a01; font-weight: bold;  cursor: default; }
#global_nav ul.nav a.active:hover { padding-bottom: 10px; }