/*
Theme Name: Oh, It Must Be! It Is!
Theme URI: http://www.ohitmustbeitis.com
Description: Main theme for the 'Oh It Must Be, It Is!' blog.
Version: 1.0
Author: Jonathan Capps
*/

html
{
	height: 100%;
}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
	line-height: 150%;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #dfdfdf;
}

html>body #bgl
{
	width: 50%;
	height: 680px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url('/wp-content/themes/oimbis/images/main-back-left.gif');
	background-position: top left;
	background-repeat: no-repeat;
} 
html>body #bgr
{
	width: 50%;
	height: 680px;
	position: absolute;
	bottom: 0;
	right: 0;
	background-image: url('/wp-content/themes/oimbis/images/main-back-right.gif');
	background-position: top right;
	background-repeat: no-repeat;
} 

#page
{
    margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-color:#FBFCFF;
	min-height: 100%;
	position: relative;
	z-index: 1;
	font-size: 8pt;
}
* html #page 
{
	height: 100%;
}

#header
{
	border-bottom: 4px solid yellow;
	height: 250px;
	text-align: right;
	background-image: url('/wp-content/themes/oimbis/images/logo-back1.png');
}
#header #nav
{
	background-color: yellow;
	color: black;
	border: 1px solid  black;
	z-index: 1;
}
#header img
{
	border: 0;
}

#right
{
	float: right;
	width: 190px;
	background-color: #E6F1FF;
	height: 100%;
	padding: 10px 10px 0 20px;
	margin: 0;
}
#right h1
{
	font-size: 1.6em;
}
#right p
{
	margin-left: 25px;
}

#main
{
	margin-right: 230px;
	padding: 20px 10px 10px 20px;
	height: 100%;
}
#main:after 
{	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#main h1
{
	color: #7B003A;
	font-size: 2.8em;
	line-height: 100%;
}
#main h2
{
	color: #8C3325;
	font-size: 1.8em;
}
#main h3
{
	font-size: 1em;
}

#next
{
	border: 1px dashed black;
	background-color: white;
	color: black;
	padding: 10px;
	text-align: center;
}
#next p
{
	margin: 0;
	padding: 0;
}
#next .fixture
{
	font-size: 1.5em;
	margin-top: 10px;
}
#next .badgehome
{
	border-right: 1px dashed black;
	float: left;
	margin-right: 10px;
}
#next .badgeaway
{
	border-left: 1px dashed black;
	float: right;
	margin-left: 10px;
}

#footer
{
	font-size: 0.8em;
	padding: 4px;
	text-align: center;
	background-color: black;
	color: white;
	margin: 0;
	clear: both;
}
#footer p
{
	margin: 0;
}

p.continue
{
	text-align: right;
}

span.message
{
	border: 1px dashed black;
	margin: 10px;
}

img.left
{
	float: left;
	margin-right: 10px;
}

img.right
{
	float: right;
	margin-left: 10px;
}

ul.commentlist
{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

ul.commentlist li
{
	border: 1px dashed black;
	padding: 10px;
	margin-bottom: 10px;
	margin-left: 0;
}

ul.side
{
margin-left: 0;
padding-left: 0;
}

ul.side li
{
	margin-left: 30px;
}

div.navigation
{
	height: 20px;
}

div.alignleft
{
	float: left;
}

div.alignright
{
	float: right;
}

/* Links */
a:link { color: #007FC4; text-decoration: none; }
a:visited { color: #007FC4; text-decoration: none; }
a:hover { color: #007FC4; text-decoration: underline; }
a:active { color: red; text-decoration: none; }