/*
Theme Name: Ali Han Natural
Theme URI: http://www.alihan.com.tr/blog/
Description: Spring flowers, bird, butterfly, clouds and animals Natural blog theme.
Date: 20th March 2009
Version: 2.2
Author: Ali Han
Author URI: http://www.alihan.com.tr
Tags: green, orange, silver, white, yellow, light, fixed-width, two-columns, right-sidebar, seasonal
The CSS, XHTML and design is released under GPL:
http://creativecommons.org/licenses/by-nc-nd/3.0/
*/

/* Please leave my link in the footer, thanks! */

* {
  padding:0;
  margin:0;
  list-style:none;
}

html {
 /*background:#b4eeff url(images/AliHan_MarchTheme_bg.jpg) repeat-x;*/
}

body {
  background: #b0edff url(images/AliHan_MarchTheme_page.jpg) repeat-y center;
  margin:0 auto;
  font:62.5% 'Trebuchet MS', Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5 {
  font-size:1.6em;
  color:#4f647b;
}

img {
  border:0;
}

.banner {
  background:url(images/AliHan_MarchTheme_top.jpg) center repeat-x;
}

#masthead {
  height:125px;
  padding-top:100px;
  text-align:center;
}

#masthead p {
  font-weight:bold;
  font-size:1.4em;
  color:#FFFFFF;
  text-align:center;
}


#banner_text {
line-height:3px;
}

h1 {
  font-size:5em;
  margin-left:30px;
  margin-right:5px;
  color:#7b684f;
  display:inline;
  font-family:"Monotype Corsiva";
}

h1 a {
  color:#FFFFFF;
  text-decoration:none;
}


#secondary_content h2 {
  font-size:25px;
  margin-bottom:8px;
  color:#009900;
  font-family:"Monotype Corsiva";
}

p, li {
  color:#4f647b;
}

a {
  color:#4f647b;
  outline:none;
}

div#content {
  padding:30px 30px 0px;
}

/*-----------------------------------------------------------------------------

  Main Content

-----------------------------------------------------------------------------*/

#main_content {
  width:620px;
  float:left;
}

#main_content h2 {
  font-size:3em;
  height:71px;
  width:621px;
  text-align:center;
  background:url(images/AliHan_MarchTheme_titles.jpg) no-repeat;
  color:#009900;
  font-family:"Monotype Corsiva";
  padding-top:18px;
}

#main_content h2 a {
  color:#009900;
  text-decoration:none;
}
#main_content h2 a:hover {
  color:#33CC00;
  text-decoration:none;
}

#main_content p {
  font-size:1.4em;
  line-height:2em;
  margin:10px 0;
}

.article {
  margin-bottom:30px;
}

.article blockquote {
  padding-left:10px;
  margin:15px 10px;
  border-left:5px solid #BAFBAE;
}

.article ul, .article ol {
  margin:10px;
}

.article ul li {
  font-size:1.4em;
  margin:5px 0 5px 10px;
  list-style:square;
}

.article ul li li, .article ol li li {
  font-size:1em;
  list-style:circle;
}

.article ol li {
  font-size:1.4em;
  margin:5px 0 5px 20px;
  list-style:decimal;
}

#main_content p.byline {
  font-size:1.2em;
}

ul.article_footer {
  background:#FAFFF9;
  border:#E1FEE0 1px solid;
  text-align:left;
}

ul.article_footer li {
  display:inline;
  margin:5px;
  padding-right:10px;
  border-right:1px solid #E1FEE0;
  font-size:1.2em;
}

ul.article_footer li.last {
  border-right:0;
}

/*-----------------------------------------------------------------------------

  Secondary Content

-----------------------------------------------------------------------------*/

#secondary_content {
  width:280px;
  float:left;
  margin-bottom:30px;
}

#secondary_content p {
  font-size:1.2em;
  width:218px;
  line-height:1.75em;
  margin-bottom:10px;
  font-style:italic;
}

ul#nav {
  margin-left:19px;
}

ul#nav li {
  display:inline; /* Prevents weird line-break issue with IE6 */
}

ul#nav li a {
  display:block;
  padding:10px 15px;
  background:#00CC00 url(images/dots.gif) bottom repeat-x;
  text-decoration:none;
  font-size:1.6em;
  font-weight:bold;
  border-left:11px solid #FFF;
}

ul#nav li.current_page_item a, ul#nav li.current_page_item a:hover {
  background:#00CC33 url(images/arrow.gif) 0 center no-repeat;
  border-left:0;
  padding-left:26px;
}

ul#nav li a:hover {
  background:#00CC66 url(images/dots.gif) bottom repeat-x;
}



#search {
  background:url(images/AliHan_MarchTheme_search.jpg) no-repeat;
  height:40px;
  padding-left:28px;
  margin-left:30px;
}

#search input {
  background:none;
  margin-right:0px;
  width:170px;
  height:18px;
  border:0px;
  font:"Lucida Console", Tahoma;
  font-weight:bold;
  color:#009900;
}

#search input#submit {
  width:25px;
  height:30px;
  margin-right:0;
  background:none;
  border:0px;
}

/*commnt*/
#submit{
border:#009900 1px solid;
background-color:#00CC00;
font-weight:bold;
font-size:18px;
font-family:"Book Antiqua", Tahoma;
color:#FFFFFF;
}

