/*
Theme Name: OnlineSlotMachines
Theme URI: http://onlineslotmachines.org
Description: Custom theme for OnlineSlotMachines.org
Version: 2.8.4
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
img {border:0;}

/*HEADER*/
#header {background:url(images/header-bg.png) repeat-x top; height:100px; width:100%;}
.wrapper {width:935px; margin:auto; height:auto;}
.logo {display:inline; float:left; position:relative; top:20px;}
.site-message {display:inline; float:right; position:relative; top:40px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; font-weight:bold;}

/*NAVIGATION*/
#nav-bg {background:url(images/nav-bg-repeat.jpg) center #78add9; height:39px;}
#nav {background:url(images/nav.jpg) center no-repeat #78add9; height:39px; width:1000px; margin:auto;}
.nav-pages li {list-style:none; display:inline; padding:10px 15px 7px 15px; border-left:1px solid #5a9acf;}
.nav-pages li a:link { color:#FFF; font-size:14px; font-weight:normal; text-decoration:none;}
.nav-pages li a:visited { color:#FFF; font-size:14px; font-weight:normal; text-decoration:none;}
.nav-pages li a:hover { color:#fff; font-size:14px; font-weight:normal; text-decoration:underline;}
.nav-pages li:first-child { padding-left:0px; border-left:0;}
.nav-pages {margin:0; padding:0 0 0 0;}
#nav .wrapper {text-align:center; padding-top:10px;}

/*FEATURE*/
#feature-bg {background:url(images/feature-bg-repeat.png) repeat; height:162px;}
#feature {background:url(images/feature-bg.png) no-repeat center; height:162px; width:1000px; margin:auto; text-align:center;}

/*CONTENT*/
#content {width:100%; background:white;}
#content .wrapper {width:890px; margin:auto; padding:20px 0;}
.leftCol {border:#eff2f4 5px solid; width:310px; position:relative; z-index:1; background:url(images/icon-index-left.png) no-repeat 300px 0px; float:left; padding:0px 30px 10px 30px;}
.clear {clear:both; height:1px;}
.space {padding-bottom:20px;}
.rightCol {border:#eff2f4 5px solid; width:470px; position:relative; z-index:1; float:right; padding:5px;}
.rankings th {background:url(images/th-bg.png) top repeat-x; height:25px; padding-top:4px; text-align:center; color:#00508e; font-size:11px; font-weight:bold; border-right:white 1px solid;}
.rankings td {text-align:center; padding:0; background:url(images/td-bg.png) repeat-x; vertical-align:middle; height:74px; color:#63727f; font-size:12px; font-weight:normal; margin:0; border-right:#d1d9df 1px solid; border-bottom:1px solid white;}
.rankings td.last, .rankings th.last {border-right:0px;}
.baseCol {border:#eff2f4 5px solid; width:870px; margin:auto; position:relative; z-index:1; padding:5px;}
.baseCol.lower {padding:30px; width:845px;}
.baseCol .content {background:url(images/homepage-bottom-bg.png) repeat-x top; width:100%; height:200px;}
.baseCol td {border-right:1px white solid;}
.baseCol td.last {border-right:0;}
.baseCol.lower {padding:10px 20px 10px 20px; width:840px; margin-bottom:20px;}
.baseCol td {vertical-align:top; padding:10px;}
.baseCol td li {font-weight:bold; margin:0 0 3px 0; list-style:url(images/li-orange.png);}
.baseCol td ul {margin:0; padding-left:10px;}
.baseCol td img.left {margin:0 10px 0 0px;}
.baseCol td img.right {margin:0 0px 0 10px;}
.baseCol td h3 {margin-top:0; padding-top:0;}

/*PAGE CONTENT*/
.leftCol.page {border:#eff2f4 5px solid; width:210px; position:relative; z-index:1; background:none; float:left; padding:5px;}
.rightCol.page {border:#eff2f4 5px solid; width:570px; position:relative; z-index:1; float:right; padding:10px 30px 30px 30px; vertical-align:top;}
.rightCol h1:first-child {margin-top:0; padding-top:0;}
.widget ul li {list-style:url(images/inner/arrow.jpg); border-top:1px solid #eff2f4; padding-top:5px; margin-top:5px; list-style-position:inside;}
.widget ul li:first-child {border-top:0;}
.widget ul {padding:0 10px 0 10px; margin:0;}
.widget ul a:link, .pages a:visited {color:#63727f; text-decoration:none;}
.widget ul a:hover {color:#63727f; text-decoration:underline;}
.widget {margin-bottom:30px;}
.widgetspacer {height:15px;}

/*FOOTER*/
#footer-title {background:url(images/footer-title.png) repeat-x top; height:43px; width:100%; position:relative;}
#footer-title .wrapper {width:890px; margin:auto; height:23px; padding-top:10px;}
#footer {background:url(images/footer-bg.png) repeat-x top #7cb1db; width:100%; height:173px;}
#footer .wrapper {height:170px; width:890px;}
#subfooter {background:url(images/subfooter-bg.png) repeat-x top; height:43px; width:100%;}
#subfooter .wrapper {width:890px; margin:auto; height:23px; color:#77acd9; font-size:11px; padding-top:15px;}
#footer h3 {font-size:17px; color:#fff; margin:0; padding:0; text-align:left; padding-top:15px;}
#footer td, #footer li {text-align:left;}
#footer li {color:white; list-style:url(images/li.png); margin:0 0 3px 10px;}
#footer ul {padding:0;}
#footer p {color:#FFF; text-align:left;}
#footer td {padding:0 20px 0 20px; margin:0; vertical-align:top;}
#s {background:url(images/searchbox.png) no-repeat center; border:0; height:26px; width:144px;}
#submit {top:8px; position:relative;}

.left {float:left;}
.right {float:right;}
.inline {display:inline;}

/*ROUNDED CORNERS*/
.tl {position:absolute; left:-5px; top:-5px; z-index:2;}
.tr {position:absolute; right:-5px; top:-5px; z-index:2;}
.bl {position:absolute; left:-5px; bottom:-5px; z-index:2;}
.br {position:absolute; right:-5px; bottom:-5px; z-index:2;}

/*TYPOGRAPHY*/
h1 {color:#e87816; font-size:22px; font-weight:bold; margin-bottom:15px; padding-top:10px;}
h2 {color:#fff; font-size:19px; font-weight:bold; background:url(images/heading-bg.png) repeat-x; height:20px; margin:0; padding:10px;}
h2.rankings {color:#fff; font-size:19px; font-weight:bold; background:url(images/heading-bg.png) repeat-x; height:20px; width:450px; margin:0; padding:10px;}
h2.widgettitle {color:#fff; font-size:19px; font-weight:bold; background:url(images/heading-bg.png) repeat-x; height:20px; width:190px; margin:0; padding:10px;}
h3 {color:#0f4877; font-size:22px; font-weight:bold; margin-bottom:15px; padding-top:10px;}
h4 {color:#00508e; font-size:16px; font-weight:bold; margin-bottom:10px; line-height:16px;}
p, li {color:#63727f; font-size:14px; font-weight:normal; margin-bottom:10px; line-height:16px;}
.white {color:#FFF;}
li {margin-bottom:3px;}
a:link {color:#e87816; text-decoration:underline;}
a:visited {color:#63727f; text-decoration:underline;}
a:hover {color:#e87816; text-decoration:none;}
.rightCol.page ul, .leftCol.home ul {list-style:square; margin-left:20px;}
.rightCol.page ol, .leftCol.home ol {list-style:decimal; margin-left:20px;} 

/*SLIDER*/
#slider{margin:auto; width:890px; padding-top:30px;}	
#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider li{ width:890px;height:150px;overflow:hidden; }	
#prevBtn, #nextBtn{ display:block;width:51px;height:51px;position:relative;left:30px;top:-125px; z-index:10;}	
#nextBtn{ left:920px; top:-175px	}														
#prevBtn a, #nextBtn a{  display:block;width:51px;height:51px;background:url(images/btn_prev.png) no-repeat 0 0;}	
#nextBtn a{ background:url(images/btn_next.png) no-repeat 0 0;	}	

/* image replacement */
 #prevBtn, #nextBtn, #prevBtn2, #nextBtn2{margin:0; padding:0;  display:block;overflow:hidden;  text-indent:-8000px;}

/*BOTTOM SLIDER*/
.bottom-slider {background:url(images/bottom-slider.png) no-repeat; width:366px; height:126px; margin:auto;}
#bottom-slider{margin:auto; width:360px;}	
#bottom-slider ul, #slider li{margin:0;padding:0;list-style:none;}
#bottom-slider li{ width:280px;height:120px;overflow:hidden;  padding-top:8px; }	
#prevBtn2, #nextBtn2{ display:block;width:13px;height:20px;position:relative;left:15px;top:-70px; z-index:10;}	
#nextBtn2{ left:335px; top:-90px	}														
#prevBtn2 a, #nextBtn2 a{  display:block;width:13px;height:20px; background:url(images/btn_prev_bottom.png) no-repeat 0 0;}	
#nextBtn2 a{ background:url(images/btn_next_bottom.png) no-repeat 0 0;	}	
#bottom-slider h3 {color:#e87816; font-size:17px; padding:0; margin:0;}
#bottom-slider p {font-weight:bold; margin:4px 0;}

/*OTHER*/
.popular-articles a:link, .popular-articles a:visited {font-weight:bold; color:#63727f; text-decoration:none;}
.popular-articles a:hover {text-decoration:underline; color:#e87816; }
.white-link a:link, .white-link a:visited {font-weight:normal; color:#fff; text-decoration:none;}
.white-link a:hover {text-decoration:underline; color:#fff; }

/*NEWSLETTER FORM*/
#newsletter-go {border:0; position:relative; top:9px; margin-left:4px;}
#newsletter-top {background:url(images/newsletter-top.png); width:176px; height:26px; margin-bottom:5px; border:0;}
#newsletter-bottom {background:url(images/newsletter-bottom.png); width:125px; height:26px; border:0;}

/*Table - FROM OGS*/
#casino-one {background-image: url('images/table-icons/rushmore.png');background-repeat:no-repeat;width:600px;height:100px;padding-bottom:5px;}
#casino-two {background-image: url('images/table-icons/cherry.png');background-repeat:no-repeat;width:600px;height:100px;padding-bottom:5px;}
#casino-three {background-image: url('images/table-icons/crazy-slots.png');background-repeat:no-repeat;width:600px;height:100px;padding-bottom:5px;}

p.large {font-size:16px;font-weight:bold;padding-top:15px;padding-left:200px;padding-bottom:0px;line-height:12px;}
p.info {padding-left:200px;font-size:12px;}