/*
Theme Name: PoemsCorner
Theme URI: http://www.poemscorner.com
Description: PoemsCorner Official Theme
Version: 1.0
Author: Thet Twe Aung
Author URI: http://www.mmgeeks.com
*/

@font-face {
    font-family: Zawgyi-one;
    src: url('Zawgyi-one.ttf');	
	unicode-range: U+1000-1097;	
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, img, sub, sup, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, thead, tr, th, td, button {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%; 
font-family: inherit;
vertical-align: baseline;
}

p {
margin-top:0px;
}

:focus {
outline: 0;
}

body {
color: #333;
background:#cfe4f7;
padding:0;
margin:0;
font-family: Zawgyi-one, Arial, Helvetica, sans-serif;
font-size:13px;
line-height:20px; 
height:100%;
}

ol, ul {list-style: none;}

table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
font-weight: normal;
text-align: left;
}

body > #wrap {
height: auto; 
min-height: 100%;
}

html{
	height: 100%;
}

/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}

#main {
background:#cfe4f7; 
position: relative; 
height: auto !important; 
min-height: 100%; 
height: 100%; 
overflow:auto; 
padding-bottom:168px
}

#mainContent {
margin:0 auto; 
width:980px;
}

#leftCol {
width:200px;
margin:0 20px 0 0;
}

#centerCol {
width:726px;
margin:0 20px 0 0;
}

#topcenterCol {
width:726px;
margin:0 20px 0 0;
}

a {
color:#1984B3; 
text-decoration:none;
}

input, textarea {
border:1px solid #ccc;
padding:2px;
font-size:12px;
color:#777;
font-family: Zawgyi-one, Arial, Helvetica, sans-serif;
}

select {
font-family: Zawgyi-one, Arial, Helvetica, sans-serif;
width:165px;
font-size:12px;
}

a:hover {
text-decoration:underline;
cursor:pointer;
}

h2 {
font-size:17px;
font-weight:bold;
color:#333;
margin:0 0 8px 0;
border-bottom:1px dashed #ccc;
padding-bottom:10px;
}

#leftCol h3 {
font-size:15px; 
font-weight:bold; 
color:#1984B3; 
margin-bottom:15px; 
border-bottom:1px dashed #ccc;
}

#centerCol h3 {
font-size:15px; 
font-weight:bold; 
color:#1984B3; 
margin-bottom:15px; 
border-bottom:1px dashed #ccc;
}

#topcenterCol h3 {
font-size:15px; 
font-weight:bold; 
color:#1984B3; 
margin-bottom:15px; 
border-bottom:1px dashed #ccc;
text-align:center;
}

h3 img {
vertical-align:text-top;
margin-right:5px;
}

h4 {
font-weight:bold;
line-height:18px;
margin:3px 0 8px 0; 
padding-bottom:8px;
}

h5.commenthead {
font-size:14px;
font-weight:bold;
color:#999;
padding-bottom:5px;
width:100%;
text-align:left;
}

.formpadding {
padding-top:5px;
}

.submitbtn {
cursor:pointer;
}

.divider {
height:1px;
overflow:hidden; 
border-top:1px dashed #ccc; 
margin:15px 0;
}

hr {
border-style: dashed;
border-color: #ccc; 
}

.divider2 {
height:1px;
overflow:hidden;
border-bottom:1px dashed #ccc;
margin:5px 0 15px;
}

.dashdivider {
height:1px;
overflow:hidden;
border-bottom:1px dashed #ccc;
margin:5px 0 10px;
}

.normalText {
font-weight:normal;
}

.asterixRequired {
color:#ff0000;
}

.naviright { 
float:right; 
}

#header {
background: url(images/header_background.png) repeat-x center 0; 
height:150px;
}

#headerContent {
margin:0 auto;
width:980px;
}


#topNav {
margin:100px 35px 0 0;
display:inline;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
border-radius: 5px; 
-moz-border-radius:5px;
-webkit-border-radius:5px; 
border:1px solid #abc0d3; 
padding:1px;
}

#topNav ul li {
display:inline;
float:left;
padding:8px 10px 7px 9px;
font-weight:bold; 
display:block;
line-height:18px; 
height:20px;
}

#topNav ul li:hover {
background: url(images/top_nav.png) repeat-x;
color:#000;
}

