/*  
Theme Name: Simplicism
Theme URI: http://www.wpgeek.com/
Description:  More Free Wordpress Theme from <a href="http://www.wpgeek.com/">WPGeek</a>
Version: 1.01
Author: WPGeek
Author URI: http://www.wpgeek.com/
*/

/* General Structure */
    body, td, th, input { /* redundant rules for bad browsers  */
            font-family: verdana, sans-serif;
            font-size: x-small;
            voice-family: "\"}\"";
            voice-family: inherit;
            font-size: small;
    }

	h1, h2, h3, h4, h5, h6 {
		margin: 1em 0 0.2em 0;
		border-bottom: 1px solid #ccc;
		font-family: arial, verdana, sans-serif;
	}
	li h1, li h2, li h3, li h4, li h5, li h6 {
		border: none;
	}

	#header h1 { border: 0; }

	h1 { font-size: 160%; font-weight: normal; }
	h2 { font-size: 150%; font-weight: normal; }
	h3 { font-size: 120%; }
	h4 { font-size: 100%; }
	h5 { font-size: 90%; }
	h6 { font-size: 90%; border: 0; }
	
a, h2 a:hover, h3 a:hover {
	color: #147;
	text-decoration: none;
	}

a:hover {
	color: #000;
	text-decoration: underline;
	}
	
/*accessibility tweaks*/
	.skipLink {
		position: absolute;
		left: -999px;
		width: 990px;
	}
	hr.hide {
		display: none;
	}
	
/* Basic Structure */
	body { background: #fff url("images/body_back.gif") repeat-x; min-width: 610px; margin: 20px; }

	#container {
		max-width: 70em;
		margin: 0 auto;
	}
	
	#mBody {
		clear: both;
		padding: 0 0 1em 0;
	}
/* Header */

	#header { background: #455372 url("images/header_bl.png") bottom left repeat-x; position: relative; min-height: 39px; height: 5em; padding: 0;		voice-family: "\"}\""; voice-family: inherit; height: 3em; padding: 15px 0; } 
	#ignored {}
	
	#header h1 a { position:relative; position: absolute; top: 0; left: 0; margin: 0; font-size: 24px; background: url("images/header_tl.gif") no-repeat; height: 8px; padding: 11px 0 5px 15px; font-weight: bold; font-family: georgia; color: #fff; text-decoration: none; }
	.desc { position: absolute; top: 40px; left: 15px; color: #fff; }
	#header ul { width: auto; position: absolute; bottom: 0; right: 0; margin: 0; padding: 0 15px 0 0; list-style: none; background: url("images/header_br.gif") no-repeat bottom right; z-index: 90; /* below the H1 */ }
	#header li { float: right; background: transparent url("images/header_tab.gif") 100% -600px no-repeat; padding: 0 6px 0 0; margin: 0 1px 0 0; 	border-bottom: 1px solid #515358; }
	#header ul a { float: left; display: block; padding: 4px 4px 4px 10px; background: transparent url("images/header_tab.gif") 0% -600px no-repeat; 	font-weight: bold; color: #fff; text-decoration: none; }
	#header ul li:hover a { background-position: 0% -400px; }
	#header ul li:hover { background-position: 100% -400px; }
	#header ul li.current_page_item a { background: transparent url("images/header_tab.gif") 0% -200px no-repeat; color: #000; }
	#header ul li.current_page_item  { background: transparent url("images/header_tab.gif") 100% -200px no-repeat; color: #000; }

/* Search Field */

	#header form {
		position: absolute;
		top: 0;
		right: 0;
		padding: 12px 20px 0 0;
		background: url("images/header_tr.gif") no-repeat top right;
		margin: 0; /* need for IE Mac */
		text-align: right; /* need for IE Mac */
		white-space: nowrap; /* for Opera */
	}
	#header form label { color: #fff; font-size: 85%; }
	#header form input { font-size: 85%; }
	
	#header form #submit {
		font-size: 85%;
		background: #6A7389;
		color: #fff;
		padding: 1px 4px;
		border-right: 1px solid #283043;
		border-bottom: 1px solid #283043;
		border-top: 1px solid #9097A2;
		border-left: 1px solid #9097A2;
	}
	
	#header form #q {
		width: 170px;
		font-size: 85%;
		border:	1px solid #9097A2;
		background: #D9DBE1;
		padding: 2px;
	}
	#header form #q:hover, #header form #q:focus {
		background: #fff;
	}

