@charset "utf-8";
/* CSS Document */
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #E7E7E7;
	list-style-type: none;
	}

#maincontainer {
	width: 980px;  
	background: #E7E7E7;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 2800px
	}

#header {
	top: 3px;
	background-color: #FFFFFF;
	width: 980px;
	height: 85px;
	position: absolute;
	margin: 0 auto;
	visibility: visible;
	}
#logo {
	position: relative;
	margin-left: 8px;
		}
.motto {
	font-size: 10px;
	color: #2e3192;
	letter-spacing: 3px;
	margin-left: 8px;
	}
.motto2 {
	font-size: 11px;
	color: #2e3192;
	letter-spacing: normal;
	padding-top: 5px;
	margin-bottom: 5px;
	margin-left: 8px;
	}
	
/*#.motto {
	position: absolute;
	left: 334px;
	width: 339px;
	top: 50px;
	height: 15px;
	color: #2e3192;
	font-size: 12px;
	}*/
#pageIDbox {
	position: absolute;
	left: 233px;
	width: 350px;
	top: 36px;
	height: 16px;
	visibility: visible;
	}
.pageID {
	color: #e31f37;
	font-size: 14px;
}
#date {
	position: absolute;
	left: 650px;
	width: 300px;
	top: 60px;
	height: 12px;
	color: #333;
	font-size: 12px;
	text-align: right;
	padding-right: 4px;
	}
#weather {
	position: absolute;
	left: 600px;
	top: 28px;
}
#aboutbuttons {
	position: absolute;
	left: 600px;
	width: 400px;
	top: 4px;
	height: 12px;
	font-color: red;
	font-size: 11px;
	text-align: right;
	padding-right: 3px;
	}
/* the following underlinemenu items define the horizontal menu bar*/
/*Navigation Menu Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#navbarborder{
	position: absolute;
	padding-top: 0px;
	background-color: #FFF;
	width: 980px;
	top: 79px;
	height: 20px;
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E7E7E7;
	border-right-color: #E7E7E7;
	border-bottom-color: #E7E7E7;
	border-left-color: #E7E7E7;
		}

#navbarbuttons{
	position: absolute;
	padding-top: 0px;
	background-color: #FFF;
	width: 934px;
	top: 3px;
	height: 15px;
	left: 8px;
		}
#explorebarborder{
	position: absolute;
	padding-top: 3px;
	padding-left: 18px;
	background-color: #FFF;
	width: 962px;
	top: 101px;
	height: 17px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #E7E7E7;
	border-right-color: #E7E7E7;
	border-bottom-color: #E7E7E7;
	border-left-color: #E7E7E7;
}
b.explorebartext {
	font-size: 11px;
	color: #7A7A7A;
}
b.explorebartext2 {
	font-size: 11px;
	}
#underlinemenu{
	margin: 0;
	padding: 0;
	background-color: #FFF;
	height: 9px;
}

#underlinemenu ul{
	margin: 0;
	padding-left: 0px;
	font-weight: bold;
	width: 972px;
	/* border: 0px solid #DFDFDF;
	border-width: 0px 0;
	*/
}
* html #underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#underlinemenu ul li{
	display: inline;
}

#underlinemenu ul li a{
	float: left;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	background: white;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#underlinemenu ul li a:hover{
	color: white;
	background-color: #808080;
	/*border-bottom: 2px solid blue;*/
	padding-bottom: 0;
	}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
	
A:link {text-decoration: none;
color: #004080}
A:visited {text-decoration: none}
A:hover {text-decoration: none;
color: #C00}
A:active {text-decoration: none}

#FullPageContainer {
	position:absolute;
	width: 980px;
	height: 2750px;
	overflow: hidden;
	top: 122px;
	background-color: #D6D6D6;
	margin: 0 auto;
	}

#ThreeBoxContainer1 {
	position:absolute;
	width: 980px;
	height: 616px;
	overflow: hidden;
	top: 125px;
	background-color: #E7E7E7;
	margin: 0 auto;
		}
#HorizontalDivider1 {
	position:absolute;
	width: 980px;
	height: 5px;
	overflow: hidden;
	top: 725px;
	background-color: #E7E7E7;
	margin: 0 auto;
	}
#ThreeBoxContainer2 {
	position:absolute;
	width: 980px;
	height: 618px;
	overflow: hidden;
	top: 764px;
	background-color: #E7E7E7;
	padding: 0px;
	margin: 0 auto;
	}
#HorizontalDivider2 {
	position:absolute;
	width: 980px;
	height: 20px;
	overflow: hidden;
	top: 1384px;
	background-color: #E7E7E7;
	padding: 0px;
	margin: 0 auto;
	}
