/* 
    Theme Name: Blue Me
    Theme URI: http://amoeba.freetzi.com/
    Description: The theme that powers PENSA-KNUST
    Author: Francis Addai { aMOEBa }
    Version: 1.0
*/

/*
 ---- Resets---
*/
*	{padding: 0; margin:0}
body {background:#fff; margin: 0; padding: 0; 
			font-family: helvetica,"century gothic",Arial,Tahoma; 
			font-size: 12px; color:#464646}
p {margin:0 0 20px 0}
a {text-decoration: none}
a img {border: 0}
h2 {color:#336699; font: normal 28px Georgia; margin:20px 0 20px 0; padding:0;}
h3 {color:#336699; font: normal 22px Georgia; margin:20px 0 0px 0; padding:0; clear: both}
h4 {margin:0; font-size: 12px; clear: both}
ul {list-style: none}
.clear	{clear: both}

#wrap{
    width: 960px; min-height: 500px;
    margin: 0 auto;
    background: #f4e7bd;
}

.important h2{color:red; margin:0 0 -2px 0}
.important h2:hover{color:silver}
.important img{float: left; padding:5px}


/* Header */

#header {
    
    background: url(images/header-bg.jpg) repeat-x;
    height: 188px;
    border-bottom: 3px solid #fff;
    text-align: center;
    position:relative;
}



/* Menu Styling */

#nav {
	background: #000;
	margin: 57px 0 0px 215px;
	width: 745px;
	display:block;
	float:left; text-align:left
}
#nav .menu-header,
div.menu {
	font-size: 13px;
}
#nav .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#nav .menu-header li,
div.menu li {
	float:left;
	position: relative;
}
#nav a {
	display:block;
	text-decoration:none;
	color:#aaa;
	padding:0 5px;
	line-height:38px;
}
#nav ul ul {
	display:none;
	position:absolute;
	top:38px;
	left:-5px;
	float:left;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	width: 180px;
	z-index: 99999;
}
#nav ul ul li {
	min-width: 180px;
}
#nav ul ul ul {
	left:100%;
	top:0;
}
#nav ul ul a {
	background:#444;
	height:auto;
	line-height:1em;
	padding:5px;
	width: 160px;
}
#nav li:hover > a,
#nav ul ul :hover > a {
	color:#fff;
	background:#121;
}
#nav ul li:hover > ul {
	display:block;
}
#nav ul li.current_page_item > a,
#nav ul li.current-menu-ancestor > a,
#nav ul li.current-menu-item > a,
#nav ul li.current-menu-parent > a {
	color: #fff;
    background: #003399;
}

* html #nav ul li.current_page_item a,
* html #nav ul li.current-menu-ancestor a,
* html #nav ul li.current-menu-item a,
* html #nav ul li.current-menu-parent a,
* html #nav ul li a:hover {
	color:#fff;
}

#logo {width: 229px; height: 233px; float: left; margin-top: -150px; 
    position:relative
    }

#spotlight{ float:left;}
#spotlight ul, #spotlight li{
	margin:0;
	padding:0;
	list-style:none;
}

#spotlight li{
	width:500px;
	height:200px;
}

.hide{display: none} /*Hide all images except one by default*/

