@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;border-spacing:0;}
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*/
body{
font-family:Georgia, "Times New Roman", Times, serif;
background-color:#FFFFFF;
margin:10px 0px;
padding:0px;
font-size:10px;
color:#333333;
}

em{
font-style:italic;
}

strong{
font-weight:bold;
}

a{
text-decoration:none;
color:#333333;
}

p{
line-height:1.5em;
}

#parent{
width:1024px;
margin:0px auto;
padding:10px 0px 30px 0px;
}
.white{
color:#FFFFFF;
}

.clear {
clear:both;
}

#topHeader{
width:1000px;
padding:0px 10px 10px 10px;
background-color:#FFFFFF;
}

.logo{
width:220px;
float:left;
margin:5px 0px 0px 0px;
}

#alogo{
width:125px;
height:42px;
display:block;
background:url(images/name-heading.gif) no-repeat;
}

.logo h1{
width:125px;
height:42px;
margin:0px 0px 0px 50px;
padding:0px 0px 0px 0px;
text-indent:-9999px;
}

.logo h3{
font-size:1em;
color:#333333;
margin:5px 0px 0px 50px;
width:300px;
}

#topHeader ul{
float:left;
width:400px;
margin:0px;
padding:0px 0px 0px 30px;
border-right:1px dotted #666666;
border-left:1px dotted #666666;
font-size:1.1em;
}

#topHeader li{
width:350px;
margin:0px 0px 1px 0px;
}

#topHeader ul a{
display:block;
text-decoration:none;
color:#333333;
}

#topHeader ul a:hover{
background-color:#333333;
color:#f9f8ee;
}

#topHeader ul a.selected{
background-color:#333333;
color:#f9f8ee;
}


.jump {
float:left;
padding:15px 50px;
width:245px;
}

.jump h3{
font-size:1.1em;
}

#jumpMenu {
font-size:1.2em;
}

#jumpMenu .submit{
text-align: center; 
padding:0px;
margin:0px 0px 0px 5px;
}

#workID{
width:200px;
}

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

#locationBar{
background-color:#ff0033;
padding:3px 0px 3px 50px;
}

#locationBar ul{
font-size:1.2em;
color:#f9f8ee;
}

#locationBar li{
display:inline;
margin:0px 0px 0px 5px;
}

#leftColumn{
width:920px;
padding:30px 0px 0px 0px;
text-align:center;
float:left;
}

#bio{
width:920px;
padding:30px 20px 0px 50px;
text-align:left;
font-size:1.2em;
}

#bio.cv{
width:960px;
padding:30px 20px 0px 50px;
text-align:left;
font-size:1.2em;
}

#bio.cv li{
display:inline;
margin:0px 10px 0px 0px;
}

#bio.cv li a{
color:#ff0033;
}

#bio.cv li a:hover{
color:#ff0033;
border:1px dotted #ff0033;
}

#bio.cv .selected{
border:1px dotted #666666;
color:#333333;
text-decoration:none;
}

#bio.cv ul{
padding:5px 0px;
margin:0px 0px 20px 0px;
}



#bio_text{
width:500px;
float:left;
padding:0px 30px 0px 0px;
}

#bio_text p{
margin:0px 0px 0px 0px;
}

#bio_text a{
color:#FF0033;
text-decoration:underline;
}

#bio h1{
font-size:1.8em;
padding:0px 0px 10px 0px;
}

#leftColumn.work{
width:500px;
font-size:1.2em;
float:left;
text-align:left;
padding:30px 35px 0px 35px;
}

#mainImage{
text-align:center;
width:480px;
}


#leftColumn.contact{
font-size:1.2em;
padding:30px 20px 0px 50px;
text-align:left;
float:left;

}

#leftColumn.contact h1{
font-size:1.8em;
padding:0px 0px 10px 0px;
}

#leftColumn.contact a{
font-size:2.5em;
color:#ff0033;
}

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

.cell{
font-size:1.3em;
}

#leftColumn.links {
font-size:1.2em;
text-align:left;
padding:30px 20px 0px 50px;
}

#leftColumn.admin {
font-size:1.2em;
text-align:left;
padding:20px 20px 0px 50px;
}

#leftColumn.admin ul{
margin:10px 0px 20px 0px;
}

#leftColumn.admin li{
display:inline;
}

#leftColumn.admin li a{
color:#ff0033;
}

#leftColumn.admin li a:hover{
color:#ff0033;
border:1px dotted #ff0033;
}

#leftColumn.admin .selected{
border:1px dotted #666666;
color:#333333;
text-decoration:none;
}

#leftColumn.admin p{
margin:10px 0px;

}




#leftColumn.admin h1{
font-size:1.8em;
padding:0px 0px 10px 0px;
}

