/*  
Theme Name: Fantastic Flowery
Theme URI: 
Description: Fantastic Flowery is WordPress Theme of Combination from variety Artist Flower Styles.
Version: 1.3
Author: iSoftwareReviews
Author URI: 
Tags: two-columns, fixed-width, right-sidebar, black, green, white, orange
License: GNU General Public License (GPL) version 3
*/

/* Begin Typography & Colors */

body {
  font-size: 62.5%; /* Resets 1em to 10px */
  font-family: Helvetica, Arial, Sans-Serif;
  background: black url('images/header-top.jpg') no-repeat top center;
  background-attachment: fixed;
  color: #333333;
  text-align: left;
}

ul li { list-style: url('images/list-style.gif'); }

#footer-bottom {
/* background: url('images/footer-bg.jpg') no-repeat bottom center; */
/* background: white; */
}

#top-header { background: url('images/top-header.png') repeat-x; }

#header { background: none; }
  
#page { background: white url('images/page-bg-top.jpg') no-repeat top center; text-align: left; }

#content { font-size: 13px; text-align: justify; }

.narrowcolumn .postmetadata { text-align: center; }

.entry {
  font-family: Helvetica, Arial, Sans-Serif;
  padding: 10px 0px 5px;
  clear: both;
  font-size: 13px;
  line-height: 1.6em;
}

.entry ul li { line-height: 1.5em; font-size: 12px; }

.alt { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }

small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }

.pagetitle  {
  font-size: 1.8em;
  text-align: left;
  font-family: 'Trebuchet MS', 'Lucida Grande',Arial, Sans-Serif;
  font-weight: bold;
  color: #595959;
}

.posttitle  {
  font-size: 1.1em;
  text-align: left;
  font-family: 'Trebuchet MS', 'Lucida Grande',Arial, Sans-Serif;
  font-weight: bold;
  color: #595959;
}

.posttitle a {
  font-family: 'Trebuchet MS', 'Lucida Grande',Arial, Sans-Serif;
  font-weight: bold;
  color: #595959;
  text-decoration: none;
}

.posttitle a:hover {
  font-family: 'Trebuchet MS', 'Lucida Grande',Arial, Sans-Serif;
  font-weight: bold;
  color: #848484;
  text-decoration: none;
}

h1, h1 a {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 1.5em;
  text-align: left;
  font-weight: bold;
  color: #333;
}

h1 a:hover { color: #ff6c00; text-decoration: none; }
  
#title {
  font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Sans-Serif;
  font-weight: bold;
  font-size: 2.6em;
  text-align: left;
  padding:33px 0 0 0;
}

#title a { color: #ccc; text-decoration: none; }

#title a:hover { color: #737373; text-decoration: none; }
  
#headerimg .description { font-size: 1.2em; text-align: left; padding-left: 0; text-decoration: none; color: #cccccc; }

h2 { font-family: Arial, Helvetica, Sans-Serif; font-size: 1.3em; }

h3 { font-family: Arial, Helvetica, Sans-Serif; font-size: 1.1em; }

h4 { font-family: Arial, Helvetica, Sans-Serif; font-size: 1em;   font-weight: bold; }

h5 { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; font-weight: bold; }

h6 { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; font-weight: bold; }

#sidebar h2 { font-size: 1.2em; }

#sidebar h2, #wp-calendar caption, cite { text-decoration: none; }

.entry p a:visited { color: #b85b5a; }

.commentlist li, #commentform input, #commentform textarea { font: 12px Arial, Helvetica, Sans-Serif; clear: both; }

.commentlist cite, .commentlist cite a {
  font-weight: bold;
  font-style: normal;
  font-size: 13px;
  width: 160px;
}

.commentlist p {
  font-weight: normal;
  line-height: 1.5em;
  text-transform: none;
  margin-left: 180px;
}

#commentform p { font-family: Arial, Helvetica, Sans-Serif; }

.commentmetadata a, .commentmetadata a:hover { font-weight: normal; color: #999; }

#sidebar { font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; }

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
  color: #777;
}

code { font: 1.1em 'Courier New', Courier, Fixed; }

acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }

a { color: #0066CC; text-decoration: none; outline:none; }

a:hover { color: #0066FF; text-decoration: underline; }

#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }

#wp-calendar a { text-decoration: none; }

#wp-calendar caption {
  font: 120%/100% Arial, Helvetica, sans-serif;
  text-align: center;
  text-transform:uppercase;
}

#wp-calendar th { font-style: normal; text-transform: capitalize; }

.post { clear: both; padding-top: 15px; }

.post h2 a { color:#595959; }

#credits {
  color: #333;
  font-size: 11px;
  text-align: right;
  padding-top: 10px;
  padding-right: 65px;
  float: right;
  background: none;
  font-family: Arial, Helvetica, sans-serif;
}

#credits a { color: #333; font-size: 11px; text-decoration: underline; }

#credits a:hover { color: #0066CC; text-decoration: underline; }

.copyright {
  color: #333;
  font-size: 11px;
  text-align: left;
  background: none;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 245px;
  float: left;
  padding-left: 63px;
}

.subscribe-rss {
  font-size: 11px;
  text-align: left;
  padding-top: 245px;
  margin-left: 610px;
  background: none;
  font-family: Arial, Helvetica, sans-serif;
}

.xhtml {
  background: url(images/xhtml.gif) no-repeat left center;
  padding:5px 0px 5px 18px;
  margin-left: 8px;
}

.xhtml a { color: #ef2983; text-decoration: none; }

.xhtml a:hover { color: #92a591; text-decoration: underline; }

.css { background: url(images/css.gif) no-repeat left center; padding:5px 0px 5px 18px; margin-left: 8px; }

.css a { color: #71da51; text-decoration: none; }

.css a:hover { color: #92a591; text-decoration: underline; }

.loginout {
  background: url(images/log.gif) no-repeat left center;
  padding: 5px 0px 5px 18px;
  margin-left: 8px;
  text-transform: uppercase;
}

.loginout a { color: #00ccff; text-decoration: none; }

.loginout a:hover { color: #92a591; text-decoration: underline; }
  
#menu { list-style: none; position: relative; }
  
#menu span { display: none; position: absolute; }
  
#menu a { display: block; text-indent: -900%; position: absolute; }
  
#menu a:hover { background-position: left bottom; }
  
#menu a:hover span { display: block; }
  
#menu .rss { width: 56px; height: 56px; background: url('images/rss.png') no-repeat; left: 810px; top: -56px; }

#menu .rss span { width: 125px; height: 35px; background: url('images/rss-hover.png') no-repeat; left:-70px; top: -33px; }

/* End Typography & Colors */

/* Begin Structure */

body { margin: 0; }

#page { margin: 0px auto; width: 860px; }

#header { height: 200px; margin: 0px auto; width: 860px; }

#headerimg { margin: -50px 0 0 0 auto; width: 860px; padding-top: 5px; height: 195px; }

#left   img { position: relative; top: 320px; float: right; clear: both; }
#left-2 img { position: absolute; top: 300px; left: 1000px; clear: both; }
.pagecolumn {
  float: left;
  padding: 25px 0 20px 30px;
  margin: 0px 0 0;
  width: 515px;
}

.narrowcolumn {
  float: left;
  padding: 15px 0 20px 30px;
  margin: 0px 0 0;
  width: 515px;
}

.narrowcolumn .postmetadata { padding-top: 5px; }

.postmetadata { clear: left; }

#footer{
  background: url('images/footer-bg-top.jpg') no-repeat bottom center;
  padding: 25px 0 0 0;
  margin: 0 auto;
  height: 369px;
  width: 860px;
  clear: both;
}

#footer p {
  margin: 0;
  padding: 20px 0;
  text-align: center;
}

/* End Structure */

/*  Begin Headers */

h1 { padding-top: 5px; margin: 0; }

h2 { margin: 30px 0 0; }

h2.pagetitle { margin-top: 30px; text-align: center; }

#sidebar h2 { margin: 5px 0 0; padding: 0; }

#nav { list-style: none; margin-top: -56px; padding-left: 0px; margin-left:0px; }

#nav li { float: left; margin-right: 5px; list-style: none; }

#nav .current_page_item a, #nav .current_page_item a:visited, #nav .page_item a:hover {
  color: #fffef5;
  text-decoration: none;
  padding: 8px 17px;
  font: bold 12px Arial, Helvetica, sans-serif;
  background: #b8390e;
  border: 1px solid white;
  display: block;
}

#nav .page_item a {
  color: #fffef5;
  text-decoration: none;
  background: #515151;
  padding: 8px 17px;
  font: bold 12px Arial, Helvetica, sans-serif;
  border: 1px solid white;
  display: block;
}

/* End Headers */

/* Start Panel*/

#theme-style {
  margin-top: 5px;
  float: right;
  right: 15px;
  font: 110%/100% Arial, Helvetica, sans-serif;
}
  
.black-theme  a { padding-top: 5px; margin-left: 8px; }
  
.green-theme  a { padding-top: 5px; margin-left: 8px; }

.orange-theme a { padding-top: 5px; margin-left: 8px; }
  
/* End Panel*/

/* Begin Images */

p img { padding:0; max-width: 100%; }

/* Using 'class="alignright"' on an image will (who would've
   thought?!) align the image to the right. And using 'class="centered',
   will of course center the image. This is much better than using
   align="center", being much more futureproof (and valid)              */

img.centered, .aligncenter { display: block; margin-left: auto; margin-right: auto; }

img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }

img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.alignright { float: right; }

.alignleft  { float: left;  }

/* End Images */

/* Begin Lists
   Special stylized non-IE bullets
   Do not work in Internet Explorer, which merely default to normal bullets. */

.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }

#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }

#sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; }

#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }

#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; }

#sidebar ul ul ul, #sidebar ul ol { margin-left: 10px; }

#sidebar ul ol li { list-style: decimal outside; }

#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; }

/* End Entry Lists */

/* Begin Form Elements */

#searchform { text-align: center; margin: -10px 0 0 580px; height: 43px; }

#searchform #s {
  border: 1px solid #203346;
  width: 245px;
  height: 20px;
  background: white;
  padding-top: 4px;
  margin: 7px 2px;
  font-weight: normal;
  color:#b0b0b0;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
  text-align:center;
}

select { width: 130px; }

#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }

#commentform textarea { width: 99%; padding: 2px; }

#commentform #submit {
  background: url('images/comment-bg.gif') no-repeat;
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #333;
  border: none;
  float: right;
  width: 143px;
  height: 27px;
  cursor: pointer;
}

/* End Form Elements */

/* Begin Comments*/

.alt { margin: 0 0 0 0px; padding: 10px;
}
.commentlist { margin: 0; padding: 0; text-align: justify; list-style: none; }

.commentlist li { margin: 0; padding: 10px; }

#commentform p { margin: 5px 0; }

.nocomments { text-align: center; margin: 0; padding: 0; }

/* End Comments */

/* Begin Mini Icons */

.postdata {
  font-size: 12px;
  color: #999999;
  padding: 5px 0 5px 0;
  line-height: 1.3em;
}

.postdata a, .postdata a:visited {
  color: #999999;
  text-decoration: none; 
}

.postdata a:hover {
  color: #06c;
  text-decoration: none;
}

.postdata .category {
  background: url('images/category.gif') no-repeat;
  padding-left: 18px;
  float: left;
}

.postdata .comments {
  background: url('images/comments.gif') no-repeat;
  padding-left: 18px;
  float: right;
}

.postdata .add-comment {
  background: url('images/comments-add.gif') no-repeat;
  padding-left: 18px;
  float: right;
}

.postdata .minidate {
  background: url('images/date.gif') no-repeat;
  padding-left: 18px;
  float: left;
}

/* End Mini Icons */

/* Begin Sidebar */

#sidebar {
  font-family: Arial;
  padding: 20px 0 10px 0;
  width: 230px;
  float: left;
  overflow: hidden;
  margin-left: 55px;
}

#sidebar form {
  margin: 0;
}

#sidebar h2 {
  height: 19px;
  padding: 4px 5px 4px 5px;
  margin: 0px;
  font: 120%/100% Arial, Helvetica, sans-serif;
  color: black;
  text-align: left;
  border-bottom: 1px solid #999;
  text-transform: uppercase;
}

#sidebar ul ul { padding: 5px; margin: 0px; text-align: left; }

#sidebar ul li ul li{
  padding: 5px 0 5px 0px;
  border-bottom: 1px dotted #e1e3e3;
  font-size: 12px;
}

#sidebar .sidebarrecentpost{
  padding: 5px 0px 5px 0px;
  border-bottom: 1px dotted #e1e3e3;
  font-size: 12px;
}
/* End Sidebar */

/* Begin Calendar */
#wp-calendar {
  empty-cells: show;
  margin: 10px auto 0;
  width: 175px;
  border: 1px solid #999999;
}

#wp-calendar #next a { padding-right: 10px; text-align: right; }

#wp-calendar #prev a { padding-left:  10px; text-align: left;  }

#wp-calendar a { display: block; }

#wp-calendar caption { text-align: center; width: 100%; }

#wp-calendar td { padding: 3px 0; text-align: center; }

#wp-calendar td.pad:hover { /* Doesn't work in IE */
  background: white;
}

/* End Calendar */



/* Begin Various Tags & Classes */

acronym, abbr, span.caps { cursor: help; }

acronym, abbr { border-bottom: 1px dashed #999; }

blockquote {
  margin: 15px 30px 0 10px;
  padding-left: 20px;
  border-left: 5px solid #ddd;
}

blockquote cite { margin: 5px 0 0; display: block; }

.center { text-align: center; }

hr { display: none; }

a img { border: none; }

.navigation {
  display: block;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 60px;
}

#previous-entries a { background: url('images/previous-entries.gif') no-repeat; padding-left: 18px; float: left;  }

#next-entries a { background: url('images/newer-entries.gif') no-repeat right; padding-right: 18px; float: right; }

pre {
  border: 1px #dddddd dotted;
  background: #f7f7f7;
  padding: 0 15px 0 10px;
  font-family: "Consolas", "Lucida Console", "Courier New", monospace;
  float: left;
  margin-bottom: 15px;
  overflow: auto;
  width: 520px;
}

/* End Various Tags & Classes*/

/* Gravatars Style*/

.gravs { margin-top: 20px; }

.avatar { float: left; margin-right: 5px; margin-bottom: 5px; padding: 3px; border: 1px solid #999999; }

/* End Gravatars Style*/