/**
* CSS
* 
* @version 2.0
* @author Vaska 
* @author Tom Hole
*/

/*------------------------------------*\
	STANDARD 
\*------------------------------------*/

* {
	margin: 0;
	padding: 0;
}
body {
	font-size: 12px;
	background:url('http://www.tjhole.com/bg.png') no-repeat fixed left top;
	font: Georgia, serif;
}
a:link {
	text-decoration: none;
	color:#828282;
	
	
}
a:active {
	text-decoration: none;
	color:#828282;

}
a:visited {
	text-decoration: none;
	color:#bababa;
}
a:hover {
	text-decoration: none;
	background:#bdbdbd;
	color:#FFF;
}
a img {
	border: none;
}
#menu {
	width: 215px;
	overflow: visible;
	position: fixed;
	height: 100%;
	background-color: #fff;
	background:url(http://tjhole.com/header.png) no-repeat;
	top:20px;
	bottom:20px;
	left:20px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8
}
#menu ul {
	color:white;
 	text-align: right;
 		list-style-type:none;

 	
}
#menu ul li.section-title {
	font:10pt helvetica, arial;
        text-transform:capitalize letter-spacing:2px;
	color:#5e5e5e;
	margin-top: 20px;
	margin-bottom: 5px;
	border-bottom-color: #bababa;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	text-align: right;
	list-style-type:none;
	
}
#content {
	height: 100%;
	margin:0 0 0 270px;
	top: 0;
}
.container {
	padding:20px 5px 25px 5px;
}
#content p {
	font:10pt arial, helvetica /12pt;
	background:#white;
	width:auto;
	height:auto;
	padding-top:0px;
	color:#000;
	float: right;
 	display: inline; /*fixes IE float bug*/
 	text-align: right; 
 	margin-right: 20px;
 	
	
}
p {
	margin:0 0 0 0;
}
h1 {
	font-size:32px;
}
h2 {
	font-size:24px;
}
h3 {
	font-size:16px;
}
h4 {
	font-size:12px;
}
h5 {
	font:7pt helvetica, arial normal none;
	color:#6c6e71;
	margin-top:20px;
	margin-bottom:20px;
	text-align: right;
}

h6{
font-size:1px; 
background: transparent url('http://tjhole.com/spacer.png') no-repeat; 
height:100px;
color: transparent;
}

h7{
font-size:1px;
color: transparent;
}


#img-container p {
	padding:5px;
}
#once {
	clear:left;
}



/*------------------------------------*\
	MOBILES
\*------------------------------------*/

@media screen and (max-device-width: 480px) {
 body {
 font-family:Helvetica, Arial, Verdana, sans-serif;
 -webkit-text-size-adjust:none;
 padding:0;
 margin:0;
background:none;
}
 div {
 clear:both!important;
 display:block!important;
 width:100%!important;
 float:none!important;
 padding:0!important;
}
 img {
 width:100%!important;
 height:auto;
 padding:5px;
}
 a:link {
 text-decoration: none;
}
a:active {
 text-decoration: none;
}
a:visited {
 text-decoration: none;
 color: #666;
}
a:hover {
 text-decoration: none;
 color: blue;
}
a img {
 border: none;
}
#menu {
background-color:white;
background:none;
border-bottom:none;
padding:0;
width: 100%;
height: auto;
margin-left:0;
margin-right:0;
margin-top:0;
margin-bottom: 40px;
overflow: auto;
background:none;
position:relative
}
 #menu ul {
margin:0;
display: inline;
list-style-type: none;
text-align: left;
 	
 }
#menu ul li.section-title {
 font:10pt helvetica, arial;
 display:inline;
 text-transform:none;
 border-bottom: none;
 text-align: left;
 padding:3px;
margin:0;
}



#content {
display:inline;
float:left;
z-index:-10;
height: auto;
padding:0;
margin:0;
}
.container {
padding:0;
margin:0;
}
#content p {
width:100%;
height:auto;
padding:5px;
margin:5px;

p {
padding:5px;
margin:5px;
}
 #img-container p {
 padding:5px;
 margin:5px;
 }
h1 {
 font-size:1.5em;
}
h2 {
 font-size:1.2em;
}
h3 {
 font-size:1em;
}
h4 {
 font-size:1em;
}
h5 {
 font-size:1em;
 text-align: left;
}
h6{
font-size:18pt;
height:18pt;
text align: left;
 text-transform:capitalize letter-spacing:2px;
font:helvetica, arial;
color: black;
}
h7{
font-size:14pt;
height:10pt;
text align: left;
text-transform:capitalize letter-spacing:2px;
font:helvetica, arial;
color: #bababa;
}
}