/*

Theme Name: FruitMachinesOnline.net

Theme URI: http://www.fruitmachinesonline.net

Description: New Design exclusively for www.fruitmachinesonline.net
Version: 1.0

*/

/*Imported */

#main-promo {
	margin-top:4px;
	background:url(images/slots-oasis-promo.jpg);
	width:674;
	height:220px;
	font-family:Arial, Helvetica, sans-serif;
}
#text-float-promo {
	padding-top:85px;
	padding-left:20px;
	z-index:9999;
	width:300px;
	font-size:12px;
}

#promo-2 {
	font-family:Arial, Helvetica, sans-serif;
	margin-top:5px;
	padding:5px;
	float:left;
	width:155px;
	margin-left:2px;
	border-right: solid 1px #b4b4b4;
	font-size:12px;
}
#promo-3 {
	font-family:Arial, Helvetica, sans-serif;
	margin-top:5px;
	padding:5px;
	background-repeat:no-repeat;
	float:left;
	width:155px;
	border-right: solid 1px #b4b4b4;
	font-size:12px;
}
#promo-4 {
	font-family:Arial, Helvetica, sans-serif;
	margin-top:5px;
	padding:5px;
	background-repeat:no-repeat;
	float:left;
	width:155px;
	border-right: solid 1px #b4b4b4;
	font-size:12px;
}
#promo-5 {
	font-family:Arial, Helvetica, sans-serif;
	margin-top:5px;
	padding:5px;
	background-repeat:no-repeat;
	float:left;
	width:155px;
	font-size:12px;
}
#homepage-news {
	float:left;
	background:url(images/h2-bg.gif);
	background-repeat:repeat-x;
	margin-top:5px;
	width:319px;
	border: solid 1px #b9b9b9;
	padding:5px;
}

#homepage-reviews {
	float:left;
	background:url(images/h2-bg.gif);
	background-repeat:repeat-x;
	margin-top:5px;
	width:326px;
	border: solid 1px #b9b9b9;
	padding:5px;
	margin-left:5px;
}
#homepage-about {
	background:#f2f2f2;
	width:663px;
	border: solid 1px #b9b9b9;
	margin-top: 685px;
	padding:5px;
}

/**************** Links *****************/

a, a:visited {
	color:#003366;
	text-decoration: none;
}
a:hover {
	color:#c50039;
	text-decoration: underline;
}
a.whiteu {
	color:#FFFFFF;
	text-decoration:underline;
}
a.whiteu:hover {
	color:#FFFFFF;
	text-decoration:none;
}
a.grayu {
	color:#666666;
	text-decoration:underline;
}
a.grayu:hover {
	color:#666666;
	text-decoration:none;
}
a.maroonu {
	color:#990000;
	text-decoration:underline;
}
a.maroonu:hover {
	color:#990000;
	text-decoration:none;
}
body {
		margin:0px 0px 0px 0px;
     	font-size: 12px;
	  	font-family:Arial, Helvetica, sans-serif;
     	color:333333;
	  	background:url(images/bg.gif);
		background-repeat:repeat-x;
      }

#main{width:940px;  
      margin:0px auto 0px auto;
	  background:#ffffff;
	        }





img {   border:0;

	

     }

.clearboth{ height:20px; clear:both;}



/****************** HEADER ***************************/
#header {
   background:#ff0;
   padding:10px;
   background:url(images/bg.gif);
   height:192px;
}
#header-nav {
	font-weight:bold;
	background:url(images/header-top-a.gif);
	margin-left:auto;
	margin-right:auto;
	width:940px;
	height:32px;
	margin-top:-10px;
	padding-top:7px;
}
#header-nav-links {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	margin-left:145px;
}
#header-promo {
	width:630px;
	height:455px;
}
#header-top {
	background:url(images/header-top-b.gif);
	margin-left:auto;
	margin-right:auto;
	width:940px;
	height:113px;
}
/****************** Navbar ***************************/



