@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
		}

body {
	background:#ffffff;
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
		}

.clear {
	font-size: 0px;
	line-height: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
	width: auto;
		}
		
		
#header {
	background:url(images/top_bg.gif) repeat-x;
	height:182px;
	min-width:1004px;
	width:100%;
		}

.wraptop {
	margin:0 auto;
	width:950px;
	height:180px;
		}

.wraptop .l {
	width:375px;
	height:135px;
	float:left;
	background:url(images/logo.png) no-repeat;
		}
		
#nav {
	height:32px;
	width:auto;
	float:right;
		}

.navl {
	background:url(images/nav_l.gif) no-repeat;
	width:11px;
	height:32px;
	float:left;
		}
.navbg {
	height:32px;
	width:auto;
	float:left;
		}
.navr {
	background:url(images/nav_r.gif) no-repeat;
	width:11px;
	height:32px;
	float:left;		
		}
.wraptop .right {
	float:right;	
		}
/* lavalamp */

        .lavaLampWithImage {
            position: relative;
            height: 20px;
            width: auto;
			background:url(images/nav_bg.gif) repeat-x;
            padding: 3px 15px 15px 15px;
            margin:0;
            overflow: hidden;
        }
                .lavaLampWithImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampWithImage li.back {
                        background: url("images/lava.png") no-repeat right -20px;
                        width: 5px; height: 20px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lavaLampWithImage li.back .left {
                            background: url("images/lava.png") no-repeat top left;
                            height: 20px;
                            margin-right: 5px; /* 7px is the width of the rounded shape */
                        }
                    .lavaLampWithImage li a {
                        font-family:tahoma, arial, verdana;
						font-size:11px;
                        text-decoration: none;
                        color: #0f3c3f;
                        outline: none;
                        text-align: center;
                        top: 3px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 20px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;    
                    }

						/*.lavaLampWithImage li.current a {
							color:#FFFFFF;
								}*/
                        .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active {
							color:#FFFFFF;
                            border: none;
							outline:none;
                        }

/* lavalamp */

#search {
	height:26px;
	width:auto;
	float:right;
	margin:113px 0 0 0;
		}
.searchl {
	background:url(images/search_l.gif) no-repeat;
	width:10px;
	height:26px;
	float:left;
		}
.searchbg {
	background:url(images/search_bg.gif) repeat-x;
	height:17px;
	color:#1e464a;
	font-family:tahoma, arial, verdana;
	font-size:10px;
	text-transform:uppercase;
	width:auto;
	float:left;
	padding:9px 5px 0 0;
		}
.field {
	border:none;
	background:#89B6BB;
		}		
.searchr {
	background:url(images/search_r.gif) no-repeat;
	width:22px;
	height:26px;
	float:left;
		}

#main {
	background:url(images/bg.gif) repeat-x;
	min-width:1004px;
	width:100%;
	height:auto;
		}

#mainwrap {
	width:1004px;
	margin:0 auto;
		}

#twrss {
	float:left;
	margin-top:25px;
	width:230px;
	height:auto;
		}

.rss {
	width:230px;
	height:auto;
		}
	.rss .icon {
		float:left;
		width:88px;
		height:89px;
		background:url(images/rss.png) no-repeat;
		margin-top:10px;
			}
	.rss .icon a {		
		width:88px;
		height:89px;
		text-indent:-9999px;
		display:block;
		overflow:hidden;
			}
	.rss .speech {
		width:auto;
		height:116px;
		float:right;
			}
	.rss .speech .sl {
		background:url(images/speechl_l.png) no-repeat;
		height:116px;
		width:20px;
		float:left;
			}
	.rss .speech .sbg {			
		background:url(images/speech_bg.png) repeat-x;
		height:91px;
		width:100px;
		float:left;
		text-align:center;
		padding:15px 0 10px 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		color:#333333;
			}
			
			.rss .speech .sbg span {
				font-weight:bold;
				font-size:14px;
				font-family:Arial, Helvetica, sans-serif;
				color:#333333;
				margin-bottom:10px;
					}
			
	.rss .speech .sr {
		background:url(images/speechl_r.png) no-repeat;
		height:116px;
		width:20px;
		float:left;
			}			
