/*  

Theme Name: Sunset

Theme URI: http://www.persian-programming.com/posts/12

Description: A dark green and orange colored theme with two columns and fluid width

Version: 1.0.2

Author: Kambiz R. Khojasteh

Author URI: http://persian-programming.com

Tags: fluid width, two columns, rtl, simple, green, orange

*/



/* Common */



* 

{

  margin: 0;

  padding: 0;

}



body

{

  min-width: 760px;

  font: normal 0.8em sans-serif;

  background-color: #fffffa;

}



h1, h2, h3, h4, h5, h6

{

  font-family: georgia, sans-serif;

}



a

{ 

  text-decoration: none;

  outline: none;

  color: #d60;

}



a:hover

{ 

  color: #f90;

}



a img

{

  border: none;

}



button,

input[type="button"],

input[type="submit"]

{

  color: #fec;

  background-color: #020;

  border: 1px solid #020;

  padding: 0.1em 0.4em;

}



button:hover,

input[type="button"]:hover,

input[type="submit"]:hover

{

  color: #f90;

}



textarea,

input[type="text"],

input[type="password"]

{

  padding: 0.2em;

}



select, 

textarea,

input[type="text"],

input[type="password"]

{

  border: 1px solid #020;

  background-color: #fff;

}



select:hover, 

textarea:hover,

input[type="text"]:hover,

input[type="password"]:hover

{

  border: 1px solid #030;

}



select,

option,

optgroup

{

  padding: 1px;

  margin-bottom: 1px;

}



label

{

  font-size: 0.8em;

}



ul

{

  list-style-image: url(images/bullet_orange.png);

}



.alignright

{

  float: right;

}



.alignleft

{

  float: left;

}



.aligncenter

