/*
Theme Name: casino ms multi general 1
Description: Child theme of the webpals framework
Author: Webpals
Template: framework
*/
@import url("http://www.svenskroulette.com/wp-content/themes/framework/style.css");

html { overflow-y: scroll;  height:100%; } 
body { 
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
	color: #fff; 
	height:100%;
	background:url(images/bg-top.png) repeat-x top;
	vertical-align:baseline;
} 

/*
===============================================================
		layout
===============================================================
*/

/* behavior: url(../js/PIE.htc); */

#wrap {
	width:960px;
	margin:0 auto;	
}
#header { overflow:hidden; height:80px; }
#header  img, #header  li{
	display:inline;
	text-align:
}

#header .logo {
	display:block;
	float:left;
	width:50%;
	line-height:80px;
	
	
	font-size:36px;
	font-weight:bold;
	
	text-decoration:none;
	text-transform:uppercase;
	
	color:#fff;	
	letter-spacing:1px;
}


#header .logo span { 
	color:#FC0;
	text-shadow:1px 1px 0 #F00; 
	-webkit-text-shadow:1px 1px 0 #F00; 
	-moz-:1px 1px 0 #F00; 

}
#header .icons {
	margin:16px 0 0 700px;
	text-align:right;
	height:32px;
}
#header .icons li { 
	display:block;
	float:left;
	padding:0 5px; 
	height:32px; 
	line-height:32px; 
}
#header .icons  img { display:inline-block; margin:8px 0;  }

.falsenav   {  margin:0 0 0 700px;}
#footer { 
	min-height:80px;
	clear:both;
	display:block; 
	background:url(images/bg-bottom.png) repeat-x top #4c4c4c;
}

	.colophon { 
		width:960px;
		margin:0 auto; 
		padding:16px 0;
	}
	.colophon li, .colophon li a { display:inline; }
	.colophon li a { padding:0 10px; text-transform:capitalize; font-size: 16px; color:#fff; text-decoration:none; }
	.colophon li a:hover { color:#F36; }
	

#sidebar, #main {
	background:url(images/black75.png);
	min-height:500px;
}
#main {
	margin:48px 0 16px 0;
	width:698px; 
	float:left;
}
	.left #main { float:right; }
	.fullwidth #main { width:100%; }
	
	.nosidebar #main { float:none; margin:48px auto 16px auto; }
	