.twitter {
	width:230px;
	height:auto;
		}
	.twitter .icon {
		float:right;
		width:88px;
		height:89px;
		background:url(images/twit.png) no-repeat;
		margin-top:10px;
			}	
	.twitter .speech {
		width:auto;
		height:116px;
		float:left;
			}	
	.twitter .speech .sl {
		background:url(images/speechr_l.png) no-repeat;
		height:116px;
		width:20px;
		float:left;
			}
	.twitter .speech .sbg {			
		background:url(images/speech_bg.png) repeat-x;
		height:116px;
		width:100px;
		float:left;
		text-align:center;
		padding:15px 0 10px 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		color:#333333;
			}
			
			.twitter .speech .sbg span {
				font-weight:bold;
				font-size:14px;
				font-family:Arial, Helvetica, sans-serif;
				color:#333333;
				margin-bottom:10px;
					}
	.twitter .speech .sr {
		background:url(images/speechr_r.png) no-repeat;
		height:116px;
		width:20px;
		float:left;
			}										

/* SLIDEEEEEER */
img {
	border:none;
		}
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			

				
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:419px;
		height:212px;
		overflow:hidden; 
		}	
											

/* // Easy Slider */
/* SLIDEEEEEEER */

#mainwrap .left {
	float:left;
	width:655px;
	height:auto;
	margin-left:20px;
		}

#feat {
	float:right;
	width:419px;
	height:212px;
	padding:1px;
	border:1px solid #666666;
	margin-top:25px;
		}
#posts {
	width:670px;
	height:auto;
	margin-left:10px;
		}
		
.post {
	background:url(images/post.gif) no-repeat top #f5f5f5;
	width:196px;
	height:100px;
	border:1px solid #c1c1c1;
	float:left;
	margin-right:10px;
	margin-top:10px;
	padding:5px;
		}

.post .stars {
	float:left;
	height:18px;
	width:auto;
		}
.post .stars img {
	width:10px;
	height:10px;
		}		
		
.cat {
	height:38px;
	width:38px;
	padding:1px;
	border:1px solid #c1c1c1;
	float:left;
		}
.cat img {
	border:none;
	height:38px;
	width:38px;
		}
.post .title {
	padding:5px 0;
	float:right;
	width:150px;
	border-bottom:1px solid #e2e2e2;
		}
.post .title h1 {
	font-size:14px;
	font-weight:bold;
	color:#000000;
	font-family:Tahoma, Arial, Verdana;
	line-height:16px;
		}
.post .title h1 a {		
	color:#000;
	text-decoration:none;
		}
.post .title h1 a:hover {	
	text-decoration:underline;
		}
.post .desc {
	font-size:11px;
	color:#454545;
	font-family:Tahoma, Arial, Verdana;
	padding:7px 0;
	line-height:12px;
		}
		
.post .desc img {
	display:none;
	overflow:hidden;
		}		

#mainwrap .right {
	float:right;
	width:240px;
	height:auto;
	margin-right:35px;
		}
.side {
	background:url(images/side_bg.png) left top no-repeat #eaeaea;
	width:210px;
	height:auto;
	border: 1px solid #dfdfdf;
	border-top: 1px solid #fafafa;
	padding:15px;
	font-family:tahoma, arial, verdana;
	font-size:13px;
	color:#3f3f3f;
		}

.side img {
	border:none;
	margin-bottom:3px;
		}

.side ul {
	list-style:none;
		}
.side ul li {
	background:url(images/li_bg.gif) repeat-x bottom;
	line-height:22px;
	padding-bottom:3px;
		}
.side ul li a {		
	text-decoration:none;
	color:#464646;
		}
.side ul li a:hover {				
	color:#000000;
		}
.side ul li.sel {		
	background:url(images/sel.png) no-repeat left;
	color:#CCCCCC;
	font-weight:bold;
	margin-left:-35px;
	padding-left:35px;
		}
#bwrap {
	position:relative;
	margin:0 auto;
	height:auto;
	width:852px;
	text-align:left;
	margin-top:30px !important;
		}	
#bar {
	width:842px;
	height:15px;
	background:#f1f0f0;
	border:#c1c1c1 1px solid;
	border-bottom:none;
	position:fixed;
	bottom:0;
	padding:4px;
	color:#6c6c6c;
	font-size:11px;
	font-family:tahoma, arial, verdana;
		}
#bar .left {
	float:left;
		}
