/*-----------------------------------------------------------------------------
	Created By Ian Bryce @ DM for 2-4-1Bingo.com
-----------------------------------------------------------------------------*/

body {  
	margin-bottom: 0; margin-top: 0; 	
    background-image:url(../images/background.png);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#fdfeff;
	background-attachment:fixed;
}


#pagesidebar {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	float: left;
	margin-bottom: 20px;
}

blockquote {
	font-style: normal;
	padding: 0 0 0 0;
	color: #000;
	background: url('../images/quote.png') .5em top no-repeat;
}

a 				{ color: #0093cb; text-decoration: none;}
a:hover			{ color: #666; }
blockquote p 	{ padding: 0 20px 0 30px; }
hr 				{ background: #ccc; height: 1px; }
img				{ margin: 0; }
p img			{ float: none; }
a.button 		{ float: left; } /* Fix for buttons */
input 			{ border-color: #666;   }
ul 				{ margin-left: 15px; list-style-type: none; }
ul li 			{ padding: 2px 0 2px 9px; background: url('../images/icons/bullet_square_grey.gif') left 5px no-repeat; }
ol				{ margin-left: 35px; }
label			{ font-weight: normal; }
textarea		{ height: 100px; width: 375px;}
.small			{ font-size: .9em; }
.nomargin		{ margin: 0; }
a.button, button { font-weight: normal; }

h3, h3 a {
	font-size: 1.3em;
	line-height: 1.2;
	color: #fff;
 	letter-spacing: 0px;
	text-decoration: none;
}

#maincontent h2 		{ color: #fff; border-bottom: 2px dotted #ccc; margin-bottom: 15px; }
h2 a 					{ color: #fff; text-decoration: none; }
#maincontent .post h2	{ margin-bottom: 5px; }
						/* Padding inside columns */
#maincontent .content 	{ padding: 5px 30px 20px 0px; margin-left: 10px; }	

.navigation, 
.navigation a			{ color: #AAA; }
.alignright 			{ float: right; }
.alignleft 				{ float: left; }

.post					{ margin-bottom: 25px; }




/*-----------------------------------------------------------------------------
	241 Master area
-----------------------------------------------------------------------------*/


#mainarea {
	background: url('../images/main-area.png') left 0 no-repeat;
	width: 617px;
	height:212px;
}


#middlearea {
	background: url('../images/middle-area.png') left 0 no-repeat;
	width: 617px;
	height:212px;
	margin-top:5px;
}

#bottomarea {
	background: url('../images/bottom-area.png') left 0 no-repeat;
	width: 617px;
	height:212px;
	margin-top:5px;
}


#red-bg {
	background: url('../images/red-bg.png') left 0 repeat;
	width: 202px;
	height:2px;
	float: left;
	color: #ff0000;
	text-align:center;
	font-weight:bold;
    font-size:2em;
	line-height:1.1;
}


#red-bg p {
	
}

#blue-bg {
	background: url('../images/blue-bg.png')  left 0 repeat;
	width: 202px;
	height:2px;
	float: left;
	color:#027aa8;
	text-align:center;
	font-weight:bold;
	font-size:2em;
	line-height:1.1;
}

#blue-bg a {
    color: #018cc1;
    padding: 3px;
   	font-weight:bolder;
 	text-decoration: none;	
 	position:relative; height:10em; margin-top:5em;
 	line-height:1.5;
}


#yellow-bg {
	background: url('../images/yellow-bg.png') left 0 no-repeat;
	width: 202px;
	height:201px;
	float: left;
	text-align:center;
		
}


#yellow-bg a {
	color:#c61118;

	font-weight:bold;
	font-size:1.3em;
	text-decoration: none;	
 

}

#yellow-bg small {
	color:#000;
	font-size:1.1em;
	font-weight:bold;
 	position:relative; top:30%; height:10em; margin-top:-5em
}




/*-----------------------------------------------------------------------------
	Main Area
-----------------------------------------------------------------------------*/



.dynamic-mainarea-top {
	background: url('../images/main-top.png') left 0 no-repeat;
	width: 617px;
	height:21px;
	z-index:2;
}

.dynamic-mainarea-bottom {
	background: url('../images/main-bottom.png') left 0 no-repeat;
	width: 617px;
	height:21px;
	z-index:2;
}

.dynamic-mainarea {
	background: url('../images/main-middle.png') left 0 repeat-y;
	width: 617px;
	z-index:1;
	min-height:600px;
}



