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

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

/* ELEMENTS */
a img { border:0; }
body { margin:0; padding:10px; background-color:#6d8296; color:#444; 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}
.picture {float: right; padding-left: 15px;} 
input { font:normal 16px Garamond; }
input.text { border:1px solid #999; 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 { height: 255px; 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; font-size:1em; display:inline-block; -moz-border-radius: 10px;
     -webkit-border-radius: 10px;}

#content { width:500px; left: 48px; top:-10px; float:left; position:relative }

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

#meck { left:-15px; top:15px; padding:10px 20px 20px; position:relative }
#temple { left:260px; top:6px; padding:10px 20px 20px; position:absolute }
#express { left:-260px; top:90px; padding:10px 20px 20px; position:absolute }
#mint { left:260px; top:-5px; padding:10px 20px 20px; position:absolute }
#associated { left:-90px; top:100px; padding:10px 20px 20px; position:absolute }

#bar { left: 15px; top:-25px; position:relative }
#footer { left:-105px; top:8px; position:relative }
#sidebar { width:189px; float:left; }

		}
/* 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 */
}