/*  
Theme Name: Umpil
Theme URI: http://umpil.org/
Description: Theme for Umpil.org
Version: 1.0
Author: Sophia Lucero
Author URI: http://stellify.net/
*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
html {
	font-size: 62.5%;
}
body, input, textarea, button, select, option {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #030;
}
body {
	font-size: 1.3em;
	line-height: 1.8em;
	background: #003f09 url(images/bg.jpg) 50% 0 no-repeat;
	color: #eea;
	padding: 0 0 40px;
}
a {
	text-decoration: none;
	outline: 0;
	color: #db3;
}
a:hover, a:active {
	color: #ce6;
}
a img, input, textarea, button, select, option {
	border: none;
}
#headerimg, #main, #footer{
	width: 960px;
	margin: 0 auto;
}
#header {
	background: url(images/headerbg.jpg) 50% 0 no-repeat;
	height: 200px;
}
	#headerimg {
		height: 100px;
	}
	#headerimg h1, #headerimg .description {
		position: relative;
		top: 27px;
		text-indent: -9999em;
	}
	#headerimg h1, #headerimg h1 a {
		display: block;
		float: left;
		width: 240px;
		height: 73px;
	}
	#headerimg h1 a {
		text-indent: -9999em;
		background: url(images/headerbg.jpg) -96px -27px no-repeat;
	}
	#headerimg .description {
		float: right;
		width: 408px;
		height: 73px;
		background: url(images/headerbg.jpg) -648px -27px;
	}
	#header .menu {
		line-height: 0;
		height: 100px;
		overflow: hidden;
	}
	#header .menu a {
		color: #020;
	}
	#header .menu a:hover {
		color: #cf6;
	}
	#header .menu ul, #header .menu li {
		list-style: none;
		display: inline;
	}
	#header .menu li.top {
		background: url(images/headerbg.jpg) 50% -100px no-repeat;
		display: block;
	}
	#header .menu li.top ul {
		height: 60px;
		line-height: 60px;
		font-size: 1.1em;
		font-weight: bold;
		display: block;
		overflow: hidden;
	}
	#header .menu .top .left {
		float: left;
		/*margin: 0 0 0 126px;*/
		text-align: right;
	}
	#header .menu .top .right {
		float: right;
		/*margin: 0 126px 0 0;*/
		text-align: left;
	}
	#header .menu .top .left li {
		padding: 0 20px 0 0;
	}
	#header .menu .top .right li {
		padding: 0 0 0 20px;
	}
	#header .menu .top .left, #header .menu .top .right {
		display: inline;
		width: 45%;
		background: none;
	}
	#header .menu .top .left ul, #header .menu .top .right ul {
		width: 100%;
	}
	#header .menu .top .left ul {
		position: relative;
		right: 0;
	}
	#header .menu .top .right ul {
		position: relative;
		left: 0px;
	}
	#header .menu li.bottom ul {
		background: url(images/headerbg.jpg) 50% -160px no-repeat;
		height: 40px;
		line-height: 40px;
		width: 940px;
		margin: 0 auto;
		font-size: 0.9em;
		text-align: center;
		display: block;
		clear: both;
	}
	#header .menu .bottom {
		display: block;
	}
	#header .menu .bottom li {
		padding: 0 15px 0;
	}