#topNav li img {
margin:0 7px 0 0;
vertical-align:text-top;
}

body#home li#homemenu, body#login li#loginmenu, body#account li#accountmenu, body#write li#writemenu, body#register li#registermenu {
background: url(images/top_nav.png) repeat-x
}

body#home li#homemenu a, body#login li#loginmenu a, body#account li#accountmenu a, body#write li#writemenu a, body#register li#registermenu a {
color:#000;
}

#topNav ul li a {
color:#333;
}

#topNav ul li a:hover {
text-decoration:none;
}

@#topNav ul li, #topNav ul li:hover {
padding:8px 10px 7px 9px;
}

.singlepost {
	width:85%;
	float:left;
}

.searchbox input {
padding:0px;
color#ccc;
width:150px;
}

.sidebarbox, .contentwrap {
border-radius: 10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin-bottom:20px;
}

.sidebarbox, .topcontentwrap {
border-radius: 10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin-bottom:10px;
}

.sidebarcontent, .contentspace {
background: url(images/box_bg.png) repeat; 
border:1px solid #abc0d3; 
padding:15px;
border-radius: 10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

.contentspace {
padding:15px;
}


.sidebarcontent, .topcontentspace {
background: url(images/box_bg.png) repeat; 
border:1px solid #abc0d3; 
padding:15px;
border-radius: 10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

.topcontentspace {
padding:15px;
text-align:center;
}

.postwrap {
background: #e6f1fb; 
border:1px solid #abc0d3; 
padding:2px 2px 2px;
border-bottom-right-radius:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
border-top-right-radius:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
border-top-left-radius:10px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
margin-bottom:20px;
}

.postspace {
background: #e6f1fb; 
border:none; 
padding:12px 15px;
}



#category ul li {
background: url(images/category_icon.png) no-repeat 0 10px;
padding:10px 20px 7px;
font-weight:bold;
line-height:18px;
border-bottom:1px dashed #d2d1d2;
position:relative;
}


#category ul li img {
  position: absolute;
  top: 10px;  
  right: 0; 
}
  

#dynsidebar ul {
margin:-8px 0 0;
}

#dynsidebar ul li {
padding-bottom:10px; 
padding-top:10px; 
line-height:18px;
border-bottom:1px dashed #d2d1d2; 
font-size:12px;
}

.masterpiecespace {
width:600px;
}

.masterpiece {
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px dashed #ccc;
width:690px;
}

.masterpiece h4 {
padding-bottom:5px;
margin-bottom:5px
}


h2.masterpiecetitle {
padding:0 0 13px 0;
line-height:25px;
margin-bottom:10px;
}

.masterpieceinfo {
margin-top:8px;
font-size:12px;
}

.masterpieceinfo .commentinfo {
font-weight:bold;
}

.masterpieceinfo img {
vertical-align:middle;
}

span {
margin-left:4px;
}

.avatar {
padding:3px; 
border:1px solid #ccc;
margin:5px 10px 0 0;
}

.avatar2 img {
height:50px;
width:50px;
padding:3px; 
border:1px solid #ccc;
margin:10px 0 5px;
display:inline;
margin-right:15px;
}

.accountabout {
width:430px;
}

#editprofile label {font-weight:bold;}

.errorMessage {
background: #f99d9d;
border:1px solid #d63131;
padding:7px 10px;
color:#c12020;
margin:15px 0;
font-weight:bold;
}

.successMessage {
background: #d6e9b8;
border:1px solid #94b277;
padding:7px 10px;
color:#5f8f31;
margin:15px 0;
font-weight:bold;
}

.successMessage span {
font-weight:normal;
color:#444;
}

.whitebox {
margin:10px 10px 10px 0;
}

.dashbox {
margin:10px 0 0 0;
}

#footer {
background: url(images/footer_background.png) repeat-x center 0 transparent; 
height:168px; 
margin:0 auto;
color:#fff; 
position: relative; 
clear:both; 
margin-top:-168px;
}

#footerContent {
margin:0 auto;
width:980px;
}

