/* 
###########################################################################################
# Copyright:      (c) Copyright 2007 Martin Meenagh, admin@magnut.co.uk
# File:           main.css
# Description:    This is the main css of the magnut website
# PLEASE LEAVE THIS CREDIT INTACT, IN ACCORDANCE WITH GNU GPL.
###########################################################################################
*/
html {background-color:#024978;}
body {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 68.75%;
	background: #fff;
	color: #333;
}
body {background:#FFFFFF url(../../images/bg-body.png) repeat-x scroll 0 119px;	font-family: "Lucida Grande",Lucida,Verdana,sans-serif; color: #424346; font-size: 0.8em; }


a {color: #198187; text-decoration: none;}
xha:hover {text-decoration: underline; }
h1 {font-size: 1.5em; color: #3B5998;}
h2 {font-size: smaller; color: Lime; text-align: center; }
h3 {font-size: 16px; color: #139ea7;  }
h4 {font-size: 21px; color: #121264; text-align: center;  }

img {border: 0px;}


div.datestamp {font-size: 10px; color: black;  }
div.main_container {width: 900px; height: auto;
margin-left: auto; margin-right: auto;	padding: 0px; 
 }
div.container {width: 900px; height: auto;background:#E0EFF6 url(../../images/head_blend.png) repeat-x scroll 0 0px;
margin-left: auto; margin-right: auto;	padding-right: 20px; padding-left: 20px;  padding-bottom: 20px;text-align: justify;
border-left:1px solid #599CD4; border-right:1px solid #599CD4;}
div.header {height: 120px; width:100%; background:#FFF; margin-left: auto; margin-right: auto;	 }
div.header span.header {top:20px; position: relative; font-family: sans-serif; font-size: 2.1em; color: #139ea9; }
div.header span.headdate {text-align: right; position: relative; left:375px; top:20px; font-family: sans-serif;  color: #139ea9; }


div.menu {width: 100%; height: 20px; padding: 0px; background: #a2c058;	margin-top: 3px; overflow: hidden; }
div.post_info { width: 500px; border-top: 1px SOLID #f3f3f3; border-bottom: 1px SOLID #f3f3f3;	background: #fafafa; font-size: 10px; color: #444; padding: 5px;}
div.post_info a {font-size: 11px; color: #a2c058; font-weight: bold; text-decoration: none;	}

#menu_top {	font-size: 130% !important; padding:30px 0 0 0; float:left; width:100%; background:#fff; font-size:93%; line-height:normal; text-align: center;}
#menu_top ul {margin:0;	padding:0px 10px 0 10px; list-style:none; }
#menu_top li {display:inline; margin:0; padding:0;}
#menu_top a {float:left; width:5em; background:url("../../images/mainmenu/tableftC.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }    
#menu_top a span{float:left; display:block; background:url("../../images/mainmenu/tabrightC.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#464E42; height:12px; font-family: arial; font-size: 12px;}
#menu_top a span{float:none;}
#menu_top a:hover {background-position:0% -42px;}
#menu_top a:hover span {color:#FFF;  background-position:100% -42px;}  
#menu_top div.selected a {background-position:0% -42px;}
#menu_top div.selected span {color:#dfe3e1; background-position:100% -42px; }		
.menuline {background:transparent url(../../images/mainmenu/bg.gif) repeat-x scroll center top;clear:both;font-size:0pt;height:4px;line-height:4px;margin:0pt;padding:0pt;width:104.7%;z-index:1000;}

#projects  {width: 400px;}
#projects p {text-indent:20px;}
#projects h3 {font-size: 16px; color: #888c8c;	background: url(../../images/collapsed.gif) no-repeat scroll 3px 4px;	text-indent:18px;}
#projects h3:hover {	background-color: white;}
#projects h3.selected {	background-image: url(../../images/expanded.gif);}

div.google_ads { width: 80%; height: 38px;  position: relative ;  top: 55px;  }

div.main_nav {top:-5px;	border:1px dashed #666666; background: #e0eff6;  width:200px; float: right; margin-left: 10px; height: 100%; padding: 5px; }
div.sub_menu {margin-right: auto;  width: auto; color:#E0EFF6; line-height:1.5em; }
div.sub_menu ul li.highlight {display:block; background: #7ba5cf ; padding: 5px; color: #e0eff6; width: auto; font-variant: small-caps; z-index:1000;}
div.sub_menu a { color: #666; text-decoration: underline; line-height: 1.25em; display: inline;  padding:0 0 0 1.25ex;}
div.sub_menu a:hover {background: #f9f9f9; color: #666; text-decoration: underline; line-height: 1.25em; padding: 0 0 0 1.25ex ;}
div.sub_menu a.selected {background: #FFFFCA; color: #666; text-decoration: none; line-height: 1.25em; padding:  0 0 0 1.25ex; }

div.sub_menu ul li#email {font-family: Utopia; font-size: 12px;  }
div.sub_menu ul li#email a { color: #666; text-decoration: none; line-height: 1.25em; display: block; padding: 1.25ex 0.5em 1.25ex 0.75em;}
div.sub_menu ul li#email a:hover {background: #f9f9f9; color: #666; text-decoration: underline; line-height: 1.25em; display: block; padding: 1.25ex 0.5em 1.25ex 0.75em;}



div.sub_menu_social {margin-right: auto; font-size: 12px; width: auto;}
div.sub_menu_social ul li.images {padding:5px;}


div.sub_menu_social ul li.highlight {background: #7ba5cf; padding: 5px; color: #e0eff6; width: auto; font-variant: small-caps;}
div.sub_menu_social a { color: #666; text-decoration: none; line-height: 1.25em;  }
/*div.sub_menu_social a:hover { background: #f9f9f9; color: #666; text-decoration: underline; line-height: 1.25em; display: inline; padding: 1px; }
div.sub_menu_social a.selected {background: #FFFFCA; color: #666; text-decoration: none; line-height: 1.25em; }*/
div.content {  height:1000px; width:600px;}
form, input {padding: 0px; margin: 0px; height: 14px; font-size: 9pt;}
.button {background: #a2c058; color: #fff; border: 0px; padding-bottom: 2.5ex ;	}
.logout {background: #a2c058; color: #fff; border: 0px;	margin-left: 2ex;}	
.back {	background: #a2c058; color: #fff; border: 0px; margin-left: 27ex;}	
li ul { margin-left: 0em;  }
li { list-style-type: none; }
* { margin: 0; padding: 0; }

#footer { background-color: #7ba5cf; height: 20px; width: 100%; word-spacing: 20px; font-family: sans-serif; color: #666; font-size: 11px; text-align: center; font-weight: bold; line-height: 20px; }
#footer a {	text-decoration: none; color: #FFFFFF; }

div.poems {text-align: center; font-size: 16px; font-family: sans-serif; line-height: 1.25em; font-family: Arial, Helvetica, sans-serif;}

	
/* boxes */
#contentArea .box {width:560px; padding:0 20px 0px; overflow:hidden; background:#fff url(../../images/bg-box.gif) repeat-y 0 0;  }
#contentArea .box .cap { position:relative; width:600px; height:6px; margin:0 -20px; font-size:1px; }
#contentArea .box .cap.top { top:0px; background: url(../../images/bgtop-box.png) no-repeat 0 0;  }
#contentArea .box .cap.bottom { top:2px; padding:0 20px 100px; background:url(../../images/bgbottom-box.png) no-repeat 0 100%; }


/* css for tree view */
.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(../../images/tree_nav/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: blue; cursor: pointer; }

.treeview li { background: url(../../images/tree_nav/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../../images/tree_nav/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(../../images/tree_nav/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../../images/tree_nav/treeview-red.gif); } 

/* css for top nav */

* { margin:0; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
div.menucontainer { display:inline; float:left; margin-left:150px; margin-top:70px;}
ul.nav { list-style:none;  overflow:hidden; width: 80%; height: 38px;  position: relative ;  top: -15px; left: -35px; }
ul.nav li { float:left; height:39px; background-color:#0b833e;  padding:0 5px;   }
/*ul.nav li.first { -moz-border-radius-topleft:9px; -webkit-border-top-left-radius:9px; -moz-border-radius-bottomleft:9px;  -webkit-border-bottom-left-radius:9px;
}
ul.nav li.last { -moz-border-radius-topright:9px; -webkit-border-top-right-radius:9px; 
-moz-border-radius-bottomright:9px; -webkit-border-bottom-right-radius:9px;
}*/
ul.nav li.bg { margin:7px 0px 0px 3px; padding-right:8px; position:absolute; z-index:50; left:155px; width:60px; background:url(bg-right.png) no-repeat right top; }
ul.nav li .left{ background:url(bg.png) no-repeat left top; height:39px;  }
ul.nav li a {padding:8px 20px;  color:#FFF; font-size:18px; font-weight:bold; display:block; text-decoration:none; z-index:100; position:relative; }
ul.nav li.ybg { background-color:#dbce01; position:absolute; z-index:50; left:15px; width:55px; height:4px; margin-top:6px; }
.selected {  background-color:#D2691E  	 !important; background:url(../../images/top_nav/bg.png) }