#navtop {
		margin-left:auto;
		margin-right:auto;
		width: 940px;
        color:#FFFFFF; 
        height:30px;
        font:14px Arial, Helvetica, sans-serif; 
        background:#666666 url(images/nav-bg.gif) repeat-x;
        font-weight:bold;
		margin-top:-60px;
} 
#navleft {
		float:left; 
     	width:940px;
}
#subnav {
	margin-left:auto;
	margin-right:auto;
	width: 940px;
	background-color:#f5f5f5; 
    height:32px;
    font:10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-left: solid 1px #bababa;
	border-right: solid 1px #bababa;
	border-bottom: solid 1px #bababa;
} 		
#subnav a {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#subnav a:hover {
	color:#F00000;
}
.breadcrumb {
	color:#000000; 
    font:10px Verdana, Arial, Helvetica, sans-serif;             
	weight:bold; 
}

/*************Nav*************/

#header-nav-links a {
	color:#ffffff;
}

#header-nav-links a:hover {
	text-decoration:underline;
}

#nav2{
        display: block;
        font-size:12px;
        height:30px;
        width:100%;
}
#nav2, #nav2 ul {
		line-height: 17px;
        margin-top:0px;
        padding-top:0px;
		list-style: none;
}
#nav2 a ,#nav2 a:hover{
	border:none;
	display: block;
}
#nav2 li {
	float: left;
	list-style:none;
	border-right:1px solid #000000;
}
#nav2 a,#nav2 a:visited {
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	margin:0px 1px 0px 0px;
	padding:6px 13px 6px 13px;     
}
#nav2 a:hover, #nav2 a:active {
	color:#fff;
    background:url(images/navbar2hover.gif) repeat-x;
    display:block;
	margin-right:1px;
	text-decoration:none
}
#nav2 .current_page_item {
	color:#fff;
    background:url(images/navbar2hover.gif) repeat-x;
    display:block;
	text-decoration:none;
}
#nav2 a.current_page_item:hover {
	color:#fff;
    background:url(images/navbar2hover.gif) repeat-x;
    text-decoration:underline;
}
#nav2 .current_page_parent {
	color:#fff;
    background:url(images/navbar2hover.gif) repeat-x;
    text-decoration:none;
}
#nav2 a.current_page_parent:hover {
	color:#fff;
    background:url(images/navbar2hover.gif) repeat-x;
    text-decoration:underline;
}
#nav3 {
        display: block;
}

#nav3, #nav3 ul {

	line-height: 12px;

        margin-top:0px;

        padding-top:0px;

	list-style: none;

}



#nav3 a ,#nav3 a:hover{

	border:none;

	display: block;

}



#nav3 li {
	float: left;
	list-style:none;
	margin-right:5px;
}



#nav3 a,#nav3 a:visited {

color:#000000;

	display:block;

        margin-top:0px;

	padding:7px 13px 4px 13px;     

}



#nav3 a:hover, #nav3 a:active {
	color:#c50039;
    display:block;
	text-decoration:underline;
}	





#nav3 .current_page_item {
	color:#F00000;
	text-decoration:underline;
	margin-top:0px;
	font-weight:bold;
}

a.main:hover {
	background:none;
}

/************************ New *******************************************/

#searchsubmit { 
	font:10px Verdana, Arial, Helvetica, sans-serif;
    padding: 1px;
    margin:0px;
    border: 2px solid #DDDDDD; 
    width: 50px; 
    color:#000000; 
	background:#eeeeee;
}

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

#content{
	width:920px;
	clear:both;  
	background:#ffffff;
	line-height: 17px; 
	margin:10px auto 0px auto;
}

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

.block { 
	border:1px solid #dddddd;
	padding:5px;
	margin-bottom:10px;
	background:#FFFFFF;
}
.block-2 {
	padding:5px;
	background:121212;
}
.block-2 a {
	color:#b5e026;
	text-decoration:none;
}
.block-2 a:hover {
	text-decoration:underline;
}
.block-3 {
	color:#ffffff;
}






/*************************** Sidebar ********************************/

#index_sidebar {
	width:262px; 
    float:left;
	margin-left:5px;
}

#index_sidebar h2 {
	padding:4px; 
    margin:0px 0px 3px 0px; 
    color:#FFFFFF; 
    background:#FFFFFF url(images/h2-bg.gif) repeat-x;
    font-size:14px;             
}

#index_sidebar ul { 
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px; 
}

#index_sidebar li { 
	padding: 0px 0px 5px 0px;	
    margin: 0px 0px 0px 10px;
    background:url(images/spadebullet.gif) no-repeat top left; 
    text-indent:20px; 
    list-style-type:none;
}