/* featured */

	#nav:before {
		line-height: 0.1;
		font-size: 1px;
		background: transparent url("images/menu_tr.gif") no-repeat top right;
		margin: 0;
		height: 9px;
		display: block;
		border-bottom: 1px solid #ddd;
		content: url("images/key-point_tl.gif");
	}
	#nav {
		background: #E0E9E9 url("images/menu_back.gif") right repeat-y;
	}
	#nav:after {
		display: block;
		padding-top: 0;
		line-height: 0.1;
		font-size: 1px;
		content:  url("images/key-point_bl.gif");
		margin: 0 0 0 0;
		height: 8px;
		background: transparent url("images/menu_br.gif") scroll no-repeat bottom right ;
		border-top: 1px solid #fff;
	}
	
	#nav, #nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#nav {
		margin-bottom: 1em;
	}	
	#nav li {
		display: inline;
		padding: 0;
		margin: 0;
	}
	
	#nav li span { /* used for un-linked menu items */
		display: block;
		padding: 6px 10px;
		font-weight: bold;
		color: #666;
	}

	#nav li span#configParent, #nav li span #configuration {
		display: inline;
		font-weight: normal;
		padding: 0;
	}
	
	#nav li a {
		display: block;
		padding: 8px 10px;
		text-decoration: none;
		background: #EDF2F2;
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #fff;
		border-right: 1px solid #ddd;
	}

	#nav li a:hover {
		background: #E0E9E9;
	}
	
	#nav li li span { /* used for un-linked menu items */
		padding: 4px 8px 4px 20px;
	}
	
	#nav li li a {
		padding: 6px 8px 6px 20px;
	}

/* Footer */

#footer {
	border-top: 1px solid #999;
	padding: 0;
	margin: 0 auto;
	}

#footer p {
	font-size: 10px;
	margin: 0;
	padding: 15px 0;
	text-align: center;
	}

/* Comments and other Asides */

#front-feature div {
  padding: 15px 15px 25px 15px;
  text-align: center; 
} 
	.key-point:before {
		line-height: 0.1;
		font-size: 1px;
		background: transparent url("images/key-point_tr.gif") no-repeat top right;
		margin: -15px -15px 0 -15px;
		height: 15px;
		display: block;
		border: none;
		content: url("images/key-point_tl.gif");
	}
	.key-point {
		background: #e4ecec url("images/key-point_back.gif") right repeat-y;
		padding: 15px;
		margin-bottom: 1em;
	}
	.key-point:after {
		display: block;
		clear: both;
		padding-top: 15px;
		line-height: 0.1;
		font-size: 1px;
		content:  url("images/key-point_bl.gif");
		margin: -15px;
		height: 8px;
		background: transparent url("images/key-point_br.gif") scroll no-repeat bottom right ;
	}
	

/* Content */

#content {
	width: 65%;
	float: left;
	padding: 10px 3% 10px 10px;
}
.postmetadata { border-top: 0px solid #ccc; width: 90%; }
	
/* Sidebar */

#sidebar {
	width: 30%;
	float: left;
}

#sidebar ul { margin: 0; padding: 0; list-style: none; }
#sidebar li ul li { margin: 2px 2px 2px 10px; }
#sidebar h2 { border-bottom: 1px solid #ccc; padding: 0 0 0 10px;  }

/* Dates at the bottom */

.frontcolumn img,.frontcolumnlast img {
	border: 0;
}

.frontcolumn {
	width: 30%;
	float: left;
	padding-right: 3%;
}

.frontcolumnlast {
	width: 33%;
	float: left;
}

ul.news {
	margin: 0.5em 0 0 0;
	padding: 0;
}

.news li {
	margin: 0 0 0.7em 0;
	padding: 0;
	clear: both;
	list-style-type: none;
}
.news li a { font-weight: normal; }

.news .date {
	background: #FAF4C8;
	border-right: 1px solid #E3DE9F;
	border-bottom: 1px solid #E3DE9F;
	float: left;
	text-align: center;
	line-height: 1.1em;
	padding: 2px 1px 5px 1px;
	width: 2.2em;
	color: #A19D68;
	margin: 0 0.5em 1em 0;
}

.news .date:first-line {
	font-size: 70%;
}

img.rss {
	float: right;
	margin: 0;
	padding: 4px 2px 0 0;
}

.ed_button { 
	width: 0;  /* IE table-cell margin fix */
    	overflow: visible;
	}
.ed_button[class] { 
	width: auto;
	}

