/*   

Theme Name: zulimi.com maintheme
Theme URI: http://www.zulimi.com/
Description: This is the main theme for zulimi.com using wordpress
Author: zulimi
Author URI: http://www.zulimi.com
Version: 2.0
.
You can use this theme as long as you give credits to my website at http://zulimi.com/
.
*/

/*
-------------------------------------------
basic elements
------------------------------------------- 
*/

body {
	font: 0.9em "trebuchet MS", Helvetica, sans-serif; 
	margin: 0;
	padding: 0; 
}

p {
	padding: 0;
	margin: 0;
}

a, a:visited {
	text-decoration: none;
}

a:hover {
	background: #C9CED4;
}

img {
border: none;
}

#top {
	width: 100%;
	background: #157507 url("images/bg.gif") no-repeat top center;
	margin: 0;
	padding: 0;
}

.wrapper {
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
}

.navbar {
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
	float: right;
}

.navbar li {
	float: left;
	margin: 0;
	padding: 60px 0 3px 1px;
}

.navbar li a {
	background: #509845;
	color: #fff;
	padding: 60px 10px 3px 25px;
	letter-spacing: 0.1em;
}

.navbar li a:hover {
	background: #8ABA83;
}

.logo {
	float: left;
	padding: 20px 0 0 30px;
}

.floatleft {
	color: #742F07;
	width: 279px;
	height: 110px;
	float: left;
	text-align: center;
	border-right: dotted 1px #977965;
	padding: 0 10px;
}

.floatleftalt {
	color: #742F07;
	width: 280px;
	height: 110px;
	float: left;
	text-align: center;
	padding: 0 10px;
}

.copyright {
	width: 900px;
	position: absolute;
	color: #977965;
	font-size: 0.9em;
	text-align: center;
	margin: 30px 0 0 0;
	padding: 5px 0;
	letter-spacing: 0.2em;
	border-top: dotted 1px #977965;
}

.copyright2 {
	width: 900px;
	color: #977965;
	font-size: 0.8em;
	text-align: center;
	margin: 0;
	padding: 5px 0;
	letter-spacing: 0.2em;
}

.copyright a {
	border-bottom: dotted 1px #742F07;
	color: #742F07;
}

.copyright2 a {
	border-bottom: dotted 1px #742F07;
	color: #742F07;
}


#bottom {
	background: #fff url("images/topshadbg.gif") repeat-x top;
	border-top: solid 2px #F3F4F6;
	width: 100%;
	padding: 30px 0 20px 0;
	margin: 0 auto;
}

#bottom a {
	border-bottom: dotted 1px #742F07;
	color: #742F07;
}

.maintext {
	font-size: 1.5em;
	text-align: center;
	color: #fff;
	margin: 0 0 40px 0;
}

.maintext a, .maintext a:visited {
	color: #fff;
	border-bottom: dotted 1px #fff;
}

#content {
	background: #fff;
	width: 780px;
	margin: 100px 0px 20px 0px;
	border: solid 10px #8ABA83;
	padding: 50px;
	overflow: hidden;
}

#content a {
	border-bottom: dotted 1px #A4420A;
	color: #742F07;
}

h1 {
	color: #157507;
	font: bold 1.8em Georgia, serif; 
	width: 180px;
	padding: 0 0 10px 0;
	margin: 0;
}

h2 {
	width: 180px;
	color: #157507;
	font: 1.1em Georgia, serif; 
	text-align: right;
	line-height: 75%;
	padding: 0;
	margin: 0;
	font-style: italic;
	float: left;
}

h3 {
	width: 180px;
	color: #157507;
	font: 0.9em Georgia, serif; 
	line-height: 75%;
	padding: 0;
	margin: 0;
	font-style: italic;
	text-align: right;
	float: left;
}


#content p{
	width: 580px;
	margin-left: 200px;
	padding: 0 0 40px 0;
	line-height: 120%;
}

#content p.nopad {
	padding: 0;
}

#content p.line {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 10px 0;
	border-top: dashed 1px #ccc;
}

h2.tags {
	font-size: 1.6em;
	padding: 20px 0 0 0;
}

#content .categories li {
	list-style: none;
	display: inline;
	border-right: solid 1px #ccc;
	padding: 0 3px 0 5px;
}

/*
-------------------------------------------
Post Style
-------------------------------------------
*/

