@charset "UTF-8";
/* Stylesheet hand-coded by Paul Benson C 2009.  Contact Paul at benson.248@gmail.com or   for details */


/* Sections include:
	1. Body
	2. Grid
	3. Type
	4. Links
	5. Stylizing Grid
	
*/


/* 1. BODY */

	body {
		margin:0px;
		padding:0px;
		background-color:#FFF;
		background-image:url(img/gpaulbensonbg.jpg);
		background-repeat:repeat-y;
		background-position:center;
		height:100%
	}
	#page {
		width:970px;
		height:100%;
		padding:0px;
		margin:0px auto;
	}
	.mark {
		background-image:url(img/pagebg.jpg);
		background-position:top left;
		background-repeat:no-repeat;
	}

/* 2. GRID */
	
	.col {
		width:940px;
		margin:0px 0px 20px 0px;
		padding:0px 15px;
		float:left;
		clear:both;
		
		
	}
	.colfull {
		width:970px;
		margin:0px 0px 20px 0px;
		padding:0px;
		float:left;
		clear:both;
	}
	.colb {
		width:940px;
		margin:0px;
		padding:0px 15px;
		float:left;
		clear:both;
		
	}
	.colleft {
		width:150px;
		height:100%;
		margin-right:20px;
		float:left;
	}
	.colcenter {
		height:100%;
		width:250px;
		margin-right:10px;
		float:left;
	}
	.colright {
		height:100%;
		width:250px;
		margin:0px;
		float:left;
	}
	.colthree {
		height:100%;
		width:770px;
		margin:0px;
		float:left;
	}
	.colmain {
		width:770px;
		height:100%;
		margin:0px;
		padding:0px;
		float:left;
	}
	.colminil {
		height:100%;
		width:120px;
		margin-right:10px;
		float:left;
	}
	
	.colminir {
		height:100%;
		width:120px;
		margin:0px;
		float:left;
	}
	.top {
		height:22px;
		padding-top:20px;
		border-bottom:#999 solid;
		
	}
	.top:hover {
		height:22px;
		padding-top:20px;
		border-bottom:#5A3B00 solid 3px;
	}
/* 3. TYPE */

	body {
		font-size:.813em;
		font-family:Helvetica, Arial,  sans-serif;
		color:#000;
		line-height:150%;
	}
	
	h1 {
		font-size:3em;
		color:#000;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		font-weight:100;
		padding:20px 0px 0px 0px;
		list-style-type:none;
		line-height:135%;
		text-indent:-35px;
	}
	h2 {
		font-size:1em;
		font-family:Helvetica, Arial,  sans-serif;
		color:#301E00;
		line-height:150%;
		font-weight:100;
		padding:0px;
		margin:0px;
	}
	h3 {
		font-size:1em;
		font-family:Helvetica, Arial, sans-serif;
		color:#000;
		line-height:150%;
		font-weight:100;
		padding:0px;
		margin:10px 0px 0px 0px;
	}
	h4 {
		
		font-size:1em;
		font-family:Helvetica, Arial, sans-serif;
		color:#000;
		line-height:150%;
		font-weight:100;
		padding:0px;
		margin:0px 0px 0px 0px;
	}
		
	p {
		font-size:.813em;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		color:#666;
		line-height:150%;
		padding:0px 0px 0px 0px;
		margin:0px;
	}
	ul li {
		font-size:.813em;
		font-family:Helvetica, Arial,  sans-serif;
		color:#999;
	}
	.pardon {
		font-family:Georgia, "Times New Roman", Times, serif;
		padding:0px;
		color:#301E00;
		font-weight:bold;
		font-style:italic;
		height:22px;
		padding-top:0px;
	}
	.bold {
		font-weight:bold;
	}
	.small {
		font-size:.9em;
	}