.theme-focus-wrap{position:absolute; top:80px; left:250px;}
.theme-focus-wrap p{margin:20px 0 -2px 0; color:white; font-weight:bolder; font-family:monospace; text-align:left}
.theme-focus-wrap h3{color: silver; margin-top:0}
.theme{float: left;}
.focus{float: right;}
.focus p{text-align:center}
.focus h3{margin:0 0 0 80px; color: #999999}
.theme h3, .focus h3{-moz-box-shadow:  rgba(33,33,25,0.4) 1px 1px 1px;
		-webkit-box-shadow: 1px 1px 1px rgba(33,33,25,0.4);
		-box-shadow: 1px 1px 1px rgba(33,33,25,0.4);
}


.items h4{font-family: tahoma; color: #39e;}
.items{padding:5px}
.items a{padding:0 ;}
.items li a{text-align:left;}
.items img{border: 2px solid #eee;
            -moz-border-radius: 5px;
            -moz-box-shadow: 5px 4px 3px gray;
    }
.items img:hover{-moz-box-shadow: 5px 4px 3px #f73}
.items small	{color:red}

#left-sidebar,#page-content,#right-sidebar{float: left}
#left-sidebar{width: 215px; clear: both;}


#page-content{
    width: 435px; padding: 0 34px 30px 34px; min-height: 700px;
    background: #fff; margin: 20px 10px 0 10px;
    border: 1px dotted #000; border-width: 0 2px;
}


#page-content h2 a{color: red; text-shadow: 4px 1px 1px rgba(255,255,255,0.6);}
#page-content h2 a:hover{color:silver}
#page-content p img{float:left; padding:10px;}
.over{font-family: arial}
.building{list-style:square; padding:5px}


/*
Event date box - Page Display
*/
.box		{color: #fff; width:60px; margin: 5px;
			font: 20px "georgia";  float: left; padding: 5px; background: #990000}
.box span{display: block; text-align: center}
.day, .month, .year	{font-weight: bold; }
.month { text-transform: uppercase; }

/*
Event date box - Footer Display
*/
.footerbox .box{clear: both; width: 100px;}
 .footerbox .box span {text-align: left}
.footer .box a{}


#right-sidebar{
    width: 182px;
}


#footer{
    width: 960px; 
    background: rgb(51,102,153) url(images/bg_grain.png);
    opacity: 0.8;
	clear: both;
    overflow:hidden;
	border-top: 3px solid #fff;
}
#footer-inner	{width: 800px; margin: 0 auto}
#footer h3  {color: #345d79; border-bottom: 1px dashed #34f; text-shadow: 1px 1px 1px #fdb;
				background: -moz-linear-gradient(center top, #fafafa, #e1e1e1) repeat scroll 0 0 transparent;
                                            -webkit-linear-gradient(center top, #fafafa, #e1e1e1) repeat scroll 0 0 transparent;
				border:1px solid #dddddd; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; padding: 15px;
				}
#foot-elements	{background: width: 900px; margin: 0 auto}
#foot-elements .section	{ float: left;}
.foot-elements-content{background: -moz-linear-gradient(center top, #fafafa, #e1e1e1) repeat scroll 0 0 transparent;
				min-height: 260px; -webkit-linear-gradient(center top, #fafafa, #e1e1e1) repeat scroll 0 0 transparent;}
.foot-elements-content a 	{color: #e6db55; font-size: 14px; text-shadow: 1px 1px 1px #bfbfbf}
 .foot-elements-content small    {background: #660000; padding: 5px; color: #bfbfbf;
                                            margin: 2px; width:80px; display: inline-block; font-weight: bolder;
                                            text-transform: uppercase}
											
#foot-elements li  { margin: 2px auto; padding: 5px}

											
#copyright  {width: 950px; margin: 5px auto; border: 1px solid #444;
                        background: #fff url(images/footer.jpg); text-align: center; -moz-border-radius:5px;
                        color: #fff; }
						
#copyright p	{padding-top: 12px; font:16px Georgia }


.linkcat li{margin:2px -25px}

#copyright a	{text-decoration: underline; color: #f73; text-shadow: 1px 1px 1px #444}

.crossout li {text-decoration: line-through}


form > div, form > div div{
	padding:10px;
}

label{
  display:block; 
  margin-right:20px; 
  font-weight:bold;
  color: #39f;

}
#dob	select{width: 100px}
fieldset{width: 350px; padding:5px}
fieldset > label {display: inline;}
.other label{color: red}
.other input, select, input[type="text"]{padding:5px; margin: 5px; width: 250px}