/*
Theme Name: UDF
Description:
Version: 1.0
Author: Ruramai Nhapata (www.flowsa.com)
Date: August 2008
*/

/*RESET AND CLEARFIX
----------------------------*/

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:2px solid #333; }
a img:hover {border:2px solid #cd180d;}
address {font-style:normal}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}  
.clearfix {display:inline-block;}
.clearfix {display:block;}
 
/* BODY
-----------------------------------*/
html, body {height:100%; background:#ccc;}

/* BASE TYPOGRAPHY
-----------------------------------*/ 
body {font: 62.5%/1.4em "Arial", Verdana, sans-serif; color:black;}

p, ul, ol {font-size:1.4em; line-height:1.4em; margin-bottom: 1.2em;} 

p {margin-bottom:0em;}

a:link {outline:none; text-decoration:underline; color:#000;}   
a:visited {text-decoration:underline; color:#000;}
a:hover {}

h1, h2, h3, h4, h5, h6 {font:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; margin-bottom:0.3em; line-height:1.2em;}

h1 {font-size:2.8em;}
h2 {font-size:2.2em;}
h3 {font-size:1.6em;}
h4 {font-size:1.4em;}  
h5 {font-size:2.8em;}

blockquote {margin:10px; border:2px solid #431400; padding:5px; background-color:#7C9F7E; color:white;}

/* BASE TEMPLATE
---------------------------------*/

#body-wrap {background:#242424 url(/udf/udftheme/images/udf-body.jpg) repeat-y; background-position: 50% 0;}

#container {width:900px;  margin:0 auto;}
#header {height:335px; background: white url(/udf/udftheme/images/udf-header-1.jpg) no-repeat; background-position:50% 0;}
#header.home {}
#main {background: white url(/udf/udftheme/images/udf-content-tile.jpg); background-position: 0px 0px;}
#main-inner {margin:0 auto; width:800px;}

#static-main ul li {font-size:small !important}

#main-innertheme {margin-left:50px;}
#main-innerposter {margin-left:50px;}
#footer {clear:both; background: #222 url(/udf/udftheme/images/udf-footer.jpg) no-repeat; padding-left:20px; padding-top:55px; font-size:0.9em;}

.backtotop {font-size:0.8em;}

#global-nav {background: url(/udf/udftheme/images/global-tile.jpg) repeat-x;}
#global-nav a {color:#802920}

#global-nav p {font-size:1.1em; padding:1px; margin-left:40px; color:#333; }
#global-nav-inner {background: url(/udf/udftheme/images/global-left.jpg) no-repeat;}

/* HOME
-------------------------------- */

#main-posters {width:630px; float:left; margin-bottom:10px; padding:18px; padding-top:1px;}


/*THEME NAVIGATION
---------------------------------*/
#theme-nav {color:#000; float:left; text-align:right; width: 110px; }
#theme-nav h3 {text-align:right; width: 110px; font-size:1.8em; font-weight:bold;}
 
#theme-nav ul {margin-bottom:0px;}
#theme-nav ul li {text-transform:uppercase; font-size:13px; margin-bottom:5px;}
#theme-nav ul li a {color:black; display:block; width:110px;}
#theme-nav ul li.current a {background-color:#7bb67e;}
#theme-nav ul li a:hover {background:#ffd924; color:#000;}

/*GENERAL
-------------------------------- */
#main h2 {color:#000;}
#main a {color:#CB1811;}
#main p {margin-bottom:1em;}

/*HEADER
-------------------------------- */

#aboutnmf {display:block; width:140px; height:50px; position:relative; left:703px; top:272px;}
#aboutsaha {display:block; width:124px; height:149px; position:relative; left:581px; top:29px;}
#aboutudf {display:block; width:135px; height:150px; position:relative; left:725px; top:-105px;}
#homelink {display:block; width:468px; height:248px; position:relative; left:82px; top:-305px;}
#homelinktwo {display:block; width:96px; height:36px; position:relative; left:656px; top:-70px;}


#utilitynav a span {display:none;}
#utilitynav {height:335px;}

/*HOME POSTERS - LAYOUT
------------------------------*/

#main-posters {}
#main-posters ul {margin-bottom:0px; margin-left:-20px; margin-top:0px;}
#main-posters ul li {float:left; margin:0; padding-left:20px; padding-bottom:20px; padding-top:0px; }

/*THEME PAGE - LAYOUT
------------------------------*/

#theme-full {text-align:left; width:400px; padding:0px 20px; padding-right:50px; margin-left:0px; float:left;} /*container div*/
.theme-title{font-size:1.6em; color:#003c00; margin-bottom:0em; margin-top:0em; }
#theme-body {}/*container div*/
#poster-gallery {text-align:left; width:170px; padding:15px;padding-right:10px;padding-top:1px; float:left;}

#poster-gallery img {margin-bottom:1em;}

/* THEME COMMENTS 
----------------------------*/
#comment-theme {
	margin-top:15px;
}


fieldset#comment-form {
	background-color:#eee;
	border:1px solid #ccc;
	margin:25px 0 25px 0;
	padding:10px 0 10px 25px;
}

fieldset#comment-form label {
	font-size:12px;
	font-family: Georgia, Times, "Times New Roman", serif;
	color:#111;
}

fieldset#comment-form-form {
	float:left;
	width:50%;
	clear:left;
}

/*STATIC PAGE - LAYOUT
------------------------------*/
#static-main {text-align:left; width:595px; padding:0px 20px; padding-right:50px; margin-left:0px; float:left;}

#static-main ul {margin-left:20px;}
#static-main ul li {list-style:disc;}

/*POSTER PAGE LAYOUT
-------------------------------- */

#poster-full {margin-left:25px; margin-right:25px;} /*container div*/
#poster-middle {width:400px; float:left;}

#poster h1 {text-transform:uppercase; background:black; color:white; padding:2px; font-size:18px;}

#poster #caption {margin-top:1em; color:#333;}

.poster-nav-left {color:#000; float:left; text-align:left; width:170px; margin-right:5px;}
.poster-nav-left a:hover{background-color:#ffd924;}

.poster-nav-right {color:#000; float:left; text-align:right; width:170px; margin-left:5px;}
.poster-nav-right a:hover{background-color:#ffd924;}

#poster-theme {color:black; text-align:left; background-color:#7bb67e; font-size:13px; text-transform:uppercase; padding:2px; line-height:1.4em; margin-bottom:1em;}
#poster-theme a {color:black;}


/* FOOTER
------------------------------*/

#footer p {text-align:left; color:white;}
#footer a {color:yellow;}
#footer h3 {color:white; text-decoration:none; text-transform:uppercase;}
#footer h3 a {color:white; text-decoration:none; text-transform:uppercase;}



#footer-left {float:left; width:240px; margin-right:20px;}
#footer-centre {float:left; width:240px; margin-right:20px;}
#footer-right {float:left; width:240px;}



/* FRONT PAGE HOVER EFFECT
------------------------------ */

#main-posters ul li a .popup {display:none;}
#main-posters ul li a {text-decoration:none;}
#main-posters ul li a:hover .popup {display:inline; width:243px; background: url(/udf/udftheme/images/udf-tooltip.gif) no-repeat top; position:absolute; margin-top:0px; padding:2px; font-size:12px;}
#main-posters ul li a:hover .popup p {font-size:1.1em; margin-left:16px; color:#CCC}
#main-posters ul li a:hover p.popuptitle {font-weight:bold; color:white}
#main-posters ul li a:hover p.popupdate {font-weight:bold;}
#main-posters ul li a:hover p.readmore {font-size:11px;}

/* TIMELINE LAYOUT
----------------------------*/

#timeline-main {width:760px; margin:0 20px;}

#timelinetable {border-left:1px solid black; border-top:1px solid black; width:758px;}

#timelinetable td {padding:2px; border-right:1px solid black; border-bottom:1px solid black;}
#timelinetable th {padding:4px; font-size:1.5em; text-align:left; color:#FFCC1B; border-right:1px solid black; border-bottom:1px solid black}

#timelinetable tr#headingrow {background-color:black;}
#timelinetable th#date {width:78px; font-weight:bold;}
#timelinetable th#event {width:480px;}
#timelinetable th#photos {width:200px;}

#timelinetable td.date {}


/* COMMENTS
-------------------------*/


.commentbox {background-color:#F4F4F4}

.commentbox {padding:3px; margin-bottom:10px;}
.commentbox dt {float:left;}
.commentbox dt p {font-size:4em; line-height:1em; margin-bottom:0; font-weight:bold;}

.commentbox dd.comment-body {margin-left:45px;}
.commentbox dd.comment-meta {margin-left:45px; font-size:1.2em;}


/* COMMENT SUBMISSION
------------------------*/

#entry-submitcomment {background-color:#FBF5F5; padding:5px;}

#entry-submitcomment div {margin-bottom:1em;}

#entry-submitcomment label {font-size:1.3em; display:block; float:left; width:140px; text-align:left; margin-right:10px;}

/* MISSION
-----------------------*/

#mission {text-align:center; background-color:#222; color:white; padding:4px; margin-bottom:1em;}
#mission p {margin-bottom:0;}

/* POSTER REFERENCE
-----------------------*/

#poster-reference p {font-size:1em; font-style:oblique;}

/* GALLERY
-------------------*/

#gallery #main-posters {width:760px;}

.gallery-date {clear:both; display:block;}