@charset "UTF-8";

/* ----------------------------------------------------------------------------
Application stylesheet

version:  1.0
author:   #bugeffect
website:  http://bugeffect.com
---------------------------------------------------------------------------- */

body {
  margin: 0 auto;
	font: 12px Verdana, sans-serif;
	background: url(/images/main_bg.png) repeat-x #F8F8F8;
}

/* @header
---------------------------------------------------------------------------- */
#header {
	/*position: absolute;
  top: 0;	*/
  height: 120px;
	width: 964px;
}

	#header .logo {
		float: left;
		background: url(/images/logo.png);
		width: 268px;
		height: 100px;
		position: relative;
		top: 3em;
		left: 1.7em;
		margin: 0 auto;
		border: 0;
	}

	#header ul#nav {
		width: 420px; 
		float: right; 
		margin: 80px 0 0 0;
	}
	
		#header ul#nav li {
			float: left; 
			list-style: none; 
			background: url(/images/nav_separator.png) no-repeat;
		}
		
			#header ul#nav li:first-child { border: none; background: none;}
			
			#header ul#nav li a {
				display: block; 
				width: 70px;
				font-size: 18px; 
				color: #000; 
				text-decoration: none; 
				text-align: center;
				text-shadow: #abaaaa .1em .1em .2em;
			}
			
				#header ul#nav li a:hover, #header ul#nav li a.active {
					 color: #E97C3D;
				}
		
	#header .login_status {
    float: right;
		/*width: 485px;*/
		height: 5px;
		position: relative;
    top: 5px;
		padding-right: 5px;
	}
				
	#headoption {
		position: absolute;	/* remove this so the search and login go under the menu */
		top: 0;	/* if position has been disabled then you must remove this */
		right: 0;	/* if position has been disabled then you must remove this */
		float: right;	
		
	}
	
		#search {
			float: right;
			width: 244px;
			height: 35px;
			background: url(/images/search.png) no-repeat;
		}
		
			#search form { margin: 0; }

			#search .search_text {
				float: left;
				padding: 1px 0 0 5px;
				margin: 7px 0 0 13px;
				border: 0;
				width: 146px;
				background: none;
				outline: none;
				font-weight: bold;
				color: #7b7ba0;
			}
		
			#search .submit {
				font: normal 11px/16px Verdana, "Bitstream Vera Sans", sans-serif;
				border: 0;
				color: #000;
				cursor: pointer;
				padding: 2px 0 !important;
				position: relative;
				top: 3px;
			}

		#login {
			float: left;
			padding: 0 2em 0 0;
			text-align: right;
			/*background: url(/images/header_login.png) no-repeat;*/
			width: 90px;
			height: 35px;
			margin: 0 auto;
		}
		
/* end */


/* @content
--------------------------------------------------------------------------- */
#content {
  margin: 4em auto;
  padding-top: 2em;
  width: 1000px;
}

  #content #posts {
    width: 600px;
    /*padding-left: 60px;*/
    float: left;
		min-height: 350px;
  }

	html* #content #posts { margin-left: 3em; width: 530px; }
  
  #content #posts h1, h1 a {
    font: 20px Verdana, sans-serif;
    /*font-weight: bold;*/
    color: #575757;
		/*text-shadow: 2px 2px 2px rgba(126,126,126,0.6);*/
  }
	
	/*html* #content #posts h1 a { position: relative; right: 2em; }*/

	#content .posts_body {
		font: 1.0em Verdana, sans-serif;
		line-height: 1.3em;
	}
	
	#post_metadata {
		width: 100%;
		padding-top: 1em;
		line-height: 2em;
		border-top: 1px #ccc dotted;
	}
	
	html* #post_metadata { line-height: 2em; }
  
  	#content #posts .tag {
	    font: 12px Verdana, sans-serif;
	    color: #575757;
	  }
  
		  #content #posts .tag_icon {
		  	background: url(/images/categories.png) 0 0 no-repeat;
		  	width: 16px;
		  	height: 16px;
		  	padding: 2px 0 0 20px;
		  }
    
    #content #posts .comment {
	    font: 12px Verdana, sans-serif;
	    color: #575757;
	  }
	  
	  #content #posts .comment a {
	    font: 12px Verdana, sans-serif;
	    color: #575757;
	  }
	
			#content #posts .comment_icon {
		  	background: url(/images/comment.png) 0 0 no-repeat;
		  	width: 16px;
		  	height: 16px;
		  	padding: 0 0 0 20px
		  }
	
  #content #posts .share_with {
    font: 12px Verdana, sans-serif;
    color: #575757;
  }
		
	
	#content #posts .comment_body_1 { 
		display: table;
		padding: 8px 8px 11px 8px;
		margin-bottom: 10px;
		width: 470px;
		/*background: #EBEBE4;
		border-bottom: 1px solid #d5d6d6;*/
	}
	
	#content #posts .comment_body_2 {
	  display: block;
		padding: 8px 8px 11px 8px;
		margin-bottom: 10px;
		width: 470px; 
		background: #e3e3e3; 
		border: 1px solid #d7d7d7;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 10px;
		/*background: #EBEBE4;
		border-bottom: 1px solid #d5d6d6;*/
	}
	
	#content #posts .comment_text { 
		position: relative;
	}
  
  #content #posts .comment_date {
    font: 10px Verdana, sans-serif;
    color: #646464;
  }
  
  #content #posts .commenter {
    font: 12px Verdana, sans-serif;
    font-weight: bold;
  }
  
  #content #posts .commenter a {
    font: 12px Verdana, sans-serif;
    font-weight: bold;
  }
  
  #content #posts .posted {
    font: 12px Verdana, sans-serif;
    color: #575757;
  }
  
  #content #posts #actions { padding: 10px 0 30px 40px; }

  #content #links, #tags {
    float: left;
    width: 200px;
		margin-bottom: 2.5em;
  }
  
  #content #links ul, #tags ul {
    padding: 0 0 0 40px;
    list-style-type: none;
  }
  
  #content #links li, #tags li { 
    padding-left: 10px;
    border-left: 1px solid #E2E2E2;
  }
  
  #content #links .title, #tags .title {
    font: 16px Verdana, sans-serif;
    font-weight: bold;
    color: #575757;
    padding: 20px 0 10px 10px;
  }  

