@charset "utf-8";
/* screen stylesheet  by dan bennett
Project : dan bennett | artist
============================================================================
COLOURS USED
font:#808080
link:#808080
=============================================================================
*/
/*---- site wide---- */

html {background-color:#FFFFFF;}

/*---- fonts---- */
html, body, h1, h2, h3, h4, h5, p, a, a:link, a:hover, ul, li {margin:0; padding:0; color:#000; font-family: Verdana, Arial, Helvetica, sans-serif;}

h1 {font-size:.9em; color:#808080;}
h1 a, h1 a:link {font-size:1.2em;color:#000;}
h1 a:hover {font-size:1.2em;color:#FF33CC;}
h2 {font-size:.8em; color:#808080; padding: 0px 0;}
h3 {font-size:1em; color:#FFF; padding: 5px; background-color: #FF0084; display:inline;}
.h3Wrap {padding: 5px 0;}
h4 {font-size:.9em; color:#000; padding-bottom: 10px; padding-top: 10px; margin-top: 10px;}
h5 {font-size:1.4em; color:#808080;}
p {font-size: .8em; color:#808080; line-height: 17px; margin: 0;}
p.light {font-size: .8em; color:#C0C0C0; line-height: 17px; margin: 0;}
.vary {color:#C0C0C0; }
ul {font-size:1em;  color:#808080; line-height: 17px;}
a {text-decoration: none; color:#808080;}
#email {text-decoration: none; color:#808080; font-weight: bold;}
#email a:hover { text-decoration: none; color:#C0C0C0; font-weight: bold;}
a:hover{ text-decoration: none; color:#C0C0C0;}
h1 a {text-decoration: none;}
h4 a, h4 a:link {text-decoration: none; color:#000;}
h4 a:hover, h4 a:link:hover { text-decoration: none; color:#FF0084;}

/*---- global---- */

.clear {clear:both;}

.floatRight {float:right;}

.floatLeft {float:left;}

.center {text-align:center;}

.noshow {position:absolute; top:0; left:-9999px;}

.normal {font-weight:normal;}

.thumbs a img {border:none; padding: 10px; }

/*layout*/

#mainWrapper {width: 960px; margin-left: auto; margin-right: auto; background-color:#FFF; padding: 20px 0;}

#header {width: 100%;}

#logo {float: left; margin:15px 0 20px 3px;}

#logo p{font-size:1em; color:#FFF;}

#logo img {border:none;}

#nav {width: 100%; margin-bottom: 40px;}

#content {width: 100%; margin-bottom:40px;}

#contentMain {width: 70%; float: left;}

#contentContext {width: 25%; float: right;}

#selfPortrait {padding: 0px 0px 20px 20px;}

#printThumbs {padding: 20px 0px 10px 0px;}

#contextLinks {width: 100%; padding: 15px 0;}

#cvBox {margin-bottom: 40px;}

.thumbs {width: 100%; padding: 10px 50px 10px 50px;}

.prints {width: 100%; padding: 10px 0px 30px 0px;}

.print_img {display: block; margin-left: auto; margin-right: auto; }

.bigbox {width: 100%; padding: 0px;}

.smallbox {width: 300px; padding: 0px;}

#footer {width: 100%; margin-bottom:20px; }

/*navigation*/

#nav ul {list-style-type:none; margin:0; padding:5px 0 18px 0; background-color:#FFF;}

#nav ul li {display:inline; color:#808080; }

#nav ul li a, #nav ul li a:link {margin:0; padding:5px 5px 5px 5px; color:#808080; text-decoration:none; height:1%; font-weight:normal;}

#nav ul li a:hover {color:#C0C0C0; text-decoration:none; background-color:#FFF;}

/*contact*/
#contactForm {
margin: 40px 0;
}
#contactForm p label {
width: 10em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}

#contactForm input, #contactForm textarea  {
border-top: solid 1px #000;
border-left: solid 1px #000;
border-bottom:solid 1px #7E7E7E;
border-right:solid 1px #7E7E7E;
}

#contactForm textarea  {
width: 30em;
height: 10em;
}

#contactForm .text input{
width: 15em;
}

#contactForm .submit input {
margin-left: 10em;
padding: 3px;
color: #FFF;
font-weight: bold;
background-color:#FF0084;
border-top: solid 1px #FF0084;
border-left: solid 1px #FF0084;
border-bottom:solid 1px #8e1a56;
border-right:solid 1px #8e1a56;
}


/*lists*/
.list {margin: 10px 0 10px 15px; padding: 10px 0;}
.list ul { list-style-type:square; line-height: 20px;}
.list ul li {margin-bottom: 5px;}

/*context links*/
#contextDownloads p a {padding-left: 20px; background-image: url(file:///C|/Documents%20and%20Settings/Dan/Desktop/vivdoc/_images/download.gif); background-position: left; background-repeat:no-repeat; text-decoration:none;}

#contextLinks p a {text-decoration:none;}

#contextLinks p a img {border:none;}


/*Preload images*/
.hiddenPic {display:none;}