/*
-------------------------------------------------------------------
University of Colombo 
Main Stylesheet
Vesess - http://vesess.com
-------------------------------------------------------------------
*/

/* Base styles 
------------------------------------------------------------------- */
body {font-size: 80%; background: #F4F4F4 url(../images/body_bk.png) repeat-x; color: #333; }


h1 	{ font-size: 120%; font-family: Georgia; }
h2 	{ font-size: 125%; font-weight: normal; }
h3 	{ font-size: 120%; font-weight: normal; }
h4	{ font-size: 85%; font-weight: normal; }
p	{ font-size: 100%; line-height: 160%; }
a 	{ color: #623161; }
a img 		{ border: 0; float: left; }
hr 	{ border: none; border-bottom: 1px solid #CCC; }
.hidden  	{ visibility: hidden; }
.clear	  	{ clear: both; }
.hide { display: none; }

div#wrapper { width: 760px; margin: 0 auto; }
	
	div#header 		{ width: 758px;  margin: 0 auto; height: 62px; background: url(../images/header_bk.png) repeat-x;}
	div#header h1 	{ display: none;}
	div#header div#logo	{ float: left; width: 350px;}
	div#header div#serach { padding: 13px 0 0; float: right;  }	
	div#serach div	{ margin-left: 10px; float: left; }
	div#header input.serach_name	{ width: 200px; }
	div#header div#serach input.submit { background: #D4D0C8; }
	 	

		div#main 	{ margin-top: -1px; padding:  0 ; width: 760px; float: left; background: url(../images/main_bk.png) repeat-y; }
			
		div#sidebar { margin: 10px 0 20px 20px; width: 165px; float: left ;  }
			ul.menu 		{ margin: 0; float: left; font-size: 12px;  }
			ul.menu li 		{ list-style: none;  float: left; border-bottom: 1px solid #E4E4E4; }
			ul.menu li a 	{ padding: 5px 0 5px 0; text-decoration: none; width: 165px;  float: left; font-size: 100%; }
			ul.menu li a:hover { text-decoration: underline; }
			ul.menu li ul	{ display: none; }
			ul.menu li.menuactive ul	{ display: block; }
	        ul.menu li.menuactive ul li { background: url(../images/bullet.png) no-repeat 4% 50%; }
	        
			ul.menu li.menuactive a	{ font-weight: bold; }
			ul.submenu li a { padding-left: 20px; width: 145px;}
			ul.menu ul.submenu	{ background:transparent url(../images/current_bk.png) no-repeat scroll center top; border:medium none; float:left; margin:0; }
			ul.menu ul.submenu li a { font-weight: normal; }
			ul.menu ul.submenu li.submenuactive a { font-weight: bold; }
			
		div#content { margin: 0 20px; padding: 0; float: left; width: 535px ;}
			div#content h2	{ padding-bottom: 10px; border-bottom: 1px solid #E4E4E4; }
			div#content h2 	a { text-decoration: none; }
			div#content h3	{ margin: 10px 0 0 ;}
			div#content h4 	{ margin: 0;}
			div#content img	{ margin-top: 20px;}
			div#content ul	{ margin: 10px 0 0 20px;}
			div#content ul li { padding: 0 0 5px 0 ; }
			div#content ol	  { margin: 10px 0 0 20px;}
			div#content ol li { padding: 5px 0 0 0 ; }
			
			div#content dt	{ padding: 5px 0 5px; font-size: 14px; }
			
			div#content div.post { margin-bottom: 20px; border-bottom: 1px solid #E4E4E4; }

			
		div#footer	{ margin: 0; padding-top: 45px; float: left; width: 760px; background: #864385	 url(../images/footer_bk.png) no-repeat ; }
		div#footer .new_event   { margin-bottom: 20px; float: left;  }
		div#footer .new_event a {  margin:0 0 0 20px; color: #FFF; font-size: 85%; }
		
		div#footer div.news { margin: 20px 0 20px 20px; width: 350px; float: left;  }
		div.news img 	{ margin: 7px 20px 10px 0px; float: left; }
		div.news p 		{ color: #FFF; font-size: 85%;}

		div.news a		{ color: #FFF; }
		div.news p		{ margin: 0 0 10px 0; }
		div.news p.date	{ margin: 10px 0 0; }
		div.news a 		{ font-size: 85%; }
		div.line			{ margin: 0 0 0 20px; padding: 0; float: left; width: 720px; height: 3px; background: url(../images/line_bk.png) no-repeat;  border: none; }
		
		div#footer hr.content_top { margin: 0; border-width: 0; border: none; background: url(../images/footer_top_bk.png) no-repeat; height: 56px;}

				
		div#footnotes	{ margin: 0 ; width: 760px; float: left;  height: 100px; position: relative; }
		div#footnotes p.copyright { font-size: 11px; left: 0; top: 0; position: absolute; color: #999; }
		div#footnotes p.geekery { position: absolute; right: 0; top: -5px; }
		div#footnotes p.geekery a { color: #999; text-decoration: none; font-size: 11px; }
		div#footnotes p.geekery a:hover { text-decoration: underline; }