/* end */

/* Comment styles sheets 
--------------------------------------------------------------------------- */

#comment { padding: 10px 0 30px 40px; }

html* #comment { padding-left: 0; }

  #comment h2 {
    font: 16px Verdana, sans-serif;
  }
  
  #comment input[type="text"] {
    width: 350px;
    padding: 8px;
    font: 14px Verdana, sans-serif;
    color: #A0A0A0;
    border: 1px solid #ccc;
  }
  
  #comment textarea {
    width: 350px;
    padding: 8px;
    font: 14px Menlo, Monaco, Monospace;
    border: 1px solid #ccc;
  }
  
  #comment label {
    font: 14px Verdana, sans-serif;
  }
  
  #comment .notice {
    font: 14px Verdana, sans-serif;
    font-style: italic;
  }
  
  #comment .required { font-weight: bold;}

	#submit_comment {width: 371px; }
	
	#submit_comment .submit { float: right; margin-bottom: 2em; }
	
	html* #submit_comment .submit { margin-bottom: 0; }

/* end */

/* Pagination styles sheets 
--------------------------------------------------------------------------- */
div.pagination {
	padding: 5px;
	margin: 5px 5px 25px 31px;
	text-align: left;
}

html* div.pagination { margin-left: 0; }

	div.pagination a {
		padding: 4px 10px;
		margin: 2px;
		border: 1px solid #242323;
		text-decoration: none;
		color: #242323;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}

	div.pagination a:hover, div.digg a:active {
		border: 1px solid #242323;
		color: #212121;
		background: #d3d3d3;
	}

	div.pagination span.current {
		padding: 4px 10px;
		margin: 2px;
		border: 1px solid #212121;
		font-weight: bold;
		background-color: #333;
		color: #fff;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}

	div.pagination span.disabled {
		padding: 4px 10px;
		margin: 2px;
		border: 1px solid #999;
		color: #555;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
	
/* end  */

/* @login form
--------------------------------------------------------------------------- */

#loginform {
	margin: 2em auto;
	width: 500px;
	height: 260px;
	background: url(/images/login_box_form.png) no-repeat;
	padding: 7em 0 0.8em 4em;
	
}

  #loginform label {
  	width: 150px;
  	display: block;
  	padding: 7px 0 7px 2.4em;
  }

  #loginform label span {
  	color: #fff;
  	font: bold 18px Verdana, sans-serif;
  	width: 140px;
  }

  #loginform .input_text {
  	padding: 5px;
  	width: 230px;
  	font: bold 16px Arial;
  	border: 1px solid #12110f;
  	outline: none;
  	margin-left: 4.4em;
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	-khtml-border-radius: 5px;
  	border-radius: 5px;
  }

  	/*#loginform .input_text a:hover {
  		outline: none;
  	}*/

  	#loginform .input_text:focus {
  		border: 1px solid #4b93db;
  	}

.submit_btn {
	margin-left: 5.3em;
}

/* end */

