/*

Theme Name: Compare Bookies 

Theme URI: http://

Description: WordPress Custom Theme for Compare Bookies.

Version: 15 Jun, 16:32

Author: High Impact

Author URI: http://www.highimpact.co.uk/

*/



body{

	font-family: Verdana; 

	font-size: 0.8em;

	background-image:url(images/bg.jpg);

	background-repeat:repeat-x;

	background-position: center top;

	color: #484848;

	margin: auto;

}



	.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }

	

	.clearfix { display: inline-block; }

	

	* html .clearfix { height: 1%; }

	

	.clearfix { display: block; }

	

	.clearleft { clear:left; }

	

	.clearright { clear:right; }

	

	.clearboth { clear: both; }

	

	

#wrapper {

	position: relative;

	width: 1020px;

	margin: 20px auto 20px auto;

	background-color: #f8faf9;

	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.5); 

	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); 

	box-shadow:0 0 10px rgba(0, 0, 0, 0.5);

	-webkit-border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	-moz-border-radius: 10px;

	}





#footer {

	clear: both;

	border-top: 5px solid #CCCCCC;

	background-color:#E7E7E7;

	padding: 10px;

	text-align:center;

	-webkit-border-bottom-left-radius: 10px;

	-webkit-border-bottom-right-radius: 10px;

	-moz-border-bottomleft-radius: 10px;

	-moz-border-bottomright-radius: 10px;

	font-size: 0.85em;

	line-height: 2.0em;

}



.logo {

	margin: 10px 0px 20px 10px;

	float: left; 

	border: 0;

}



.sidebar {

	float: left;

	display: inline;

	position: relative;

	margin: 10px;

}



.left {

	width: 180px;

}



.right {

	width: 300px;

}



.content {

	float: left;

	display: inline;

	position: relative;

	margin: 10px;

}



.narrow {

	width: 480px;

}

.narrow_wide {

	width: 980px;
	text-align:justify;

}



.wide {

	width: 800px;

}



