/*  
Theme Name: Otakultura Theme
Theme URI: http://otakultura.com
Description: This a theme exclusively for otakultura.com
Version: 1.9
Author: Jason Cheng
Author URI: http://helrouis.deviantart.com
*/

body{
	font-size: 62.5%; 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #000000;
	margin: 0;
	background:#d1e8fa url(images/otakultura-bg.jpg) repeat-x fixed;
}

input, textarea{font-weight:bold;}
input.text{background:#FFFFFF;border:none;padding:1px;}
input.button{background:#000000;border:1px solid #000000;color:#ffffff;}
h1, h2, h3{color:#626456;}
h1{font-size:2.5em;font-weight:lighter;letter-spacing:-.075em;}
h2{color:#ffffff;font-size:1.3em;	}
h3{font-size:1em;}
p, ul, ol{font-size:1.1em;line-height:1.8em;}
ul, ol{margin-left:3em;}
blockquote{margin-left:3em;margin-right:3em;}
a{color:#371015;text-decoration:none;}
a:hover{border:none;}
h1 a, h2 a, h3 a{border:none;color:#333333;text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover{background:none;color:#371015;}
hr{display:none;}
#wrapper{width:1024px; margin: 0 auto; padding-top:50px;}
#header{background: url(images/top-menu.jpg) repeat-x;height:40px; margin-bottom:10px;   width:100%; z-index:10000; position:fixed;}
#header #menu a:hover {color:#DDDDDD;}
#menu{position:absolute;padding-right:10px;margin-top:10px;}
#menu ul{line-height:normal;list-style:none;margin:0;padding:0;}
#menu li{float:left;border-right:solid #bdeefd 1px;}
#menu a{
    color: #FFFFFF;
    display: block;
    float: right;
    height: 32px;
    margin-right: 1px;
    margin-top: -12px;
    padding: 0 20px;
    text-decoration: none;
}
#searchform {
    margin-left: 24px;
}
#menu .current_page_item a{background:#371015;color:#ffffff;}
.headerrss {
    float: left;
    font-weight: bold;
    left: -50px;
    position: relative;
    top: 17px;
}
#search{font-size:1.1em; padding:5px;width:200px; height:20px;float:left;}
#search fieldset{border:none;}
#search #s{padding:3px;width:100px;}
#search #x{width:50px;}
#logo{width:100%;position:relative; height:339px;background:url(/wp-content/uploads/newbanner.png) no-repeat top center;}
#logo #headerimg {background:url(images/banner-otakultura.png)}
#logo h1, #logo h2{margin:0;padding:0;}
#logo h1{color:#2C2E22;padding:50px 5px 0 20px;}
#logo h2{color:#CCCCCC;margin:10px 0 0 17px;padding:5px;width:30%;}
#logo p{clear:left;color:#C2C5B1;font-size:1.2em;font-weight:bold;line-height:normal;margin:0;padding:0 0 0 20px;}
#logo a{color:#FFFFFF;}

#page{margin:0 auto;padding:0px 0px 0 0px;position:relative;width:100%;}
.content {
    background: none #fff;
    border: 1px solid #666;
    -moz-border-radius: 28px 28px 28px 28px;
    border-radius: 28px 28px 28px 28px;
    float: left;
    margin-left: 0.5%;
    margin-right: 0.2%;
    padding: 40px 10px 20px;
    width: 95%;
    position: relative;
    top: -47px;
    margin-bottom:20px;
    behavior: url(/PIE.htc);
}
.post .title{font-weight:normal;margin:0;}
h1.title{color:#333333;font-size:2em;}
h2.title{color:#371015;font-size:1.2em;padding-bottom:20px;}
.desctitle{font-size:10px;}
.post h1.title{font-size:2em;height:30px;padding:0px 0 0 15px;}
.post .entry{padding:0 10px 0px 15px;}
.post .meta{border-bottom:1px solid #CCCCCC;color:#38F;font-family:Arial, Helvetica, sans-serif;font-size:12px;margin:0;padding:5px 0px 0px 15px;}
.post .meta a{color:#999999;}
.post .links{margin:0; color:#fff;}
.post .tags {
    background: url(images/img04.gif) repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 11px;
    font-weight:bold;
    margin: 0;
}
.post .links a, .post .tags a{
    border: medium none;
    color: #FFFFFF;
    font-weight:bold;
    font-size: 11px;
}
.post .entry a {color:#2554C7;font-weight:bold}
#recent-posts{float:left;}
#recent-posts ul li{background:url(images/img04.gif) repeat-x left bottom;font-size:0.8em;padding:3px 3px 3px 15px;}
#recent-posts h2{background:url(images/img12.gif) no-repeat left top;height:25px;margin:0;}
#recent-posts h3{background:url(images/img04.gif) repeat-x left bottom;font-size:13px;margin:0;padding:15px 0 0 15px;}
.sidebar{float:left;}
.sidebar ul{float:none;list-style:none;margin:0;padding:0;}
.sidebar li{margin-bottom:1em;}
.sidebar li ul{}
.sidebar li li{ margin:0;}
.sidebar li h2{ margin-bottom:1px;}
#sidebar1{background:#ffffff; width:12%;border-left:5px solid #5a9cd4;border-bottom:5px solid #5a9cd4; border-top:5px solid #8dc9fc;border-right:5px solid #8dc9fc;}
#sidebar1 li h2{background: url(images/top-menu.jpg) repeat-x #99ccf7;height:20px;padding-left:0px;text-align:center;}
#sidebar1 li ul{background:url(images/img04.gif) repeat-x;line-height:normal;}
#sidebar1 li li{background:url(images/img04.gif) repeat-x left bottom;font-size:.8em;padding:5px;}
#sidebar2{
    float: right;
    width: 32.7%;
}
#sidebar2 ul li{
    background: #ffffff;
    border-color: #666;
    border-radius: 9px 9px 9px 9px;
    border-style: solid;
    border-width: 1px;
    behavior: url(/PIE.htc);
}
#sidebar2 li h2{
    background: url(images/top-menu.jpg) repeat-x scroll 0 0 #004868;
    border-radius: 7px 7px 0 0;
    float: left;
    font-size: 16px;
    height: 41px;
    line-height: 29px;
    padding-top: 8px;
    text-align: center;
    width: 333px;
    margin:0;
    margin-bottom:10px;
    display:block;
    behavior: url(/PIE.htc);
}
#sidebar2 li ul{background:url(images/img04.gif) repeat-x;line-height:normal;}
#sidebar2 li li{padding-left: 5px; background:url(images/img04.gif) repeat-x left bottom;font-size:.8em;padding:5px;}
#sidebar2 li a{color:#38F;border:none;}
#sidebar2 li a:hover{border:none;}
#calendar{margin:0 auto;}
#calendar caption{font-weight:bold;}
#calendar table{border-collapse:collapse;text-align:center;width:220px;}
#calendar thead th{background:#CCCCCC;color:#FFFFFF;}
#calendar tbody td{background:#EEEEEE;}
#calendar #today{background:#B8D03B;color:#FFFFFF;font-weight:bold;}
#calendar a{font-weight:bold;}
#calendar #prev{text-align:left;}
#calendar #next{text-align:right;}
#design{background:#FFFFFF url(images/lines2.gif) bottom right no-repeat;height:138px;}
#footer{float:left;background: url(images/top-menu.jpg) repeat-x #004868;color:#FFFFFF;text-align:center; width:100%}
#footer a{color:#CCCCCC;}
.info {
    background: -moz-linear-gradient(#FF77AA, #fa83aA) repeat scroll 0 0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FF77AA), to(#fa83aA));
    background: -webkit-linear-gradient(#FF77AA, #fa83aA);
    background: -ms-linear-gradient(#FF77AA, #fa83aA);
    background: -o-linear-gradient(#FF77AA, #fa83aA);
    background: linear-gradient(#FF77AA, #fa83aA);
    -pie-background: linear-gradient(#FF77AA, #fa83aA);
    border-radius: 28px 28px 28px 28px;
    border: 1px solid #666;
    border-bottom: 0;
    left: -10px;
    margin-bottom: 0;
    padding: 10px;
    position: relative;
    top: 20px;
    width: 652px;
    behavior: url(/PIE.htc);
}

.comlabel{background:#ffffff;color:#666666;font-size:13px;font-weight:lighter;margin-top:3px;}
.comtext{background-color:#371015;border:5px solid #FFFFFF;color:#FFFFFF;padding:5px;}
.postlabel{background:#ffffff;color:#666666;font-size:13px;font-weight:lighter;margin:10px 0px 10px 0px;}
.posttext{background-color:#371015;border:5px solid #FFFFFF;color:#FFFFFF;padding:5px;}
.commentlist{list-style:none;}
.authorcomment{background-color:#efefef;margin:10px 0px 0px 0px;padding:3px;}
.odd{border-bottom:2px solid #E5E5E5;color:#333333;padding:2px 10px 2px 10px;}
.odd a:link{color:#FFFFFF;}
.commenttext{color:#000000;color:#666666;font-size:10px;margin:0px 0px 10px 0px;padding:5px 10px 5px 10px;}
#author, #email, #url{background:#efefef;border:1px solid #cbcbcb;font:13px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Tahoma, Arial, Verdana, sans-serif;margin-bottom:0.6em;margin-top:5px;padding:3px;width:40%;}
#comment{background:#ffffff;border:1px solid #cbcbcb;font:13px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Tahoma, Arial, Verdana, sans-serif;margin-bottom:0.6em;padding:3px;width:500px;}
#submit{background-color:#efefef;border-bottom:2px solid #CCCCCC;border-left:1px solid #E4E4E4;border-right:2px solid #CCCCCC;border-top:1px solid #E4E4E4;font:13px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Tahoma, Arial, Verdana, sans-serif;padding:3px;}


.adspace {
    background: url(rgba.php?r=0&g=150&b=227&a=10) repeat;
    background: rgba(0, 150, 227, 0.1);
    border: 1px solid #333377;
    border-radius: 7px;
    float: left;
    margin: 1px;
    text-align: center;
    width: 504px;
    height:100px;
    behavior: url(/PIE.htc);
}
.adspace h1{
	margin-top: 30px;
}
.noimg {width:60%; float:left;margin-bottom:15px;}
.noimg img {display:none;}
.noimg embed {display:none;}
.noimg p {line-height:1.1em;}
acronym, abbr, span.caps{cursor:help;}
acronym, abbr{border-bottom:1px dashed #999;}
blockquote{border-left:5px solid #ddd;margin:15px 30px 0 10px;padding-left:20px;}
blockquote cite{display:block;margin:5px 0 0;}
.center{text-align:center;}
hr{display:none;}
a img{border:none;}
h2 .rsswidget{text-align:center; font-size:0.7em; color:#fff; float:left;}
.rsswidget img {margin-left:4px; margin-top:3px;margin-right:1px;}
.alignright{background-color:#EAEAEA;float:right;padding:5px;}
.alignleft{background-color:#EAEAEA;float:left;padding:5px;}
.aligncenter{display:block;margin-left:auto;margin-right:auto;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre{background:#f3f2ed;border:solid 1px #9a9a9a;color:blue;margin:10px;padding:10px;}
code{color:#000;font-size:1.0em;}
embed{width:100%;}
span.pgee-read-more a{color:#337788;}
.mature{display:none;}
#wpp-3 {margin-bottom:5px;}
#wpp-3 ul li {clear:both;}

#usrbuttons{
    float: right;
    left: -34px;
    position: relative;
    top: -29px;
}
#headpostings {
    background-color: #FFFFFF;
    border-color: #8DC9FC #8DC9FC #5A9CD4 #5A9CD4;
    border-style: solid;
    border-width: 5px;
    float: left;
    height: 157px;
    margin-left: 0;
    margin-top: 172px;
    width: 444px;
}
#headpostings h2 {color: rgb(255, 255, 255); background: url(images/top-menu.jpg) repeat-x scroll 0% 0% rgb(153, 204, 247); height: 18px; text-align: center; width: 100%; margin: 0; padding:5px 0;}
#menu li a {font-size:20px;font-color:#f00;}
#navx {
    background: -moz-linear-gradient(#F93355, #8F2255) repeat scroll 0 0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F93355), to(#8F2255));
    background: -webkit-linear-gradient(#F93355, #8F2255);
    background: -ms-linear-gradient(#F93355, #8F2255);
    background: -o-linear-gradient(#F93355, #8F2255);
    background: linear-gradient(#F93355, #8F2255);
    -pie-background: linear-gradient(#F93355, #8F2255);
    border-radius: 60px 60px 60px 60px;
    border: 1px solid #666;
    height: 75px;
    left: 20px;
    margin: 15px;
    position: relative;
    top: -22px;
    width: 84%;
    z-index: 999;
    behavior: url(/PIE.htc);
}
#navx li { width: 50px; float: left; margin: 8px; list-style: none }
#navx a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; }
#navx li.activeSlide a { background: #88f }
#navx a:focus { outline: none; }
#navx img { border: none; display: block }
#headlines {
    height:223px;
    background: url(rgba.php?r=255&g=255&b=255&a=10) repeat;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid #666;
    border-radius: 10px 10px 10px 10px;
    margin: 0 auto 12px;
    overflow: hidden;
    position: relative;
    width: 98%;
    behavior: url(/PIE.htc);
}
#headlines img {
    cursor: pointer;
}
.related_post {
margin-left: auto;
margin-right: auto;
display: block;
width: 100%;
height: 100px;
clear: both;
}
.related_img {
    border: 1px solid #666;
    float: left;
    height: 165px;
    margin-bottom: 9px;
    margin-right: 5px;
    padding: 10px;
    text-align: center;
    width: 100px;
}
#footer p {
	font-size:9px;
}
.home img {
  display: block;
  margin: 0 auto;
  text-align: center;
}
#facebooklikes{
    background: url(rgba.php?r=255&g=255&b=255&a=30) repeat;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #666;
    border-radius: 10px 0 0 10px;
    float: left;
    height: 70px;
    left: -62px;
    padding-left: 10px;
    padding-top: 10px;
    position: relative;
    top: 514px;
    width: 56px;
    z-index: 9999;
    behavior: url(/PIE.htc);
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
	border-radius: 10px 10px 10px 10px;
	behavior: url(/PIE.htc);
}

.content .post h1.title{
    font-size: 20px;
    height: 70px;
    letter-spacing: 1px;
    line-height: 25px;
}

.content .post h1.title a{
    color:#000;
}
#menu li a {
font-size:16px;
line-height:42px;
}
#menu {
    left: 313px;
    width: 1077px;
}
