/*
Theme Name: Simply
Theme URI: http://eksith.wordpress.com/2011/06/15/simply-blog-theme/
Description: A stripped down variation on the Mod Portal theme
Version: 0.2
Author: Eksith Rodrigo
Author URI: http://eksith.wordpress.com
Tags: fluid, multi column, widgets, readable

*/

/* Common */
body
{
	font-family: "Segoe UI" , Tahoma, Sans-Serif;
	font-weight: normal;
	font-size: medium;
	background: #fff;
	color: #000;
}

/* Screen */
@media screen
{
	/* Reset */
	body, div, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, select, ul, li, table, td, th, hr
	{
		margin: 0;
		padding: 0;
		border: 0;
	}
	body
	{
		font: normal 90% Sans-serif,tahoma,verdana;
		text-align: center;
		padding: 0 0 20px 0;
		background:#f5f5f5 url(img/bg.png);
		color:#575757
	}
	
	div.page
	{
		text-align:left;
		width: 90%;
		max-width:1200px;
		min-width:1000px;
		margin: 10px auto 0 auto;
	}
	
	div.body, div.extras
	{
		background:#fff;
		clear:both;
		border:1px solid #ddd;
	}
	
	div.title
	{
		float:left;
		margin: 0 0 .5em 0;
	}
	
	div.content, div.full
	{
		padding:10px;
	}
	
	div.content
	{
		float:left;
		width: 72%;
	}
	
	div.sidebar
	{
		width:22%;
		float:right;
		padding:10px;
	}
	
	div.body, div.header
	{
		margin:0 0 1em 0;
	}
	
	div.footer
	{
		text-align:center;
		font-size:80%;
	}
	
	div.column
	{
		width:32%;
		float:left;
		padding:10px;
	}
	
	div.segment
	{
		width:22%;
		float:left;
		margin:0 1em;
		font-size:95%;
	}
	

	/* Normally nth-child is enough for compliant browsers, but pre IE9 can't deal with it */
	div.extras div.column:nth-child(3), div.e
	{
		width:auto;
		float:none;
	}
	
	div.post
	{
		border-bottom:1px solid #f5f5f5;
		padding: 0 0 2em 0;
	}
	div.alt
	{
		background:#f8f8ff;
	}

	div.nav
	{
		min-height: 2em;
		padding: 0 .8em;
		margin: .2em 0;
		clear:both;
	}

	div.nav ul
	{
		list-style:none;
	}

	div.nav ul li
	{
		float: left;
		position: relative;
	}

	div.nav ul li a, div.nav ul li span
	{
		padding: 6px 10px;
		display: block;
		text-decoration: none;
	}
	
	div.nav ul li ul
	{
		display: none;
	}

	div.nav ul li:hover ul, div.nav ul li ul:hover
	{
		display: block;
		width: 200px;
		position: absolute;
		top: 28px;
		left: 0;
		background:#fff;
		border:1px solid #eee;
	}
	div.content div.nav ul li:hover ul, div.content div.nav ul li ul:hover
	{
		top: 30px;
		left: -124px;
	}
	div.nav ul li:hover ul li ul, div.nav ul li ul:hover li ul
	{
		display: none;
	}

	div.nav ul li ul li:hover ul, div.nav ul li ul:hover li ul
	{
		display: block;
		top: 5px;
		left: 190px;
	}
	div.nav ul li ul li
	{
		float: none;
		display: block;
		position: relative;
	}

	div.nav ul li ul li a, div.nav ul li.active ul li a
	{
		display: block;
		padding: 6px 10px;
		position: relative;
		background:#fff !important;
		color:#369 !important;
	}

	div.nav ul li ul li a:hover, div.nav ul li.active ul li a:hover
	{
		background:#369 !important;
		color:#fff !important;
	}
	div.body ul, div.extras ul
	{
		margin: 0 0 10px 0;
		list-style:none;
	}

	div.body ul li, div.extras ul li
	{
		padding: 2px 0 2px 7px;
	}
	
	div.body ul li ul, div.extras ul li ul
	{
		margin:0 0 0 30px;
	}
	
	h1, h2, h3
	{
		padding: .5em;
		font-weight:normal;
	}
	h1
	{
		padding: .5em .5em 0 .7em;
		font-size: 200%;
	}

	h2
	{
		font-size: 150%;
	}
	div.post h2
	{
		padding: .5em .5em .2em .5em;
	}
	h3
	{
		font-size: 115%;
	}
	div.sidebar h3, div.segment h3
	{
		border-bottom: 1px solid #ddd;
	}
	h4
	{
		font-size: 110%;
	}
	h5
	{
		font-size:100%;
	}
	h6
	{
		font-size:100%;
		text-decoration:underline;
	}
	
	a
	{
		color: #369;
	}

	a:hover, ul li.active a
	{
		color: #fff;
		background: #369;
		text-decoration: none;
	}
	
	div.post a:visited, div.palt a:visited
	{
		color:#000;
		text-decoration:underline;
	}
	
	h1 a {
		color:#575757;
		text-decoration:none;
	}

	div.nav form a
	{
		text-decoration:none;
		font-size:110%;
		font-weight:bold;
	}
	
	a.tag
	{
		padding: 5px 3px;
		text-decoration: none;
	}
	a.x1
	{
		font-size: 11px;
	}
	a.x2
	{
		font-size: 12px;
	}
	a.x3
	{
		font-size: 13px;
	}
	a.x4
	{
		font-size: 14px;
	}
	a.x5
	{
		font-size: 15px;
	}
	a.x6
	{
		font-size: 16px;
	}
	a.x7
	{
		font-size: 17px;
	}
	a.x7
	{
		font-size: 18px;
	}
	a.x8
	{
		font-size: 18px;
	}
	a.x9
	{
		font-size: 19px;
	}
	a.x10
	{
		font-size: 20px;
	}
	a.x11
	{
		font-size: 21px;
	}
	a.x12
	{
		font-size: 22px;
	}
	a.x13
	{
		font-size: 23px;
	}
	a.x14
	{
		font-size: 24px;
	}
	a.x15
	{
		font-size: 25px;
	}
	
	p.meta a, p.date a
	{
		text-decoration:none;
	}
	
	h1 a, h2 a, h3 a
	{
		text-decoration:none;
	}

	h1 a:hover, h2 a:hover, h3 a:hover, p.meta a:hover, p.date a:hover
	{
		color:#000;
		background:transparent;
		text-decoration:underline;
	}
	
	div.extras ul li a, div.sidebar ul li a
	{
		padding: 5px 10px;
		display: block;
		text-decoration: none;
	}
	
	div.extras ul li a:hover, div.sidebar ul li a:hover
	{
		color:#369;
		background:#f8f8f8;
	}

	p
	{
		padding: .4em .8em;
		line-height:180%
	}

	p.tags
	{
		line-height: 230%;
	}
	
	form p
	{
		padding: .4em 0;
	}
	
	div.body form p
	{
		padding: .4em;
	}
	
	p.date, p.meta
	{
		font-size: 80%;
	}
	
	div.post p.meta, div.post p.meta 
	{
		clear:both;
		margin: 2em 0 0 0;
	}
	
	p.meta span
	{
		float:right;
		clear:right;
		max-width:50%;
	}
	
	div.header p.meta
	{
		padding: .3em 1.8em;
	}

	p.date
	{
		padding:0 .8em 1em .8em;
	}
	hr
	{
		height:1px;
		clear:both;
	}
	
	div.page hr
	{
		background:#ccc;
		color:#ccc;
		margin:20px 0;
	}
	
	div.body hr, div.extras hr
	{
		background:#fff;
		color:#fff;
		margin:0;
	}
	
	hr.line
	{
		margin: 2em 1em !important;
	}
	
	div.header form
	{
		float:right;
		margin: 1em .8em 0 0;
	}

	img
	{
		vertical-align:midde;
	}
	
	img.icon
	{
		float:left;
		margin: .7em;
		border:5px solid #f8f8ff;
	}
	
	div.alt img.icon
	{
		border-color:#fff;
	}
	
	.left
	{
		float:left !important;
	}
	.right
	{
		float:right !important;
	}

	form
	{
		display: block;
	}
	div.nav form, div.header #searchform
	{
		float: right;
		display: inline;
	}
	fieldset
	{
		padding: 5px;
		margin: 10px;
		display: block;
		border: 5px solid #f5f5f5;
	}
	div.nav form fieldset
	{
		border: 0;
		padding: 0;
		display: inline;
	}
	div.columns fieldset
	{
		padding: 0;
		margin: 0;
		border: 0;
	}

	legend
	{
		font-size: 130%;
		padding: 5px;
	}
	div.header legend
	{
		font-size:90% !important;
	}

	div.columns fieldset legend
	{
		padding:0;
		margin:0;
		border:0;
	}
	
	input, select, textarea
	{
		color: #444;
	}
	
	input[type^='text'], input[type^='password'], select, textarea
	{
		padding: 2px;
		border:1px solid #ddd;
	}
	
	div.body input[type^='text'], div.body input[type^='password'], div.body textarea
	{
		display:block;
	}
	
	div.body textarea
	{
		width:100%;
	}
	
	div.nav input
	{
		font-size: 90%;
	}
	select
	{
		padding: .1em;
		margin: 0 .3em;
		border: 1px solid #777;
	}

	input[type^='button'], input[type^='submit'], input[type^='reset']
	{
		padding: 3px 5px;
		cursor: pointer;
		color: #369;
		font-size: 120%;
		background: transparent;
	}
}

@media print
{
	div.sidebar, div.extras
	{
		display:none;
	}
}