.dynamic-mainarea-holder {
	width: 617px;

}

.dynamic-mainarea-content
{
padding: 0 25px;
}

/*-----------------------------------------------------------------------------
	Header
-----------------------------------------------------------------------------*/

#header {
	padding-top: 5px;

}

#headerspacing {
    margin-top: 10px;
    margin-bottom: -25px;
}
#header h1, #header .description {
	padding-left: 50px;
	margin: 0;
	line-height: 1em;
}

form#headerlogin {
	display:inline;
	width:300px;
}

form#headerlogin  input {  vertical-align:middle;  border-color:#3d6db9;  }

input#loginbutton { margin-top:10px;  }

img#joinnow-button { margin-top:10px; }

#maincontent { background:#fff; }

#login { text-align:right;  }

#login a {color:#3d6db9; font-size:11px;}
#menubar {
	background-image:url(../images/menu-bar.png);
	background-repeat:no-repeat;
	background-color:transparent;
	height:35px;
	z-index:1;
   /*position: relative; */
   margin-top:-3px;
	padding-right: -35px;
	font-family: Verdana;
	font-weight: bold;
	color: white;
} 

#menubar a { 	font-family: Verdana; 	font-weight: bold; 	color: white; }

#headermenu a {
	text-decoration: none;
	color: #fff;
	font-size: 14px;
		display:block;
}

#headermenu ul {
	margin: -36px 0 0 320px;
   width: 590px;  
}

#logo {
	color: #ab4ca8;
	text-decoration: none;
	font-size: 3em;
	font-family:"Times New Roman",normal;
	font-variant: normal;
	margin-left: 0px;
	width:316px;
	height:135px;
}


#logo a {
	text-decoration: none;
	font-family: serif;
	font-style: normal;
	font-variant: normal;
}

#logo img { z-index:3; 	  position: relative;  }

/*-----------------------------------------------------------------------------
	Navigation
-----------------------------------------------------------------------------*/

#nav, #subnav	{ padding: 20px 0 0 0;  float: left;  line-height: 1.5em; }

#nav ul,
#subnav ul		{ margin: 0; padding: 0; list-style: none; }

#nav li,
#subnav li		{ width: 104px; height: 34px; margin: 0; padding-left: 1px; float: left; background: url(../images/menu-button.png) 0 no-repeat;}

#nav li#home	{ width: 68px; height: 34px; margin-left: 5px; padding-left: 1px; float: left; background: url(../images/home-button.png) 0 no-repeat;}

#nav li#register	{ width: 84px; height: 34px; margin: 0; padding-left: 1px; float: left; background: url(../images/register-button.png) 0 no-repeat;}

#nav li#refer	{ width: 104px; height: 34px; margin: 0; padding-left: 1px; float: left; background: url(../images/menu-refer.png) 0 no-repeat;}


#nav li a, #subnav li a 	

{	
	float: left;
	margin:8px auto;
	display:block;
	float:left;
	color:#fff;
	font-size:16px; 
	font-weight: bold;
	width: 104px; height: 34px;
	text-align: center;
}


#nav li#home a
{	
	float: left;
	margin:8px auto;
	display:block;
	float:left;
	color:#fff;
	font-size:16px; 
	font-weight: bold;
	width: 68px; height: 34px;
	text-align: center;
}


#nav li#register a
{	
	float: left;
	margin:8px auto;
	display:block;
	float:left;
	color:#fff;
	font-size:16px; 
	font-weight: bold;
	width: 84px; height: 34px;
	text-align: center;
}

#nav li#refer a
{	
	float: left;
	margin:8px auto;
	display:block;
	float:left;
	color:#333;
	font-size:13px; 
	font-weight: bold;
	width: 104px; height: 34px;
	text-align: center;
}




#nav li.current_page_item a,
#nav li a:hover 	{ color:#fff;}
#subnav				{ background: #616161; }
#nav li.current_page_item a,
#subnav li.current_page_item a,
#subnav li a:hover 	{ color: #fff; }
#nav li.first a { margin-left: 50px; }


	/*-------------------------------------------------------------------------
		Navigation bar in posts (use main nav html inside a post)
	-------------------------------------------------------------------------*/

	.entry #nav .content {
		padding: 0;
		margin: auto;
	}

	.entry #nav {
		margin-bottom: 15px;
		background: #FFF;

	}

	.entry #nav li a 		{ color: #FFF; border-right: 1px solid #AAA; background: #666; }
	.entry #nav li.last a	{ border-right: none; }
	.entry #nav li a:hover 	{ background: #333; color: #FFF;}