{

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.clear

{

  clear: both;

}



.separator

{

  border-bottom: 2px solid #020;

}



/* header */



#header

{

  height: 85px;

  background: #f90 url(images/header.jpg) repeat-x bottom left;

  border-top: 4px solid #020;

}



#header .decoration

{

  width: 100%;

  height: 100%;

  background: transparent url(images/decoration.png) no-repeat bottom right;

}



/* Menu */



#menu

{

  background-color: #020;

  padding: 4px 2px 4px 18px;

}



#menu ul

{

  list-style: none;

  margin: 0;

}



#menu li

{

  float: left;

  margin: 0 2px;

}



#menu li a

{

  display: block;

  text-decoration: none;

  font-weight: bolder;

  font-variant: small-caps;

  white-space: nowrap;

  padding: 0.25em 0.5em;

  color: #fec;

  border: 1px solid #020;

  border-radius: 3px;

  -moz-border-radius: 3px;

  -khtml-border-radius: 3px;

  -webkit-border-radius: 3px;

}



#menu li a:hover,

#menu li.current_page_item a

{

  background-color: #040;

  border: 1px solid #060;

}



/* Sidebar */



#sidebar

{

  float: right;

  width: 350px;

  margin: 0 20px 20px 0;

  color: #fec;

  font-size: 0.85em;

  background: #020 url(images/corner-br.gif) no-repeat bottom right;

}



#sidebar-content

{

  background: transparent url(images/corner-bl.gif) no-repeat bottom left;

  padding: 0 2em;

}



#sidebar a

{

  color: #fec;

}



#sidebar a:hover

{

  color: #f90;

}



#sidebar ul, 

#sidebar li > ul

{

  margin-left: 1.8em;

}



#sidebar select, 

#sidebar textarea,

#sidebar input[type="text"],

#sidebar input[type="password"]

{

  color: #020;

  background-color: #fec;

  border: 1px solid #fec;

  width: 100%;

  font-size: 0.96em;

}



#sidebar select:hover, 

#sidebar textarea:hover,

#sidebar input[type="text"]:hover,

#sidebar input[type="password"]:hover

{

  border: 1px solid #fec;

}



#sidebar input[type="submit"]

{

  border: 1px solid #f90;

}



#sidebar input[type="submit"]:hover

{

  border: 1px solid #fec;

}



.sidebar-widget

{

  border-bottom: 1px solid #fff;

  padding: 1.5em 1em;

}



.sidebar-widget h3

{

  font-size: 1.5em;

  margin-bottom: 0.5em;

}



.sidebar-widget h4

{

  font-size: 1em;

  margin-bottom: 0.5em;

}



#sidebar-header

{

  text-align: center;

  padding-top: 0 !important;

}



#sidebar-header h1

{

  font-size: 3em;

  font-variant: small-caps;

}



#sidebar-header p

{

  margin: 0.5em 0;

}



#sidebar-header a:hover

{

  color: #fec;

}



#sidebar-search form

{

  border: 1px solid #fff;

  background-color: #fec;

  width: 100%;

  min-height: 22px;

}



#sidebar-search #s

{

  width: 87%;

  padding: 0.4em 0.5em 0.5em;

  vertical-align: middle;

  border: none;

}



#sidebar-search #s:hover

{

  border: none;

}



#sidebar-search #btn

{

  background-color: #fec;

  padding: 2px;

  width: 20px;

  height: 100%;

  background-color: #fec;

  vertical-align: middle;

  text-align: center;

  float: right;

}



#sidebar-search #btn input

{

  width: 18px;

  height: 18px;

  background: #fec url(images/icon_zoom.png) no-repeat center center;

}



#sidebar-meta ul

{

  list-style: none;

  list-style-image: none;

  margin: 0 !important;

}



#sidebar-meta li

{

  float: left;

  display: block;

  margin: 0.5em 0;

  width: 50%;

}



#sidebar-meta li img

{

  vertical-align: middle;

  margin: 0 0.25em 0 0;

}



#sidebar .cat-item img

{

  vertical-align: middle;

  margin: 0 0 0 1em;

}



#sidebar-footer

{

  border-bottom: none;

}



#sidebar-footer a

{

  color: #f90;

}



/* Content */



#content

{

  margin: 0 390px 20px 20px;

  padding-top: 1em;

  color: #020;

}



#content p

{

  padding: 0.5em 0;

}



h2.maintitle

{

  font-size: 2.5em;

  padding-bottom: 4px;

  margin-bottom: 1px;

}



h2.maintitle a

{

  color: #020;

}



.more-link

{

  font-size: 0.8em;

}



.tags

{

  font-size: 0.85em;

  background-color: #ded;

  padding: 1px 0.25em !important;

  border: 1px solid #ded;

  -moz-border-radius: 3px;

  -khtml-border-radius: 3px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

}



.addcomment

{

  text-align: right;

  font-size: 0.85em;

  font-weight: bolder;

}



.addcomment img

{

  vertical-align: middle;

}



img.edit

{

  float: right;

}



.maintitle img.edit

{

  margin-top: 0.5em;

}



h3.subtitle

{

  font-size: 1.5em;

  margin: 0.5em 0;

}



h3#previously

{

   padding-top: 1em;

   border-top: 2px solid #020;

}



ul.postlist

{

  margin: 2em 0 2em 3em;

  list-style-image: url(images/bullet_asterisk.png);

}



ul.postlist li

{

  font-size: 1.2em;

  padding: 0 0 0 0.5em;

  margin-bottom: 1em;

  font-weight: bolder;

}



ul.postlist li a

{

  color: #020;

}



ul.postlist li a:hover

{

  color: #f90;

}



.postmeta

{

  font-size: 0.85em;

  color: #fec;

  background-color: #020;

  margin: 0;

  padding: 1px 0.25em;

  border: 1px solid #020;

  -moz-border-radius: 3px;

  -khtml-border-radius: 3px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

}



.postmeta a

{

  color: #f90;

}



.post

{

  margin: 0.5em 0;

}



.post p

{

  padding: 0.5em 0 !important;

}



.post img.alignright

{

  float: right;

  margin: 0.5em 0 0.5em 1em;

  border: 2px solid #bcb;

}



.post img.alignleft

{

  float: left;

  margin: 0.5em 1em 0.5em 0;

  border: 2px solid #bcb;

}



.post img.aligncenter

{

	display: block;

  margin: 0.5em auto;

  border: 2px solid #bcb;

}



.post img.alignnone,

.attachment img

{

  border: 2px solid #bcb;

}



.wp-caption img

{

  margin: 0;

  border: 1px solid #020;

  -moz-border-radius: 3px;

  -khtml-border-radius: 3px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

}



.wp-caption

{

  text-align: center;

  margin: 1em;

  padding: 6px 3px 3px;

  background-color: #ded;

  border: 1px solid #bcb;

  -moz-border-radius: 3px;

  -khtml-border-radius: 3px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

}



.wp-caption-text

{

  padding: 3px 0 0 !important;

  font-size: 0.85em;

}



.gallery

{

  margin: 0.5em 0 !important;

}



.gallery-item

{

  width: 200px !important;

}



.gallery-caption

{

  font-size: 0.85em !important;

}



.gallery img

{

  border: 2px solid #bcb !important;

}



.gallery br

{

  clear: left !important;

  line-height: 10px !important;

}



.pagination span

{

  margin: 1em 0;

}



div.post.notfound

{

  background: transparent url(images/404.jpg) no-repeat top right;

  padding: 0.5em 400px 0 0;

  min-height: 400px;

}



div.post.notfound #searchform

{

  margin: 1em 0;

}



/* Comments */



p.nocomments,

h3#comments,

h3#respond

{

   padding-top: 1em;

   border-top: 2px solid #020;

}



img.comments-feed

{

  margin: 0 0.25em;

  vertical-align: middle;

}



.commentlist

{

  margin: 2em 3em 2.5em;

  font-weight: bold;

}



.commentlist li

{

  margin-bottom: 1.5em;

  background-color: #efe;

  border: 1px solid #020;

  -moz-border-radius: 3px;

  -khtml-border-radius: 3px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

}



.commentlist li.alt

{

  background-color: #ded !important;

}



.commentlist li.self

{

  color: #f90;

}



.commentmeta

{

  font-weight: normal;

  font-size: 0.85em;

  color: #fec;

  background-color: #020;

  margin: 1px;

  padding: 1px 0.25em;

  border: 1px solid #020;

  -moz-border-radius: 3px;

  -khtml-border-radius: 3px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

}



.commentmeta a

{

  color: #f90;

}



.commentmeta img

{

  vertical-align: middle;

}



.avatar

{

  float: left;

  margin: 0.5em;

  border: 1px solid #bcb;

}



.comment

{

  font-weight: normal;

  color: #020;

  min-height: 3.5em;

}



.comment p

{

  padding: 0.5em !important;

}



img.required

{

  vertical-align: super;

}



#commentform textarea 

{

  width: 98%;

}



/* User's Tags in Posts & Comments */



.post h1, .comment h1

{

  font-size: 2.8em;

}



.post h2, .comment h2

{

  font-size: 2.4em;

}



.post h3, .comment h3

{

  font-size: 1.8em;

}



.post h4, .comment h4

{

  font-size: 1.4em;

}



.post h5, .comment h5

{

  font-size: 1.2em;

}



.post h6, .comment h6

{

  font-size: 1em;

}



.post h1, .comment h1,

.post h2, .comment h2,

.post h3, .comment h3,

.post h4, .comment h4,

.post h5, .comment h5,

.post h6, .comment h6

{

  margin-top: 0.75em;

}



.post ul, .comment ul,

.post ol, .comment ol

{

   margin-top: 0.5em;

   margin-bottom: 0.5em;

}



.post ul, .comment ul

{

  margin-left: 3em;

}



.post li > ul, .comment li > ul

{

  margin-left: 1em;

}



.post ol, .comment ol,

.post li > ol, .comment li > ol

{

  margin-left: 3.5em;

}



.post blockquote, .comment blockquote

{

  margin: 0 1.7em;

  padding: 0 0 0 30px;

  background: transparent url(images/quotation-left.png) no-repeat left 5px;

  color: #464 !important;

}



.post pre, .comment pre

{

  display: block;

  direction: ltr;

  text-align: left;

  background-color: #f9f9f9;

  border: 1px solid #eee;

  margin: 0.5em 0;

  padding: 0.5em;

  font-family: monospace;

  white-space: pre;

  font-size: 1.1em;

  overflow: auto;

  overflow-y: hidden;

  overflow-x: auto;

}



/* WP Syntax Plug-in */



.wp_syntax

{

  direction: ltr;

  margin: 0.5em 0 !important;

  border-color: #eee !important;

}



.wp_syntax .line_numbers 

{

  background-color: #ded !important;

}