/*
Theme Name: Flower U
Description: Beautiful 3 columns wordpress theme, fixed width with valid XHTML and CSS, widget support
Theme URL: http://evytaar.com/themes
Version: 1.0
Author: Evyta Ar
Author URI: http://evytaar.com
Tags: fixed width, three columns, valid XHTML, valid CSS, widget ready

Wordpress Theme : Flower U by Evyta Ar is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Non-Commercial-Share Alike 3.0 Unported License</a>
This mean you can copy, distribute, adapt, and transmit the work but You must attribute the work in the manner specified by the author or licensor, on the other hand, just leave my link under your footer. Thanks
*/


body {
margin : 0 auto;
padding : 0;
font-size : 62.5%;
font-family : Trebuchet MS, Arial, Sans-Serif;
background-color : #63a6ab;
background-image : url('images/Page-BgTexture.png');
background-repeat : repeat;
color : #4A4A4A;
}
h2 {
font-size : 18px;
}
.Main {
position : absolute;
width : 100%;
left : 0;
top : 0;
}
<!---
.PageBackgroundGlare {
position : absolute;
width : 100%;
left : 0;
top : 0;
}
.PageBackgroundGlareImage {
background-image : url('images/Page-BgGlare.png');
background-repeat : no-repeat;
height : 508px;
width : 1093px;
margin : 0 auto;
}
html:first-child .PageBackgroundGlare {
border : 1px solid transparent;
}
--->
table, th, td {
font-size : 1em;
padding : 0;
border-collapse : collapse;
}
a img {
border : 0;
padding : 7px;
}
a {
color : #366063;
}
a:link {
color : #366063;
}
a:visited {
color : #223d3f;
}
a:hover {
color : #117d9b;
}
.Sheet {
min-width : 71px;
min-height : 71px;
margin : 0 auto;
position : relative;
overflow : hidden;
z-index : 0;
width : 700px;
}

.Sheet-body 
{
  position: relative;
  overflow: hidden;
  z-index: 0;
  margin: 7px;
  text-align: left;
}

