*{ margin: 0; padding: 0; }*
img { behavior: url(javascripts/iepngfix.htc); }
body {font:14px Arial,Verdana;}
#content { margin: 0 auto; width: 900px; }
#header {
	background:#222 url(../images/headerback.png) repeat-x;
	border-bottom:1px solid #555;
}
#header_content {
	width:900px;
	margin:0 auto;
	position:relative;
}
#header h1 {margin: 20px 0; display:block; float:left;}
#header a#logo_url{border:0;}
	#logo {border:0;margin:10px 0 10px 0px;}
ul#header_nav { position:absolute; display:block;bottom:0px; right:0px;}
	ul#header_nav li { list-style: none; display: inline; }
	ul#header_nav li a { float: left; 
		    font:15px Helvetica; 
		    font-weight:bold; 
		    padding: 6px 20px; 
		    margin: 3px 2px 0 0;
		    text-decoration:none; 
		    color:#d7d7d7; 
		    background:#444; 
		    border:1px solid #555;
		    border-bottom:0;
	    }
	ul#header_nav li a.current {
		background:url(../images/buttonback.png) !important;
	}
		ul#header_nav li a.highlighted {
		background:url(../images/highlightedback.png) !important;
	}

	ul#header_nav li a:hover {background:url(../images/buttonback.png)}

#intro { 		clear: both; 
				font-family:Helvetica, Georgia, Arial;
				padding-top:10px;
				padding-bottom:5px;
				padding-left:10px;
                color:#444;
				line-height:150%; 
				font-size: 17px;
			   	margin: 5px 0;
				margin-right:5px 0;
			   	background:#E8EEFA;
				border:1px solid #CDDBF8;
			}
#intro span {
	color:#426fb2;
	font-weight:bold;
	font-size:20px;
}


#intro a{
color:#444;
}

	
#intro img {
	float:left;
	margin-right:10px;
    position:relative;
    top:5px;
}
#main_yield {
	margin-top:10px;
}	
	#main_yield a {color:#1c4d97;}
	#main_yield a:hover {color:#666;text-decoration:none;}

#main_yield h1 {
	color:#333;
	margin-top:10px;
	font-size:22px;
	line-height:24px;
}	

#left { float: left; width: 680px; margin: 0 0 15px 0; }
#right { float: right; width: 200px; color:#333;}
#right h3 { border-bottom: 1px solid #ccc; margin: 10px 0 10px; }
#attention {
	margin-top:10px;
	background:#bbff8d;
	border:1px solid #80c651;
	padding:3px;
}
div#joinus {
  border:1px solid #eaeaea;
  padding:1px;
  text-align: center;
}

div#joinus2 {
  border:0px solid #eaeaea;
  padding:1px;
  text-align: center;
}

#intro_joinus {

	float:right;
	width:200px;
	padding:6px;
}

#joinus_link {
  padding:6px;
  text-align:center;
  color:#fff !important;
  border:1px solid #800000;
  display:block;
  margin:3px 5px;
  font-size:18px;
  background:#c60000;
  text-decoration:none;
 font-family:'Trebuchet MS';
}

#joinus_link_header {
  padding:9px;
  text-align:center;
  color:#fff !important;
  border:1px solid #800000;
  display:block;
  margin:3px 5px;
  font-size:18px;
  background:#c60000;
  text-decoration:none;
 
 font-family:'Trebuchet MS';
}
#joinus_link span {
  color:#800000;
}

#ad_block_belowpuzzle{
margin-bottom:19px;
text-align:center;
}

#twitter {
padding-top:5px;
padding-bottom:5px;
}
#twitter a{
color:#0033FF;
font-weight:bold;
font-size:13.5px;
font-family:Arial, Helvetica, sans-serif;
}


#userpanel {
	margin-top:10px;
	background:#bbff8d;
	border:1px solid #80c651;
	padding:3px;
	text-align:right;
	position:relative;
	padding-left:40px;
	color:#444;
	height:30px;
}
#userpanel input {
	display:inline;
	width:150px;
	padding:3px;
	font-size:14px;
	font-weight:bold;
}
#userpanel #submitbtn {
	width:50px;
	padding:2px;
	font-weight:normal;
}
#userpanel span {
	float:left;
	display:block;
	margin-top:5px;
}
#userpanel a {
	font-family:'Trebuchet MS';
	font-weight:bold;
		margin-top:5px;
		color:#509b22;
}
#userpanel img {
	position:absolute;
	left:5px;
}
/*-------------------------------*/
#sortbar {
  margin:5px 2px 15px 2px;
  background:#eaeaea;
  padding:4px;
  border-bottom:1px solid #ccc;
  text-align:right;
}

