@import "reset.css";



a{
	color: #404040;
}

a:link, a:visited, a:active{
	text-decoration: none;
	color: #404040;
}

small{
	color: #999999;
}

ul, li{
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4{
	padding: 0;
	margin: 0;
}

h1{
	font-size: 28px;
	margin-bottom: 20px;
}

p{
	margin-bottom: 10px;
	font-size: 12px;
}


* html #footer {
height:1px;
}

body{
background-image: url(http://img233.imageshack.us/img233/8877/65934545.jpg);
background-position: left 40px;
background-attachment: fixed;
background-repeat: no-repeat;
background-color: #000;
color: #666;
font-family: Sans-serif;
font-size: 14px;
}

#header_stretched{
	height: 40px;
	top: 0;
	left: 0;
	background: #111;
	background: -webkit-gradient(linear,left top,left bottom,from(#333),to(#111));
	background: -moz-linear-gradient(top,#333,#111);
	background: transparent	9;
	position: fixed;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	width: 100%;
	z-index: 100;
}

#header {
	display: block;
	position: relative;
	width: 920px;
	margin: 0 auto;
}

#wrap {
	position: relative;
	top: 60px;
	width:920px;
	margin:0 auto;
	background:#FBF6F8;
	-moz-border-radius: 15px;
	border-radius: 15px;
	opacity: 0.97;
}

#header .logo{
	float: left;
}

.navbar{
	float: left;
	position: relative;
	top: 4px;
}



#main {
	float:left;
	width:500px;
	background:#FFF;
	min-height: 500px;
	padding:20px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-moz-box-shadow: 1px 0px 0px #EEE;
	-webkit-box-shadow: 1px 0px 0px #EEE;
	box-shadow: 1px 0px 0px #EEE;
}

#sidebar {
	float:right;
	width:335px;
	background:#FBF6F8;
	padding:20px;
	border-top-right-radius: 10px;
}

#footer {
	clear: both;
	width: 520px;
	background-color: white;
	padding:5px 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#footer p {
margin:0;
}

#searchwrapper {
width:310px; /*follow your image's size*/
height:40px;/*follow your image's size*/
background-repeat:no-repeat; /*important*/
padding:0px;
margin:0px;
position:absolute; /*important*/
top: 0px;
right: 0px;
}
 
#searchwrapper form { display:inline ; }
 
.searchbox {
border: 0px; /*important*/ 
background-color: #EEE; /*important*/
position: absolute;
top: 8px;
right: 0px;
width: 240px;
height: 20px;
padding-left: 10px;
-moz-border-radius: 15px;
border-radius: 15px;
}

.searchbox:focus {
	background-color: white;
}
 