#content h2 a {
	color: #157507;
	border: none;
}

#content .entry p {
	padding: 2px 0;
	margin-left: 0px;
}

#content .entry{
	width: 580px;
	margin-left: 200px;
}

#content span.date {
	color: #AACCA4;
	font-size: 2.0em;
}

#content p.date {
	padding: 0;
}

#content p.searchtitle {
	padding: 0;
}

#content span.monthyear {
	color: #B9D5B4;
	font-size: 0.9em;
}

#content p.postmetadata {
	color: #ccc;
	padding: 5px 0 40px 0;
	font: italic 0.8em Georgia;
}


#content p.postmetadata a {
	color: #AACCA4;
}

#content p.navigation {
	text-align: right;
	padding: 0;
	margin: 0;
	float: right;
	font: 0.8em Georgia;
}

.categories {
	width: 540px;
	margin-left: 200px;
	letter-spacing: 0.04em;
	padding: 0 0 40px 0;
}

#content .tagcloud a {
	border: none;
}

/*
-------------------------------------------
navigation Style
-------------------------------------------
*/

.navigation {
width: 580px;
position: right;
}

/*
-------------------------------------------
Search form style
-------------------------------------------
*/

#searchform {
margin: 0;
}

input#s{
border:1px solid #ccc;
padding: 2px;
margin: 20px 0 0 0;
font-size: 1em;
}

input#s:focus{
border:1px solid #E75D0D;
}

.searchsubmit {
color: #FDF9E2;
background: #2B2703;
border: 1px solid #E75D0D;
padding: 1px;
font-size: 1em;
font-weight: bold;
} 

.searchsubmit:hover {
color: #000;
background: #FDF9E2;
border: 1px solid #E75D0D;
}

/*
-------------------------------------------
comments related
-------------------------------------------
*/

#content .commentlist {
	font-size: 0.9em;
	width: 580px;
	letter-spacing: 0.04em;
	padding: 0 0 30px 0;
}

#content .commentlist span.alt {
	background-color: #000;
}

#content .commentlist p {
	padding: 0;
	line-height: 100%;
}

#content .commentlist p.commentauthor {
	text-align: center;
	font: 0.9em Georgia, serif;
}

#content .commentlist p.commentmetadata {
	color: #999;
	font: 0.8em Georgia, serif;
	line-height: 75%;
	padding: 0 0 5px 0;
	text-align: center;
}

#content .commentlist p.commentmetadata span.commentdate{
	font-size: 2em;
}

#commentform {
	width: 580px;
	padding: 0 0 10px 0;
	font-size: 0.9em;
}

#commentform p {
	width: 580px;
	padding: 0;
	font-size: 0.9em;
	padding: 1px 0;
}

.commentsubmit {
color: #000;
background: #E2F3FD;
border: 1px solid #E75D0D;
padding: 1px;
font-size: 12px;
font-weight: bold;
}

.commentsubmit:hover {
color: #fff;
background: #157507;
}

#commentform_home {
padding: 20px 0px 0px 0px;
font-size: 12px;
}

/*
-------------------------------------------
typo Experiment
------------------------------------------- 
*/

#content .entry p.typoexpline {
border-bottom: dotted 1px #999;
}

#content .entry p.typoexp01 {
   width: 180px;
   color: #157507;
   font: italic 1.1em Georgia, serif; 
   text-align: right;
   line-height: 75%;
   padding: 0;
   margin: 50px auto;
   }
   #content .entry span.typoexp01_date {
      color: #AACCA4;
      font-size: 2.0em;
      }
   #content .entry span.typoexp01_monthyear {
      color: #B9D5B4;
      font-size: 0.9em;
      }

#content .entry p.typoexp02 {
   width: 400px;
   color: #222;
   font: 1.8em Georgia, serif; 
   line-height: 120%;
   padding: 0;
   margin: 50px auto 0 auto;
   }
   #content .entry p.typoexp02_author {
      width: 400px;
      color: #888;
      font: 1.4em Arial, sans-serif;
      margin: 20px auto 3px auto;
      }
   #content .entry p.typoexp02_whois {
      width: 400px;
      color: #888;
      border-top: dotted 1px #888;
      font: 1.0em Arial, sans-serif;
      margin: 1px auto 50px auto;
      }