/* CSS Styles (C)2006-2007 Dustin Spicuzza. */

body{
	background-color: #eeeeee;
	margin: 0;
	font-family: sans-serif;
	font-size: 0.75em;
}


/* for all browsers that understand min-width */
.wcontainer {
	color: #000000;
	background-color: #ffffff;
	border: 0.01em solid #005500;
	margin: 0 auto;
	width: 85%;
	min-width: 700px;
}

/* the bodge for IE6 browsers */
* html .container {border-left: 700px solid #ffffff; position:relative; float:left; z-index:1;}
* html .icontainer {margin-left: -700px; position:relative; float:left; z-index:2;}


#header{
	height: 100px;
	background-image: url('http://www.virtualroadside.com/cloud.jpg');
}


.headerimg{
	position: relative;
	float: right;
	top: 1.4em;
	width: 300px;
	height: 100px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.virtualroadside.com/logo.png');
}

.headerimg[class] {
	background-image:url(http://www.virtualroadside.com/logo.png);
}


#navbar{
	clear: both;
	width: 100%;
	background: #33cc33;
	border-top: 0.01em solid #005500;
	border-bottom: 0.01em solid #005500;
}

#navbar ul {
	margin: auto 0;
	padding: 0.4em;
	list-style-type: none;
}

#navbar li{
	display: inline;
}

#navbar li a {
	text-decoration: none;
	color: #ffffff;
	padding: 0 1em;
	border-right: 0.05em solid #005500;
	font-weight: bold;
}

#navbar a:hover{
	color: #ffffff;
	background: #00aa00;
}

#content{
	margin-left: 5.1em;
	padding: 1em;
	border-left: 1px dotted #efefef;
}


#legal{
	text-align: center;
	border-top: 0.01em solid;
	font-size: 0.75em;
	font-family: Helvetica;
	background: #00aa00;
	color: #ffffff;
}


/* generic tags */
div.both{
	clear: both;
}

a:hover{ 
	color: #FF0000;
}

a{ 
	text-decoration: none;
}

/* global browser text size fixes */
H1 {font-size:2em}
H2 {font-size:1.5em}
H3 {font-size:1.25em}
H4 {font-size:1em} 
H5 {font-size: 1.1em;}
INPUT, SELECT, TH, TD {font-size:1em}
pre { font-size: 1.1em; }


#forkongithub a{background:#b00000;color:#fff;text-decoration:none;font-family:arial, sans-serif;text-align:center;font-weight:bold;padding:5px 40px;font-size:1rem;line-height:2rem;position:relative;transition:0.5s;}
#forkongithub a:hover{background:#600;color:#fff;}
#forkongithub a::before,#forkongithub a::after{content:"";width:100%;display:block;position:absolute;top:1px;left:0;height:1px;background:#fff;}
#forkongithub a::after{bottom:1px;top:auto;}
@media screen and (min-width:800px){#forkongithub{position:absolute;display:block;top:0;right:0;width:200px;overflow:hidden;height:200px;}
#forkongithub a{width:200px;position:absolute;top:60px;right:-60px;transform:rotate(45deg);-webkit-transform:rotate(45deg);box-shadow:4px 4px 10px rgba(0,0,0,0.8);}}