/*** START RESET ***/

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/*** END RESET ***/


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:83%;
	line-height:1.2em;
}

#header { 
	background:url(../images/backgrounds/header-bar-bg.jpg) repeat-x top left;
	height:30px;
	position:relative;
	width:100%;
}

#logo{
	background:url(../images/logo/logo-with-bg.png) no-repeat left center;
	position:absolute;
	top:0;
	left:50px;
	height:30px;
  float:left;
  display:block;
}

#logo a {
	display:block;
	height:30px;
  width:135px;
  float:left;
}
#logo a span {
	margin-left:-9999em;
  text-indent:-9999em;
}

#logo em {
  margin-left:15px;
  color:#ccc;
  font-weight:bold;
  line-height:32px;
  font-size:10px;

  }

#header ul {
	position:absolute;
	right:0;
}

#header ul li {
	float:left;
}


#header ul li a {
	color:white;
	font-weight:bold;
	letter-spacing:-0.03em;
	font-size:12px;
	line-height:30px;
	text-decoration:none;
	border-right:1px solid white;
	padding:0 5px 0 5px;
}

#header ul li a.last {
	border-right:none;
}

#header ul li a:hover{
	text-decoration:underline;
}

#tool-bar {color:white;}
#tool-bar ul {margin-left:48px;}
#tool-bar ul li {float:left;}
#tool-bar ul li a {
  color:#EBF4FB;
  margin-right:2em;
  text-decoration:none;
  line-height:23px;
  font-size:75%;
  font-weight:bold; padding:2px;}
#tool-bar ul li a:hover {
  color:#00A9DD;
  background-color:#EBF4FB;}


#main-content {
	margin-left: 50px;
}



h1 {font-size:150%; padding-bottom:0.3em;}
h2 {	font-size:140%;padding-bottom:0.2em;}

#listing-options {
	padding-bottom:2em;
}

#listing-options li {
	float:left;
	margin-right:1em;
}

#tool-bar {
	height:25px;
	background-color:#666;
	width:100%;
	margin-bottom:2em;
}

#search-form {
	margin:3px 1em 0 1em;
	margin-left:1em;
	margin-top:3px;
}

#search-form .text {
	float:left;
	font-size:12px;
	width:130px;	
}
#search-form .submit{
	width:50px;
	border:1px solid;
	margin-left:5px;
}

#footer {
	margin-top:5em;
}

#stories {
	
}

#listings {
	width:700px;
	margin:1em 0 0 0px;
}

.item {
	padding-top:1em;
	margin-left:-50px;
}

.item h3, .item h2, .item h1 {
	padding-bottom:0.2em;
}

.item a.title {
	color: #00A9DD;
	
	font-weight:bold;
	margin-bottom:0.5em;
	text-decoration:none;
	font-family:'calibri',"Arial Narrow",sans-serif;
}

.item .referrer {
  color:#999;
  font-size:60%;
  }

.item a.title:hover, .item a.title:visited, a.title:focus { 
	color: #666; 
}

.item .description {
	color:#666;
	font-size:90%;
	line-height:1.4em;
}

.item .item-options {
	padding:5px 0 0.4em 0;	
	color:#999;
  font-size:80%;
}

.item .item-options a { color:#999;}
.item .item-options a:hover { color:#333;}

.item .item-details {
	float:left;
	width:600px;
}

.item .time {color:grey}

.item .vote{
	width:30px;
	float:left;
	text-align:center;
	margin:0 10px;
	position:relative; /* for i.e. 5 & 6 & 7 */
}


.item .vote button {
	text-indent:-9999px;
	border:none;
	margin:1px 0 1px 2px;	
	width:30px;
	cursor:pointer;
}

.up{
	background:url(../images/up-arrow.png) no-repeat center center;
}
.down{
	background:url(../images/down-arrow.png) no-repeat center center;
}


.vote strong {
	display:block;
	text-align:center;
	margin:1px auto;
	color:#666;
}

#story {
	border-bottom:1px solid #b7ddf2;
	padding-bottom:1em;
	margin-bottom:1em;
  
}
#comments {width:700px;}
#comments pre {overflow:scroll;}
.comment .text {display:block; padding-bottom:0.5em;}
.comment .username , .comment .time{color:grey;}

.clearer {
	clear:both;
	float:none;
}




  /*************** SUBMISSION FORM   *************/	
  /* ----------- My Form ----------- */
  .submission-form{
  	xmargin:0 auto;
  	width:500px;
  	padding:14px;
  	xfont-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
  	font-size:12px;	
  }	
	
  /* ----------- My Form ----------- */
  .comment-form{
  	xmargin:0 auto;
  	width:500px;
  	padding:14px;
  	xfont-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
  	font-size:12px;	
		margin-top:2em;
  }		
	
  /* ----------- stylized ----------- */
  #stylized{
  	border:solid 2px #00A9DD;
  	background:#ebf4fb;
  }
	
  #stylized h2 {
  	font-size:1.5em;
  	font-weight:bold;
  	margin-bottom:8px;
		line-height:1.5em;
  }
	
  #stylized p{
  	font-size:1em;
  	color:#666;
  	margin-bottom:20px;
  	border-bottom:solid 1px #b7ddf2;
  	padding:0 0 10px 0;
		line-height:1.3em;
		background-color:#FFFFCC;
		font-weight:bold;
		
  }
	
  #stylized label{
  	display:block;
  	font-weight:bold;
  	text-align:right;
  	width:140px;
  	float:left;
  }
	
  #stylized .small{
  	color:#666666;
  	display:block;
  	font-size:11px;
  	font-weight:normal;
  	text-align:right;
  	width:140px;
  }
  
	#stylized input, #stylized textarea, #stylized #recaptcha,#stylized select {
  	float:left;
  	padding:3px;
  	border:solid 1px #aacfe4;
  	width:330px;
  	margin:0px 0 20px 10px;
		font-size:1.8em;
  }
	#stylized #item_title{
		color:#00A9DD;
	}
  
	#stylized textarea {
  	height:8em;
		font-size:1.5em; 
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		color:#666;
  }

  #stylized .submit_button{ 
  	clear:both;
 	 	margin-left:150px;
  	width:125px;
  	height:31px;  	
  	text-align:center;  	
  	font-size:1.5em;
		text-align:center;
		cursor:pointer;
		
		
  }
  
  
 /*** PAGING ***/

      
#paging {
  margin-top:2em;
  font-size:100%;
} 

#paging li {
  float:left;
  margin-right:5px;
  overflow:hidden;  
}

#paging li a, a.previous, a.next {
  
  xpadding:0.3em;  
  color:#666;
  border:1px solid #ccc;
  background:#efefef;
  display:block;
  width:1.5em;
  height:1.5em;
  line-height:1.5em;
  text-align:center;  
  font-size:90%;
  text-decoration:none;
}
#paging a:hover, a.previous:hover, a.next:hover {
  border:1px solid #666;
  color:#666;
}

#paging a.page {
  
}
#paging li a.previous, #paging li a.next {width:4em;}

#paging a.previous {
  padding-left:0;
}

#paging a.next {
}
#paging a.current {
  background-color:#999;
  color:white;
  border:1px solid #666;
}