.newsletter { 
            border:1px dashed #dddddd; 
            padding:2px; 
            font:10px Verdana, Arial, Helvetica, sans-serif; 
            line-height:12px; 
}

#newsletterform { 
	margin:0;
}

#newsletterform input { 
			border:2px solid #dddddd; 
			font:10px Verdana, Arial, Helvetica,sans-serif; 
			color:#666666; 
			width:160px;
			padding:1px;
}

#newsletterform #submit {
	width:25px; 
	background-color:#eeeeee;
	border:1px solid #cccccc;
	margin-left:4px; 
}



/************************ Pages and Single Page Layout ******************/



#pagecontent{width:648px; 

             float:left;

			 }

			

#pagecontent .block{padding:8px;

                      }



#pagecontent h1 {
	margin-top:-1px;
    font-size:12px; 
	padding-top:4px;
	padding-left:5px;
	color:#000000;
}

#header-1-div h1 {
	color: #ffffff;
}

.tables h2 {padding:4px; 

            margin:0px 0px 3px 0px; 

            color:#000000; 

            font-size:14px;             

			

                }





#pagecontent h2 {
	padding:4px; 
    margin:0px 0px 3px 0px; 
    color:#FFFFFF; 
    background:#FFFFFF  url(images/h2-bg.gif) repeat-x;
    font-size:12px;             
}



#pagecontent h3 {padding:0px; 

                 margin:5px 0px 4px 2px; 

                 font-size:18px; 

                }





#pagecontent h4{margin-bottom:5px; 

                font-size:14px; 

                padding:3px;

               }





.reviewheadings {padding:3px; 

                 margin:10px 0px 10px 0px; 

                 color:#006699;

	        background:url(images/bigdot.gif) repeat-x bottom;

                 font-size:18px; 

                }



.post-info{padding-top:8px; 

           background:url(images/bigdot.gif) top repeat-x; 

           color:#777777; 

           font-weight:bold; 

           font:10px Verdana, Arial, Helvetica,sans-serif; 

           margin-bottom:25px;

           }





.date{font-size:10px;

color:#666666;}



.date2{font-size:10px;

color:#666666;

padding-left:20px;

background:url(images/files.gif) no-repeat left;

margin:2px 0px 15px 5px;

}



.bannerwidget{display: block;

        margin:0px auto 0px auto;

	float:none;

	text-align:center;

	}



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

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered, .aligncenter, div.aligncenter {

	display: block;

        margin:10px auto 10px auto;

	float:none;

	text-align:center;

	padding:2px;

	}



img.alignright {

	padding: 2px;

	margin: 0 12px 4px 12px;

	display: inline;

	}



img.alignleft {

	padding: 2px;

	margin:  0 12px 4px 12px;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}



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



.wp-caption {

border: 1px solid #ddd;

text-align: center;

background-color: #eeeeee;

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 ****************************************/



#commentform input {

	width: 250px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	border:2px solid #dddddd;

	color:#666666;

	}



#commentform {

	margin: 5px 10px 0 0;

	}

#commentform textarea {

	padding: 2px;

	width: 330px;

	border:2px solid #dddddd;

	color:#666666;

	}

	#respond{

             padding-left:30px;}

#respond:after {

		content: "."; 

	    display: block; 

	    height: 0; 

	    clear: both; 

	    visibility: hidden;

	}

#commentform #submit {

	margin: 0;

	width:170px;

	background-color:#EEEEEE;

	border:3px double #CCCCCC;

	}



.alt {

	margin: 0;

	padding: 10px;

	}



.commentlist {

	padding: 0;

	margin-left:50px;

	text-align: justify;



	}



.commentlist li {

	margin: 15px 0 10px;

	padding: 5px 5px 10px 10px;

	list-style: none;

		border:1px dashed #dddddd;



	}

.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;

	}

.fn{font-size:14px;

font-style:normal;

font-weight:bold;}



.avatar {float:left;}



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



#footer {
	width:100%;
    background:#000000 url(http://www.slotmachinesonline.co.uk/wp-content/themes/slotmachinesonline/images/footer-bg.gif);
    color:#FFFFFF; 
	height:300px;    
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
}

#footer a {
	color:#FFFFFF;
}

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

#footer li { 
	list-style: none;
    display: inline;
}

#footer-bottom {
	margin-left: auto;
  	margin-right: auto;
	width: 940px;
	height: 130px;
	background: #222222;
	margin-top: 5px;
}