/* 4. LINKS */


	a:hover {
		text-decoration:none;
		font-size:.813em;
		border:0px;
		padding:0px;
		margin:0px;
		color:#999;
		cursor:pointer;
		
	}
	a:link, a:visited, a:focus, a:active {
		text-decoration:none;
		color:#000;
		font-size:.813em;
		border:0px;
		padding:0px;
		margin:0px;
		cursor:pointer;
		
	}
	p a:link, p a:visited, p a:focus, p a:active {
		
		font-size:100%;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		color:#666;
		line-height:150%;
		padding:0px 0px 0px 0px;
		margin:0px;
		}		
	
	
	p a:hover {
		font-size:100%;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		color:#000;
		line-height:150%;
		padding:0px 0px 0px 0px;
		margin:0px;
	}
	.top a:link, .top  a:visited, .top  a:focus, .top  a:active {
		text-decoration:none;
		color:#999;
		font-size:1.1em;
		margin:0px;
		cursor:pointer;
		padding-bottom:5px;
		
	}
	
	.top  a:hover {
		text-decoration:none;
		color:#5A3B00;
		font-size:1.1em;
		border:0px;
		padding:0px;
		margin:0px;
		cursor:pointer;
		padding-bottom:5px;
	}
	h1 a:link, h1  a:visited, h1  a:focus, h1  a:active {
		text-decoration:none;
		color:#301E00;
		font-size:100%;
		margin:0px;
		cursor:pointer;
		
	}
	h1 a:hover {
		text-decoration:none;
		color:#FFF;
		font-size:100%;
		border:0px;
		
		padding:0px;
		margin:0px;
		cursor:pointer;
		background-color:#000;
	}
	.resume a:link, .resume a:visited, .resume a:focus, .resume a:active {
		text-decoration:none;
		color:#301E00;
		font-size:100%;
		margin:0px;
		cursor:pointer;
		
	}
	.resume a:hover {
		text-decoration:none;
		color:#FFF;
		font-size:100%;
		border:0px;
		
		padding:0px;
		margin:0px;
		cursor:pointer;
		background-color:#000;
	}
	.footer {
		color:#000;
		font-size:1em;
		margin:0px;
		font-weight:bold;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	.footer a:link, .footer  a:visited, .footer  a:focus, .footer  a:active {
		text-decoration:none;
		color:#000;
		margin:0px;
		cursor:pointer;
		font-size:100%;
	}
	.footer a:hover {
		text-decoration:none;
		color:#CCC;
		cursor:pointer;
		font-size:100%;
	}
	.italic {
		font-style:italic;
	}

/* 5. STYLIZING GRID  */

	.gray {
		background-color:#F6F6F6;
		background-image:url(img/stripe.jpg);
		background-repeat:repeat;
	}
	
	.gpbg {
		background-color:#F6F6F6;
		background-image:url(img/gpbg.jpg);
		background-repeat:no-repeat;
		margin-bottom:50px;
		height:300px;
	}
	.bordertop {
		border-top:#999 solid 1px;
		padding:10px 0px;
	}
	
	.bordertopb {
		border-top:#999 dashed 1px;
		padding:10px 0px;
	}
	.footer {
		background-image:url(img/gpaulbensonbgf.jpg);
		background-position:bottom center;
		background-repeat:no-repeat;
		height:115px;
		padding-top:35px;
	}
	
	.footer:hover {
		background-image:url(img/gpaulbensonbgf2.jpg);
		background-position:bottom center;
		height:115px;
		padding-top:35px;
	}
	.twitter ul li {
		color:#000;
		font-size:1em;
		text-decoration:none;
		list-style-type:none;
		width:218px;
		height:80px;
		margin-left:-20px;
		overflow:hidden;
		
	}
	
	.twitter a:link, .twitter a:visited, .twitter a:focus, .twitter a:active, .twitter a:hover {
		color:#000;
		font-size:1em;
		text-decoration:none;
		list-style-type:none;
	}
	.index {
		background-image:url(img/bg.jpg);
		margin-bottom:50px;
		height:300px;
	}
	.fail {
		background-image:url(img/failscooter.jpg);
		margin-bottom:50px;
		height:300px;
	}
	.contact {
		background-image:url(img/stripe.jpg);
		margin-bottom:50px;
		height:500px;
		
	}
	.pad50 {
		padding-top:60px;
	}
	

	.actions {
		height:50px;
		padding-top:10px;
		padding-left:460px;
	}
	.frame {
		cursor:pointer;
		width:970;
		background-image:url(img/stripe.jpg);
		background-repeat:repeat;
	}
	.resume {
		font-size:2em;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		line-height:135%;
		
	}