/*-----------------------------------------------------------------------------
	Sidebar
-----------------------------------------------------------------------------*/

#sidebar {
	width: 276px;
}

#topleftside {
	background: url('../images/recent-winners.png') left 0 no-repeat;
	width: 276px;
	height:212px;
}


#middleleftside {
	background:transparent  url('../images/games-area.png') left 0px no-repeat;
	width: 276px;
	height:212px;
	margin-top:5px;
}


#bottomleftside {
	background: url('../images/follow-us-area.png') left 0px no-repeat;
	width: 276px;
	height:212px;
	margin-top:5px;
}

#pagesidebar 		{ background: url('../images/sidebar_bg.gif') right repeat-y; /* fake bg */ }


#recent-posts {
	background: url('../images/recent-posts.png') left 0 no-repeat;
	width: 276px;
	height:390px;
}


#archives {
	background: url('../images/archives.png') left 0px no-repeat;
	width: 276px;
	height:212px;
	margin-top:5px;
}


#recent-posts ul, #recent-posts ul ol, #archives ul , #archives ul ol{
	margin: 0;
	padding: 0px 0px 0 2px;
}

#recent-posts ul li, #archives ul li	{ padding: 0; }

#recent-posts ul li ul, #archives ul li ul { padding-top: 0; }



#recent-posts ul li, #recent-posts ul li#subscribe ul li {
	list-style-type: square;
	background: none;
	margin-bottom: 2px;
	color: #0093cb;
	text-decoration: none;
}

#recent-posts ul li#subscribe ul li { margin: 0 0 0 -30px; }


#archives ul li, #archives ul li#subscribe ul li {
	list-style-type: square;
	background: none;
	margin-bottom: 2px;
	color: #0093cb;
	text-decoration: none;
}


/*-----------------------------------------------------------------------------
	Footer
-----------------------------------------------------------------------------*/

#footer 		{ text-align: left; font-size: .9em; margin: 0; color:#ccc;

	margin-top: 5px;
	/*background-color:#FFF;
	background-repeat:no-repeat;*/
	
}

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

#footer a:hover { color:#3D6DB9; }

.footernav { margin-top: 10px; text-align: center;}
.footernav li		{ display:inline; margin-top:5px; padding: 0 2px 0 8px; list-style: none; border-left:1px dotted #666; }
.footernav li.first  { border-left:none; padding-left:0px;}


/*-----------------------------------------------------------------------------
	Winners
-----------------------------------------------------------------------------*/

#winners { margin-top: 34px; font-size: 1.2em; color:#3D6DB9;}
#winners li { padding: 1px 0 0 80px; width:180px; height:58px; background: transparent url('../images/msmoney.png') 0px center no-repeat; }
#winners li p { margin-top:20px; vertical-align:middle; color:#3D6DB9;}


#winnersfooter { margin-top:8px; text-align: center; font-size: 1.1em; color:#3D6DB9;}
#winnersfooter a { text-align: center; font-weight: bold; color:#3D6DB9; }

/*-----------------------------------------------------------------------------
	Comments
-----------------------------------------------------------------------------*/

.commentlist li { padding: 8px 15px; } 
.comments-alt 	{ background: #EEE;}
 
/*-----------------------------------------------------------------------------
	Overlabels
-----------------------------------------------------------------------------*/


input#usernamefield,
input#passwordfield {
	width:111px;
	font-size:11px;
	padding:2px;
	margin-right:15px;
	font-family:Helvetica, Arial, sans-serif
}
#login p#textlinks {
	margin:0 2px 5px 0;
	padding:0;
	text-align:right;
	font-size:10px
}
label.overlabel-apply {
	position:absolute;
	top:7px;
	left:5px;

	z-index:1;
	color:#999;
	font-size:11px
}

div#user,
div#pass {
	position:relative;
	float:left;
	margin-right:4px;
	width:130px;
	margin-top: 11px;
}

.mainareaimagelogo {
 float: none;
 padding-top: 25px;
}
.blanco {
color: #FFFFFF;
text-decoration : none;
}
.blanco:hover {
color: #FFFFFF;
text-decoration: none;
}
blanco {
color : #FFFFFF;
text-decoration: none;
}
blanco:hover {
color : #FFFFFF;
text-decoration: none;
}

div#loginerror {
	color: red;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	font-family: ver, Verdana;
}