#author, #url, #email, #comment{
border:#009900 1px solid;
background-color:#FFFFFF;
font-size:14px;
font-family:"Book Antiqua", Tahoma;
color:#339900;
}







#secondary_nav {
  background:url(images/AliHan_MarchTheme_secondnav.jpg) repeat-y;
  padding:15px;
  margin-left:30px;
}

#secondary_nav h2 a {
  text-decoration:none;
}

#secondary_nav ul ul {
  margin:8px 0 20px;
  border-left:5px solid #E4FED8;
  padding-left:10px;
  font-size:1.5em;
  font-weight:bold;
}

#secondary_nav ul ul ul {
  font-size:1em;
  border-left:5px solid #F8F8F8;
  margin:0;
}

#secondary_nav ul ul li {
  margin:5px 0;
}

#secondary_nav ul ul li a {
  text-decoration:none;
}

#secondary_nav ul ul li a:hover {
  color:#1B3E63;
}

#secondary_content hr {
  margin-bottom:10px;
  background:url(images/dots.gif) repeat-x;
  border:0;
}

/*-----------------------------------------------------------------------------

  Footer

-----------------------------------------------------------------------------*/
.footer {
  background:url(images/AliHan_MarchTheme_bottom.jpg) center repeat-x;
  vertical-align:bottom;
  height:160px;
  color:#000000;
}


.footer a {
  text-decoration:none;
  font-weight:bold;
  color:#000000;
}

.footer a:hover {
  color:#FFCC00;
  text-decoration:underline;
}


/*-----------------------------------------------------------------------------

  Wordpress Specific Stuff

-----------------------------------------------------------------------------*/

h3.pagetitle {
  margin-bottom:15px;
}

.entry p small {
  line-height:1.5;
}

h3#comments {
  margin:30px 0 20px;
}

ol.commentlist {
  margin:20px 0;
  padding-bottom:10px;
}

ol.commentlist li {
  margin:30px 0;
}

ol.commentlist li div.comment_bubble {
  margin:10px 0;
  background:#FAFFF9;
  border:#E1FEE0 1px solid;
  padding:5px 15px 0;
  clear:both;
}

ol.commentlist li cite {
  font-size:1.4em;
  margin-left:5px;
}

textarea#comment {
  width:550px;
  margin:10px 0;
  padding:10px;
}

#main_content p.comment_meta {
  font-size:1.2em;
  text-align:right;
  float:right;
  margin:0;
}

form#commentform {
  margin:10px 0;
  padding:10px 20px;
  background:#FAFFF9;
  border:#E1FEE0 1px solid;
}

form#commentform label {
  margin-left:5px;
}

.navigation {
  margin:0 0 20px;
  font-size:1.2em;
}

#main_content ul.links_page li {
  margin:15px 0;
}

#main_content li.linkcat h2 {
  font-size:1.6em;
  margin-bottom:5px;
  color:#4F647B;
}

#main_content li.linkcat li {
  font-size:1.2em;
  margin:3px 0;
}

ul.archives {
  margin-bottom:20px;
}

ul.archives li {
  font-size:1.4em;
  margin:3px 0;
  font-weight:bold;
}

ul.archives li a {
  font-weight:normal;
}

ul.archives li li {
  font-size:0.8em;
  font-weight:normal;
}

body#commentspopup {
  padding:10px;
  width:360px;
}

body#commentspopup h1 {
  font-size:2em;
  margin-left:0;
}

body#commentspopup h2 {
  margin:10px 0;
}

body#commentspopup p {
  margin:10px 0;
}

body#commentspopup label {
  margin:0;
}

body#commentspopup textarea {
  width:295px;
  height:50px;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption-dd {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}

div.navigation {
  display:block;
  height:1em;
}

/*-----------------------------------------------------------------------------

  Clearfix

-----------------------------------------------------------------------------*/

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
  .clearfix {display:block;}
/* End hide from IE Mac */

/* Comments-box */

.comments-box {
	clear: both;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.comments-box .comment {
	clear: both;
	margin-top: 20px;
	margin-bottom: 10px;
}

.comment .avatar {
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 7px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.comment .avatar img {
	width: 80px;
	height: 80px;
}

.comment .title {
	margin-bottom: 5px;
}

.comment .title .author {
	font-weight: bold;
	font-size: 150%;
}

.comments-box form input {
	margin-top: 5px;
	margin-bottom: 5px;
	width: 200px;
}

.comments-box form textarea {
	margin-top: 5px;
	margin-bottom: 10px;
	width: 100%;
	height: 150px;
}

.comments-box img#captcha {
	margin-top: 5px;
}

.comments-box input#captcha_code {
	width: 90px;
}

.comments-box input#submit {
	width: 100px;
	height: 22px;
}

/* contact-form */

.contact-form {
	clear: both;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.contact-form form input {
	margin-top: 5px;
	margin-bottom: 5px;
	width: 200px;
}

.contact-form form textarea {
	margin-top: 5px;
	margin-bottom: 10px;
	width: 100%;
	height: 150px;
}

.contact-form img#captcha2 {
	margin-top: 5px;
}

.contact-form input#captcha_code2 {
	width: 90px;
}

.contact-form input#submit2 {
	width: 100px;
	height: 22px;
}

.contact-form h2, .comments-box h2 {
	clear: both;
}