.Sheet-tl {
position : absolute;
overflow : hidden;
z-index : -1;
top : 0;
left : 0;
width : 45px;
height : 45px;
background-image : url('images/Sheet-s.png');
}
.Sheet-tr {
position : absolute;
overflow : hidden;
z-index : -1;
top : 0;
right : 0;
width : 45px;
height : 45px;
}
* html .Sheet-tr {
font-size : 1px;
}
.Sheet-tr div {
position : absolute;
z-index : -1;
top : 0;
left : -45px;
width : 90px;
height : 90px;
background-image : url('images/Sheet-s.png');
}
.Sheet-bl {
position : absolute;
overflow : hidden;
z-index : -1;
bottom : 0;
left : 0;
width : 45px;
height : 45px;
}
* html .Sheet-bl {
font-size : 1px;
}
.Sheet-bl div {
position : absolute;
z-index : -1;
top : -45px;
left : 0;
width : 90px;
height : 90px;
background-image : url('images/Sheet-s.png');
}
.Sheet-br {
position : absolute;
overflow : hidden;
z-index : -1;
bottom : 0;
right : 0;
width : 45px;
height : 45px;
}
* html .Sheet-br {
font-size : 1px;
}
.Sheet-br div {
position : absolute;
z-index : -1;
top : -45px;
left : -45px;
width : 90px;
height : 90px;
background-image : url('images/Sheet-s.png');
}
.Sheet-tc {
position : absolute;
overflow : hidden;
z-index : -1;
top : 0;
left : 45px;
right : 45px;
height : 45px;
}
* html .Sheet-tc {
font-size : 1px;
}
.Sheet-tc div {
position : absolute;
z-index : -1;
top : 0;
left : 0;
width : 100%;
height : 90px;
background-image : url('images/Sheet-h.png');
}
.Sheet-bc {
position : absolute;
overflow : hidden;
z-index : -1;
bottom : 0;
left : 45px;
right : 45px;
height : 45px;
}
* html .Sheet-bc {
font-size : 1px;
}
.Sheet-bc div {
position : absolute;
z-index : -1;
top : -45px;
left : 0;
width : 100%;
height : 90px;
background-image : url('images/Sheet-h.png');
}
.Sheet-cl {
position : absolute;
overflow : hidden;
z-index : -1;
top : 45px;
left : 0;
width : 45px;
bottom : 45px;
}
* html .Sheet-cl {
font-size : 1px;
}
.Sheet-cl div {
position : absolute;
z-index : -1;
top : 0;
left : 0;
width : 90px;
height : 100%;
background-image : url('images/Sheet-v.png');
}
.Sheet-cr {
position : absolute;
overflow : hidden;
z-index : -1;
top : 45px;
right : 0;
width : 45px;
bottom : 45px;
}
* html .Sheet-cr {
font-size : 1px;
}
.Sheet-cr div {
position : absolute;
z-index : -1;
top : 0;
left : -45px;
width : 90px;
height : 100%;
background-image : url('images/Sheet-v.png');
}
.Sheet-cc {
position : absolute;
overflow : hidden;
z-index : -2;
top : 45px;
left : 45px;
right : 45px;
bottom : 45px;
background-color : #f4f4f4;
}
* html .Sheet-cc {
font-size : 1px;
}
.Sheet {
margin-top : 30px !important ;
margin-bottom : 3em;
padding : 0 0 1em 0;
}
div.Header {
margin:0 auto;
position : relative;
width : 686px;
height : 175px;
background-image : url('images/Header.png');
background-repeat : no-repeat;
background-position : left top;
}
div.Header div {
width : 100%;
height : 100%;
background-image : url('images/Header.jpg');
background-repeat : no-repeat;
background-position : center center;
text-align : left;
}
.logo {
position : relative;
left : 400px;
top : 56px;
margin-right : 10px;
text-align : right;
}
.logo td {
text-align : right;
vertical-align : middle;
}
.logo-name {
font-size : 26px;
font-family : Arial;
font-style : normal;
font-weight : bold;
}
.logo-name a {
text-decoration : none;
color : #000000 !important ;
}
.logo-text {
font-size : 18px;
font-family : Arial;
font-style : normal;
font-weight : normal;
color : #3b4445 !important ;
}
.menu, .menu ul {
margin : 0;
padding : 0;
border : 0;
list-style-type : none;
display : block;
}
.menu li {
margin : 0;
padding : 0;
border : 0;
display : block;
float : left;
position : relative;
z-index : 5;
}
.menu li:hover {
z-index : 10000;
white-space : normal;
}
.menu li li {
float : none;
}
.menu ul {
visibility : hidden;
position : absolute;
z-index : 10;
left : 0;
top : 0;
}
.menu li:hover > ul {
visibility : visible;
top : 100%;
}
.menu li li:hover > ul {
top : 0;
left : 100%;
}
.menu:after, .menu ul:after {
content : ".";
height : 0;
display : block;
visibility : hidden;
overflow : hidden;
clear : both;
}
.menu, .menu ul {
min-height : 0;
}
.menu ul {
background-image : url(images/spacer.gif);
padding : 10px 30px 30px 30px;
margin : -10px 0 0 -30px;
}
.menu ul ul {
padding : 30px 30px 30px 10px;
margin : -30px 0 0 -10px;
}
* html .menu, * html .menu ul {
height : 1%;
}
* html .menu li.menuhover {
z-index : 10000;
}
* html .menu .menuhoverUL {
visibility : visible;
}
* html .menu .menuhoverUL {
top : 100%;
left : 0;
}
* html .menu .menuhoverUL .menuhoverUL {
top : 0;
left : 100%;
}
* html .menu ul a {
height : 1%;
}
* html .menu li li {
float : left;
width : 100%;
}
* html .menu .menuhoverUL .menuhoverUL {
top : 5px;
left : 100%;
}
* html .menu, * html .menu ul {
height : 1%;
}
* html .menu li.menuhover {
z-index : 10000;
}
* html .menu .menuhoverUL {
visibility : visible;
}
* html .menu .menuhoverUL {
top : 100%;
left : 0;
}
* html .menu .menuhoverUL .menuhoverUL {
top : 0;
left : 100%;
}
* html .menu ul a {
height : 1%;
}
* html .menu li li {
float : left;
width : 100%;
}
.nav {
position : relative;
margin : 0 auto;
width : 686px;
height : 25px;
z-index : 100;
}
.menu {
padding : 0 0 0 0;
}
.nav .l, .nav .r, .nav .r div {
top : 0;
position : absolute;
z-index : -1;
overflow : hidden;
height : 25px;
}
.nav .l {
left : 0;
right : 0;
}
.nav .r {
right : 0;
width : 0;
}
.nav .r div {
width : 686px;
right : 0;
}
.nav .l, .nav .r div {
background-position : left top;
background-repeat : no-repeat;
background-image : url('images/nav.png');
}
.menu ul li {
clear : both;
}
.menu a, .menu a span {
height : 25px;
display : block;
}
* html .menu a, * html .menu a span {
float : left;
}
.menu a {
cursor : pointer;
text-decoration : none;
margin-right : 0;
margin-left : 0;
}
.menu a span span {
font-family : 'Arial';
font-size : 12px;
font-weight : normal;
font-style : normal;
text-decoration : none;
color : #eaedee;
padding : 0 17px;
margin : 0 0;
line-height : 25px;
text-align : center;
background-image : url('images/item-center.png');
background-position : left top;
background-repeat : repeat-x;
}
* html .menu a span span {
display : inline;
}
.menu a:hover span span {
color : #21545e;
background-position : left -25px;
}
.menu li:hover a span span {
color : #21545e;
background-position : left -25px;
}
* html .menu .menuhover .menuhoverA span span {
color : #21545e;
background-position : left -25px;
}
.menu a.active span span {
color : #deeced;
background-position : left -50px;
}
.menu ul a {
text-align : center;
height : 20px;
line-height : 20px;
margin-right : auto;
width : 162px;
background-image : url('images/subitem-bg.png');
background-position : left top;
background-repeat : repeat-x;
border-width : 1px;
border-style : solid;
border-color : #b5bfc0;
}
.nav ul.menu ul span, .nav ul.menu ul span span {
display : inline;
float : none;
margin : inherit;
padding : inherit;
background-image : none;
text-align : inherit;
text-decoration : inherit;
}
.menu ul a, .nav ul.menu ul span, .nav ul.menu ul span span {
line-height : 20px;
color : #505c5e;
font-family : 'Arial';
font-size : 11px;
font-weight : normal;
font-style : normal;
text-decoration : none;
}
.menu ul ul a {
margin-left : auto;
}
* html .menu ul a {
color : #505c5e !important ;
}
.menu ul li a:hover {
color : #21545e;
border-color : #99a7a8;
background-position : 0 -20px;
}
.menu ul li:hover > a {
color : #21545e;
border-color : #99a7a8;
background-position : 0 -20px;
}
* html .menu ul a:hover {
color : #21545e !important ;
}
* html .menu ul .menuhover .menuhoverA {
color : #21545e !important ;
border-color : #99a7a8;
background-position : 0 -20px;
}
.nav .menu ul li a:hover span, .nav .menu ul li a:hover span span {
color : #21545e;
}
.nav .menu ul li:hover > a span, .nav .menu ul li:hover > a span span {
color : #21545e;
}
* html .nav .menu ul a:hover span, * html .nav .menu ul a:hover span span {
color : #21545e !important ;
}
* html .nav .menu ul .menuhover .menuhoverA span, * html .nav .menu ul .menuhover .menuhoverA span span {
color : #21545e !important ;
}
.contentLayout {
margin-top: 5px;
margin-bottom : 16px;
width : 100%;
position : relative;
}
button.Button, a.Button {
border : none;
padding : 0;
margin : 0;
background : none;
font-size : 100%;
font-family : inherit;
line-height : inherit;
display : inline-block;
overflow : visible;
width : auto;
cursor : default;
white-space : normal;
text-decoration : none;
}
.Button .btn {
position : relative;
display : block;
overflow : hidden;
float : left;
z-index : 0;
height : 27px;
color : #f7f8f8;
}
.Button .t {
height : 27px;
line-height : 27px;
padding : 0 11px;
text-align : left;
font-family : 'Arial';
font-size : 11px;
font-weight : normal;
font-style : normal;
text-decoration : none;
}
.Button .active {
color : #10292d;
}
.Button .hover {
color : #ffffff;
}
.Button .active .r {
top : -54px;
}
.Button .hover .r {
top : -27px;
}
.Button .r {
display : block;
position : absolute;
overflow : hidden;
z-index : -1;
top : 0;
right : 0;
width : 12px;
height : 81px;
}
* html .Button .r {
font-size : 1px;
}
.Button .r span {
display : block;
position : absolute;
overflow : hidden;
z-index : -1;
top : 0;
right : 0;
width : 421px;
height : 81px;
}
* html .Button .r span {
font-size : 1px;
}
.Button .active .l {
top : -54px;
}
.Button .hover .l {
top : -27px;
}
.Button .l {
display : block;
position : absolute;
overflow : hidden;
z-index : -1;
top : 0;
left : 0;
right : 12px;
height : 81px;
}
* html .Button .l {
font-size : 1px;
}
.Button .l, .Button .r span {
background-image : url('images/Button.png');
}
.Block {
min-width : 1px;
min-height : 1px;
margin : 0 auto;
position : relative;
overflow : hidden;
z-index : 0;
}
.Block {
margin : 5px;
}
.Block table.table {
border-collapse : collapse;
margin : 1px;
}
.Block table.table th, .Block table.table td {
padding : 2px;
border : 1px solid #9c9c9c;
}
.BlockHeader {
position : relative;
overflow : hidden;
height : 30px;
z-index : 0;
line-height : 30px;
padding : 0 7px;
margin-bottom : 7px;
text-align : left;
color : #343c3d;
font-family : 'Arial';
font-size : 12px;
font-weight : bold;
font-style : normal;
text-decoration : none;
}
.BlockHeader .l, .BlockHeader .r, .BlockHeader .r div {
top : 0;
position : absolute;
z-index : -1;
overflow : hidden;
height : 30px;
}
.BlockHeader .l {
left : 0;
right : 6px;
}
.BlockHeader .r {
right : 0;
width : 6px;
}
.BlockHeader .r div {
width : 686px;
right : 0;
}
* html .BlockHeader .l, * html .BlockHeader .r div {
font-size : 1px;
}
.BlockHeader .l, .BlockHeader .r div {
background-position : left top;
background-repeat : no-repeat;
background-image : url('images/BlockHeader.png');
}
.BlockContent {
min-width : 1px;
min-height : 1px;
position : relative;
overflow : hidden;
z-index : 0;
}