a { text-decoration: none; color: #1677A2;}

a:hover { text-decoration: none; color: #800000;}





.sidebar.narrow {

	border: 1px solid #BBC5C7;

	margin: 0px 0px 20px 0px;

	-webkit-border-radius: 6px;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	-moz-border-radius: 6px;

}



.widget, .widgetleft {

	-webkit-border-radius: 4px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	-moz-border-radius: 4px;

	margin: 3px;

	background-color:#FFFFFF;

	border: 1px solid #3D3D3D;

}



.widget h3 {

	font-size: 0.9em;

	text-transform:uppercase;

	color: #FFFFFF;

	text-shadow: -1px -1px 1px rgba(0,0,0, .7);

	margin: 0px;

	padding: 0px 0px 0px 10px;

	line-height: 20px;

	background-color: #767676; /*MG */

	background-image: url(images/graygradient-20.jpg); background-repeat: repeat-x;

	background: -webkit-gradient(linear, center top, center bottom, from(#999999), to(#3D3D3D)); 

	background: -moz-linear-gradient(top,#999999,#3D3D3D);

	-webkit-border-top-right-radius: 4px;

	-webkit-border-top-left-radius: 4px;

	-moz-border-topright-radius: 4px;

	-moz-border-topleft-radius: 4px;

}



.widgetleft {

	border: 1px solid #CCCCCC;

}



.widgetfooter {

	border: 1px solid #CCCCCC;

	float: left;

	width: 310px;

	margin: 10px;

	-webkit-border-radius: 4px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	-moz-border-radius: 4px;

}



.widgetfooter .widget_content {

	height: 150px;

	overflow: auto;

	font-size: 0.9em;

	padding: 10px;

}



.widgetfooter ul {

margin: 0px;

padding: 0px;

list-style: none;

}



.widgetfooter ul li{

margin: 0px;

padding: 0px;

list-style: none;

}



.widgetfooter h3 {

    background-color: #1677a2; /* MG */

	background-image: url(images/bluegradient-20.jpg); background-repeat: repeat-x;

	background: -webkit-gradient(linear, center top, center bottom, from(#A4D9EB), to(#1677A2)); 

	background: -moz-linear-gradient(top,#A4D9EB,#1677A2);

	border: 1px solid #1677A2;

	font-size: 0.9em;

	text-transform:uppercase;

	margin: 0px;

	padding: 0px 0px 0px 10px;

	line-height: 20px;

	-webkit-border-top-left-radius: 6px;

	-webkit-border-top-right-radius: 6px;

	-moz-border-topleft-radius: 6px;

	-moz-border-topright-radius: 6px;

	text-shadow: -1px 0px 5px rgba(0,0,0, .9);

	font-weight: 900;

	color: #FFFFFF;

}







.widgetright h3 {

    background-color: #1677a2; /* MG */

	background-image: url(images/bluegradient-20.jpg); background-repeat:repeat-x;

	background: -webkit-gradient(linear, center top, center bottom, from(#A4D9EB), to(#1677A2)); 

	background: -moz-linear-gradient(top,#A4D9EB,#1677A2);

	border: 1px solid #1677A2;

	font-size: 0.9em;

	text-transform:uppercase;

	margin: 0px;

	padding: 0px 0px 0px 10px;

	line-height: 20px;

	-webkit-border-top-left-radius: 6px;

	-webkit-border-top-right-radius: 6px;

	-moz-border-topleft-radius: 6px;

	-moz-border-topright-radius: 6px;

	text-shadow: -1px 0px 5px rgba(0,0,0, .9);

	font-weight: 900;

	color: #FFFFFF;

}



.widgetleft h3 { /* MG - for IE8 and lower - nth child overrides for browsers that understand it */

	font-size: 0.9em;

	text-transform:uppercase;

	color: #FFFFFF;

	text-shadow: -1px 0px 5px rgba(0,0,0, .9);

	margin: 0px;

	padding: 0px 0px 0px 10px;

	line-height: 22px;

	background-color: #F7840D; 

	background-image: url(images/orangegradient-22.jpg); background-repeat:repeat-x;	

	border: 1px solid #F7840D;

}



.widgetleft:nth-child(odd) h3 { 

	font-size: 0.9em;

	text-transform:uppercase;

	color: #333333;

	text-shadow: -1px 0px 5px rgba(255,255,255, .9);

	margin: 0px;

	padding: 0px 0px 0px 10px;

	line-height: 22px;

	background: -webkit-gradient(linear, center top, center bottom, from(#FDE0C2), to(#F7840D)); 

	background: -moz-linear-gradient(top,#FDE0C2,#F7840D);

	border: 1px solid #F7840D; 

	-webkit-border-top-right-radius: 4px;

	-webkit-border-top-left-radius: 4px;

	-moz-border-topright-radius: 4px;

	-moz-border-topleft-radius: 4px;

}



.widgetleft:nth-child(even) h3 {

	font-size: 0.9em;

	text-transform:uppercase;

	color: #FFFFFF;

	text-shadow: -1px 0px 5px rgba(0,0,0, .9);

	margin: 0px;

	padding: 0px 0px 0px 10px;

	line-height: 22px;

	background: -webkit-gradient(linear, center top, center bottom, from(#DFBFBF), to(#800000)); 

	background: -moz-linear-gradient(top,#DFBFBF,#800000);

	border: 1px solid #800000;

	-webkit-border-top-right-radius: 4px;

	-webkit-border-top-left-radius: 4px;

	-moz-border-topright-radius: 4px;

	-moz-border-topleft-radius: 4px;

}



.widget_content {

	padding: 5px;

}





ul#main_menu {

	clear: left;

	margin: 0px 5px 5px 5px;

	padding: 0px;

	list-style: none;

	border-top: none;

	text-transform:uppercase;

	font-size:0.8em;

}





ul#main_menu_reflection {

	clear: left;

	margin: 0px 5px 20px 5px;

	padding: 0px;

	list-style: none;

	border-top: none;

}



ul#main_menu_reflection li {

	display: inline;

	float: left;

	width: 158px;

	margin: 1px 5px 20px 5px;

	list-style: none;

	background: -webkit-gradient(linear, center top, center bottom, from(#1677A2), to(#ffffff)); 

	background: -moz-linear-gradient(top,#1677A2,#ffffff);

	-webkit-border-top-right-radius: 6px;

	-webkit-border-top-left-radius: 6px;

	-moz-border-topright-radius: 6px;

	-moz-border-topleft-radius: 6px;

	height: 12px;

	filter:alpha(opacity=30);/* for IE */

  	opacity:0.3; /* CSS3 standard */

}







ul#main_menu li {

	display: inline;

	float: left;

	width: 156px;

	margin: 5px 5px 0px 5px;

	list-style: none;

	background-color: #1677a2; /* MG */

	background-image: url(images/bluegradient-36.jpg); background-repeat:repeat-x;

	background: -webkit-gradient(linear, center top, center bottom, from(#A4D9EB), to(#1677A2)); 

	background: -moz-linear-gradient(top,#A4D9EB,#1677A2);

	border: 1px solid #1677A2;

	line-height: 36px;

	-webkit-border-radius: 6px;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	-moz-border-radius: 6px;

	

	text-align:center;

	font-size: 1.2em;

}



ul#main_menu li:hover {

    background-color: #ff8102; /* MG */

	background-image: url(images/orangegradient-36.jpg); background-repeat:repeat-x; 

	background: -webkit-gradient(linear, center top, center bottom, from(#FDE0C2), to(#F7840D)); 

	background: -moz-linear-gradient(top,#FDE0C2,#F7840D);

	border: 1px solid #F7840D;

	color: #333333;

	text-shadow: -1px 0px 5px rgba(255,255,255, .9);

}



ul#main_menu li a {

text-shadow: -1px 0px 5px rgba(0,0,0, .9);

	font-weight: 900;

	color: #FFFFFF;

}



.menu_header {

	line-height: 26px;

	background-color: #1677A2;

	background-image: url(images/bluegradient-26.jpg); background-repeat:repeat-x;

	color: #FFFFFF;

	padding: 0px 0px 0px 10px;

	text-transform:uppercase;

	background: -webkit-gradient(linear, center top, center bottom, from(#A4D9EB), to(#1677A2)); 

	background: -moz-linear-gradient(top,#A4D9EB,#1677A2);

	border: 1px solid #1677A2;

	-webkit-border-radius: 6px;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	-moz-border-radius: 6px;

	text-shadow: -1px 0px 5px rgba(0,0,0, .9);

	font-weight: 900;

}



ul.menu {

	margin: 0px 5px 20px 5px;

	padding: 0px;

	list-style: none;

	background-color: #E1F0F5;

	border-top: none;



}





ul.menu li {

	margin: 0px;

	padding: 0px 0px 0px 10px;

	list-style: none;

	border-bottom: 1px dotted #1677A2;

	line-height: 26px;

}



ul.menu li:hover {

	background-color: #0F658B;

}



ul.menu li a { text-decoration: none; color: #484848;}



ul.menu li:hover a { text-decoration: underline; color: #FFFFFF;}



ul.menu li:hover a:hover { text-decoration: underline; color: #FFFFFF;}



.blog_description {position: absolute; font-style: italic; font-size: 1.25em; font-weight: 900; text-align:right; right: 10px; top: 90px;}



h1,h2 {font-weight: 400; font-size: 1.4em; color: #10739F;}



h2 a { color: #10739F; text-decoration: none;}



h2 a:hover { text-decoration: underline;}

#yui-main .yui-b{ margin:0px 20px;}

.seo{background-color:#333333;
border:2px solid #666666;
color:#FFFFFF;
width:1000px; }