/*  
Theme Name: WPI setup Design
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	font-size:12px; 
	background: #FFFFFF url('images/BG_sublayer.png') repeat-x;
	color: #333;
	text-align: center;
	margin:0; padding:0;
	}

a { text-decoration:none; color:#548d09; }
a:hover { text-decoration:underline; }

img {  border:none; }

h1 a { color:#f38f1d;}

blockquote { background-color:#dfdfdf; padding:8px;}

#page {
	margin: 0 auto;
	position:relative;
	width:920px; 
	text-align: left;
	background: url('images/BG_mainframe_main.png') repeat-y;
	}
	
	#header { width:920px; height:230px; background:url('images/orangebar.gif') repeat-x; position:relative; z-index:51;}
		#logo { width:400px; height:90px; margin:0 0 0 23px; background: url('images/wpi_logo.png') no-repeat bottom;}
		#logo h1 { display:none; background: url('images/wpi_logo.png') no-repeat bottom; }
		
		#mainmenu {margin:14px 0 0 29px; height:25px;}
		#mainmenu ul { margin: 0 0 0 0; padding:0 0 0 0; list-style-type: none; list-style-image: none; }
		#mainmenu li {display:inline; padding:0; margin:0; margin-right:-5px;}
		#mainmenu li a { display:block; float:left; text-decoration:none; width:100px; height:25px; line-height:25px; vertical-align:middle; text-align:center; color: #ffffff; background:url(images/btn_mainmenu.png) no-repeat; }
		#mainmenu li a:hover, #mainmenu li.current_page_item a, #mainmenu li.current_page_ancestor a { color: #ffffff; background:url(images/btn_mainmenu.png) no-repeat; background-position: 0 -25px; }
		
		#midbar { width:500px; height:101px; margin:0 0 0 10px; background: url(images/midbar.jpg) no-repeat;} 
		
	#sidebar {  position:absolute; left:590px; top:110px; z-index:1; }
	#sidebar .box {}
	#sidebar .box .top {width:301px; height:12px; background: url(images/rightbar_top.png) no-repeat;}
	#sidebar .box .mid {width:301px; min-height:110px; background: url(images/rightbar_mid.png) no-repeat; }
						#explaintext { margin:0 20px; font-size:16px; font-weight:bold; text-align:center; line-height:26px;	}
	#sidebar .box .bot {width:301px; height:12px; background: url(images/rightbar_bot.png) no-repeat;}

#content { position:relative; width: 550px; padding:40px 0 0 30px; z-index:50; }
.post {width:525px; margin:0 0 30px 0;}
.post h1 { font-size:18px; font-weight:bold; color:#f38f1d; }
.post .entry {line-height:20px; font-size:13px;}
.alignleft { float:left; margin:0 4px 4px 0; }
.alignright { float:right; margin:0 0 4px 4px; }
.aligncenter { margin:0 auto; }

.postmetadata { font-size:10px; border-top:1px grey dotted;}

#footer { width:920px; height:24px; margin:50px 0 0 0px; padding: 0 0 0 30px; background: url('images/BG_mainframe_bot.png') no-repeat; 
		  color:grey; font-size:10px;}
#footer a { color:grey; border-bottom:1px grey dotted; }
#footer a:hover { border-bottom: grey 1px solid; text-decoration:none;}