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

/* -- =1: reset all elements to a common value ----------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}


/*universal settings starts here*/
a:hover{
text-decoration:none;
color:#72bfbf;
}

h1{
font-size:4.0em;
}

strong{
font-weight:bold;
}

em{
font-style:italic;
}

a{
text-decoration:none;
color:#72bfbf;
}

p{
line-height:1.3em;
}

body{
font-family:Georgia, "Times New Roman", Times, serif;
background-color:#FFFFFF;
color:#666666;
margin:10px 0px 40px 20px;

font-size:10px;
}

#main{
width:1100px;
margin:0px 0px 20px 0px;
padding-bottom:20px;
}

#leftColumn{
width:280px;
height:600px;
border-right:1px dotted #666666;
float:left;
}

#coat{
margin:0px 0px 0px 40px;
width:280px;
}

#alogo{
background:url(images/name.jpg);
background-repeat:no-repeat;
width:200px;
height:30px;
display:block;
}

#leftColumn h1{
width:200px;
height:30px;
text-indent:-9999px;
}

.contact{
margin:8px 0px 0px 0px;
color:#72bfbf;
width:120px;
}

.contact p{
margin:0px 0px 0px 0px;
}

.contact a{
font-size:1.2em;
}

.contact a:hover{
text-decoration:underline;
}


#nav{
margin:20px 0px 0px 0px;
}

ul#navigation{
font-size:1.8em;
color:#72bfbf;
height:150px;
}

ul#navigation li{
width:200px;
border:1px solid #666666;
margin:1px 0px 0px 0px;
}

ul#navigation li a{
padding:0px 0px 0px 3px;
display:block;
}

ul#navigation li a:hover{
display:block;
background-color:#666666;
color:#FFFFFF;
}

ul#navigation li a.selected{
display:block;
background-color:#72bfbf;
color:#FFFFFF;
}

#jumpMenu select{
width:180px;
margin:0px 5px 0px 0px;
font-size:1.1em;
}

#logoContainer	{	margin-top:120px; font-size:9px;	}
#logoImg	{	width:180px;	}

.clear{
clear:both;
}

#rightColumn{
width:790px;
float:left;
margin:0px 0px 0px 20px;
}

#featured{
width:433px;
margin:50px 0px 20px 90px;
}

#featuredImage{
width:433px;
height:433px;
}



ul#specs{
float:left;
margin:0px 20px 0px 90px;
font-size:1.2em;
}

ul#description{
float:left;
font-size:1.2em;
width:360px;
}

ul#description a{
color:#FFF;
background-color:#72bfbf;
}


#aboutWrapper{
margin: 115px 0px 0px 20px;

}

h1#about{
width:75px;
height:25px;
background-image:url(images/about.jpg);
text-indent:-9999px;
}

h1#cv{
width:75px;
height:25px;
background-image:url(images/cv.gif);
background-repeat:no-repeat;
text-indent:-9999px;
}

h1#links{
width:75px;
height:25px;
background-image:url(images/links.gif);
background-repeat:no-repeat;
text-indent:-9999px;
}


#aboutText{
width:700px;
margin:30px 0px 0px 0px;
font-size:1.1em;
}

#aboutTextWrapper{
width:400px;
font-size:1.1em;
float:left;
margin:0px 30px 0px 0px;
}

#aboutText img{
float:left;
}

#about p{
margin:0px;
}

#works{
clear:both;
width:700px;
border-top:1px dotted black;
}

#workListings{
float:left;
width:105px;
margin:0px 70px 20px 0px;
}

.container{
margin:10px 0px 0px 0px;

}

#workListings h3{
font-size:1.1em;
}

#workListings h3 a{
color:#666666;
}

#workListings h3 a:hover{
background-color:#72bfbf;
color:#FFF;
}

#workImage{
width:105px;
height:92px;
margin:0px 0px 5px 0px;
}


#works h1{
font-size:1.8em;
margin:10px 0px;
}

#workContainer{
margin: 115px 0px 0px 20px;
}

#bigImage{
width:433px;
text-align:center;
}

#workDetail{
width:433px;
margin:26px 0px 20px 90px;
float:left;
}

#thumbs{
width:100px; 
height:433px;
margin:20px 0px 0px 40px;
float:left;
}

#thumbs img{
margin:7px 0px;
}

#thumbs #wrapper{
text-align:center;
}

#workDetail #description{
margin:20px 0px;
font-size:1.2em;
}

#workDetail h1{
font-size:2.5em;
margin:0px 0px 20px 0px;
font-weight:lighter;
}

#adminMenu ul{
margin:0px;
padding:10px 8px;
border:1px dotted #666666;
}

#adminMenu li{
display:inline;
font-size:1.1em;
}

#admin h1{
font-size:1.8em;
margin:10px 0px;
}

#status{
border:1px dashed #FF3399;
padding:5px;
font-size:1.2em;
color: #FF3399;
margin:0px 0px 10px 0px;
}


#login{
width:200px;
border:1px solid #666666;
padding:5px;
}

fieldset{
border:1px solid #999999;
padding:5px;
}

#loginWrapper h1{
margin:20px 0px;
font-size:1.6em;
}

#login input{
width:150px;
}

#login .submit{
margin:10px 0px;
width:50px;
}

table.admintable thead{
background-color:#666666;
color:#FFFFFF;
}
table.admintable tr{
height:10px;
}

table.admintable td{
border:1px solid #999999;
padding:3px;
font-size:1.1em;
}

#form{
width:550px;
border:1px solid #999999;
padding:5px;
margin:0px 0px 20px 0px;
}

#form input{
width:200px;
margin:0px 0px 10px 0px;
font-size:1.2em;
}

#form textarea{
width: 500px;
height:200px;
margin: 0px 0px 10px 0px;
}
#description_tbl{
margin:10px 0px 20px 0px;
width:450px;
}


#form .reset{
width:90px;
margin:10px 0px;
}

#form .submit{
width:90px;
margin:10px 0px;
}

label{
display:block;
font-size:1.1em;
margin: 10px 0px;
}

#feature{
font-size:1.2em;
}

#image{
border:1px solid #666666;
width:400px;
margin:20px 0px;
padding:5px;
}
#cvMenu{
width:100%;
padding:20px 0px 40px 0px;
}

#cvMenu li{
display:inline;
font-size:1.2em;
}

#cvMenu li a{
color:#666666;
}

#cvMenu li a:hover{
text-decoration:underline;
color:#72bfbf;
}

#cvMenu li a.selected{
color:#FFF;
background-color:#72bfbf;
}

#cv_text{
width:410px;
float:left;
font-size:1.2em;
margin:0px 20px 0px 0px;
}

#cv_text p{
margin:0px;
}

#cv_text h1{
font-size:2em;
margin:0px 0px 10px 0px;
}

#bioImage{
width:280px;
float:left;
height:50px;
}