#sidebar {
	margin:190px 0 16px 0;
	width:216px;
	float:right;
	border-top:none;
	color:#333;
}

	.girls { 
		position:relative; 
		height:360px; 
		margin:-180px 0 0 0; 
	}
	
	.girls img {
		position:absolute;
		right:50%;
		margin-right:-140px;
	}
	.left #sidebar { float:left; }
	.fullwidth #sidebar, .nosidebar #sidebar { display:none; }
	
	
	#sidebar h3, #sidebar h2 { color:#000; }
	
	.banner-big {
		width:170px;
		padding:16px 38px;
		margin:16px -14px;	
		background:url(images/side-banner.png) no-repeat top center;
		text-align:center;
	}
	.banner-big img, .promo-3 img {
		display:block;
		margin:16px auto;
		max-width:170px;
	}
	.banner-big a.btn, .promo-3 a.btn {
		margin:8px auto	
	}
	.banner-big big, .promo-3 big {
		display:block;
		font-size:36px;
		font-weight:bold;
		line-height:32px;	
	}
	
	
	.banner-big p { margin:0; }
	
	#sidebar .banner-sml {
		margin:16px 14px;
		padding:10px;
		position:relative;
	}
	
	#sidebar .banner-sml h2 { font-weight:bold; }
	
	#sidebar .banner-sml a {
		position:absolute;
		bottom:20px;
		margin:0 0 0 30px;
	}
	
	#sidebar .nav, .favorits {
		background:#828282;
		margin:16px 14px;
		padding:16px 10px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		behavior: url(http://www.svenskroulette.com/wp-content/themes/js/PIE.htc);
	}
	#sidebar .nav li a {
		display:inline-block;
		padding-left:24px;
		background:url(images/bullet-links.png) no-repeat 0 4px;	
		margin-bottom:16px;
	}
	
	
	.silver {
		margin:16px 14px;
		padding:16px 10px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		background:#f3f2f2 url(images/silver.png) repeat-x 0 100%; text-align:center;
	}
		
	.ie7 sidebar .nav, .ie7 .favorits, .ie8 sidebar .nav, .ie8 .favorits { }
	
	
		#sidebar .favorits img { 
			float:left; 
			max-width:60px;
		} .ie6 #sidebar .favorits img { width:60px; }
		
		#sidebar .favorits p   { padding-left:70px; color:#fff; border-bottom:1px solid #c7b673; }
		#sidebar .favorits a { line-height:32px; }
			
			#sidebar .favorits p:last-child   { margin:0; border:none; }
			
			
			
			
		
		
		
		
		/*
		.ie7 .silver {
			background: -ms-linear-gradient(top, #ffffff 0%,#eaeaea 100%); 
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EAEAEA',GradientType=0 ); 
			background: linear-gradient(top, #ffffff 0%,#eaeaea 100%); 
		}*/
		
		.silver img, .silver a {
			display:block;
			margin:8px auto 8px auto;
			max-width:170px;
		} .ie6 .silver img { width:170px; }
		.silver p     { margin:16px 0 0 0; }
		.silver big  { font-size:32px; font-weight: bold; color:#000; display:block; line-height:32px; }
		.silver .logo { margin:0 auto -32px auto; position:relative; }
		
	

.post { margin:16px 60px; }


ul.nav { 
	padding:0 40px; 
	height:48px;
	position:relative;
	clear:both;
	margin:-1px auto 0 auto;
	background:url(images/nav.png) no-repeat 30px 100%; 
}

ul.nav li   { float:left; position:relative; }
ul.nav li a { 
	float:left;
	display:block;
	height:48px;
	line-height:48px;
	padding:0 10px;
	color:#c2c2c2;
	font-size:16px; 
	text-decoration:none; 
	text-transform:capitalize;
	
}

ul.nav li a:hover, ul.nav li:hover, ul.nav li.current-menu-item, ul.nav li.current-menu-item a { background:url(images/black90.png); color:#F5D969; }
/*ul.nav li a.active { background:#000; }*/


ul.nav  ul {
	display: none;
	position: absolute;
	height:auto;
	top: 48px;
	left: 0px;
	float: left;
	min-width:200px;
	background:url(images/black90.png) ;	
	padding:16px 10px;
}
ul.nav ul li {
	display:block;
	float:none;
	height:32px;
	line-height:32px;
	min-width: 180px;
	background:none;
}
ul.nav ul ul { left: 100%; top: 0; }
ul.nav ul a  {
	display:block !important;
	float:none;
	background: none;
	height:30px;
	line-height:30px;
	border-top:1px solid #333;
	width:85% !important;
}

.ie7 ul.nav ul a {
	
	display:block !important;
	width:180px !important;
	
}

ul.nav li:hover > ul { display: block; }	
	








.banner-bottom {
	background:url(images/BannerFrame.png) no-repeat top center;
	height:130px;
	padding:54px 40px 0 240px;
	margin:16px auto;
	color:#000;	
	position:relative;
}
.banner-bottom .bannerBg {width:437px;padding-left:213px;padding-top:20px;height:106px;position:absolute;top:42px;left:22px;background:#FFFFFF url(http://www.svenskroulette.com/wp-content/themes/casino-ms-multi-general-1/images/DSlotFather.png) no-repeat left 0;}
.fullwidth .banner-bottom { width:418px; }
.banner-bottom h2 {
	font-size:20px;
	font-weight:bold;
	color:#000;	
	
}
.banner-bottom p, .banner-bottom h2 { 
	padding-right:160px;
	margin:0 0 8px 0;
}
.rightBannerText {color:#fecb00;position:absolute;right:0px;top:20px;height:126px;width:165px;}
.rightBannerText span, .rightBannerText p {width:165px;text-align:center;display:inline-block;}
.rightBannerText .Price {font-size:50px;font-weight:bold; line-height: 50px;}
.rightBannerText p {text-transform:uppercase;font-size:14px;font-weight:bold;padding:0;}

.banner-bottom a.btn { float:left; margin-right:5px; }




#main .banner-sml {
	width:260px;
	height:114px;
	padding:32px 40px 16px 40px;
	background:url(images/banner-sml.png) no-repeat 0 0;
	margin:0 auto;	
	color:#000;
}
	#main .banner-sml a.btn { float:left; margin-right:5px; }
	#main .banner-sml h2 {
		font-weight:bold;
		color:#000;
		line-height:32px;
		margin:0;	
	}

/*
========================================================= promo 3 rooms
*/






.promo-3 {
	margin:16px auto;
	padding:16px 60px;
	background:url(images/bars.png) no-repeat top center;
	overflow:hidden;
}
.fullwidth .promo-3 { width:585px; }


.promo-3 li {
	width:166px;
	padding:0 10px 16px 10px;
	float:left;
	display:block;
	position:relative;	
	background:url(images/banner-w.jpg) no-repeat top center;
	min-height:200px;
	text-align:center;
	color:#000;
}

.promo-3 li.middle { margin:0 10px; }

.promo-3 li p { margin:0; height:64px; overflow:hidden; display:block; }
.promo-3 li a.btn { margin:8px auto; }



/*
================================================================ review
*/

.review h1 {
	width:390px;
	margin:16px 0 16px 60px;
	float:left;
}
.review .info {
	float:right;
	text-align:center;
	color:#666;
	width:240px;
	margin:16px 0 32px 0;
	font-size:11px;
}

.review .info .banner {
	padding:16px 40px;
	background:url(images/side-banner.png) no-repeat top center;
	
}

.review .info img, .review .info a {
	display:block;
	margin:8px auto;
	max-width:190px;	
}
.info .rating { margin:8px auto; }
.review .info ul {
	border-top:1px solid #FC0;
	padding-top:16px;	
}
.review .info li {
	padding:0 0 0 40px;
	min-height:32px;
	text-align:left;
	margin: 0 0 8px 0;
	display:block;
	clear:both;
}

.ie6 .review .info li, .ie7 .review .info li { display:inline-block !important; }

.info li.row-1 { background:url(images/icon-1.png) no-repeat 0 0; }
.info li.row-2 { background:url(images/icon-2.png) no-repeat 0 0; }
.info li.row-3 { background:url(images/icon-3.png) no-repeat 0 0; }
.info li.row-4 { background:url(images/icon-4.png) no-repeat 0 0; }

.ie6 .review .info li { height:48px; }


th, td, table, tbody, thead, table img, table a, table span { vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; width:100%; }

.t-wrap {
	margin:16px -11px;
	text-align:center;
	background:url(images/table-foot.png) no-repeat  0 100%;
	padding-bottom:9px;
}

.fullwidth .t-wrap {
	width:720px;
	margin:16px auto;
	background:none;
	padding:0;
}
	.t-wrap th { 
		background:#303030; 
		padding:10px; 
		text-transform:uppercase; 
		border:1px solid #000; 
	}
	.t-wrap td {
		height:48px;
		border-bottom:1px dashed #595959;
		background:#F6F6F6;	
	}
	
	/*.t-wrap .last td { border:none;	}*/
	
	.t-wrap td img, .t-wrap td a.btn {
		display:block;
		margin:0 auto;	
	}
	
	.t-wrap td { color:#595959; }
	
	td span.rating { margin:0 auto; }
	
	td.col2 a { color:#595959; }
	
	.t-wrap a.all {
		display:block;
		background:#303030;
		line-height:32px;
		text-align:left;
		padding:0 0 0 20px;	
	}


a.btn {
	display:block;
	width:90px;
	height:24px;
	line-height:24px;
	padding:0 20px 0 10px;
	color:#345623;
	background:url(images/btn.png);
	text-align:center;	
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
}

a { color:#acc24f; text-decoration:underline; outline:none; }

h1, h2, h3, h4, h5, h6 {
	line-height:16px;
	margin-bottom:16px;
	color:#f5d969;
	text-transform:uppercase;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
}

h1 { font-size:24px; padding-bottom:16px; border-bottom:1px solid #f5d969; line-height:32px; clear:both; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:12px; }
p  { margin:0 0 16px 0; }



.fr  { float: right; }
.fl  { float: left;  }
.cb  { clear: both; }
.cbf { clear: both; display:block; height:0; line-height:0; }


/*
===================================================================== rating
*/	


span.rating { 
	display:block;
	background-image:url(images/stars.png) ;
	background-repeat:no-repeat;
	width:90px;
	height:20px;
	text-indent:-9999px;
	margin:0 auto;
}

.s-0   { background-position: 0 -200px; }
.s-0-5 { background-position: 0 -180px; }
.s-1   { background-position: 0 -160px; }
.s-1-5 { background-position: 0 -140px; }
.s-2   { background-position: 0 -120px; }
.s-2-5 { background-position: 0 -100px; }
.s-3   { background-position: 0 -80px; }
.s-3-5 { background-position: 0 -60px; }
.s-4   { background-position: 0 -40px; }
.s-4-5 { background-position: 0 -20px; }
.s-5   { background-position: 0 0; }






/*
============================================================= images
*/


.alignleft, img.alignleft {
	float:left;
	margin:0 20px 16px 0;	
}

.alignleft img { float:none; margin:0; }

.alignright, img.alignright {
	float:right;
	margin:0 0 16px 20px;	
}

.alignright img { float:none; margin:0; }

.stl {

    background: none repeat scroll 0 0 #99CC00;
    color: #FFFFFF;
    height: 50px;
    left: 0;
    line-height: 50px;
    padding: 0 20px;
    position: absolute;
    top: 0;
	
}
.stl li, .stl li a {
    color: #FFFFFF;
    display: inline;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
}