/*  
Theme Name: GreenDog
Theme URI: http://www.blogdog.ru/archives/8/
Description: Theme GreenDog, modified by <a href="http://webcmsdesign.com/">Leo</a>
Version: 1.1
Author: BlogDog
Author URI: http://www.blogdog.ru/
*/

/* Overal Styling */

body { margin:0px; padding:0px; background:#FFFFFF; font-family:Tahoma, Verdana, Arial; font-size:0.7em; line-height:1.6em; color:#555555; }

acronym, abbr { cursor:help; }

a { color:#669933; text-decoration:none; }
a:hover { text-decoration:underline; }


/* Head Top Navigation Styling */
#navHead { float:left; width:100%; background:url(images/bg-navh.gif) repeat-x bottom; }

  #navHead ul { margin:0; padding:0; float:left; width:100%; list-style-type:none; background:url(images/bg-navh-l.gif) no-repeat left bottom; }
  #navHead ul li { display:inline; margin-left:33px; padding:0; float:left; font-size:1.6em; line-height:50px; }
  #navHead ul li.page_item a { display:block; color:#669933; text-decoration:none; }
  #navHead ul li.current_page_item { text-decoration:underline; color:#669933; }
  #navHead ul li a:hover { text-decoration:underline; }
  #navHead ul li.rssEntr { float:right; font-size:1em; white-space:nowrap; }
  #navHead ul li.rssEntr a { height:20px; color:#ff9900; text-decoration:none; padding:5px 0 5px 21px; background:url(images/ico-rss-h.gif) no-repeat 0 50%; }
  #navHead ul li.rssEntr a:hover { color:#FF6600; text-decoration:underline; }
  #navHead ul li.rssComm { float:right; margin-left:20px; padding-right:33px; font-size:1em; white-space:nowrap; background:url(images/bg-navh-r.gif) no-repeat right; }
  #navHead ul li.rssComm a { height:20px; color:#ff9900; text-decoration:none; padding:5px 0 5px 21px; background:url(images/ico-rss-h.gif) no-repeat 0 50%; }
  #navHead ul li.rssComm a:hover { color:#FF6600; text-decoration:underline; }


/* Head Styling */
#head { display:block; clear:left; width:1000px; padding:18px 0; margin-left:auto; margin-right:auto; }
  #head .adsense { float:left; margin-left:15px; }
  #head h1 { font-family:Tahoma, Verdana, Arial; font-size:3em; line-height:1.2em; letter-spacing: 1px; font-weight:normal; margin:-5px 0 0 517px; }
  #head h1 a { color:#669933; text-decoration:none; }
  #head p { font-size:1.2em; line-height:1.2em; letter-spacing: 1px; color:#999999; margin:5px 0 0 526px; }


/* Body Containers*/ 
#centerTL { width:100%; float:left; background:#99CC66 url(images/c-tl.gif) no-repeat 0 0; }
#centerTR { width:100%; float:left; background:url(images/c-tr.gif) no-repeat 100% 0; }
#centerBR { width:100%; float:left; background:url(images/c-br.gif) no-repeat 100% 100%; }
#centerBL { width:100%; float:left; background:url(images/c-bl.gif) no-repeat 0 100%; }

#container { width:1000px; display:block; margin-left:auto; margin-right:auto; }

#left { float:left; width:560px; padding-top:15px; }
#right { float:left; width:420px; margin:20px 0 20px 0; }
/* End Body Containers*/ 


/* Post */
.post { float:left; display:inline; width:538px; margin:0 0 7px 15px; background:url(images/bg-post.gif); }
  .post .postHeader { float:left; width:538px; background:url(images/bg-post-t.gif) no-repeat top; }
  .post .postHeader p.cal { float:left; display:inline; width:66px; height:50px; margin:25px 8px 0 25px; padding-top:16px; text-align:center; font-size:1.6em; color:#999999; background:url(images/bg-cal.gif) no-repeat top; }
  .post .postHeader p.cal small { display:block; font-size:0.6em; }
  .post .postHeader h2 { width:406px; float:left; margin:0; padding:20px 0 0 0; font-size:2.2em; line-height:27px; color:#669933; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; }
  .post .postHeader p.desc { float:left; margin:5px 0 0 0; }
  .post .postHeader p.desc span.autor { padding:2px 0 2px 17px; background:url(images/ico-autor.png) no-repeat left center; }
  .post .postHeader p.desc span.cat { padding:2px 0 2px 17px; background:url(images/ico-category.png) no-repeat left center; }
  .post .postHeader h2.pageTitle { padding-left:23px; }


  /* Post Possible Options */
  .post .postBody { width:480px; display:inline; float:left; margin-left:25px; }
  .post .postBody h3 { font-size:1.3em; font-family:Georgia, "Times New Roman", Times, serif; }
  .post .postBody h4 { font-size:1.1em; font-family:Georgia, "Times New Roman", Times, serif; }
  .post .postBody p, .post .postBody form { margin:15px 0 0 0; padding:0; }
  .post .postBody p ul{ margin-top:15px; margin-bottom:0; }
  .post .postBody p ul li { margin:0; padding:0; }
  .post .postBody ul { margin-top:15px; margin-bottom:0; }
  .post .postBody ul li { margin:0; padding:0; }
  .post .postBody ul#archive-cat{ margin-top:0; margin-bottom:0; }
  .post .postBody ul#archive-cat li ul { margin-top:0; margin-bottom:15px; }

  .post .postBody a img { border:1px solid #E5E5E5; padding: 2px; }
  .post .postBody a:hover img { border:1px solid #669933; padding: 2px; }

  .post .postBody blockquote { text-transform:uppercase; color:#999999; margin:15px 0 0 20px; }
  .post .postBody p blockquote { text-transform:uppercase; font-style:italic; margin:15px 0 0 20px; }
  /* End Post Possible Options */

  .post .postFooter { float:right; width:538px; height:73px; background:url(images/bg-post-b.gif) no-repeat bottom; }
  .post .postFooter .postComm a { float:right; margin:20px 33px 0 0; padding:5px 0 5px 21px; color:#669933; background:url(images/ico-comm.gif) no-repeat left; }
  .post .postFooter .utwTags { float:left; margin:25px 0 0 24px; padding:0; }


ul.postScroll { float:left; display:inline; width:540px; margin:7px 0 0 0; padding:0; list-style-type:none; }
  ul.postScroll li.prev { float:right; }
  ul.postScroll li.prev a { display:block; text-align:right; width:80px; padding-right:10px; margin-bottom:20px; color:#FFF; font-weight:bold;line-height:40px;text-decoration:none;background:url(images/bg-prev.gif); }
  ul.postScroll li.prev a:hover { background:url(images/bg-prev-a.gif); }
  ul.postScroll li.next { float:right; margin-left:1px; }
  ul.postScroll li.next a { display:block; text-align:right; width:55px; padding-right:35px; margin-bottom:20px; color:#FFF;font-weight:bold; line-height:40px; text-decoration:none; background:url(images/bg-next.gif); }
  ul.postScroll li.next a:hover { background:url(images/bg-next-a.gif); }



/* Right Column */

/* Search */
#search { float:left; display:block; width:420px; height:60px; background:url(images/bg-search.gif); }
  #search form { margin:0; padding:0; }
  #search form div { display:inline; float:left; width:385px; height:30px; margin:12px 0 0 20px; }
  #search form div label.invisible { display:none; } /* for accessibility */
  #search form div input { display:block; width:385px; border:none; background-color:transparent; font-size:1.5em; color:#999999; }


/* Categories */
#cats { float:left; width:420px; padding-bottom:10px; background:#666666 url(images/bg-cat-b.gif) no-repeat bottom; }
  #cats h3 { margin:0 0 10px 0; padding-left:20px; font-size:1.7em; color:#FFFFFF; font-weight:normal; }
  #cats ul { border-top:1px dotted #88C354; list-style-type:none; padding:0.1em; margin:1.5em 20px; font-weight:bold; }
  #cats ul li { border-bottom:1px dotted #88C354; margin:0; padding:0.5em 0; }
  #cats ul li ul { padding:0; margin:0 0 0 20px; border:0; }
  #cats ul li ul li { display:inline; margin-left:5px; padding:0; border:0; }
  #cats ul li a { color:#FFF; text-decoration:none; }
  #cats ul li a:hover { color:#99cc66; }


/* Misc Navigation */ 
.misc { width:420px; float:left; margin-top:20px; }
  .misc .ad { width:210px; float:left; text-align:center; background:url(images/bg-h3-h.gif) no-repeat top; }
  .misc .ad h3 { font-size:1.7em; color:#FFF; font-weight:normal; text-align:left; margin:15px 20px 10px 20px; }
  .misc .ad iframe { margin:auto; }

/* Recent Entries */
#recent { width:210px; float:left; background:url(images/bg-h3-h.gif) no-repeat top; }
  #recent h3 { font-size:1.7em; color:#FFF; font-weight:normal; margin:15px 20px 10px 20px; }
  #recent ul { line-height:1em; margin:0; padding:0; list-style-type:none; }
  #recent ul li { font-weight:bold; width:170px; margin-left:20px; }
  #recent ul li a { display:block; padding:4px 0 5px 0; color:#FFF; }

/* Links */
#links { width:210px; float:left; background:url(images/bg-h3-h.gif) no-repeat top; }
  #links h3 { font-size:1.7em; color:#FFF; font-weight:normal; margin:15px 20px 10px 20px; }
  #links ul { line-height:1.2em; margin:0; padding:0; list-style-type:none; }
  #links ul li { width:170px; margin-left:20px; }
  #links ul li a { display:block; padding:4px 0 5px 16px; color:#FFF; background:url(images/ico-heart.gif) no-repeat left; }


/* Footlinks (Tube / Large Ads) */
.footlinks { width:420px; float:left; margin-top:20px; background:url(images/bg-h3-f.gif) no-repeat top left; }
  .footlinks .content { width:420px; float:left; }
  .footlinks .content h3 { font-size:1.7em; color:#FFF; font-weight:normal; margin:15px 20px 10px 20px; }
  .footlinks .content iframe { margin:auto; }

/* Tags (Simple Tags) */
#tags { width:420px; float:left; }
  #tags h3 { font-size:1.7em; color:#FFF; font-weight:normal; margin:15px 20px 10px 20px; }
  #tags .st-tag-cloud { line-height:1.8em; margin:0; padding:5px 12px 5px 18px; }

/* for IE */
* html #tags p a { line-height:120%; }

/* Related Post (UTW3) */
#related { width:210px; float:left; background:url(images/bg-h3-h.gif) no-repeat top; }
  #related h3 { font-size:1.7em; color:#FFF; font-weight:normal; margin:15px 20px 10px 20px; }
  #related ul { line-height:1.4em; margin:0; padding:0; list-style-type:none; }
  #related ul li { font-weight:bold; margin-left:20px; }
  #related ul li a { display:block; padding:2px 0 2px 16px; margin:2px 0; color:#FFF; background:url(images/ico-cal.gif) no-repeat left; }


/* Footer */
#footer { display:block; clear:left; display:table; width:1000px; padding:20px 0 20px 0; margin-left:auto; margin-right:auto; }
  #footer p { display:inline; float:left; margin:5px 0 0 0; color:#999999; }
  #footer p a { color:#669933; }
  #footer p.left { width:520px; margin-left:15px; }
  #footer p.right { width:410px; margin-right:20px; }
  #footer .meta { float:right; margin:0 0 0 25px; padding:0; list-style-type:none; }
  #footer .meta li { margin:5px 15px 0 15px; }
  #footer .meta li a { margin:5px 0 0 0; }
  #footer .meta li a.rss { background:url(images/ico-rss-h.gif) no-repeat left; padding:3px 0 3px 25px; }


/* Trackbacks & Comments */
#trackback { display:inline; width:520px; float:left; margin:7px 0 20px 20px; padding-bottom:20px; }
  #trackback h3 { width:480px; display:inline; float:left; margin:0; font-size:2em; font-family:Georgia, "Times New Roman", Times, serif; color:#ffffff; font-weight:normal; padding:15px 20px 15px 20px; background:url(images/bg-h3-comm.gif) no-repeat top; }
  #trackback ul { display:inline; float:left; margin:0; padding:0; list-style-type:none; }
  #trackback ul li { display:inline; width:480px; float:left; margin:0 20px 10px 20px; border-top:1px solid #fff; }
  #trackback ul li a { padding-left:12px; color:#FFF; text-decoration:none; }
  #trackback ul li a:hover { text-decoration:underline; }


/* Comments */
#comments, #comments-form h3 { width:480px; display:inline; float:left; margin:0 0 0 20px; font-size:2em; font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-weight:normal; padding:15px 20px 15px 20px; background:url(images/bg-h3-comm.gif) no-repeat top; }

.even { display:inline; width:520px; float:left; margin:0 0 20px 20px; padding:0 0 6px 0; background:#cce6b3 url(images/bg-comm-b.gif) no-repeat bottom; }
  .even p { padding:0 20px 10px 20px; margin:0; }
  .even p a { color:#669933; }
  .even p.info { margin:0; padding:0 20px 16px 20px; color:#FFF; background:#99cc66 url(images/bg-comm-t.gif) no-repeat bottom; }
  .even p.info a { color:#FFF; }


/*  Will leave it for better days  */
.odd { display:inline; width:520px; float:left; margin:0 0 20px 20px; padding:0 0 6px 0; background:#cce6b3 url(images/bg-comm-b.gif) no-repeat bottom; }
  .odd p { padding:0 20px 10px 20px; margin:0; }
  .odd p a {color:#669933; }
  .odd p.info { margin:0; padding:0 20px 16px 20px; color:#FFF; background:#99cc66 url(images/bg-comm-t.gif) no-repeat bottom; }
  .odd p.info a { color:#FFF; }


/* Comment Form */
#commentform { line-height:1.2em; display:inline; width:520px; float:left; margin:0 0 20px 20px; }
  #commentform p.skinned { display:inline; width:520px; float:left; margin:0 0 10px 0; padding-bottom:13px; background:url(images/bg-field-s.gif) no-repeat bottom; }
  #commentform p.skinned label { display:inline; float:left; font-weight:bold; color:#ffffff; margin:0 0 22px 20px; }
  #commentform p.skinned input { font-size:1.5em; color:#999999; background-color:transparent; border:none; width:490px; float:left; margin:0 10px 0 15px; }

  #commentform p.skinnedArea { display:inline; width:520px; float:left; margin:0 0 10px 0; padding-bottom:13px; background:url(images/bg-field-l.gif) no-repeat bottom; }
  #commentform p.skinnedArea label { display:inline; float:left; font-weight:bold; color:#ffffff; margin:0 0 22px 20px; }
  #commentform p.skinnedArea label a { color:#ffffff; }
  #commentform p.skinnedArea textarea { font-family:Sans-Serif,Tahoma, Verdana, Arial; font-size:1.3em; color:#999999; background-color:transparent; border:none; width:490px; height:90px; float:left; margin:0 10px 0 15px; }

  #commentform #sub { width:90px; height:40px; padding-right:30px; background:url(images/bg-next-a.gif) no-repeat; border:none; font-family:Tahoma, Verdana, Arial; font-weight:bold; color:#ffffff; float:right; display:inline; }

.errmsg { color:#ff0000; font-weight:bold; font-size:1em;  margin:0 0 10px 40px; }
.okmsg { float:left; color:#ffffff; font-weight:bold; font-size:1em; margin:0 0 10px 42px; }


/* All done:) */