.copyright {float:left; font-size:11px; color:#939393}

.clear {
clear: both;
}

.right {
float:right;
overflow:hidden;
}

.left {
float:left;
overflow:hidden;
}

a.trigger{
position: fixed;
text-decoration: none;
top: 400px; 
right: 0;
font-size: 14px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 10px 15px 10px 15px;
font-weight: 700;
background:#42AD00 url(images/heart.png) 50% 50% no-repeat;
border-top:1px solid #4AC200;
border-bottom:1px solid #4AC200;
border-left:1px solid #4AC200;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
display: block;
}

a.trigger:hover{
position: fixed;
text-decoration: none;
top: 400px; 
right: 0;
font-size: 14px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 10px 15px 10px 17px;
font-weight: 700;
background:#42AD00 url(images/heart.png) 50% 50% no-repeat;
border-top:1px solid #4AC200;
border-bottom:1px solid #4AC200;
border-right:1px solid #4AC200;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
display: block;
}

a.faq{
position: fixed;
text-decoration: none;
top: 445px; 
right: 0;
font-size: 14px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 10px 15px 10px 15px;
font-weight: 700;
background:#2974FF url(images/faq.png) 50% 50% no-repeat;
border-top:1px solid #5E97FF;
border-bottom:1px solid #5E97FF;
border-left:1px solid #5E97FF;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
display: block;
}

a.faq:hover{
position: fixed;
text-decoration: none;
top: 445px; 
right: 0;
font-size: 14px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 10px 15px 10px 17px;
font-weight: 700;
background:#2974FF url(images/faq.png) 50% 50% no-repeat;
border-top:1px solid #5E97FF;
border-bottom:1px solid #5E97FF;
border-right:1px solid #5E97FF;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
display: block;
}

a.stat{
position: fixed;
text-decoration: none;
top: 355px; 
right: 0;
font-size: 14px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 10px 15px 10px 15px;
font-weight: 700;
background:#DB0231 url(images/stats.png) 50% 50% no-repeat;
border-top:1px solid #FA0C40;
border-bottom:1px solid #FA0C40;
border-left:1px solid #FA0C40;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
display: block;
}

a.stat:hover{
position: fixed;
text-decoration: none;
top: 355px; 
right: 0;
font-size: 14px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 10px 15px 10px 17px;
font-weight: 700;
background:#DB0231 url(images/stats.png) 50% 50% no-repeat;
border-top:1px solid #FA0C40;
border-bottom:1px solid #FA0C40;
border-left:1px solid #FA0C40;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
display: block;
}

a.guide{
position: fixed;
text-decoration: none;
top: 490px; 
right: 0;
font-size: 14px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 10px 15px 10px 15px;
font-weight: 700;
background:#C100D6 url(images/guide.png) 50% 50% no-repeat;
border-top:1px solid #F170FF;
border-bottom:1px solid #F170FF;
border-left:1px solid #F170FF;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
display: block;
}

a.guide:hover{
position: fixed;
text-decoration: none;
top: 490px; 
right: 0;
font-size: 14px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 10px 15px 10px 17px;
font-weight: 700;
background:#C100D6 url(images/guide.png) 50% 50% no-repeat;
border-top:1px solid #F170FF;
border-bottom:1px solid #F170FF;
border-right:1px solid #F170FF;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
display: block;
}

a.active.faq {
background:#2974FF url(images/faq.png) 50% 50% no-repeat;
}

a.active.stat {
background:#2974FF url(images/stats.png) 50% 50% no-repeat;
}


a.active.trigger {
background:#42AD00 url(images/heart.png) 50% 50% no-repeat;
}

.statsfont {
font-size:20px;
font-family:Georgia;
color:#1984B3;
}

.timefont {
font-size:15px;
font-family:Georgia;
color:#1984B3;
}

.imgmiddle {
padding-bottom: 3px; 
vertical-align: middle;
padding-right: 7px;
width:32px;
}

.commiddle{
padding-bottom: 3px; 
vertical-align: middle;
width:32px;
}

.choicefont {
font-size:17px;
font-weight:bold;
color:#333;
margin:0 0 8px 0;
border-bottom:1px dashed #ccc;
padding-bottom:10px;
}

.choicemiddle{
padding-bottom: 3px; 
vertical-align: middle;
width:24px;
}

.memmiddle {
padding-bottom: 3px; 
vertical-align: middle;
padding-right: 7px;
width:32px;
}

.wdgpo {
float:right;
width:75px;
}

.tw_button {
float:right;
width:90px;
}