/*  
Theme Name: Casino
Theme URI: http://gettemplate.com/
Description: Custom WP theme designed and coded for Casino Spotlight

Version: 1.0
Author: GetTemplate
Author URI: http://gettemplate.com/
GetTemplate � 2009. All rights reserved. 
*/

/* RESET */
*{ margin: 0; padding: 0;}
a img, iframe{ border: 0; }
h1, h2, h3, h4, h5, h6{font-weight: normal; margin-bottom: 15px;}
ul, ol, dl, li, dt, dd{ list-style: none; }
form, fieldset{ border: 0; }	
input, textarea, select, button { font-size: 100%; font-family: serif; }
select{ margin: inherit; }
table{ border-collapse: collapse; border: 0; } 
td, th, caption{ font-size: 100%; font-weight: normal; text-align: left; }

/* LAYOUT */
body{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; background-color: #262626; }
#Logo, #Head, #Content, #Footer{ float: left; width: 100%; }
.wrap{ width: 960px; margin: 0 auto; }

#Logo{ height: 79px; background: #0F0F0F; }
	#Logo .wrap{ position: relative; }
	#Logo h1{ display: block; margin: 0; padding: 0; position: relative; left: -30px; width: 443px; height: 79px; background: url(sprite2.gif); background-position: 0px 0px; }
	
	
	
	#Logo span{ display: block; margin: 0; padding: 0; position: relative; left: -30px; width: 443px; height: 79px; background: url(sprite2.gif); background-position: 0px 0px; }
	#Logo span a{ display: block; width: 443px; height: 79px; text-indent: -5000px; }
	 
	
		#Logo h1 a{ display: block; width: 443px; height: 79px; text-indent: -5000px; }
#Head{ height: 219px; background: #5E8F18 url(bg_header_repeat.gif) repeat-x; border-top: 1px solid #93B761; border-bottom: 1px solid #C1C1C0; }
	#Head .wrap{ height: 187px; padding: 32px 0 0 0; background: url(bg_header.jpg) no-repeat; text-align: center; }
	#Head h2{ display: block; width: 812px; height: 62px; padding: 0; margin: 0 auto; background: url(sprite2.gif); background-position: 0px -132px; text-indent: -5000px; }
#Content{ background:#E5E5E1 url(bg_content_repeat.gif) repeat-x;}
	#Content .bg_center{ float: left; width: 100%; background: url(bg_content.jpg) no-repeat top center; }
	#Page{ float:left; background: white url(bg_page_repeat.gif) repeat-y; border: solid #B9B9B6; border-width: 0 1px; }
		#Page .wrap{ float:left; width:958px;  background:url(bg_page.jpg) no-repeat;}
#Main{ float: left; width: 560px; padding: 30px 0 30px 30px; }
#Side{ float: right; width: 300px; padding: 20px 20px 20px 0; }
#Footer{ padding: 0 0 60px 0; color: #cccccc; background: url(sprite2.gif) repeat-x; background-position: 0px -284px; font: 11px Tahoma, Arial, Helvetica, sans-serif; line-height:1.5em;}
	#Footer .wrap{ background: url(sprite1.png) no-repeat; background-position: -10px -249px; padding: 30px 0 0 0; }
	#Footer a{ color: #f3e9d7; }
#Footer .left { font-size: 110%;}
#Footer .left a{ font-size: 90%; color: #f3e9d7; text-decoration: none;  }

/* header search form */
#searchform{ position: absolute; top: 16px; right: 0; width: 318px; height: 53px; background: url(sprite2.gif);  background-position: 0px -79px; }	
	#s{ float: left; padding: 18px 0 0 18px; width: 240px; border: 0px none; background: none; color: #FFECB9; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
	#sbtn{ float: right; width:55px; height:45px;margin:-15px 0 0 0; padding:0; background: none; border: 0px none; cursor:pointer;}

/* Top Navigation - Buttons */
#Topnav{ float: left; display: block; padding: 26px 0 0 0; margin: 0; height: 97px; width: 958px; overflow: hidden; list-style: none; font: normal normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; }	
	#Topnav li{ float: left; height: 97px; padding: 0 0 0 10px; margin: 0; background: url(sprite1.png) no-repeat left; background-position: -10px -289px; }
	#Topnav i{ float: left; height: 97px; padding: 0 10px 0 0; background: url(sprite1.png) no-repeat right; background-position: 90px -406px; font-style: normal; }
	#Topnav b{ float: left; height: 97px; background: url(sprite1.png) no-repeat center; background-position: -42px -10px; font-weight: normal; }
	#Topnav li.div{ padding: 0; background: none;}
	#Topnav a{ display:block; height:27px; padding:57px 0 0 0; text-decoration: none; color: #3b3b3b; }
	#Topnav li.current_page_item{ background-image: url(top_btn_left_on.gif); background-position:left center; }
	#Topnav li.current_page_item i{ background-image: url(top_btn_right_on.gif); background-position:right center; }
	#Topnav li.current_page_item b{ background-image: url(top_btn_center_on.gif); background-position: center bottom; }
	#Topnav li.current_page_item a{ color: #BA161C; }

/* Top nav ID specific */	
	.page-item-145 a{ background: url(sprite1.png) no-repeat 27px -515px; }
	.page-item-147 a{ background: url(sprite1.png) no-repeat 27px -601px; }
	.page-item-149 a{ background: url(sprite1.png) no-repeat 27px -687px; }
	.page-item-151 a{ background: url(sprite1.png) no-repeat 27px -773px; }
	.page-item-153 a{ background: url(sprite1.png) no-repeat 27px -859px; }
	.page-item-155 a{ background: url(sprite1.png) no-repeat 27px -945px; }

/* helpers */
.gray{ color: #888888; }
.vivid{ color: #a60000; }
.large{ font-size: 1.2em; }
.larger{ font-size: 1.4em; }
.tl{ text-align: left; }
.tr{ text-align: right; }
.tc{ text-align: center; }
.tj{ text-align: justify; }
.w10{ width: 10%; } .w20{ width: 20%; } .w30{ width: 30%; } .w40{ width: 40%; } .w50{ width: 50%; } .w60{ width: 60%; } .w70{ width: 70%; } .w80{ width: 80%; } .w90{ width: 90%; } .w100{ width: 100%; }
.w15{ width: 15%; } .w25{ width: 25%; } .w35{ width: 35%; } .w45{ width: 45%; } .w55{ width: 55%; } .w65{ width: 65%; } .w75{ width: 75%; } .w85{ width: 85%; } .w95{ width: 95%; } 
.left{ float: left; }
.right{ float: right; }
.center { display: block; margin-left: auto; margin-right: auto; }
.clear{ clear: both; font-size: 1px; height: 1px; overflow: hidden; }
.navigation .alignleft{	float:left; }
.navigation .alignright{ float: right; }


/* Content */
a{ color: #414f58;  }
#Main a:hover{ color: #f00000; }
p{ margin: 0 0 18px 0; }
ul{ margin-bottom: 18px; }
	li{ background: url(bullet.gif) 0 4px no-repeat; padding: 0 0 0 15px; margin: 0 0 5px 5px; }
h2{ font-weight: bold; font-size: 18px; color: #31312a; }
h3{ font-size: 17px; color: #31312a; margin: 0 0 10px 0; }
h4{ font-weight: bold; font-size: 14px; color: #31312a; margin: 0 0 10px 0; }
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; line-height: 1.5em; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #f5f5f5; }
blockquote cite { margin: 5px 0 0; display: block; }
acronym, abbr, span.caps{ cursor: help; font-size: 0.9em; letter-spacing: .07em; }

/* images */	
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

h2.pagetitle{ margin: 0 0 5px 0; padding: 5px 0 0 0; font: bold 24px Tahoma, Arial, Helvetica, sans-serif; color: #BA161C; }
	h2.pagetitle a{ text-decoration: none; color: #BA161C; }

/* post */
.post{ width:100%; float:left; margin: 0 0 38px 0; padding:0; }
.entry{ padding: 15px 0 0 0; }
	h2.title{ margin: 0; padding: 5px 0 0 0; font: normal 18px Tahoma, Arial, Helvetica, sans-serif; color:#BA161C; }
	h2.title a{ text-decoration: none; color: #BA161C; }
	.prefix{ font-size: 0.9em; margin: 0; color: #96a6b6; }
	.prefix a{ color: #8496a5; }
	p.postmetadata, p.postmetadatasingle{ margin:20px 0 0 0; padding: 7px; font-size: 0.9em; background: #f2f2f2; }
	p.postmetadata a:hover, p.postmetadatasingle a:hover{ color: #DF0000; }

	
/* Post in a block */
#blocks{ width: 580px; margin: 0 -20px 0 0; font-size: 12px; }
	#blocks .post{ float:left; width:248px; overflow:hidden; padding:10px; margin:0 20px 20px 0; border: 1px solid #EAE9E4; background: #F9F9F7 url(sprite2.gif) repeat-x; background-position: 0px -287px; }
	#blocks h2.title{ margin: 0 0 15px 0; padding: 0; font: normal 15px Arial, Helvetica, sans-serif; color:#BA161C; }
	#blocks .entry{ text-align: justify; line-height: 1.3em; padding: 0; }
	#blocks .more-link{ float: right; color: #8D0C12; font-size: 0.9em;  }
	#blocks p{ margin: 0 0 10px 0; }
	#blocks hr{ margin: 7px 0; border-top: 1px solid white; border-bottom: 1px solid #D9D9D7; }
	#blocks .postmetadata{ margin: 0; padding: 0; }
	#blocks .postmetadata a{ color: #8D0C12;  }


/* tables */
tr.tc th, tr.tc td{ text-align: center; }
.table{ margin: 0 0 15px 0; border: 1px solid #EAE9E4; color:#545141;}
	.table th{ background: #EAE9E4; padding: 10px 0; font: bold 11px Arial; }
	.table td{ padding: 5px 0; background: #F9F9F7; border-bottom: 1px solid #EAE9E4;}

/* Content layout */
.box{ background: #EAE9E4; border: 1px solid #bfbfb5; padding: 15px; margin: 0 0 18px 0; }	
	.box h2{ display: block; position: relative; top: -15px; background: #bfbfb5; margin: 0 -15px 3px -15px; padding: 5px 15px 5px 15px; }
.col3{ float:left; list-style: none; width: 570px; margin: 0 -10px 18px 0; font-size: 12px; line-height: 1.3em; list-style-type: none;}
	.col3 p{ margin: 0 0 9px 0; }
	.col3 li{ float: left; width: 180px; margin: 0 10px 0 0; padding: 0;}
div.columns{ float: left; width: 575px; margin: 0 -15px 18px 0; font-size: 12px; line-height: 1.3em; }
	.columns p{ margin: 0 0 9px 0; }
	.columns .column3{ float: left; width: 166px; margin: 0 25px 0 0; }

h3.blocktitle{ display: block; width: 154px; height:25px; padding: 4px 4px 4px 9px; margin: 0 0 8px 0; font-size: 13px;  background: url(bg_block_caption.gif) no-repeat; }
.colorblock{ width: 166px; padding:0 0 10px 0; background: #fafafa url(bg_colorblock.gif) no-repeat bottom; color:#555;}
	.colorblock li{ margin: 0 0 9px 10px;  }
	
	
	
/* Forms */
.entry form {  text-align: center; }/* This one is mainly for password protected posts, makes them look better. */
select { width: 130px; }
#commentform p { margin: 5px 0;   }
#commentform input.text { width: 170px; padding: 2px; margin: 5px 5px 1px 0; border: 1px solid #dcdcdc; background: White; color: #332D26; }
#commentform #author, #commentform #email, #commentform #url{ border: 1px solid #dcdcdc; background: White; }
#commentform textarea { width: 554px; padding: 2px; border: 1px solid #dcdcdc; overflow: auto; background: White; }
#commentform #submit { background: #EAE8E1 url(top_btn_center.gif) 0 -19px; width:150px; padding: 7px 20px; border:1px solid; border-color: #fbfaf7 #c0bdb0 #c0bdb0 #fbfaf7;}
#commentform #submit:hover{ background: #F6F6F2; border-color: #c0bdb0 #fbfaf7 #fbfaf7 #c0bdb0; position:relative; top:1px;}

	/* contact form */
	#contactform{ font-size: 12px;  color: #4c443c; text-align:left; }
	#cp_message{ width: 98%; height: 160px; border: 1px solid #dbd6c3; }
	.textbox{ width: 280px; height: 18px; padding: 1px; border: 1px solid #dbd6c3; }

/* Comments */
h3#comments { padding: 0; margin: 20px auto 20px; font: normal 18px Tahoma, Arial, Helvetica, sans-serif; color:#BA161C; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal;  }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
.commentmetadata { font-weight: normal; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify;  padding-left:0;}
.commentlist li { font-weight: bold; margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none;  background: #fafafa;  }
.commentlist p { margin: 10px 5px 10px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }


/* Side */
#Side{ font-family: Arial, Helvetica, sans-serif; }
	#Side a:hover{ color: #f00000; }
	.widget{ float: left; width: 100%; margin: 0 0 20px 0; }
	#Side h2{ position: relative; left: -20px; height: 32px; padding:9px 0 0 20px; width: 320px; margin: 0 -40px 15px 0; color: white; background: #888177 url(sprite1.png) no-repeat;  background-position: -10px -188px;  font: bold 18px Tahoma, Arial, Helvetica, sans-serif; 	  }
	#Side li{ padding: 0 0 0 20px; background: url(sprite1.png) no-repeat 0 3px; background-position: -10px -1036px; margin: 0 0 10px 0; }
	

#wp-calendar #prev a, #wp-calendar #next a {font-size: 11pxpt;	}
	#wp-calendar caption { font: 9px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center;  margin: 10px 0;  }
	#wp-calendar { empty-cells: show; margin: 0 auto 10px auto; width: 100%;  }
	#wp-calendar th{ text-align:center; font-size: 11px; color: Black; font-style: normal; text-transform: capitalize; }
	#wp-calendar #next{ text-align: right; padding-right:10px;}
	#wp-calendar #prev{ text-align: left; padding-left: 10px; }

	#wp-calendar caption { text-align: center; width: 100%;  font-size: 12px;  }
	#wp-calendar td { font-size:10px; padding: 3px 0; text-align: center;  color:#aaa; }