.tw-rotate { float:left; margin:0 0 1em 0; padding:0; width:100%; position:relative; top:-4px; }
.tw-hide { display:none; }
.without_title { margin-top:1.25em; }
.ui-tabs-nav, .ui-tabs-panel { float:left; width:100%; clear:both; }
.tw-tabbed-widgets, #sidebar .tw-tabbed-widgets { margin:0; padding:0; float:left; width:100%; }


/* tabs */
ul.tw-nav-list, #sidebar ul.tw-nav-list { list-style: none; float:left; width:100%; margin:0; padding:0; }
ul.tw-nav-list li, #sidebar ul.tw-nav-list li { list-style:none; list-style-image:none; display:block; float:left; clear:none; margin:0 2px 0 0; padding:0 0 3px 0;  }
ul.tw-nav-list li:before, #sidebar ul.tw-nav-list li:before, #sidebar li.widget:before { content:''; }
ul.tw-nav-list a, #sidebar ul.tw-nav-list a { font-weight:bold; float:left; width:auto; padding:0.45em 0.6em 0.55em; color:#333; background: #eee url('../images/accordion-darker-bar.png') repeat-x left top; }
ul.tw-nav-list a:hover, #sidebar ul.tw-nav-list a:hover { text-decoration:underline; color:#000; background-color:#ddd;  }
ul.tw-nav-list li.ui-tabs-selected, #sidebar ul.tw-nav-list li.ui-tabs-selected  { background: transparent url('../images/tabs-under.png') no-repeat -8px bottom; padding-bottom:3px; }
ul.tw-nav-list li.ui-tabs-selected a, #sidebar ul.tw-nav-list li.ui-tabs-selected a,
ul.tw-nav-list li.ui-tabs-selected a:hover, #sidebar li.ui-tabs-selected a:hover { background:#333; color:#fff; text-decoration:none; font-weight:bold; }
.ui-tabs-panel, #sidebar .ui-tabs-panel { margin:0 0 1em 0; padding:0.75em 0 1em 0; float:left; width:100%; }
#sidebar .without_title { margin-top:0; }
* html #sidebar li.widget { float:left; margin-bottom:1em; }
* html #sidebar .ui-tabs-panel { float:none; } 

/* accordion  */
.tw-accordion { float:left; width:100%; padding:0; margin:0; }
.tw-accordion .tabbed-widget-item { float:left; width:100%; margin:0; padding:0; overflow:hidden; }
.tw-accordion .tw-widgettitle { font-size:1.1em; background:#eee; display:block; float:left; width:100%; padding:0.45em 0 0.45em 0; margin:2px 0 0 0; cursor: pointer; }
.tw-accordion .tw-widgettitle span { display:block; padding:0 0.75em; background: transparent url('../images/accordion-collapsed.png') no-repeat 95% 50%; cursor: pointer; }
.tw-accordion .tw-widgettitle:hover, .tw-accordion .tw-hovered { background: #ddd url('../images/accordion-darker-bar.png') repeat-x left top; }
.tw-accordion .selected, .tw-accordion .selected:hover { cursor: text; background: #ddd url('../images/accordion-darker-bar.png') repeat-x left top; }
.tw-accordion .selected span, .tw-accordion .selected:hover span { cursor: text; background: transparent url('../images/accordion-active.png') no-repeat 95% 50%; }
.tw-accordion .selected span { text-decoration:none; }
.tw-accordion .widget { margin-bottom:0; padding:0.5em 0 1.5em 0; }

.tw-accordion .tw-first { border:none; }
.tw-accordion .tw-last { }

/* defaults for the default theme */
#sidebar ul.tw-nav-list ul li:before { content:''; }
#sidebar ul.tw-nav-list { font-size:1.1em; }
#sidebar .tw-accordion .tw-widgettitle { padding:0.55em 0 0.6em; }
#sidebar .tw-accordion ul.tabbed-widget-item { margin:0.75em 0 1.25em 0; padding:0; list-style-image:none; }
#sidebar .tw-accordion ul.tabbed-widget-item li.widget:before { content:''; display:none; }
#sidebar .tw-accordion .widget { margin:0; }
#sidebar .tw-accordion { margin-bottom:2em; margin-top:0; }
* html #sidebar .tw-accordion .tw-widgettitle { font-size:1.1em; float:none; }

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { 
	/* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { 
	/* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
	.tw-rotate { margin:0; }
    ul.tw-nav-list { display: none; }
    .tw-hide, .tw-rotate h1, .tw-rotate h2, .tw-rotate h3, .tw-rotate h4 { display:inherit; }
}


