/*Stylesheet - boxofjason.com -  Jason Johnson */

/* LINKS */
a:link { color:#000; }
a:hover { color:#000; }
a:visited { color:#000; }
a:visited:hover { color:#000; }

/* ELEMENTS */
a img { border:0; }
body { margin:0; padding:10px; background-color:#6d8296; color:#000; font:normal 66% Garamond; text-align:center; }
h1, p, ul, li { margin:0; padding:0; }
li, p{ font-size:1.2em; line-height:1.5em; }
p, ul { padding-bottom:1.5em; }
.style1 {font-style: italic}
.style2 {font-size: 1em}
.style7 {font-size: 1.2em; font-weight: bold; }
.style8 {font-size: 1.1em}
input { font:normal 16px Garamond; }
input.text { border:1px solid #000; padding:3px 4px; }



/* GLOBAL */
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.note { color:#888; font-size:.9em; }

/* SPECIFIC */
#container, #body { width:600px;}
     
#container { background:#fff; margin:0 auto; text-align:left; -moz-border-radius: 15px;
     -webkit-border-radius: 15px; 
}

#header { width: 598px; height:70px; background-color:#66946c; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius:10px; border-top:1px solid #666; border-right:1px solid #666; border-left:1px solid #666; border-bottom:1px solid #666
}
#header h1 { width:249px; height:99px; float:left; }

#header ul, #header li { margin:0; padding:0; }
#header ul { width:501px; height:99px; float:left; list-style:none; position:relative; }
#header li {position:absolute;height: 20px;}

/* BOXES */
#nav_home, #nav_aboutme, #nav_resume, #nav_clips, #nav_blog, #nav_test { top:45px; }
#nav_home { left:40px; }
#nav_aboutme { left:144px; }
#nav_resume { left:269px; }
#nav_clips { left:382px; }
#nav_blog { left:535px; }

#body { background:#fff; padding:10px 0px 5px; height:500px; font-size:1em; display:inline-block; -moz-border-radius: 10px;
     -webkit-border-radius: 10px;}

#content { width:500px; padding:0px 20px 0px; float:left; }
#content2 {
	width:300px;
	float:left;
}
#content3 {
	width:125px;
	float:left;
}

#resume1 { left:140px; top:50px; padding:10px 20px 20px; position:relative }
#resume2 { left:120px; top:15px; padding:10px 20px 20px; position:absolute }


#scw { left:-15px; top:15px; padding:5px 25px 20px; position:relative }
#charlottewoman { left:260px; top:10px; padding:5px 20px 20px; position:absolute }
#crossroads { left:-255px; top:120px; padding:5px 25px 20px; position:absolute }
#meck { left:270px; top:-20px; padding:5px 20px 20px; position:absolute }
#pet { left:-270px; top:110px; padding:5px 25px 20px; position:absolute }
#mint { left:242px; top:-30px; padding:20px 30px 20px; position:absolute }
#express { left:-245px; top:125px; padding:5px 20px 20px; position:absolute }
#temple { left:255px; top:2px; padding:5px 20px 20px; position:absolute }


#sidebar { width:189px; padding:0 30px 20px 30px; float:left; }
#sidebar2 { 
	width:150px;
	position: relative;
	left: 150px;
	top: 20px;
	border-style: solid;
	border-width:2px;
	
		}
/* HACKS */
#body:after,
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

* html>body #body,
* html>body .clearfix { display:inline-block; width:100%; }

* html #body,
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}