#main {
	background: url(images/mainbg.jpg) 50% 0 no-repeat;
	padding: 40px 0;
	overflow: auto; /* contain float */
}
	#breadcrumbs {
		margin: 0 0 20px;
	}
	#posts {
		width: 600px;
	}
		#posts p, #posts blockquote, #posts table {
			margin: 20px 0;
		}
		#posts ul, #posts ol {
			margin: 20px;
		}
		#posts .post h2 {
			font-size: 2.4em;
			line-height: 1.2;
			margin: 0;
		}
		#posts .post h2 a {
			color: #ec3;
		}
		#posts .post .meta {
			margin: 0 0 40px;
		}
		#posts .post .content {
			margin: 20px 0;
		}
		#posts .post .content a {
			border-bottom: 1px dotted #0a2;
		}
		#posts .post .content h3 {
			font-size: 1.4em;
			margin: 40px 0 20px;
		}
		#posts .post .content li {
			background: url(images/bullet.gif) 0 50% no-repeat;
			padding-left: 25px;
			list-style-position: outside;
			list-style-type: none;
			color: #9f8;
			line-height: 2em;
		}
		#posts .post .content blockquote {
			padding: 10px 20px;
			border-top: 3px double #361;
			border-bottom: 3px double #361;
			_border: 1px solid #361;
			_border-width: 1px 0;
		}
		#post-14 .content {
			overflow: auto;
		}
		#post-14 /* gallery */ p {
			display: inline;
			overflow: auto;
		}
		#post-14 p a img {
			float: left;
		}
		#post-14 p strong {
			display: block;
			clear: both;
			margin: 20px 0;
			padding-top: 40px;
		}
		#posts #comments {
			margin: 40px 0;
		}
	#main .col, #sidebar {
		width: 280px;
	}
	#posts, #main .col, #sidebar {
		float: left;
		margin: 0 20px;
		display: inline;
		overflow: hidden;
	}
	#sidebar {

	}
	#sidebar ul.sidebar {
		padding: 20px 0 0 20px;
		background: url(images/sidebarbg.jpg) 0 0 no-repeat;
	}
	#sidebar ul.sidebar li {
		list-style: none;
		margin-bottom: 20px;
		zoom: 1;
	}
	#sidebar ul.sidebar li li {
		margin-bottom: 0;
	}
	#sidebar ul.sidebar li h2 {
		font-size: 1.4em;
		padding: 0 0 1em;
		margin: 0;
		border-bottom: 1px dotted #070;
	}
	#sidebar ul.sidebar li p, #sidebar ul.sidebar li h3 {
		margin: 0 0 10px;
	}
	#sidebar ul.sidebar #links li {
		zoom: 1;
	}
	#sidebar ul.sidebar #links li a {
		display: block;
		line-height: 30px;
		border-bottom: 1px dotted #070;
		zoom: 1;
	}
	#sidebar ul.sidebar #news li {
		border-bottom: 1px dotted #070;
		padding: 1.8em 0 1em;
		zoom: 1;
	}
	#sidebar ul.sidebar #news .more-link {
		display: block;
		text-align: right;
	}
	#sidebar ul.sidebar #links li a:hover {
		border-bottom-color: #090;
	}
#footer {
	clear: both;
	width: 920px;
	color: #7c3;
}
	#footer ul, #footer ul li {
		display: inline;
	}
	#footer .menu, #footer #copyright {
		display: block;
	}
	#footer .menu .top li ul li, #footer .menu .bottom li, #footer #copyright li {
		list-style: none;
		padding-right: 7px;
		border-right: 1px solid #7c3;
		margin-right: 7px;
	}
	#footer li.last {
		border: none !important;
		margin: 0;
		padding: 0;
	}
#breadcrumbs, #sidebar, #footer {
	font-size: 0.85em;
}
#s, #searchsubmit, #commentform textarea, #commentform input {
	border: 3px double #361;
	_border: 1px solid #361;
	padding: 5px;
	color: #9f8;
	background-color: #020;
}
#comments h3 {
	font-size: 1.2em;
}
#comments label {
	display: block;
}
#commentform textarea {
	width: 400px;
}
#commentform input#submit, #searchsubmit {
	font-weight: bold;
}
#s {
	width: 160px;
	margin-right: 5px;
	background: #05440a;
}
#searchsubmit {
	background: url(images/sidebarbg.jpg) 50% -10px no-repeat;
	/*padding: 3px 5px 2px;*
	_padding: 2px 5px 1px;*/
	width: 70px;
}
#commentform input#submit {
	background: url(images/bg.jpg) -200px -500px no-repeat ;
}
h1, h2, h3, h4, h5, h6 {
	color: #893;
	font-weight: normal;
	display: block;
}
h2 {
	margin: 0 0 20px;
}
strong, em, b, i, cite, #sidebar ul.sidebar #news .more-link {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
em, i, cite, #sidebar ul.sidebar #news .more-link {
	font-style: italic;
}
.hidden, #sidebar #search h2 {
	display: none;
	height: 0;
	line-height: 0;
}
/* image classes */
.aligncenter {
	text-align: center;
}
.alignright {
	text-align: right;
}
.alignleft {
	text-align: left;
}
img.aligncenter {
	display: block;
	margin: 0 auto;
}
img.alignright {
	float: right;
	margin: 10px 0 10px 10px;
}
img.alignleft {
	float: left;
	margin: 10px 10px 10px 0;
}
.wp-caption-text {
	margin: 10px 0 20px;
}