.searchbox_submit {
border: 0px; /*important*/
background-color: transparent; /*important*/
position: absolute; /*important*/
top: 12px;
right: 10px;
}

	.newsfeed{
		list-style-type: none;
		margin-bottom: 5px;
		margin-left: 0px;
	}

		.newsfeed .timescale{
			font-size: 10px;
			font-weight: bold;
			color: #666;
			background-color: white;
			border-bottom: 1px solid #FAFAFA;
			border-top: 0;
			list-style-type: none;
			margin-bottom: 0px;
			min-height: 0;
			padding: 5px 5px 0px 0px;
   			 -moz-border-radius: 5px;
    		-webkit-border-radius: 5px;
    		-khtml-border-radius: 5px;
    		border-radius: 5px;
		}
		
		.newsfeed li{	
			line-height:1.5em;
			margin-bottom: 0px;
			min-height:50px;
			padding:20px 0;
			border-bottom: 1px solid #e0d9cd
		}
		
				.newsfeed li a{
					color: #B10707;
					font-weight: bold;
				}
			
				.newsfeed a:hover{	
					text-decoration: underline;
				}

		.newsfeed li small{	
			display: block;
			font-size: 12px;
			padding-top:5px;
			color: #666;
		}
		
			#main .newsfeed li small a{	
				color: #666;
				font-weight: normal;
			}
		
		.newsfeed li img{	
			position:relative;
			top:5px;
			margin-right:2px;
		}
		
		.newsfeed .more{	
			margin-bottom: 2px;

			min-height: 0;
			border-top: 0;
			padding:4px 0;
			text-align: right;
		}
		
		.newsfeed .heading{	
			font-weight: bold;
			margin-left: -20px;
			margin-top: 0px;
			border-top: 0;
			min-height: 0;
		}
		
		
			.newsfeed .heading a{	
				font-family:Helvetica,Arial,sans-serif;
				color: #FF801A;
			}
			
		.newsfeed .tweet{	
				color: #999999;
			}		
			
			.newsfeed .tweet a{	
					color: #000000;
			}
			
			
			.newsfeed .related {
				
				
			}
			
				.newsfeed .related li{
					min-height: 0;
					font-size: 10px;
					border: 0;
					margin-left:20px;
					margin-bottom: 0px;
					padding: 0;
				}
				
				.newsfeed .related li a{
					color: #b10707;
					font-weight: normal;
				}
			
					.newsfeed .related li small{
						display: inline;
						font-size: 10px;
					}
					
		#main #pagination{
			display: inline;
			list-style-type: none;
			font-size: 11px;
		}	
		
		#main #pagination #previouspage {
			float: left;
		}	
				
		#main #pagination #nextpage{
			float: right;
		}
 
			#sidebar #popular_posts{
				font-size: 12px;
			}
			
				#popular_posts .newsfeed{	
					margin-left: 0px;
				}
			
				#popular_posts .newsfeed li{	
					line-height:1.5em;
					margin-bottom: 0px;	
					min-height: 0px;
					margin-left:0px;
					padding:10px 0 10px 0;
					font-size: 12px;
					border-bottom: 1px solid #e0d9cd;
				}
				
					#popular_posts .newsfeed a{	
						color: #B10707;
						font-weight: bold;
					}
					
						#popular_posts .newsfeed a:hover{	
							text-decoration: underline;
						}
											
							#popular_posts .newsfeed li small{	
								display: block;
								font-size: 12px;
							}
							
								#popular_posts .newsfeed li small a{	
									color: #36539D;
								}
		
			#sidebar h2{
				font-weight: normal;
				margin-bottom: 20px;
				font-size: 18px;
			}
			
			.user{
				
				margin-bottom: 40px;
			}
			
			.user ul{
				margin-top: 20px;
			}
			
			.user ul li{
				margin-left: 0px;
				margin-bottom: 10px;
			
			}
			
			.user small, .user small a{
				color: #999999;
				font-size: 10px;
			}
			
			
	#main h1{
		font-size: 24px;
		color: black;
		font-family:Helvetica,Arial,Sans-serif;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-variant:normal;
		line-height:1.2;	
		margin-bottom: 20px;
	}
	
	#main #feed{
		clear: both;
		margin-top: 20px;
		float: right;
	}
	
	#main small a{	
		color: #666;
	}
	
	#main p{
		line-height: 1.5em;
		margin-bottom: 10px;
	}
	
	#main .addthis_toolbox{
		clear: right;
		margin-top: 10px;
		float: right;
	}
	
	#main #read_more{
		float: right;
		margin-top:0;
	}
	
		#main #read_more a{
			text-decoration: underline;
		}
		
	.article .fb-comments{
	
		margin-top: 20px;
	
	}
		
	.article #comments{
		margin: 0;	
	}
		
	.article #comments li{
		margin-top: 20px;
		font-size: 12px;
	}
	
		.article #comments li small{
			padding: 5px;
			background-color: #F1F1F1;	
		}
		
		.article textarea{
			margin-top: 10px;
			width: 455px;
			height: 100px;
		}
		
		.article input{
			margin-top: 10px;
			float: right;
		}
		
	.article .newsfeed {
		margin-top: 40px;
	}	
	
	.article .newsfeed .related {
		margin-left: 0px;
	}
	
	.article .vote{	
		border:1px solid #B7CCE0;
		float:left;
		font-size: 12px;
		padding:5px;
		text-align:center;
		width:50px;
		background-color: #EEEEEE;
	}
	
		.article small{
			display: block;
		}
	
		.article h1, .article p, .article div, .article ul{
			margin-left: 0px;
		}
		
		
			#user_form{
				
			}
			
			#user_form form {
			  margin: 0;
			  padding: 0;
			  font-size: 100%;
			  min-width: 500px;
			  max-width: 500px;
			  width: 590px;
			  margin: 0 auto;
			  margin-bottom: 20px;
			}
			
			#user_form form fieldset {
			  clear: both;
			  font-size: 100%;
			  border-color: #000000;
			  border-width: 1px 0 0 0;
			  border-style: solid none none none;
			  padding: 10px;
			  margin: 0 0 0 0;
			}
			
			#user_form fieldset legend {
			  font-size: 150%;
			  font-weight: normal;
			  color: #000000;
			  margin: 0 0 0 0;
			  padding: 0 5px;
			}
			
			#user_form label {
			  font-size: 100%;
			}
			
			#user_form label u {
			  font-style: normal;
			  text-decoration: underline;
			}
			
			#user_form input, select, textarea {
			  font-family: Tahoma, Arial, sans-serif;
			  font-size: 100%;
			  color: #000000;
			}
			
			#user_form textarea {
			  overflow: auto;
			}
			
			#user_form form div {
			  clear: left;
			  display: block;
			  width: 354px;
			  zoom: 1;
			  margin: 5px 0 0 0;
			  padding: 1px 3px;
			}
			
			#user_form form fieldset div.notes {
			  float: right;
			  width: 225px;
			  height: auto;
			  margin: 0 0 10px 10px;
			  padding: 5px;
			  border: 1px solid #666666;
			  background-color: #ffffe1;
			  color: #666666;
			  font-size: 88%;
			}
			
			#user_form form fieldset div.notes h4 {
			  background-image: url(/images/icon_info.gif);
			  background-repeat: no-repeat;
			  background-position: top left;
			  padding: 3px 0 3px 27px;
			  border-width: 0 0 1px 0;
			  border-style: solid;
			  border-color: #666666;
			  color: #666666;
			  font-size: 110%;
			}
			
			#user_form form fieldset div.notes p {
				display: block;
			  margin: 0em 0em 1.2em 0em;
			  color: #666666;
			}
			
			#user_form form fieldset div.notes p.last {
			  margin: 0em;
			}
			
			#user_form form div fieldset {
			  clear: none;
			  border-width: 1px;
			  border-style: solid;
			  border-color: #666666;
			  margin: 0 0 0 144px;
			  padding: 0 5px 5px 5px;
			  width: 197px;
			}
			
			#user_form form div fieldset legend {
			  font-size: 100%;
			  padding: 0 3px 0 9px;
			}
			
			#user_form form div.required fieldset legend {
			  font-weight: bold;
			}
			
			#user_form form div label {
			  display: block;
			  float: left;
			  width: 130px;
			  padding: 3px 5px;
			  margin: 0 0 0px 0;
			  text-align: left;
			}
			
			#user_form form div.optional label, label.optional {
			  font-weight: normal;
			}
			
			#user_form form div.required label, label.required {
			  font-weight: bold;
			}
			
			#user_form form div label.labelCheckbox, form div label.labelRadio {
			  float: none;
			  display: block;
			  width: 200px;
			  zoom: 1;
			  padding: 0;
			  margin: 0 0 5px 142px;
			  text-align: left;
			}
			
			#user_form form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
			  margin: 0 0 5px 0;
			  width: 170px;
			}
			
			#user_form form div img {
			  border: 1px solid #000000;
			}
			
			#user_form p.error {
			  background-color: #ff0000;
			  background-image: url(/images/icon_error.gif);
			  background-repeat: no-repeat;
			  background-position: 3px 3px;
			  color: #ffffff;
			  padding: 3px 3px 5px 27px;
			  border: 1px solid #000000;
			  margin: auto 100px;
			}
			
			#user_form form div.error {
			  background-color: #ffffe1;
			  background-image: url(/images/required_bg.gif);
			  background-repeat: no-repeat;
			  background-position: top left;
			  color: #666666;
			  border: 1px solid #ff0000;
			}
			
			#user_form form div.error p.error {
			  background-image: url(/images/icon_error.gif);
			  background-position: top left;
			  background-color: transparent;
			  border-style: none;
			  font-size: 88%;
			  font-weight: bold;
			  margin: 0 0 0 118px;
			  width: 200px;
			  color: #ff0000;
			}
			
			#user_form form div select, form div textarea {
			  width: 200px;
			  padding: 1px 3px;
			  margin: 0 0 0 0;
			}
			
			#user_form form div input.inputText, form div input.inputPassword {
			  width: 200px;
			  padding: 1px 3px;
			  margin: 0 0 0 0;
			}
			
			#user_form form div input.inputFile {
			  width: 211px;
			}
			
			#user_form form div select.selectOne, form div select.selectMultiple {
			  width: 211px;
			  padding: 1px 3px;
			}
			
			#user_form form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
			  display: inline;
			  height: auto;
			  width: auto;
			  background-color: transparent;
			  border-width: 0;
			  padding: 0;
			  margin: 0 0 0 140px;
			}
			
			#user_form form div.submit {
			  width: 214px;
			  padding: 0 0 0 146px;
			}
			
			#user_form form div.submit div {
			  display: inline;
			  float: left;
			  text-align: left;
			  width: auto;
			  padding: 0;
			  margin: 0;
			}
			
			#user_form form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
			  background-color: #cccccc;
			  color: #000000;
			  width: auto;
			  padding: 0 6px;
			  margin: 0;
			}
			
			#user_form form div.submit div input.inputSubmit, form div.submit div input.inputButton {
			  float: right;
			  margin: 0 0 0 5px;
			}
			
			#user_form form div small {
			  display: block;
			  margin: 0 0 5px 142px;
			  padding: 1px 3px;
			  font-size: 88%;
			  zoom: 1;
			}