/*
   Main StyleSheet for the '4results' theme
*/

/* Layout */
#wrapper {
	width: 750px;
	margin: 10px auto;
}

#headertitle {
	width: 100%;
	text-align: left;
}

#headerlogo {
	float: left;
	padding: 5px;
}

.headertitleh1 {
	float: right;
	margin-right: 10px;
	margin-top: 10px;
        color: #0064b5;
}

.headertitleh2 {
	clear: right;
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
        color: #0064b5;
}

.headertitleh2 a
{
    text-decoration: none;
    color: #666666;
}

.headertitleh2 a:hover
{
    text-decoration: underline
}

.clear {
	clear: both;
}

#sidebar {
	width: 220px;
	float: right;
	margin: 10px 0px 10px 0px;
}

#sidebarpanel
{
	border: solid 1px #00467f;
	margin-bottom: 5px;
  	background-color: white;
}

.sidebartext
{
	background-color: #bfe2ff;
	border-top: solid 1px #bfe2ff;
	border-bottom: solid 1px #00467f;
	padding: 0 8px;
}

.sidebartitle
{
	color: white;
	background-color: #0064b5;
	padding-bottom: 1px;
	font-weight: bold;
	text-align: center;
}
#footer {
	text-align: center;
	background-color: #F1A692;
	padding: 5px;
	background-image: url(/themes/4results/images/foot_grad.png);
	background-position: bottom;
	background-repeat: repeat-x;
        clear: both;
}
#sideBanner {
width: 120px; margin: 12px auto;
text-align: center;
}
#bottomBanner {
        width: 500px;
        padding: 0 27px;
}
/* Common stuff */
body {
	background-color: White;
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	background-image: url(/themes/4results/images/body_grad.png);
	background-position: top;
	background-repeat: repeat-x;
}

a {
	text-decoration: none;
  color: Blue;
}

h1 {
	font-size: 18px;
	color: #0064b5;
	font-weight: bold;
	margin: 0px;
}

h2 {
	font-size: 14px;
	color: #0064b5;
	margin: 0px;
}

h3 {
	font-size: 12px;
	color: #0064b5;
	font-weight: bold;
	margin: 0px;
}

p {
	margin: 5px 0px 10px 0px;
}

/* Tabbed menu */
div#menu {
	float:left;
	width: 100%;
	padding-top: 20px;
	background-color: #F1A692;
	margin-bottom: 0;
	background-image: url(/themes/4results/images/menu_grad.png);
	background-position: top;
	background-repeat: repeat-x;
	
	}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{margin-left: 20px;width:650px;}
ul#nav li{float:left;margin-right: 3px;text-align: center}
ul#nav a{float:left;width: 7em;padding: 5px 0;background: #F6C4B7;text-decoration:none;color: #666;border:none;}
ul#nav a:hover{background: #E86B4A;color: #FFF}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}
#menu h1 {font-size: 175%; padding-bottom:15px;padding-left:15px;}
#logo {padding: 15px;width:40%;border:1px solid #000;}

#content
{
	border: solid 1px #ED896E;
	background-color: #FDF0ED;
	background-image: url(/themes/4results/images/body_grad.png);
	background-position: top;
	background-repeat: repeat-x;
	padding: 10px 10px 10px 10px;
	width: 500px;
	float: left;
	margin: 10px 0px 10px 0px;
}
a img {border:none;}
input {border: 1px solid #F1A692;}
input.submit {background-color: #FAE1DB;color:#E86B4A;font-weight:bold;}
a {color:#000;border-bottom:1px dotted #ED896E;}
a:hover {color:#fff;background-color:#f1A692;}
p.note {font-size:90%; font-weight:bold; font-style:italic;padding-left:2em;}
h2.themed {font-size:120%;color:#0064b5;}
#ranking {text-align: center;
  padding: 20px 30px 20px 20px;
  border: dotted 1px #22b100;
  background-color: #cbffbf;}
#ranking a {color:#22b100;border-bottom:2px dotted #22b100; padding: 0 5px;}
#ranking a:hover {color:#22b100;background-color:#98ff80;}
.centered {text-align:center;}
pre.html {border:1px solid #000;padding:5px;background-color:#efefef;}
.flash {padding: 10px 10px 0 10px;
  border: solid 1px #22b100;
  background-color: #cbffbf;}