@charset "utf-8";
/* - - - - - - - - - - - - - - - - - - - - -

Title : Craig Misak Portfolio StyleSheet
Author : Craig Misak
URL : www.cmisak.com

Created : September 16th, 2009

- - - - - - - - - - - - - - - - - - - - - */
* html {margin:0; padding:0;}
* {margin:0; padding:0;}
body {background-color:#f3f2f2; font:12px Helvetica, Arial, sans-serif; color:#333; background-image:url(images/global/bg_pink2.png); background-repeat:none; overflow-y:scroll;}
body, img {border:none;}
body, img a {border:none;}
body, img a:hover {border:none;}
body#index a#nav_index {color:#cc217e; text-decoration:none;}
body#portfolio a#nav_portfolio {color:#2fb3ed; text-decoration:none;}
body#about a#nav_about {color:#ef481b; text-decoration:none;}
body#contact a#nav_contact {color:#cc217e; text-decoration:none;}
img{padding:0px 5px 0px 0px;}

/* ----- BASE STURCTURE ----- */
#utility_header {height:38px; width:100%; color:#fff; background-image:url(../images/global/utilitiy_header_bg.png); background-repeat:repeat-x; position:absolute;}
#utility_header a{color:#fff; text-decoration:none;}

#date_mod{width:195px; margin:5px 0px 0px 0px; text-align:right; color:#999; position:absolute; letter-spacing:-0.05em;}
#utility_content {margin:5px 0px 0px 200px; text-transform:lowercase;}

#header{width:750px; margin:55px 0px 0px 200px; font:Helvetica, Arial, sans-serif; color:#fff; font-size:98px; font-weight:900; letter-spacing:-5px; position:absolute}

#into_p{width:750px; margin:175px 0px 0px 200px; font:30px Helvetica, Arial, sans-serif; color:#C6CE1D; line-height:31px; position:absolute;}
#tag{width:27px; height:27px; margin:185px 0px 0px 163px; position:absolute;}

#content{width:350px; margin:300px 0px 0px 200px; padding:50px 0px 0px 60px; color:#969696; position:absolute; line-height:21px}
#content a{color:#969696; font-weight:900;}
#content img{margin:-50px 0px 0px -60px;}
#content .normal_img{margin:0px 0px 0px 0px;}
#content ul {list-style:none;}

.col2 {width:350px; margin:326px 0px 0px 575px; padding:50px 0px 0px 60px; color:#969696; position:absolute; line-height:21px}
.col2 a{color:#969696; font-weight:900;}
.col2 img{margin:0px;}

#art_content{width:750px; margin:300px 0px 0px 200px; position:absolute;}
#art_content ul{list-style-type:none;}
#art_content a{color:#969696; font-weight:900;}

#contact_info {width:300px; height:110px; margin:0px 0px 0px 340px; border:solid #fff 5px; padding:5px; position:absolute; color:#969696;}
#contact_info a, a:hover{color:#969696; font-weight:900;}

hr {color:#999; background-color:#999; border-top:#FFFFFF 1px solid; margin:5px 0px 3px 0px;}

/* ----- NAVIGATION ----- */
#nav{width:150px; margin:75px 0px 0px 45px; text-align:right; color:#000; position:absolute; line-height:18px;}
#nav a{font-size:16px; color:#000; text-decoration:none; font-weight:900;}
a:hover#nav_index {color:#cc217e; text-decoration:none;}
a:hover#nav_portfolio {color:#2fb3ed; text-decoration:none;}
a:hover#nav_about {color:#ef481b; text-decoration:none;}
a:hover#nav_contact {color:#cc217e; text-decoration:none;}

#subnav {width:150px; margin:210px 0px 0px 30px; padding:4px 5px 0px 0px; text-align:right; position:absolute;}
#subnav a{font-size:27px; text-decoration:none; color:#ccc; font-weight:600; line-height:27px;}
#subnav a:hover{font-size:27px; text-decoration:none; color:#666; font-weight:600; line-height:27px;}
.subnav_port{border-right:2px solid #2fb3ed; height:135px;}
.subnav_resume{border-right:2px solid #ef481b; height:90px;}s

/* ----- TEXT STYLES ----- */
h2 {}
#p2 {font:13px Helvetica, Arial, sans-serif; color:#000; text-align:left; font-weight:900;}
#p3 {font:15px Helvetica, Arial, sans-serif; color:#999; text-align:left;}
#p4 {font:11px Helvetica, Arial, sans-serif; color:#999; text-align:left; line-height:11px;}
#h4 {color:#000; font-size: 28px; font-weight: normal; magin:0px 0px -100px 0px;}


/* ----- FORM STYLES ----- */
fieldset{border:none;}
#textfield {height:15px; border:solid 0 #fff; padding: 3px 8px; background: transparent url("../images/form/textfield_bg.gif") no-repeat; width:200px; voice-family: "\"}\""; voice-family:inherit; width:187px;}
#textarea {height:100px; border:solid 0 #fff; padding: 3px 8px; background: transparent url("../images/form/textarea_bg_535.png") no-repeat; width:535px; voice-family: "\"}\""; voice-family:inherit; width:535px; overflow:hidden;}
	
dl {clear:both;}
dt {float:left; text-align:right; width:115px; line-height:25px; margin:0 10px 10px 0;}
dd {float:left; width:250px; line-height:25px; margin:0 0 10px 0;}