#ThreeBoxContainer3 {
	position:absolute;
	width: 980px;
	height: 613px;
	overflow: hidden;
	top: 1410px;
	background-color: #E7E7E7;
	margin: 0 auto;
	}
#ThreeBoxContainer4 {
	position:absolute;
	width: 980px;
	height: 613px;
	overflow: hidden;
	top: 2045px;
	background-color: #E7E7E7;
	margin: 0 auto;
	}

#apDiv1 {
	position:absolute;
	width: 310px;
	height: 602px;
	z-index:2;
	overflow: hidden;
	top: auto;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 9px;
		}
#apDiv2 {
	position:absolute;
	width: 310px;
	height:602px;
	z-index:2;
	overflow: hidden;
	top: auto;
	background-color: #FFF;
	left: 328px;
	padding: 10px 5px 5px 9px;
}
#apDiv3 {
	position:absolute;
	width: 310px;
	height:602px;
	z-index:2;
	overflow: hidden;
	top: auto;
	left: 656px;
	padding: 10px 5px 5px 9px;
	background-color: #FFF;
}
#newsboxtitlecontainer {
	position: relative;
	background-image: url(../_newsbobber_images/newsboxtitleimage2.jpg);
	height: 20px;
	width: 295px;
	background-repeat: repeat-x;
	padding-top: 3px;
    padding-left: 3px;
	}
.newsboxtitle {
    float: left;
    width: 250px;
    height: 14px;
	font-size: 16px;
	color: #000080;
    }
.newsboxlink {
	position: absolute;
	top: auto;
	width: 298px;
	height: 12px;
	text-align: right;
	padding-right: 4px;
	bottom: 5px;
	}
.newsboxlinkstyle {
	font-size: 11px;
	}
#apDivDoubleWide {
	position:absolute;
	width: 651px;
	height: 612px;
	z-index:2;
	overflow: hidden;
	top: auto;
	padding-top: 5px;
	background-color: #FFFFFF;
	margin: 0 auto;
	/* border-color: blue;
	border-width: 2px;
	border-top-style: groove;
	border-left-style: groove; 
  	border-bottom-style: ridge; 
	border-right-style: ridge;
	*/
	}
	
	#apDiv1_Double_Wide {
	position:absolute;
	width: 600px;
	height: 602px;
	z-index:2;
	overflow: hidden;
	top: auto;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 9px;
		}
 	
#blogboxlabel {
	position: relative;
	width: 600px;
	height: 30px;
	z-index:2;
	overflow: hidden;
	top: auto;
	margin: 0 auto;
	text-align: center;
	}
.blogboxtitle {
	font-size: 14px;
	color: #e31f37;
}
.blogboxtitle2 {
	font-size: 18px;
	color: #e31f37;
}
#blogboxdiv1 {
	position:absolute;
	width: 310px;
	height: 566px;
	z-index:2;
	overflow: hidden;
	top: auto;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 9px;
		}
#blogboxdiv2 {
	position:absolute;
	width: 310px;
	height:566px;
	z-index:2;
	overflow: hidden;
	top: auto;
	background-color: #FFF;
	left: 328px;
	padding: 10px 5px 5px 9px;
}
#blogboxdivDoubleWide {
	position:absolute;
	width: 585px;
	height: 577px;
	z-index:2;
	overflow: hidden;
	top: auto;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 9px;
		}
 #apDivDoubleWideTall {
	position:absolute;
	width: 637px;
	height: 2525px;
	z-index:2;
	overflow: hidden;
	top: auto;
	padding-top: 11px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 9px;
	background-color: #FFFFFF;
	margin: 0 auto;
	visibility: visible;
}
#apDiv3Tall {
	position:absolute;
	width: 310px;
	height: 2742px;
	z-index:2;
	overflow: hidden;
	top: 1px;
	left: 656px;
	padding: 10px 5px 5px 9px;
	background-color: #FFF;
	visibility: visible;
}
#directory_promo_box {
	position: relative;
	top: auto;
	width: 290px;
	height: 145px;
	border: thin;
	border-color: #999;
	}
#top_blogs_box {
	position: relative;
	top: auto;
	width: 290px;
	height: 275px;
	}

/*#blogname and .blognamestyle style the blog title on each blog directory detail page*/
.blognamestyle {
	font-size: 18px;
	color: #000080;
}
/*img.rss_icon locates the RSS subscribe icon within each newsbox title bar*/
img.rss_icon {
    float: right;
    margin-right: 6px;
    margin-top: 2px;
    display: block;
    }
	
#header_centered {
	text-align: center;
	}
	
#item {
	padding: 0px 0px 7px 0px;
}

