/* default colors */
body { 
	color: #3F383F; background-color: white; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.8em;
	padding: 0; margin: 0;
}

/* layout */
#wrapper { text-align: center; }
#header, #content-full, #footer { text-align: left; clear: left; }
#logos, #leftnav { width: 200px; float: left; margin-left: 10px; }
#topnav, #content { margin-left: 210px; margin-right: 10px; }
.clear { clear: both; width: 100%; height: 0; margin: 0; padding: 0; }
#footer { margin: 0 10px; }

/* link colors */
a { color: #000; }
a:visited { color: #3f383f; }
a:hover { text-decoration: none; background-color: #EFA010;} 
a:active { color: #efa010; }

/* fonts */
#dvlogo, h1, h2, h3 { font-family: 'Ubuntu', Trebuchet MS, serif; }
h1 { font-size: 2.5em; margin: 0; }
h2 { font-size: 1.6em; margin: 0.5em 0 0.2em 0; }
h3 { font-size: 1.4em; margin: 0.2em 0; }
h2#faclogo { margin-top: 0; }
p { margin: 0.5em 0; }
p.intro { margin: 0; color: #ce6700; }
.small {font-size: 9pt; }
.xsmall {font-size: 7pt; }

/* footer */
#footer { margin-top: 1em; }
#footer-line { width: 100%; height: 3px; }
#footer img { border: 0; }
#social-networks { padding-top: 5px; float: left; width: 180px; display: inline-block; }
#social-networks a:hover { background-color: white; }

/* header */
#header { min-height: 88px; background: url(/images/bk1.gif) top left repeat-x; }

/* logos */
#logos { margin-top: 2px; }
#logos a { text-decoration: none; }
#dvlogo a, #dvlogo a:visited { color: white; background-color: transparent; text-shadow: 2px 2px 2px #000; 
letter-spacing: 0.1em; font-variant: small-caps; }
#faclogo { display: inline-block; text-transform: lowercase; letter-spacing: 0.16em; font-weight: normal;
-moz-box-shadow: 2px 2px 2px #000; 
-webkit-box-shadow: 2px 2px 2px #000; 
box-shadow: 2px 2px 2px #000;
}
#faclogo a, #faclogo a:visited { color: black; background-color: #EFA010; font-size: 0.7em; padding: 0px 5px; }

/* top navigation */
#topnav { display: inline-block; padding: 0; margin: 0; margin-top: 37px; }
#topnav li { display: inline-block; border-right: 1px solid #acd; float: left; list-style: none none; padding: 0; 
-moz-box-shadow: 2px 2px 2px #000; 
-webkit-box-shadow: 2px 2px 2px #000; 
box-shadow: 2px 2px 2px #000;
}
#topnav li.last { border-right-width: 0; }
#topnav li a { text-decoration: none; color: black; background-color: #cde; padding: 0px 16px; font-size: 1.2em; }
#topnav li a:hover { color: white; background-color: black; }

#addthis_button { position: absolute; top: 15px; right: 20px; }

/* left navigation */
#leftnav ul, #leftnav li { margin-left: 10px; margin-top: 0; padding-left: 0; }
#leftnav li { list-style-image: url(/images/bul.gif); }

/* right navigation */
#rightnav { float: right; width: 200px; margin: 20px; margin-top: 0; }

/* pictures divs */
#list img { border: 1px solid #3f383f; }
.pics { color: #ccc; background-color: black; display: inline-block; clear: right; width: 99%; padding: 5px; }
.pics ul { margin: 0; padding: 0; display: inline-block; }
.pics li { float: left; margin: 5px; padding: 0; width: 160px; height: 160px; display: table-cell; text-align: center; }
.pics li img { border: 2px solid white; }
.pics a { color: #ccc; }
.pics img:hover { 
-moz-box-shadow: 2px 2px 2px #EFA010; 
-webkit-box-shadow: 2px 2px 2px #EFA010; 
box-shadow: 2px 2px 2px #EFA010;
}

/* list of all works */
form { margin: 0; padding: 0; }
form th, form td { text-align: left; font-size: 0.7em; }
table#list { margin-top: 0.5em; }
table#list td { padding: 2px 2px; font-size: 0.75em; line-height: 1.2em; }
table#list th { padding: 2px 0; }
table#list p { margin: 0; padding: 0; font-size: 1.2em; font-weight: bold; }
table#list p a { color: #930; }
table#list table.details th, 
table#list table.details td { border: 0; border-width: 0; margin: 0; padding: 0; 
font-size: 0.8em; text-align: left; }
td { text-align: left; }
tr.picsrow td { vertical-align: bottom; }
tr.textrow td { vertical-align: top; }

/* miscellaneous */
p#pagetitle { margin: 0.5em 0; padding: 0; font-size: 1.2em; font-weight: bold; }
p#instructions { margin: 0.5em 0; padding: 0; color: #ce6700; }
input#update, a#showall { color: #930; font-weight: bold; font-size: 1.2em; }
a#showall { padding: 0; margin: 0; border: 0; }
input#update { background-color: #EFA010; text-decoration: none; }

/* print styles */
@media print {
	#leftnav, .topnav { display: none; }
	#header, #content, #content-full { width: 100%; text-align: left; }
	a.logo { left: 0; }
	a#dvlogo, a#faclogo { margin-left: 0; }
}