/* @footer
---------------------------------------------------------------------------- */
#footer {
  clear: both;
  /*height: 150px;*/
  width: auto;
  position: relative;
  background: #262626;
  border-top: 15px solid #000;
	padding-bottom: 1px;
}

	#footer_wrapper { width: 914px; margin: 0 auto; }
	
	#footer .footlinks {
		width: 200px;
		margin-right: 0px;
		color: #fff;
		list-style-type: none;
		padding: 0;
		margin-top: 35px;
		margin-bottom: 0px;
		margin-left: 0px;
		font-family: Georgia, "Times New Roman", Times, serif;
		float: left;
	}
	
	#footer .footlinks { margin-bottom: 30px \0/; }
	
	#footer .footlinks li {
		/*border-bottom-width: 1px;
		border-bottom-style: dashed;
		border-bottom-color: #555;*/
		background: transparent url("../images/footer_line.png") repeat-x bottom;
		float: left;
		width: 140px;
	}
	
	#footer .footlinks li strong {
		font-weight: bold;
		float: left;
		width: 148px;
		padding-bottom: 5px;
	}
	
	#footer .footlinks a  {
		color: #ccc;
		text-decoration: none;
		width: 133px;
		float: left;
		padding: 8px 0 6px 5px;
	}
	
		#footer .footlinks a:hover { color: #fff; }
	
	#footer .footlinks .followus {
		float: left;
		color: #ccc;
		background: url(../images/twitter.png) no-repeat 0 0;
		padding: 7px 0 2px 31px;
		margin-right: 10px;
		margin-top: 4px;
		width: 108px;
	}
	
	#footer .footlinks .followus:hover { background-position: 0 -23px; color: #fff; }
		
	#footer .footlinks .subscribe {
		float: left;
		color: #ccc;
		background: url(../images/rss.png) no-repeat 0 0;
		padding: 6px 0 5px 31px;
		margin-right: 10px;
		margin-top: 4px;
		width: 108px;
	}
		
		#footer .footlinks .subscribe:hover { background-position: 0 -25px; color: #fff; }
		
		#footer .footlinks .facebook {
			float: left;
			color: #ccc;
			background: url(../images/facebook.png) no-repeat 0 0;
			padding: 5px 0 5px 31px;
			margin-right: 10px;
			margin-top: 4px;
			width: 108px;
		}

	#footer .footlinks .facebook:hover { background-position: 0 -25px; color: #fff; }
	
	#twitter { float: right; width: 400px; }
	
	#twitter h3 { font-size: 1.15em; color: #fff; font-weight: normal; margin: 1.5em 0 0 2em; }
	
	#twitter_update_list { list-style-type: none; }
	
	#twitter_update_list li { 
		list-style-type: none; 
		margin: 1.5em 0;
		padding-left: 2em; 
		background: url(/images/twitter_list.png) 0 -3px no-repeat;
		color: #fff;
	}
	
	#twitter_update_list li a { color: #ccc; font-size: .9em; }
	
	#footer #footer-line { background: url(/images/footer_line.png) repeat-x top center; padding: 15px 0 20px; margin: 20px 0; }
	
	#footer #extlinks { width: 308px; }	

	html* #footer #extlinks { width: 300px; }
		
		#footer #copyright {
	    padding: 5px 0 0 5px;
	    font: 12px Verdana, sans-serif;
	    color: #ccc;
	  }

		html* #footer #copyright { padding-top: 2px; }

		#footer #security_team {
	    padding: 10px 0 0 5px;
	    font: 12px Verdana, sans-serif;
	    color: #ccc;
			float: left;
	  }

  #footer #security_team a { font: 12px Verdana, sans-serif; color: #fff; }

		#footer #back_to_top { float: right;	}
			
/* end */

/* @overlays
---------------------------------------------------------------------------- */
/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    min-width:400px;     
    min-height:200px; 
    border:1px solid #666;
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(/images/overlay_close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/* styling for elements inside overlay */ 
.details { 
    position:absolute; 
    top:15px; 
    right:15px; 
    font-size:11px; 
    color:#fff; 
    width:150px; 
} 
 
.details h3 { 
    color:#aba; 
    font-size:15px; 
    margin:0 0 -10px 0; 
}

.dot_separator {
  color: #575757;
}

/* end */

/* @error pages
---------------------------------------------------------------------------- */

#error {
  width: 412px;
  /*padding-left: 60px;*/
  float: left;
	line-height: 1.5em;
	margin-left: 3em;
}

	#rightside {
		width: 485px;
		height: 522px;
		float: right;
		margin: 1.5em 5em 0 0;
	}
	
/* end */