#leftColumn.links h1{
font-size:1.8em;
padding:0px 0px 10px 0px;
}

#leftColumn.links p{
margin:0px 0px 0px 0px;
}

#leftColumn.links a{
color:#ff0033;
text-decoration:underline;
}

#cv{
clear:both;
width:600px;
}

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

#rightColumn{
float:left;
padding:20px 10px 20px 10px;
width:380px;
font-size:1.2em;
}

#rightColumn p{
margin:0px 0px;
}

#rightColumn h1{
font-size:2.4em;
padding:5px 0px;
}

#featuredWork{
font-size:1.2em;
}

#featuredWork h1{
font-size:2.4em;
padding:5px 0px;
}

#featuredWork h1 a:hover{
color:#ff3300;
}


#featuredWork ul{
padding:5px 0px;
}

#featuredWork li a {
color:#ff3300;
text-decoration:underline;
}

#featuredWork p{
padding:10px 0px;
}

#workColumn{
padding:30px 50px 0px 50px;
font-size:1.2em;
}

#workColumn h1{
font-size:1.8em;
padding:0px 0px 10px 0;
}

#workColumn h2{
font-size:1.0em;
font-weight:bold;
}

.workListings{
float:left;
margin:20px 80px 0px 20px;
}

.workListings img{
margin:0px 0px 10px 0px;
}

.workListings a:hover{
color:#ff0033;
margin:0px;
padding:0px;
}

.workListings a{
margin:0px;
padding:0px;
}

.listings{
float:left;
width:133px;
padding:10px;
margin:0px 30px 20px 0px;
}

.listings h3 a{
color:#ff0033;
width:133px;
}

.listings h3 a:hover{
color:#333333;
}

#workImage{
width:133px;
height:113px;
margin:0px 0px 5px 0px;
}

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

#rightColumn.work{
font-size:1.2em;
}

#rightColumn.work ul img{
margin:0px 20px 0px 0px;
}

#rightColumn.work ul li{
margin:0px 0px 3px 0px;
}

#rightColumn.work ul a{
color:#FF0033;
}

#rightColumn.work ul a:hover{
color:#333333;
text-decoration:underline;
}

ul#imageBox{
text-align:center;
margin:30px 0 0 0;
}

ul#imageBox li{
display:inline;
margin:0px 1px 0px 0px;
}

ul#imageBox li a{
padding:15px;
font-size:1.0em;
border:1px solid #666666;
background-color:#FFFFFF;
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

ul#imageBox li a:hover{
color:#FFFFFF;
border:1px solid #ff0033;
background-color:#ff0033;
}

#vimeo h1{
font-size:2.4em;
margin:0px 0px 0px 0px;
padding:20px 0px 0 0;
line-height:20px;
}

#vimeo{
margin:35px 0px 20px 0px;
}

#vimeo embed{
margin:30px 0px 10px 0px;
}

#login{
width:180px;
border:1px dotted #666666;
padding:10px;
}
#login input{
width:150px;
margin:0px 0px 10px 0px;
clear:both;
float:left;
}

#login label{
width:100px;
float:left;
margin:10px 0px 6px 0px;
}

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

fieldset{
border:1px solid #FFCCCC;
padding:0px 10px 10px 10px;
margin:0px;
font-size:.9em;
}

#admin{
padding:10px 0px 0px 50px;
font-size:1.1em;
}

#admin a:hover{
color:#ff0033;
}

#admin p{
margin:0px 0px 5px 0px;
}

#admin ul{
width:950px;
border-bottom:1px dotted #FF0033;
padding:0px 0px 5px 0px;
}

#admin ul li{
display:inline;
}

#status{
padding:10px 50px;
margin:0px 0px 0px 0px;
border:1px dotted #ff0033;
font-size:1.1em;
background-color:#666666;
color:#FFF;
}

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;
}

.admintable a{
color:#ff0033;
}

.admintable a:hover{
text-decoration:underline;
color:#666666;
}


#form{
width:350px;
margin:20px 0;
border:1px dotted #333333;
padding:5px;
}

#form.bio{
width:600px;
margin:20px 0;
border:1px dotted #333333;
padding:5px;
}

#form.short{
width:400px;
margin:20px 0;
border:1px dotted #333333;
padding:5px;
}

#form label{
width:100px;
float:left;
margin:10px 0px 0px 0px;
}

#form input{
width:250px;
margin:10px 0px 20px 0px;
}

#form select{
width:250px;
margin:10px 0px 20px 0px;
}

#form input.submit{
width:80px;
float:right;
margin:0px 25px 0px 0px;
}

#form #checkbox{
width:30px;
margin:0px;
padding:0px;
}


#bioImage{
float:left;
text-align:center;
width:356px;
}


#bioText_tbl{
margin:10px 0px 20px 0px;
width:450px;
}