/*
Theme Name: Shuffle Up Theme
Theme URI: http://www.flytonic.com
Description: Shuffle Up Theme with Flytonic Framework for Wordpress!
Version: 1.0
Author: Thomas Calkins
Author URI: 
Template: flytonictheme

*/



/**************** Links and Main Content *****************/

a, a:visited {color:#007075; text-decoration: none;}
	
a:hover {color: #999; text-decoration: none;	}

html {background-color: #d66d6d;}
body {margin: 0 auto; width: 1000px; background:#f2f2f2 url("images/bg.gif") repeat-x; color:#464646; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:1.3em; }

#main{width:1000px; margin:0px auto 0px auto; background:#FFF; }

#content{margin:0px auto 0px auto; clear:both; padding-top:10px; padding-left: 10px; padding-right: 10px; background:url("images/contentbg.gif") repeat-x;}

#content p{padding: 0px 0px 10px 0px; margin: 0px; }
	 
img {border:0;}

/****************** HEADER ***************************/

#header {height:90px; width:1000px; margin:0px auto 0px auto; background:none;}

#header h2{font-size:16px; font-family:"Tw Cen MT", Helvetica, sans-serif; color:#006699; text-transform:uppercase; }

#header h3 { margin:0px 0px 0px 15px; color:#888; font-size:12px; }

#header-left{float:left; width:200px; padding:10px 0px 0px 5px;}

#header-middle{float:left;  padding-top:0px; }

#header-right{float:right; width:200px;  padding-top:45px; margin:0px 0px 0px 40px; }
			  
/****************** Navigation bar ***************************/

#navbar{width: 100%; color:#000; background:#02405e url("images/navbg.gif") repeat-x; height:34px;  clear:both; border-bottom:3px solid #DDD;  } 

#nav{display: block; height:34px; width:100%; margin:0; }

#nav, #nav ul {line-height: 22px; margin:0; padding:0; list-style: none; }

#nav li {float: left; font-size:12px; font-weight:bold; background:url("images/navbreak.gif") right top no-repeat;}

#nav li a,#nav li a:visited {color:#FFF; display:block; padding:6px 16px 6px 16px; }

#nav li a:hover, #nav li a:active {color:#FFF; background:url("images/navhoverbg.gif") repeat-x; }	

#nav li ul {position: absolute; left: -999em; width:160px; margin:-1px 0px 0px 0px; line-height: 14px; background:#022339;}

#nav li li { width: 160px; margin:0; border-bottom:1px solid #02324b; font-size:10px; background:none; }

#nav li li a, #nav li li a:visited {color:#FFF; }

#nav li li a:hover, #nav li li a:active {background:#333; color:#FFF; }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto; }

#nav li.current_page_item a, #nav li.current_page_parent a {color:#FFF;}

#nav li.current_page_item, #nav li.current_page_parent {color:#FFF; background:url("images/navactivebg.gif") repeat-x; }

#nav li.current_page_item a:hover, #nav li.current_page_parent a:hover {background:url("images/navhoverbg.gif") repeat-x; color:#FFF;}	

#nav li.current_page_item li, #nav li.current_page_parent li {background:#022339;  }	

#nav li.current_page_item li a, #nav li.current_page_parent li a {color:#FFF;  }	

#nav li.current_page_item li a:hover, #nav li.current_page_parent li a:hover {background:#333;  }	

#nav li.current_page_item ul {margin-top:-1px;}	

/************************ Search *******************************************/

.topsearchform { margin:0px; }

.topsearchinput{width:119px; color:#888; background:url("images/searchbg.png") no-repeat; border:0;  padding:4px 5px 4px 10px;  margin-right:5px;  }

.topsearchsubmit{width:54px; background:url("images/searchbutton.gif") no-repeat; border:none;  padding:3px 0px 3px 0px;   }
						   
.topsearchsubmit:hover{background:url("images/searchbuttonh.gif") no-repeat;}

#searchinput{ width:119px; color:#888; background:url("images/searchbg.png") no-repeat; border:0;  padding:4px 5px 4px 10px;  margin:10px 5px 10px 5px;}

#searchsubmit{width:54px; background:url("images/searchbutton.gif") no-repeat; border:none;  padding:3px 0px 0px 0px;   }

#searchsubmit:hover{ background:url("images/searchbuttonh.gif") no-repeat; }

/******************** Main Layout ***************************/

#topcontent{ width:960px; margin:0px auto 15px auto; padding:0px 0px 10px 0px; border-bottom:1px solid #DDD;}

#middlecontent{float:left; padding:10px 0px;  margin: 0 10px; width:640px; }
			  	  
#middlecontent h1, #middlecontent h2, #middlecontent h3, #middlecontent h4{margin:0px 0px 14px 0px; line-height:.9em; }

#middlecontent h2{ font-size:16px;}

#middlecontent h3{ font-size:16px;}

#middlecontent h4{ font-size:14px;}

#middlecontent ul {margin:5px 0px 0px 25px; padding:0;}

#middlecontent li {margin: 0px 0px 6px 0px; list-style:url("images/bullet.gif") outside;}
				  
.sidebar{float:left; padding:10px 0px; line-height:1.1em; width:300px; margin: 0 10px; font-family:"Trebuchet MS", Arial; font-size:12px; }

.sidebar h2{margin:0px 0px 0px 0px; font-weight:normal; font-size:13px; font-weight:bold;  padding:9px; background:#dce0e3 url("images/sideh2bg.gif") repeat-x; border-bottom:3px solid #CCC;    }

.sidebar ul{margin: 0;  padding: 10px 0px 5px 20px;  }

.sidebar li{padding: 0; margin: 0px 0px 8px 0px; list-style:url("images/bullet.gif") outside;  }

.sidebar .block{ margin-bottom:25px; border-top:1px solid #DDD; border-left:1px solid #DDD; border-right:1px solid #DDD; background:#FFF url("images/block_bottom.gif") repeat-x bottom;}
		  
/*************************** Misc Styles ********************************/
   
.bannerwidget{display: block; margin:5px auto 20px auto; float:none; text-align:center; padding:0px 0px 8px 0px;	}

.tablewidget,.textwidget,#searchform{margin-bottom:30px;}

.articleimg{ float:left; padding:4px; border:1px solid #DDD; margin: 0px 15px 0px 0px;}

.bylines{ margin:0px 0px 10px 0px;  font-size:11px; text-transform:uppercase; color:#777;  }

.moreinfo{margin-bottom: 15px; border-top: 1px solid #EEE; padding-top:3px; font-size:11px; color:#777; font-family:"Trebuchet MS", Arial; font-style:italic;}

.breadcrumb{ margin:0px 0px 20px 0px; font-size:10px; padding:3px; color:#666; font-weight:bold; background:#FFF url("images/block_bottom.gif") repeat-x bottom;}

.current_crumb{font-weight:normal;}

#middlecontent h1.title, #middlecontent h3.title{margin-bottom:2px;}

.excerptlist {background:none; margin:0px 0px 25px 0px; padding:1px; border:1px solid #EEE; background: url("images/block_bottom.gif") repeat-x bottom;}

.articleexcerpt { clear:both; background:url("images/exbg.gif") repeat-x top; padding:10px 15px 0px 15px; border-bottom:1px solid #EEE;}

/******************* Image format ****************************************/

p img {padding: 0; max-width: 100%;	}

img.centered, .aligncenter, div.aligncenter {display: block; margin:10px auto 10px auto; float:none; text-align:center; padding:2px;	}

img.alignright {float: right; margin: 0px 0px 5px 10px; border:1px solid #DDD; padding:4px;}

img.alignleft {float: left; margin: 0px 10px 5px 0px; border:1px solid #DDD; padding:4px;	}

.alignright {float: right; }

.alignleft {float: left; }

/****************** Captions *****************************/

.wp-caption {border: 1px solid #ddd; text-align: center; background: #EEE; padding-top: 4px; margin: 10px;
-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

.wp-caption img {margin: 0; padding: 0; border: 0 none; }

.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/******************* Comments ****************************************/

#middlecontent h3.commentsh3  { margin-top:40px; }

#commentform input {width: 250px; padding: 2px; margin: 5px 5px 1px 0;	border-top:1px solid #DDD; border-right:1px solid #DDD;
border-bottom:1px solid #CCC; border-left:1px solid #CCC; color:#666;	}

#commentform {margin: 5px 10px 0 0;	}

#commentform textarea {	padding: 2px; width: 330px;	border-top:1px solid #DDD; border-right:1px solid #DDD; border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;color:#666; }
	
#respond{margin-top:40px;}
			 
#respond:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden;	}

#commentform #submit {margin: 0; width:100px; background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center;  text-transform:uppercase;	}

#commentform #submit:hover { background:#09bbfd; border:1px solid #09bbfd; }

.alt {margin: 0;padding: 10px;}

.commentlist {padding: 0;margin:0px 40px 0px 20px;text-align: justify;}

.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;border:1px solid #ddd;	}
	
.commentlist li ul li { margin-right: -5px;	margin-left: 10px;}

.commentlist p {margin: 10px 5px 10px 0;}

.children { padding: 0; }

#commentform p {margin: 5px 0;	}

.nocomments {text-align: center; margin: 0; padding: 0;	}

.commentmetadata {font-size:10px;}

ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }

ol.commentlist li div.reply:hover { background:#09bbfd; border:1px solid #09bbfd; }

ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }

.fn{font-size:14px; font-style:normal; font-weight:bold;}

.avatar {float:right; padding:5px;}

/************************** Footer************************/

#footer {width:980px; height:40px;  padding:10px; color:#FFF;  margin:0px auto 0px auto; font-size:11px; background:#0b3c64 url("images/footerbg.gif") repeat-x top;  }

#footer a{color:#FFF; text-decoration:none; }

#footer a:hover{color:#FFF; text-decoration:underline; }

#footerright{ float:right;}

#footerleft { float:left; }
			   
#footerright ul{margin:2px 0px 0px 0px; padding:0;}

#footerright li{ margin: 0px 14px 0px 0px; display:inline; list-style:none;}

/************************** Affiliate Site Widgets ***********************/

.toprooms { margin:0px 0px 5px 0px; font-size:12px;  }

.toprow1{background:url("images/topsiteheading.gif") repeat-x; color:#FFF; font-weight:bold; border-top:1px solid #0198ce; }

.toprow2{ background:url("images/toproomsbg.gif") repeat-x;}

.rank{ font-size:11px; font-weight:bold; color:#b6221a;}

.bonustable{ margin-bottom:5px;}

/**************************Featured Site ***********************/

.featured { margin:-15px 0px 25px 0px; padding:10px; border:1px solid #DDD; line-height:1.2em;}

.featleft{ float:left; height:132px; width:33%; padding:25px 5px 5px 5px; background:url("images/featuredlogo_bg.gif") no-repeat center;}

.featleft2{ float:left; height:132px; width:33%; padding:15px 5px 5px 5px; background:url("images/featuredlogo_bg.gif") no-repeat center;}

.featright{ float:right; margin-left:10px; width:60%;}

.feattitle{ font-weight:bold; font-size:16px;}

.featrow2{ font-weight:bold; border-bottom:2px solid #EEE;}

.featurebuttom{ background:url("images/toproomsbg.gif") repeat-x top; padding:12px 0px 0px 0px;}

.featrate{ color:#0099FF;}

/**************************Middle Bonus Table ***********************/

.middlesites{margin:-15px 0px 25px 0px; padding-bottom:3px;  font-size:11px; border:1px solid #DDD; font-weight:bold; background:url("images/bottomtable.gif") repeat-x bottom;}

.sitesrow1{color:#FFF; background:url("images/middletablehead.gif") repeat-x; }

.sitesrow2 {background:url("images/toproomsbg.gif") top repeat-x;  }

/**************************Site Widget ***********************/

.roomwt{ padding:12px 5px 12px 5px; font-weight:bold; font-size:16px; }

.greenb{ color:#006633;}

/************************** Review Page ***********************/

.casinoinfo{ padding:10px; border:1px solid #DDD; line-height:1.2em;  margin:-15px 0px 25px 0px; font-weight:bold; background:#FFF url("images/block_bottom.gif") repeat-x bottom;}

.casinoinfoleft{ float:left; width:25%; padding:5px 5px 5px 5px; border:1px solid #EEE;}

.casinoinforight{ float:right; width:70%; margin-left:15px;}

.casinorow1{ border-top:1px solid #DDD;}

.casinotitle{ font-size:20px;}

.casinorate{ color:#0099CC;}

h2.reviewheading { margin:0px 0px 2px 0px !important; padding:6px; background:#09bbfd;  font-size:14px !important;}

.topreview { margin-bottom:25px; padding:10px; border:1px solid #DDD; line-height:1.2em; font-size:14px; font-weight:bold; background:#FFF url("images/block_bottom.gif") repeat-x bottom;}

.reviewleft{ float:left; border:1px solid #EEE; width:28%; padding:5px; margin-left:15px;}

.reviewright{ float:right; margin-left:20px; width:55%;}

.reviewinfoleft { float:left; margin-bottom:25px; width:47%; border:1px solid #DDD;  background:#FFF url("images/block_bottom.gif") repeat-x bottom;}

.reviewinforight{ float:left; margin:0px 0px 25px 4%; width:48%; border:1px solid #DDD; background:#FFF url("images/block_bottom.gif") repeat-x bottom;}

.siteinfo1 { font-weight:bold; color:#999; border-bottom:1px solid #EEE;}

.siteinfo2 { font-weight:bold; border-bottom:1px solid #EEE;}

.reviewinforight li { font-size:11px; color:#000; list-style-image:url("images/probullet.png") !important; margin-left:40px; }

.reviewinforight ul { margin:5px 0px 5px 40px !important;} 

.reviewinfoleft li { font-size:11px; color:#000; list-style-image:url("images/conbullet.png") !important; margin-left:40px; }

.reviewinfoleft ul { margin:5px 0px 5px 40px !important;} 

#header-title {
	width:396px;
	height:90px;
	position: absolute;
	left:50%;
	top: 0px;
	text-align:center;
}

#header-title a {
	color: #FFF;
	font-size: 40px;
	font-weight: normal;
	line-height: 43px;
	text-decoration: none;

	display:block;
	width:396px;
	height:60px;
	text-shadow: 0px -1px 0px #212225;
	filter: dropshadow(color=#212225, offx=0, offy=-1);	
	font-weight:bold;	
}

#header-description {
	color: #FFF;
	font-size: 10px;
	width:396px;
	height:27px;
	text-align: center;
	line-height: 27px;
	position: absolute;
	left:50%;
	margin-left:-207px;
	top:47px;

	text-shadow: 0px -1px 0px #212225;
	filter: dropshadow(color=#212225, offx=0, offy=-1);
	font-weight:bold;
}

#title-description {
	color: #FFF;
	font-size: 40px;
	width:596px;
	height:27px;
	text-align: center;
	line-height: 27px;
	position: absolute;
	left:50%;
	margin-left:-270px;
	top:0px;
	text-shadow: 0px -1px 0px #212225;
	filter: dropshadow(color=#212225, offx=0, offy=-1);
	font-weight:bold;
}


#middlecontent h1{ font-size:22px;}


@font-face {
	font-family: 'Bello';
	src: url("../../../police/Bello-Script.ttf");
	src: url("../../../police/Bello Pro.otf");
	font-weight: lighter; 
	font-style: normal;
	}