/* 
Michael Kovalchick Portfolio Website Style Sheet -- slim
copyright Michael Kovalchick 2005
all rights reserved
 */

body {text-align: center; background-color: #333; margin: 0px; font-family:  Helvetica, Arial, Verdana, sans-serif;}
#wrap {margin-left: auto; margin-right: auto; width: 740px; background-color: #FFF; text-align: left; padding: 25px 25px 15px 25px;}
img {border: 0px;}
.nofloat, .infobox, .backgal{float:none; clear: both;}

/* Section IDs */
#header b, .dlink b, .rocketeermovie b {display:none; position: relative;}
#header {height: 60px; border-bottom: 2px solid #333;}

#logo {background: transparent url(../images/mklogo.gif) 0px 0px no-repeat;}
#logo a{display: block; height: 52px; width: 240px;}
#main{margin: 0px; clear:both;}
#footer{position: relative; float: none; clear:both; padding: 10px 0px; margin-top: 50px; font-size: x-small; border-top: 2px solid #333;}
#clog{float:right;}

/* Main Navigation */
#topnav{position:absolute; margin-left: 520px; top: 52px;}

#GnavON, #Gnav{ position: absolute; left: 0px;} 
#RnavON, #Rnav{ position: absolute; left: 69px;}
#CnavON, #Cnav{ position: absolute; left: 145px;}

#Gnav{background: transparent url(../images/nav.gif) 0px 0px no-repeat;}
#Rnav{background: transparent url(../images/nav.gif) -67px 0px no-repeat;}
#Cnav{background: transparent url(../images/nav.gif) -145px 0px no-repeat;}

#GnavON a, #Gnav a{ display: block; height: 33px; width: 68px;}
#RnavON a, #Rnav a{ display: block; height: 33px; width: 75px;}
#CnavON a, #Cnav a{ display: block; height: 33px; width: 72px;}

#GnavON, #Gnav a:hover{ background: transparent url(../images/nav.gif) 0px -33px no-repeat;}
#RnavON, #Rnav a:hover{ background: transparent url(../images/nav.gif) -67px -33px no-repeat;}
#CnavON, #Cnav a:hover{ background: transparent url(../images/nav.gif) -145px -33px no-repeat;}

/* Sub Navigation */
div#subnav{margin: 10px 0px 0px; clear: both; float: right;}
#subnav a{margin-left: 10px; font-size: x-small;}
#subnav a.on{font-weight:bold; color: #333; text-decoration: none;}

/* Basic Elements */
h1, h2, h3, h4, h5, .testimonial {font-family: Georgia, "Times New Roman", Times, serif; color: #333;}
p {line-height:160%;}
li{padding-bottom:0.5em;}
p, li{color: #333; font-size: small;}
ul {padding-left: 15px;}

/* Form/Contact Page Elements */
label{font-size:medium; font-weight:bolder; color:#666;}
textarea, input {margin:0; padding:0;}
.contactform p{margin-bottom:2px; padding-bottom:0px; color:#CC0000;}
.infobox, .errorbox {border: 2px solid #CCC; padding: 0 10px 0 10px; margin: 3px 35% 5px 0; background-color:#CCFFCC}
.errorbox {background-color:#FF9999;}
input.error {background-color:#FFFF99;}

/* Gallery Classes */
.item {position: relative; padding: 10px 0px 20px 40px; width: 299px; height: 225px; color: #333; float: left;}
.item img {border: 2px solid #CCC; padding: 0px;}
.item p {margin-top: 10px; padding-top: 0px;}
div.detail {margin-bottom: 10px; clear: both;}
div.detailpic {float:left;}
div.detailinfo{ width:300px; padding: 0 0 0 25px; float:left;}
.backgal {padding-top:20px;}
div.testimonial, .testimonial p {position: relative; font-size:medium; line-height: 160%; color: #666;}

.column {display: block; position: relative; width: 29%; margin: 0 15px 0 0; float: left; border-left: 2px solid #CCC; padding-left: 15px;}

.dlink {float: right; padding: 0; margin: 0;}
.dlink a:link{display: block; height: 29px; width: 100px; background: transparent url(../images/details.gif) 0 0 no-repeat;}
.dlink a:hover{background: transparent url(../images/details_over.gif) 0 0 no-repeat;}

.rocketeermovie a {display: block; height: 309px; width: 400px; background: transparent url(../images/gallery/other/other3_large.jpg) 0 0 no-repeat;}
.rocketeermovie a:hover {background: transparent url(../images/gallery/other/other3_large_over.jpg) 0 0 no-repeat;}

/* Resume Class */
.resume h2 {padding-bottom: 3px; border-bottom: 3px solid #CC0000;}
.resume h4	{font-weight:normal;}
.resume h3, .resume h4 {color:#777;}

/* Link Style */
a:link, a:visited{ text-decoration: underline; color: #CC0000;}
a:hover{color: #333;}