#sortbar span {
	font-weight:bold;
	color:#555;
}

#searchbar {
	position:relative;
}
#searchbar input[type=text] {
	width:130px;
	padding:3px;
}
#searchbar input[type=submit] {
	width:50px;
	font-size:14px;
}
#searchbar img {
}
#categorylist_container ul {
	margin-bottom:10px;
	padding:0;
}
#right li {
	background:#fff;
      	border-bottom:1px dotted #CDDBF8;
	margin:2px 0;
	padding:0 !important;
	list-style: none;
}
#right li a { 
	background: url(../images/blue_arrow.png) no-repeat left;
	padding:5px 5px 5px 20px;
	display:block; 
}
.pagination a {
  padding:3px;
  background:#E8EEFA;
  border:1px solid #CDDBF8;
}
.pagination .current {
  font-weight:bold;
}
/*###### POKERLISTING AD ###### */
div#pokerlistings_ad {
	font-size:11px;
	padding:5px;
	background:#E8EEFA;
	border:1px solid #CDDBF8;
	margin-top:5px;
}
#pokerlistings_ad h2 {
	margin:0;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	color:#426fb2;
}

/*----------------------- */
.puzzle {
	margin:5px 0;
	display:block;
	position:relative;  
}
.puzzle_stats {
	float:left;
	display:block;
	text-align:center;
	width:70px;
	padding:2px;
	background:#f5f5f5;
	color:#999;
	border:1px solid #ccc;
	margin-right:10px;
	font-weight:bold;
	
}
img.hasliked {
float:right;	
margin-left:10px;
position:absolute;
top:-6px;
left:-23px;
z-index:5;
	
}
.puzzle_diff_rating {
	color:#555 !important;	
}
.puzzle_stats span {
	color:#78a845;
	font-weight:bold;
	font-size:22px;
}
.difficulty_word {
	font-size:11px !important;
	color: #64a2ff !important;	
	font-family:'Arial Narrow', Arial;
}
.puzzle_info {
	display:block;
	font-size:12px;
	color:#999;
	position:relative;
}
.puzzle_info a {
	text-decoration:none;
    font-weight:bold;
}
.puzzle_name {
	font-size:22px;
    text-decoration:none;
    font-weight:bold;
}
.puzzle_preview {
	background:#fff;
    border:1px solid #eaeaea;
	color:#222;
	padding:5px;
	position:relative;
	margin-left:84px;
}

/*----------------------- */
#category_name {
	display:inline;
}
#category_page h1 {
	margin-bottom:5px !important;
	border-bottom:1px dashed #999;
}
#category_page h1 a {
	text-decoration:none;
}
p.category_description {
	margin: 5px;
	line-height:150%;
}
/*----------------------- */
div#puzzle_navigation {
   padding:3px;
   margin:2px 0;
   float:right;
   background:#cfe2ff;
   border:1px solid #8ebbff;
}

div#puzzle_navigation a{
font-weight:bold;
}

div#puzzle_navigation span {
   color:#999;
   font-size:11px;
   display:block;
}
div#puzzle_navigation table {
  width:272px;
}
div#mayalsolike {
    	background:#eaeaea;
	border:1px solid #ccc;
    color:#777;
    padding:3px;
    font-size:12px;
    text-align:right;
}
div#mayalsolike a {
    color:#509b22;
    font-weight:bold;
    font-size:12px;
}

label.problem_label {
	color:#777;
}
label#puzzle_problem {
	margin-top:10px;
	display:block;
}
#puzzle_problem p {
	margin:6px 0;
}
h2#puzzle_name {
	display:inline;
	font-size:20px;
	text-transform:capitalize;
	line-height:24px;
}
div#addthis {
  float:right;
  margin-top:-3px;
}


