/*  

Theme Name: YoYo-Games
Theme URI: http://sp.webarea.ro
Description: Custom YoYo Games Glog layout.
Author: Mike Dailly
Author URI: http://www.yoyogames.com

*/
/* General */
body {
text-align:center;
padding:0;margin:0; 
font-family:Arial, Trebuchet MS; 
font-size:12px;
background-color:#f4f9e3;
}
a {
    text-decoration:none;
    color:#788903;
    font-weight:bold;
}
a:hover {
    color:#c88604;
    text-decoration:underline;
    font-weight:bold;
}
ul {
padding:0;margin:0; 
float:left;
}
li {margin:0; padding:0; float:left;}
ol {margin:0;padding:0;float:left;}

img {float:left; margin:6px;}
img.wp-smiley { margin:0px; float: none; }
/* End GENERAL */

#page{
width:980px;
background:white url(images/bg_rpt.jpg);
margin: 0 auto;
position:relative;
overflow:hidden;
}

#header {
background: #f4f9e3 url(images/banner.jpg) no-repeat;
width:100%;
height:120px;
position:relative;
float:left;
display:inline; 
padding-bottom: 10px;
}

#header p {
color:white;
margin-top:90px;
float:left;
margin-left:20px;
}

h1 {
   font:40px Trebuchet MS;
   color: #f9f7ed;
   margin:75px 0px 0px 25px;
   float:left;
}
h1 a{
color: #f9f7ed;
font-size:30px;
}
h1 a:hover{color: #f9f7ed;}

h1 span{
font: 18px Trebuchet MS;
color: #f9f7ed;
margin-left:5px;
}

#nav_top {
width:100%;
background:url(images/menu_rpt.jpg);
line-height:33px;
float:left;
margin-bottom:0px;
position:absolute;
bottom:2px;
left:0;
}
#nav_top li{
line-height:31px;
margin-top: 2px;
border-right:1px solid #a4c90e;
width:auto;
float:left;
}
#nav_top li a {
background:url(images/menu_hover.jpg) 0px -100px no-repeat;
display:block;
width:auto;
height: 31px;
padding-left: 14px;
padding-right:14px;
color:#667666;
font-size: 14px;
float:left;
}
#nav_top li a:hover {
background:url(images/menu_hover.jpg) repeat-x;
text-decoration:none;
}
/* END HEADER */

#content {
float:left;
width:auto;
max-width:806px;
height:auto;
margin-left:0px;
display:inline;
}

.post {
width:479px;
height:auto;
color: #667665;
text-align: justify;
float:left;
margin-top: 0px;
}
.entry {
width:783px;
height:auto;
float:left;
border:1px solid #e5e6e3;
border-top:0px;
margin-bottom:20px;
background-color: #f7f8f6;
padding-left:10px;
padding-right:10px;
padding-bottom: 40px;
position:relative;
}
.entry p{margin-top:25px;}
h2 {
background:url(images/header_rpt.jpg) repeat-x;
line-height:36px;
float:left;
width:806px;
position:relative;
margin: 0px 0px 0px 0px;
}
h2 a {
background:url(images/header_left.jpg) no-repeat;
float:left;
width:auto;
margin-left:0;
margin-top:0;
display:block;
line-height: 36px;
color:#666666;
font-size:14px; 
padding-left: 15px;
}
h2 span {
background:url(images/header_right.jpg) 0px -1px no-repeat;
width:23px;
height:36px;
position:absolute;
right:0px;bottom:0;
}

.post small {
float:left;
background:#fcf4e9 url(images/date.jpg) no-repeat;
width:80px;
height:65px;
color:white;
font-size:26px;
margin: 20px 5px 0px 0px;
text-align:center;
padding-top: 13px;
display:inline;
}
.post small span {
font-size:12px;
text-align:center;
float:left;
width:100%;
color:#d4ed6e;
font-weight:bold;
height:auto;
padding-bottom:200px;
}

.meta {
width:100%;
background:url(images/post_bottom_left.jpg) -3px bottom no-repeat;
position: absolute;
left:-1px;
bottom:-1px !important;
bottom: -2px;
padding-bottom:20px;
}
.entry span.round{
position: absolute;
right:-1px;
bottom:-2px !important;
bottom: -3px;
background:url(images/post_bottom_right.jpg) right bottom no-repeat;
height:22px;
width:41px;
}
.meta a, .meta div.cat, .meta .cat p {
float:left;
margin-left:8px;
display:block;
width:auto;
}
.meta div.cat a{
margin-left:2px;
}
.meta .nrcomm a{
margin-left:2px;
}