.BlockContent-body 
{
  position: relative;
  overflow: hidden;
  z-index: 0;
  margin: 5px;
  text-align: left;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;  
  text-decoration: none;
  line-height:15px;
}

blockquote {
border-left : 2px solid #50b3b3;
padding-left : 10px;
width : 85%;
text-align : justify;
margin-left : 10px;
}
.entry {
margin-left : 0;
}
.BlockContent a {
color : #498388;
}
.BlockContent a:link {
color : #498388;
}
.BlockContent a:hover {
color : #63a6ab;
}
.BlockContent a:hover:visited {
color : #63a6ab;
}
.BlockContent a:visited {
color : #366063;
}
.postmetadata {
background : #c3e6e6;
margin-bottom : 35px;
padding : 5px;
text-align : right;
font-size : 10px;
}

.contentLayout .sidebar1 {
position : relative;
margin-left : 5px;
padding : 0;
border : 0;
float : left;
overflow : hidden;
width : 22%;
}
.contentLayout .content {
position : relative;
margin : 0;
padding : 0;
border : 0;
float : left;
overflow : hidden;
width : 52%;
}
.contentLayout .sidebar2 {
position : relative;
margin-right : 0;
padding : 0;
border : 0;
float : left;
overflow : hidden;
width : 25%;
}
.sidebar1 ul {
margin-left : 0;
margin-top : 0;
padding-left : 5px;
line-height : 15px;
}
.sidebar1 ul li {
list-style : none;
margin-right : -18px;
padding : 0;
}
.sidebar2 ul {
margin-left : 5px;
margin-top : 0;
padding-left : 20px;
line-height : 15px;
}
.sidebar2 ul li {
list-style : none;
margin-left : -18px;
padding : 0;
}
#footer {
text-align : center;
font-size: 11px;
color: #000000;
}
.post h2 a {
text-decoration : none;
}
.aligncenter, div.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 : #f4f4f4;
padding-top : 4px;
margin : 10px;
}
.wp-caption img {
margin : 0;
border : 0 none;
}
.wp-caption p.wp-caption-text {
font-size : 11px;
line-height : 17px;
padding : 0 4px 5px;
margin : 0;
}
.commentlist li .avatar {
float : right;
border : 1px solid #eee;
padding : 2px;
background : #fff;
}
#commentform textarea {
width : 100%;
padding : 2px;
}
#corner-image {
position : fixed;
bottom : 0;
left : 0;
clip : inherit;
}
#noprint {
display : none;
}