div#puzzle_problem,div#puzzle_answer,div#puzzle_explanation {
	border:1px solid #8ebbff;
	background:#cfe2ff;
	padding:3px;
	line-height:160%;
	margin-bottom:8px;
    font-size:13px;
}
div#puzzle_problem {
    border:0 !important;
    background:#fff !important;
    border-top:2px solid #cfe2ff !important;
}

span#visible_problem, span#hidden_answer, span#hidden_explanation {
	background:#fff;
	padding:5px;
	display:block;
    font-size:14px;
    text-transform:none;
    font-weight:normal;
}
/*--------------------*/
#puzzle_info {
	margin-bottom:5px;
	padding-bottom:5px;
}
#puzzle_info span {
	color:#888888;
	font-size:12px;
}
#check_puzzle_answer {
	text-align:right;
}

/*--------------------*/
#user_info span {
	color:#888;
	font-size:12px;
}
/*--------------------*/
#like_container {
	padding-bottom:8px;
}
#like_link {
	padding:5px 20px;
	border:0;
	font-size:18px;
	background:url('../images/greenback.gif') repeat-x;
	color:#fff !important;
	margin:0 !important;
} 
#like_link_div {
	padding:4px;
	font-size:18px;
	display:inline;
	color:#fff !important;
}
#like_total {
	display:inline;
	border:1px solid #ccc;
	padding:6px;
	margin-right:2px;
} 
#like_total span {
	font-weight:bolder;
}
.notbold {
	font-weight:normal !important;
} 
.alreadyliked {
	background:#ccc url(../images/likethumb.png) no-repeat top left !important;
	text-decoration:none;
	cursor:text !important;
	padding-left:32px !important;
}

input#difficulty_save_button {
	float:right;
}

div#difficulty_track { width:200px; float:left; margin:10px 0; background:url('../images/difficulty_track.png'); height:10px;cursor:move; position: relative; }
div#difficulty_handle { background-color:transparent; cursor:move; position: absolute; }

#reportspam_link {
	text-decoration:none;
	margin:0 !important;
}

div#difficulty_container span {
	color:#888;
	font-size:12px;
}
div#difficulty_container span#diff_rating {
	color:#222;
	font-size:14px;
	display:block;
}
#puzzle_commentsh2 {
	color:#666;
	border-bottom:2px solid #ccc;
margin-top:3px;
}
#comment_options {
	background:#cfe2ff;
	margin-bottom:10px;
	padding:2px 10px;
	color:#999;
	text-align:right;
}
div#add_comment {
  margin:0px 0px;
  text-align:left;
	padding-left:100px;
	padding-top:5px;
padding-bottom:5px;
background:#efefef;

}
div#add_comment form {
width:510px;
}
div#add_comment span {
	color:#999;
}
div#add_comment em {
	color:#777;
}
div#add_comment input[type=submit] {
	display:inline;
}
div#add_comment textarea {
	border:1px solid #74afff;
	padding:5px;
	width:500px;
	height:80px;
	display:block;
	margin-bottom:10px;
}
div.comment_body {
	display:block;
	margin-bottom:5px;
	padding-left:2px;
	color:#444;
	font-size:13px;
}
div.comment_info {
	display:block;
	font-size:12px;
	color:#999;
}
div.comment_info a {
	text-decoration:none;
	font-weight:bold;
}
div#puzzle_comments {
	width:600px;
	margin-left:5px;
	margin-bottom:10px;
}
#login_form label, #login_form input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

#login_form label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}

#login_form br {
	clear: left;
}
/*------------------------------------*/
.standard_form label {
	display:block;
}
.standard_form input[type=text], .standard_form input[type=password] {
	width:200px;
	padding:3px;
	font-size:16px;
}
.standard_form input[type=submit] {
	display:block;
	padding:3px;
	font-size:16px;
	margin-top:5px;
    width:200px;
}
/*------------------------------------*/
#user_welcome {
	margin-top:10px;
	background:#bbff8d;
	border:1px solid #80c651;
	padding:10px;
	text-align:center;
	position:relative;
	margin-bottom:5px;
}
#user_welcome img {
	position:absolute;
	top:2px;
	left:5px;
}

#footer { clear: both; padding: 5px 0; border-top: 1px solid #ccc; text-align:right; color:#666; }

