/* 	Falaka Yimer 2.0 CSS, Code by Jack Taranto.
	Copyright 2006, All rights reserved.
*/

/* ###Overall Layout### */
* {margin:0; padding:0;}
html, body {margin:0; padding:0; background:url("images/bg_bottom_03.png") repeat-y center;}
div#wrapper_bg {width:100%; background:url("images/bg_body_01.png") repeat-y center;}
div#wrapper {
	position:relative;
	width:700px; 
	height:auto; 
	margin:0 auto 0 auto;
 	border:#fff solid;
 	border-width:1px 1px 0 1px;
	background:#000;
}
#pagetop {width:100%; height:20px; background:url("images/bg_top_04.png") no-repeat center;}

#header {
	height:90px;
	width:700px;
	background:url("images/1_header.jpg") no-repeat top left;
}
#content {
	position:relative;
	height:auto;
	padding:40px 0 1px 40px;
	margin:0;
}
#rightpage {float:right; width:255px; margin:0 40px 0 0;}
#leftbox {float:left; width:230px; height:385px; margin-right:5em;}

.newswrapper {margin-bottom:1em;}
.expowrapper {margin-bottom:1em;}

#gallerycontent {float:none; width:660px; height:600px; background:#fff; margin:20px 0 0 20px;}

/* ###Navigation Bar### */
#navigation {
	height:1.4em;
	width:700px;
	top:90px;
	border:#ccc solid; 
	border-width:1px 0 1px 0; 
	background:#1a1a1a;
	font-family:Trebuchet MS, Arial, sans-serif;
}
#navigation ul {list-style:none; margin:0 0 0 24px; padding:0;}
#navigation ul li {
	height:1.4em;
	float:left;
	background:#1a1a1a; 
}
#navigation a {
	height:100%;
	display:block;
	float:left;
	padding:0 17px 0 17px;
	color: #fff; 
	text-decoration:none;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	line-height:1.6em;
	letter-spacing:1.5pt;
}
#version {position:absolute; top:-20px; right:-2px; font-size:0.7em; color:#FFF; line-height:21px; margin:0 0 0 17px;}

#nav1:hover {color:#F44A4A;}
#nav2:hover {color:#2Fd7AA;}
#nav3:hover {color:#F44A4A;}
#nav4:hover {color:#2Fd7AA;}
#nav5:hover {color:#F44A4A;}

/* ###Footer### */
#footer_bg { clear:both; width:100%; height:357px; background:url("images/bg_footer_02.jpg") no-repeat top center;}
#footer_C {
	width:700px;
	height:160px;
	margin:0 auto 0 auto;
	border:solid #fff;
 	border-width:0 1px 1px 1px; 
	background:#000 url(images/pb_footer.jpg) no-repeat bottom;
}
#footer_C p {text-align:center; font-size:0.8em; line-height:1.85em; padding:58px 0 0 0;}


/* ###Fonts### */

p, h6, li
{color:#FFF;}

h1
{color:#2fd7aa; clear:both;}

h2, li.year
{color:#f44a4a}

h1, h3, h4, #navigtaion ul li a, label, ul.year li, h2, h5, li.year
{font-family:Trebuchet MS, Arial, sans-serif;} 

p, #version, p.small, li.desc, li
{font-family:Arial, Helvetica, sans-serif;}

h1, h3 {margin:0; padding:0 0 1.2em 0; color:#2fd7aa; text-align:left;}
h1 {font-size:1.1em; font-weight:bold; letter-spacing:0.1em;}
h1.alt {color:#f44a4a;}
h2, h5 {font-size:0.8em; color:#f44a4a; font-weight:bold; text-align:left; display:inline; letter-spacing:0.1em; line-height:2em;}
h4 {font-size:0.8em; color:#fff; text-transform:uppercase; letter-spacing:0.1em; margin:0; padding:0 0 1.8em 0;}
h3 {font-size:1.05em; letter-spacing:0.05em;}
p, p.small, h1.small {font-size:0.8em; color:#FFFFFF; line-height:1.8em; letter-spacing:0.04em; text-align:left; margin:0; padding:0 0 1em 0;}
p.small {font-size:0.8em; text-align:left;}
h5 {color:#2fd7aa;}

#footer_C p a, p a, h1.small a {color:#fff; border-bottom:1px dashed #ccc; text-decoration:none;}
#footer_C p a:hover, p a:hover, h1.small a:hover {color:#fff; border-bottom:1px solid #fff;}
#footer_C p {color:#ccc;}



/* ###Images### */
img {border:0;}
.left {float:left;}
.right {float:right;}
.rightimg {float:right; margin:0 0 20px 20px; border:1px solid #fff;} 
.leftimg {float:left; margin:0 20px 20px 0; border:1px solid #fff;} 

/* ###Forms### */
#contactform {position:absolute; width:320px; top:88px; left:330px;}
.formfield, .textarea {
	font-family:Arial, Helvetica, sans-serif; 
	width:180px; 
	height:18px; 
	border:1px solid #CCC; 
	background:#1a1a1a; 
	font-size:0.9em;
	color:#fff;
	margin-bottom:13px;
}
.textarea {height:100px;}
.formfield:hover, .textarea:hover {border:1px solid #fff; background:#333;}

label {
	width:72px;
	float:left; 
	text-align:right; 
	text-transform:uppercase; 
	font-size:0.7em; 
	letter-spacing:0.1em; 
	color:#FFF; 
	padding:5px 10px 0 0;
}

#sendb {margin:30px 0 40px 135px; width:80px; height:30px; background:url(images/send-button_up.jpg); background-repeat:no-repeat;}
#sendb a {display:block; width:100%; height:100%;}
#sendb a:hover {background:url(images/send-button_over.jpg);}

/* ###Lists### */

ul.expos {list-style:none; width:400px; margin-bottom:2em;}
li.year {clear:both; width:100px; font-size:1.2em; line-height:1.6em; float:left;}
li.desc, li.nostyle {
	text-align:left;
	width:300px;
	float:right;
	font-size:0.8em; 
	margin:0 0 1.3em 0; 
	padding:0.2em 0 0.2em 0; 
	line-height:1.6em;
	letter-spacing:0.04em; 
}

li.nostyle {float:none;}

span.newline {padding-top:3em;}