#bar .right {
	float:right;
	width:105px;
	height:16px;
		}
a.highest {
	background:url(images/star_r.gif) center left no-repeat;
	height:3px;
	width:auto;
	padding-left:20px;
	padding-right:20px;
	color:#6c6c6c;
	text-decoration:none;
	border-right: 1px solid #d3d3d3;
	padding-top:3px;
	padding-bottom:5px;
	margin-right:15px;
	outline:none;
		}
#subcontent2 a, #subcontent3 a {
	color:#000;
	text-decoration:none;
	font-size:11px;
		}	
#subcontent2 strong, #subcontent3 strong {			
	color:#000;
	font-size:14px;
	text-decoration:underline;
		}
#subcontent2 {
	 position:fixed;
	 visibility: hidden;
	 border: 1px solid #c1c1c1;
	 border-bottom:none;
	 background-color: #f1f0f0;
	 width: 175px;
	 height: auto;
	 padding: 4px;
	 padding-bottom:30px;
	 font-size:10px;
	 	}	
#subcontent3 {
	 position:fixed;
	 visibility: hidden;
	 border: 1px solid #c1c1c1;
	 border-bottom:none;
	 background-color: #f1f0f0;
	 width: 175px;
	 height: auto;
	 padding: 4px;
	 padding-bottom:30px;	
	 font-size:10px;	  
	 	}		
a.most {
	background:url(images/star_y.gif) center left no-repeat;
	height:3px;
	width:auto;
	padding-left:20px;
	padding-right:20px;
	color:#6c6c6c;
	padding-top:3px;	
	padding-bottom:5px;
	text-decoration:none;
	outline:none;
		}
a.highest:hover, a.most:hover {
	color:#343434;
		}	
#bar .de, #bar .di, #bar .fa, #bar .su, #bar .tw, #bar .de a, #bar .di a, #bar .fa a, #bar .su a, #bar .tw a{
	height:16px;
	width:16px;
	border:none;
	margin-right:5px;
		}
#bar .de a, #bar .di a, #bar .fa a, #bar .su a, #bar .tw a{
	overflow:hidden;
	text-indent:-9999px;		
	border:none;
	outline:none;
	display:block;
		}
#bar .de {
	background:url(images/social_del.gif) top no-repeat;
	float:left;
		}
	#bar .de:hover {
		background:url(images/social_de.gif) top no-repeat;
			} 
#bar .di {
	background:url(images/social_dig.gif) top no-repeat;
	float:left;
		}
	#bar .di:hover {
		background:url(images/social_di.gif) top no-repeat;
			} 		
#bar .fa {
	background:url(images/social_fac.gif) top no-repeat;
	float:left;
		}
	#bar .fa:hover {
		background:url(images/social_fa.gif) top no-repeat;
			} 	
#bar .su {
	background:url(images/social_sup.gif) top no-repeat;
	float:left;
		}
	#bar .su:hover {
		background:url(images/social_su.gif) top no-repeat;
			} 							
#bar .tw {
	background:url(images/social_twi.gif) top no-repeat;
	float:left;
		}
	#bar .tw:hover {
		background:url(images/social_tw.gif) top no-repeat;
			} 

#labels {
	width:650px;
	height:80px;
		}
		
#pagination {
	float:right;
	background:url(images/pag.png) bottom center no-repeat;
	min-width:185px;
        width:auto;
        max-width:275px;
		}		
		
#tit {
	background:url(images/tit.png) no-repeat;
	width:194px;
	height:51px;
	margin-top:15px;
	font-size:15px;
	font-family:Tahoma, Verdana, Arial;
	color:#d5d5d5;
	text-align:center;
	font-weight:bold;
	padding-top:5px;
	float:left;
		}		
		
.center {
	text-align:center;
		}
p.center {
	margin:15px 0;				
		}
#posts form div {
	margin:0 0 0 195px;
		}
.screen-reader-text {
	font-weight:bold;
		}	
		
ul.twitter {
	list-style:none;
	width:100px;
		}
a.twitter-user, a.twitter-link {
	color:#000000;
		}				

.postcmt {
	float:right;
	background:url(images/speechy.png) no-repeat left;
	padding-left:25px;
		}
.postcmt a{
	color:#000000;
	text-decoration:none;
	font-size:11px;
		}