.meta a:hover {color:#c88604;}
.meta p{
float:left;
margin:0;
float:right;
margin-right:5px;
color:#c88604;
}
.meta .nrcomm {
color:#788903;
float:right;
margin:0;
margin-right:15px;
}

/************************************************************************/
#nav {
top:-29px;
border:1px solid #e5e6e3;
border-right:0px;
float:right;
margin-top:30px;
background-color: #f7f8f6;
width:165px;
position:relative;
padding-bottom:25px;
}
#nav span.left {
position:absolute;
top:-04px;
left:-3px;
background:url(images/sidebar_left.jpg) 0px 0px no-repeat;
width:16px;
height:17px;
}
#nav span.bottom {
position:absolute;
bottom:-1px !important;
bottom: -2px;
left:-3px;
background:url(images/sidebar_bottom_left.jpg) 0px 0px no-repeat;
width:16px;
height:17px;
}
#nav ul {
width:100% !important;
width: 95%;
height:auto;
float:right;
margin:0;
display:inline;
}
#nav ul li {
float:left;
width:97%;
background:url(images/sidebar_headers.jpg) 0px 0px repeat-x;
margin-top:12px;
margin-left:5px;
line-height:27px;
display:inline;
}
#nav ul li h3,h3 {
text-indent: 25px;
font-size:17px;
background:url(images/sidebar_header_icon.jpg) 5px 2px no-repeat;
float:left;
line-height:27px;
margin:0;
text-indent: 30px;
color:#788903;
}
#nav ul li ul {background:none;}
#nav ul li ul li {
background:url(images/sidebar_menu_list.jpg) 5px 7px no-repeat;
float:left;
line-height:15px;
}
#nav ul li ul li a{
text-align:left;
float:left;
line-height:15px;
text-indent:30px;
display:block;
width:90%;
}

small {
float:right;
width:auto;
color: #8e8e8e;
font: 16px Trebuchet MS;
margin-right:5px;
}

#searchform {
float:left;
margin-bottom:0px;
}


.navigation { float:right; width:300px; margin-left:200px;margin-top:30px;}
.alignleft { float:left;}
.alignright { float:right;}

#commentform {
width:100%;
float:right;
display:block;
margin-bottom: 40px;
}
textarea#comment {float:left;width:773px; margin-top:10px; border:1px solid #e5e5e5;margin-left:15px;display:inline;}
#commentform p{float:left;}
label {margin-top:10px; margin-left:10px; float:right; width:auto;}
#commentform p {margin-bottom:10px;}
#commentform p small {float:left; width:756px;text-align:left;}

#commentform input {
width: 120px;
border:1px solid #e5e5e5;
font:14px Trebuchet MS;
color: #555759;
margin-left:15px;
background-color:white;
margin-top:0px;
margin-right:10px;
float:left;
display:inline;
}
p.comm {
width:100%;
margin-bottom:3px;
}
h3#comments {
width:100%;
}
ol, #content ul {
margin-left:20px;
margin-top:1px;
margin-bottom:20px;
float:left;
width:90%;
} 
#content li{float:left; width:100%;}
ol.commentlist {
width:723px;
float:left;
}
ol.commentlist li.alt, li.alt2 {
border: 1px solid #eaeaea;
background-color:#EEEEEE;
height:auto;
margin:5px 10px 2px 10px;
padding: 5px 10px 5px 10px;
text-align:left;
float:left;
width:756px;
}
ol.commentlist li.alt2 {background-color:white; border:1px solid #EEEEEE;}
ol.commentlist li.s {
background:url(a.jpg);
}
#search {
background:url(images/search.jpg) no-repeat;
width:130px;
height:20px;
font-style:italic;
color:#666666;
border:0;
padding-left:0px;
padding-top: 0px;
margin-left:0 !important;
margin-left:0px;
}
.searchli {
background:none;
}

#searchsubmit {
background:url(images/go.jpg) 0px 7px no-repeat;
width:57px;
height:33px;
border:0;
color:#d4ed6e;
margin-top:3px;
padding-top:5px;
}
#footer{
float:left;width:100%;
height:37px;
background-color:#555555;
color:white;
margin-top:20px;
margin-bottom:0px !important;
margin-bottom: -17px;
}

#footer a{color:white;}

.post-nav {
margin-bottom: 5px;
margin-top:15px;
width:100%;
}
.previous {float:left;}
.next{float:right;}

.next-prev {
float:left;
width:400px;
margin-left:15px !important;
margin-left:7px;
margin-top:25px;
}

label {
float:left;
margin-top:0px;
width:50%;
}

blockquote {
padding:0;
background-color:#ecfd99;
margin:0;
width: 750px;
margin-left: 5px;
margin-bottom:15px;
display:inline;
margin-top:15px;
float:left;
}
blockquote p{
margin:0;
border-left: 4px solid #b4e007;
margin: 15px;
margin-bottom:20px;
padding-left: 10px;
width:auto;
}

img {
float:left;
margin-top: 10px;
border:0;
}

pre,code{
   font:bold; 
   color:#000000;
   padding:4px 4px 4px 4px;
   margin:1px 1px 1px 1px;
   background:#ffffff; 
   border-top:solid 1px #000000;
   border-bottom:solid 1px #000000;
   border-left:solid 1px #000000;
   border-right:solid 1px #000000
}

a.comment_quote_link {
	margin: 0;
	display: block;
	overflow: hidden;
	width: 37px;
	height: 23px;
        background: url(images/icon_quote_comment.gif) no-repeat bottom;
}


div#menubar{
   text-align:left;
   font:bold; 
   font-size: 11px;
   color:#a9e069;
   background: #3e3e3e; 
}

div#menubar a{
  color: #a9e069;
  text-decoration: none;
}
div#menubar a:hover{
  color: #a9e069;
  text-decoration: underline
}

div#ads {
   background-color:#f4f9e3;
   padding-bottom: 10px;
}