#item2 {
	padding: 0px 20px 0px 20px;
}
#item_left {
	float: left;
	display: block;
		}
#item_right {
	float: right;
	display: block;
	padding: 0px 30px 0px 0px; 
	}

.description { /* this is to style the description for items */
	font-size: 10px;
	margin-top: 1px;
	margin-bottom: 1px;
	letter-spacing: .1px;
	font-weight: lighter;
	}
.description_bold { /* this is to style the description for items */
	font-size: 10px;
	margin-top: 1px;
	margin-bottom: 1px;
	letter-spacing: .1px;
	font-weight: bold;
	}
.description2 { /* this is to style the description for items (larger font) */
	font-size: 11px;
	font-weight: normal;
	}
.description3 { /* this is to style the description for items (larger font) */
	font-size: 12px;
	font-weight: normal;
	}
.dateposted { /* this is to style the date posted text in each news box */
	font-size: 10px;
	color: #777;
	}

.dateposted3 { /* this is to style the date posted text in each news box (larger font)*/
	font-size: 12px;
	color: #777;
	}
.blogsource { /* this is to style the name of each blog in the main page blog box */
	font-size: 12px;
	color: #333;
	}

.bloghead { /*  */
	font-size: 14px;
	color: #777;
	}
b.subhead { /*  */
	font-size: 12px;
	color: #777;
	}

/* this is to style general explainer text, such as About page */
.explainertext {
	font-size: 14px;
	font-weight: normal;
	}
.explainertext2 { /* this is to style explainer text ... smaller than one above*/
	font-size: 11px;
	color: #777;
}
.explainertext3 {
	font-size: 18px;
	font-weight: normal;
}
.explainertext4 {
	font-size: 12px;
	font-weight: normal;
}
.explainertext5 { /* this is to style explainer text ... smaller than one above*/
	font-size: 11px;
	font-weight: normal;
}
.explainertext5_bold { /* this is to style explainer text ... smaller than one above*/
	font-size: 11px;
	font-weight: bold;
}

.explainertext_bold {
	font-size: 14px;
	font-weight: bold;
	}
	
.alignleft {
float: left;
}
.alignright {
float: right;
}

#footer {
	top: 2666px;
	background-color: #FFFFFF;
	width: 980px;
	height: 25px;
	position: absolute;
	margin: 0 auto;
	}
/* the following are for twitter experiment (the version from http://papermashup.com/using-the-twitter-api) */
.twitter_followers{
float:left;
margin-right:20px;
margin-bottom:0px;
}

.user{
background-color:#efefef;
margin-bottom:10px;
border-bottom:;
padding:10px;}

.name{
font-size:14px;
font-weight:700;
}

/* +++++++++++++ BLOG DIRECTORY +++++++++++++++++++++++++++++++++++ */
#maincontainerSuperTall {
	width: 980px;  
	background: #E7E7E7;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 40000px
	}
#ThreeBoxContainerTall {
	position: absolute;
	width: 980px;
	top: 125px;
	height: 2525px;
	overflow: hidden;
	background-color: #E7E7E7;
	margin: 0 auto;
	visibility: visible;
	}
#ThreeBoxContainerSuperTall {
	position: absolute;
	width: 980px;
	top: 125px;
	height: 40000px;
	overflow: hidden;
	background-color: #E7E7E7;
	margin: 0 auto;
	visibility: visible;
	}
#apDivDoubleWideTall_Scroll {
	position:absolute;
	width: 637px;
	height: 2525px;
	z-index:2;
	overflow: scroll;
	top: auto;
	padding-top: 11px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 9px;
	background-color: #FFFFFF;
	margin: 0 auto;
}
#apDivDoubleWideSuperTall {
	position:absolute;
	width: 637px;
	height: 40000px;
	z-index:2;
	overflow: hidden;
	top: auto;
	padding-top: 11px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 9px;
	background-color: #FFFFFF;
	margin: 0 auto;
	visibility: visible;
}

#directory_head {
	position: relative;
	width: 600px;
	height: auto;
	z-index:2;
	overflow: hidden;
	top: auto;
	margin: 0;
	padding: 0px 5px 0px 9px;
	}
#directory_boxdiv1 {
	position:absolute;
	width: 300px;
	height: auto;
	z-index:2;
	overflow: hidden;
	top: auto;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 9px;
		}
#directory_boxdiv2 {
	position:absolute;
	width: 300px;
	height: 2500px;
	z-index:2;
	overflow: auto;
	top: auto;
	background-color: #FFF;
	left: 328px;
	padding: 10px 5px 5px 9px;
	}