#footer-top {
	margin-left: auto;
  	margin-right: auto;
	width: 940px;
	height: 165px;
	background: #121212;
}

#footer-logo {
	float:left;
	margin-left: auto;
  	margin-right: auto;
	width: 234px;
}

#footer-text-1 {
	font-family:Arial, Helvetica, sans-serif;
	margin-left: auto;
  	margin-right: auto;
	float:left;
	text-align:left;
	color: #4f4f4f;
	font-size: 11px;
	width: 330px;
	height: 100px;
	float:right;
	border: solid 1px #333333;
	padding: 5px;
	margin: 5px;
	background: #303030;
}

#footer-text-2 {
	margin-left: auto;
  	margin-right: auto;
	float:left;
	text-align:left;
	color: #4f4f4f;
	font-size: 11px;
	width: 330px;
	height: 100px;
	border: solid 1px #333333;
	padding: 5px;
	margin: 5px;
	background: #303030;
}

#footer-bottom a {
	color:#ffa200;
	text-decoration:none;
}
#footer-bottom a:hover {
	color:#ffa200;
	text-decoration:underline;
}

#footer #footer-top a {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #b5e026;
}

#footer-sidebar1 {
float: left;
width: 300px;
margin-left:5px;
margin-right:5px;
}

#footer-sidebar2 {
float: left;
width: 300px;
margin-right:5px;
}

#footer-sidebar3 {
text-align:left;
color:#595857;
float: left;
width: 300px;
font-size:12px;
}

/* More Import */

#main-promo {
	margin-top:4px;
	background:url(images/slots-oasis-promo.jpg);
	width:674;
	height:220px;
	font-family:Arial, Helvetica, sans-serif;
}
#header-1-div {
	width:630px;
	background:url(images/h1-bg.gif);
	height:25px;
}
#promo-text {
	width:288px;
	color:#000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:95px;
	padding-left:10px;
}
#other-promos {
	width:630px;
	margin-top:5px;
	height:195px;
}
h1 {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
}
#text-float-promo {
	padding-top:85px;
	padding-left:20px;
	z-index:9999;
	width:300px;
	font-size:12px;
}

#promo-2 {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	width:55px;
	border-right: solid 1px #b4b4b4;
	font-size:12px;
}
#promo-3 {
	font-family:Arial, Helvetica, sans-serif;
	margin-top:5px;
	padding:5px;
	background-repeat:no-repeat;
	float:left;
	width:155px;
	border-right: solid 1px #b4b4b4;
	font-size:12px;
}
#promo-4 {
	font-family:Arial, Helvetica, sans-serif;
	margin-top:5px;
	padding:5px;
	background-repeat:no-repeat;
	float:left;
	width:155px;
	border-right: solid 1px #b4b4b4;
	font-size:12px;
}
#promo-5 {
	font-family:Arial, Helvetica, sans-serif;
	margin-top:5px;
	padding:5px;
	background-repeat:no-repeat;
	float:left;
	width:155px;
	font-size:12px;
}
#homepage-news {
	float:left;
	background:url(images/h2-bg.gif);
	background-repeat:repeat-x;
	margin-top:5px;
	width:319px;
	border: solid 1px #b9b9b9;
	padding:5px;
}

#homepage-reviews {
	float:left;
	background:url(images/h2-bg.gif);
	background-repeat:repeat-x;
	margin-top:5px;
	width:326px;
	border: solid 1px #b9b9b9;
	padding:5px;
	margin-left:5px;
}
#homepage-about {
	background:#f2f2f2;
	width:663px;
	border: solid 1px #b9b9b9;
	margin-top: 685px;
	padding:5px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:940px; height:30px; position:relative; z-index:100; font-family:arial, sans-serif;background:url(images/nav-bg.gif);border-right: solid 1px #000;}
.menu a:hover {background:#a70e11;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:940px; w\idth:940px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:130px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:130px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; text-align:center; color:#fff; width:130px; height:30px; background:url(images/nav-bg.gif); line-height:29px; font-weight:bold;border-right:solid 1px #000;border-left:solid 1px #000;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:130px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#000; color:#fff; height:24px; line-height:1em; padding-top:10px; padding-left:0px; width:128px;margin-top:-2px;border-top:solid 1px #2f2f2f;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;text-decoration:underline;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}