#blog_tab {
	width:290px;
	margin-bottom: 1em;
	height: 2200px;
	}
	
#directory_logo {
	float: left;
	width: 600px;
	padding-left: 160px;
	padding-bottom: 5px;
	display: block;
	}
.score_text {
	color: #e31f37;
	font-size: 14px;
}
.score_text2 {
	color: #e31f37;
	font-size: 12px;
}
.score_text_18 {
	color: #e31f37;
	font-size: 18px;
}
.score_text_small {
	color: #e31f37;
	font-size: 10px;
}
.score_text_small2 {
	color: #e31f37;
	font-size: 11px;
}
.stats {
	font-size: 11px;
	color: #333;
	letter-spacing: normal;
}
#results_list ul {
	list-style:none; 
	margin-left: 0;
	padding-left: 5px;
	text-indent: 0 px;
	}
	
/* groovybutton controls the large sidebar user buttons on the blog directory homepage */
input.groovybutton
{
   font-size:18px;
   width:290px;
   color: #000080;
   border-style:window-inset;
}

/* ============ WCCO Blogs Module Mock =========================================*/

.blog_title { 
	font-size: 11px;
	color: #000;
	}
.module_headline { /* this is to style the description for items (larger font) */
	font-size: 12px;
	font-weight: bold;
	}

#blogs_module {
	width:500px;
	margin-bottom: 1em;
	height: 290px;
	border: #CCC;
	border-style:solid;
	border-width:thin;
	padding-left: 0px;
	}
	
#results_list_blogs ul {
	list-style:none; 
	margin-left: 0;
	padding-left: 5px;
	text-indent: 0 px;
	}
#blogs_module_title_container {
	position: relative;
	background-image: url(../_newsbobber_images/blogs_module_title.jpg);
	height: 16px;
	width: 497px;
	background-repeat: repeat-x;
	padding-top: 3px;
    padding-left: 3px;
	}
.blogs_module_title {
    float: left;
    width: 475px;
    height: 12px;
	font-size: 12px;
	color: #333;
    }
#powered_by_container {
	position: absolute;
	top: 285px;
	height: 16px;
	width: 497px;
	padding-top: 3px;
    padding-left: 3px;
	}
img.powered_by {
    float: right;
    margin-right: 6px;
    margin-top: 2px;
    display: block;
    }
	
/* ============ Blogs Module Main =========================================*/

.blog_title_main { 
	font-size: 11px;
	color: #000;
	}
.module_headline_main { 
	font-size: 12px;
	font-weight: bold;
	}

#blogs_module_main {
	width:290px;
	margin-bottom: 1em;
	height: 325px;
	padding-left: 0px;
	}
	
#results_list_blogs_main ul {
	list-style:none; 
	margin-left: 0;
	padding-left: 5px;
	text-indent: 0 px;
	}
	
	/* ============ Map Mock =========================================*/

.map_title { 
	font-size: 11px;
	color: #000;
	}
.map_headline { /* this is to style the description for items (larger font) */
	font-size: 12px;
	font-weight: bold;
	}

#map_module {
	width:600px;
	margin-bottom: 1em;
	height: 600px;
	border: #CCC;
	border-style:solid;
	border-width:thin;
	padding-left: 0px;
	}
	
#results_list_blogs ul {
	list-style:none; 
	margin-left: 0;
	padding-left: 5px;
	text-indent: 0 px;
	}
#map_module_title_container {
	position: relative;
	background-image: url(../_newsbobber_images/blogs_module_title.jpg);
	height: 16px;
	width: 597px;
	background-repeat: repeat-x;
	padding-top: 3px;
    padding-left: 3px;
	}
.map_module_title {
    float: left;
    width: 580px;
    height: 12px;
	font-size: 12px;
	color: #333;
    }
#powered_by_container {
	position: absolute;
	top: 285px;
	height: 16px;
	width: 497px;
	padding-top: 3px;
    padding-left: 3px;
	}
img.powered_by {
    float: right;
    margin-right: 6px;
    margin-top: 2px;
    display: block;
    }
/* ============ Twitter =========================================*/

.twitter_module{
	color:#444;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:600px;
	margin: 0 auto;
}
.twitter_container{
	color:#444;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:600px;
	margin: 0 auto;
}
.twitter_container a{
	color:#0066CC;
	font-weight:bold;
}
.twitter_status{
	height:60px;
	padding:6PX;
	border-bottom:solid 1px #DEDEDE;
}
.twitter_image{
	float:left; 
	margin-right:14px;
	border:solid 2px #DEDEDE;
	width:50px;
	height:50px;
}
.twitter_posted_at{
 font-size:11px;
 padding-top:4px;
 color:#999;
}