/*
Theme Name: Oceanak
Theme URI: http://glabnak.com
Description: THE theme for Glabnak Productions 
Version: 1.0
Author: RJ Johnson
Author URI: http://glabnak.com/
Tags: fuck, you

*/

body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Tahoma', 'Verdana', Arial, sans-serif;
background:rgb(80,80,85);
color: #DDE;
text-align: center;
padding:0;
margin:0;
}

a {
color:#AAF;
text-decoration:none;
}

a:hover, a:focus {
color:#DDF;
}

img {
border:none;
}

h1, h2, h3, h4, h5, h6 {
font-weight:normal;
margin:.2em 0;
}

h2 {
font-size: 160%;
}

h3 {
font-size: 150%;
}

h4 {
font-size: 130%;
}

#wrap {
min-width:1156px;
width:100%;
height:100%;
}

#header {
width:100%;
height:224px;
background:rgb(35,43,119) url("images/header-bg.png") repeat-x top left;
text-align:left;
}

#header_box {
bottom:auto;
font-size:15px;
height:223px;
position:absolute;
right:0;
text-align:left;
top:0;
width:383px;
}

#header_box img {
margin:0px 3px;
vertical-align:middle;
}


#banner {
background: url("images/logo-img.png") no-repeat bottom left;
width:773px;
height:224px;
text-align:left;
position:relative;
bottom:0px;
}

#banner a {
display:block;
height:100%;
}

#nav {
width:100%;
min-width:1156px;
height:36px;
font-size:18px;
text-align:left;
background:rgb(0,51,122) url("images/nav-bg.png") repeat-x top left;
}

#navleft {
width:164px;
height:36px;
background: url("images/navleft-bg.png") no-repeat top left;
float:left;
}

#navright {
float:right;
height:36px;
padding-right:10px;
padding-top:4px;
border:none;
margin-top:-35px;
}

#navright img {
vertical-align:middle;
margin-right:5px;
}

#navsearch {
width:198px;
float:right;
padding-top:2px;
}

#navsearch button {
-moz-border-radius:4px 4px 4px 4px;
background-color:#19336B;
border:1px solid #000000;
color:#FFFFFF;
font-size:14px;
float:right;
}

#navsocial {
width:208px;
float:right;
}

#nav ul {
list-style-type:none;
margin:0px;
margin-left:9%;
padding:0px;
height:36px;
}

#nav ul li {
text-align:center;
float:left;
height:36px;
width:89px;
border-left:1px solid #000;
}

#nav ul li#nav-store {
border-right:1px solid #000;
}

#nav ul li a {
color:#FFF;
width:65px;
height:30px;
display:block;
padding:6px 12px 0px 12px;
text-shadow:2px 2px 2px #000000;
}

#nav ul li a:hover {
background: url("images/nav-bg_hover.png") repeat-x top left;
color:#AAF;
}

#nav ul li ul.nav-drop {
width:auto;
position:absolute;
left:-999em;
padding:0;
margin:0;
z-index:100;
border:none;
}

#nav ul li:hover ul.nav-drop {
left:auto;
}

#nav ul li ul.nav-drop li {
width:100%;
height:auto;
float:left;
clear:both;
display:block;
border:none;
}

#nav ul li ul.nav-drop li a {
background: rgb(0,51,122) ;
width:100%;
height:20px;
display:block;
border:1px solid #000;
border-top:none;
font-size:80%;
font-weight:bold;
text-shadow:none !important;
}

#navunder {
width:100%;
height:15px;
font-size:1px;
text-align:left;
background:url("images/navunder-bg.png") repeat-x top left;
}

#navunder-left {
width:164px;
height:15px;
background: url("images/navunder-left-bg.png") no-repeat top left;
float:left;
}

.sidebar {
float:right;
clear:both;
overflow:hidden;
text-align:left;
z-index:6;
margin-top:-14px;
}

/* Sidebar width */

.sidebar-content, .sidebar-top, .sidebar-bottom {
width:190px;
}

.sidebar-top-left {
background:url("images/sidebar-top-left-bg.png") no-repeat bottom left;
padding-left:20px;
height:30px;
}

.sidebar-top-right {
background:url("images/sidebar-top-right-bg.png") no-repeat bottom right;
padding-right:20px;
height:100%;
}

.sidebar-top {
background:url("images/sidebar-top-bg.png") repeat-x bottom left;
height:100%;
}

.sidebar-left {
background:url("images/sidebar-left-bg.png") repeat-y bottom left;
padding-left:20px;
}

.sidebar-right {
background:url("images/sidebar-right-bg.png") repeat-y bottom right;
padding-right:20px;
}

.sidebar-content {
background:rgb(25, 51, 107);
padding-top:12px;
padding-right:10px;
}

.sidebar-bottom-left {
background:url("images/sidebar-bottom-left-bg.png") no-repeat bottom left;
padding-left:20px;
height:30px;
}

.sidebar-bottom-right {
background:url("images/sidebar-bottom-right-bg.png") no-repeat bottom right;
padding-right:20px;
height:100%;
}

.sidebar-bottom {
background:url("images/sidebar-bottom-bg.png") repeat-x bottom left;
height:30px;
padding-right:10px;
}

.widgettitle {
font-weight:bold;
text-shadow:2px 2px 2px #000000;
font-size:18px;
}

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

.sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	}

.widget {
padding-top:4px;
}

.widget ul li {
         margin-top:5px;
         font-size:12px;
         }

.widget_twitter ul li {
font-size:10px;
}

.entry ul li:before, .sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

#content {
/* background:transparent url("images/content-bg.png") center center fixed; */
width:auto;
padding:0px 10px 0 10px;
margin-right:216px;
text-align:left;
z-index:5;
}

#content:hover {
z-index:7;
}

.post, .comic {
float:left;
width:100%;
}

.post-info {
background:url("images/post-info-bg.png") repeat-x scroll left bottom transparent;
height:23px;
padding-top:16px;
text-shadow:1px 1px 2px #000;
}

.post-info-left {
background:url("images/post-info-left-bg.png") no-repeat bottom left;
padding-left:218px;
height:47px;
position:relative;
top:16px;
}

.post-info-right {
background:url("images/post-info-right-bg.png") no-repeat bottom right;
margin-right:19px;
padding-right:27px;
padding-top:8px;
}

.post-info h3 {
font-weight:bold;
}

.post-info h3, .post-info h4 {
display:inline;
margin-left:5px;
}

.post-time {
float:right;
clear:both;
font-size:120%;
}

.a2a_dd {
margin-right:-13px !important;
padding:0 0 0 21px !important;
}

.alt-post-info-left {
background:url("images/alt-post-info-left-bg.png") no-repeat top left;
padding-left:21px;
height:24px;
margin-bottom:33px;
}

.alt-post-info-right {
background:url("images/alt-post-info-right-bg.png") no-repeat top right;
padding-right:19px;
height:24px;
}

.alt-post-info {
background:url("images/alt-post-info-bg.png") repeat-x scroll left top transparent;
height:24px;
}

.entry {
font-size:1.2em;
background:rgb(25, 51, 107);
margin-right:19px;
margin-bottom:10px;
}

.author-avatar {
float:left;
height:100px;
left:-11px;
margin:12px 12px -51px;
position:relative;
top:-51px;
width:100px;
}

.entry-above {
background:none repeat scroll 0 0 #19336B;
border-left:1px solid #000000;
margin-right:19px;
padding-bottom:28px;
position:relative;
z-index:6;
}

.entry-right-top-corner {
background:url("images/entry-right-top-corner-bg.png") no-repeat bottom left;
height:21px;
left:100%;
margin-left:-19px;
position:relative;
top:19px;
width:19px;
}

.entry-spacer-right {
background:url("images/entry-right-top-corner-bg.png") no-repeat scroll right bottom transparent;
height:21px;
margin-bottom:33px;
margin-top:14px;
padding-right:19px;
}

.entry-spacer {
background:none repeat scroll 0 0 #19336B;
border-left:1px solid #000000;
height:100%;
}

.entry-right{
background:url("images/entry-right-bg.png") repeat-y top right;
padding-right:19px;
margin-top:-33px;
margin-right:-19px;
padding-bottom:16px;
}

.entry-left {
background:url("images/entry-left-bg.png") repeat-y top left;
padding-left:19px;
}

.entry-content {
min-height:150px;
position:relative;
z-index:7;
}

.comic-thumb {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background:url("images/comic-thumb-bg.png") no-repeat scroll center center #19336b;
border:3px solid #141414;
float:right;
}

.comic-thumb:hover {
-moz-box-shadow:2px 2px 6px #000000;
-webkit-box-shadow:2px 2px 6px #000000;
box-shadow:2px 2px 6px #000000;
margin-right:2px;
margin-top:-2px;
}

.comic-thumb a {
display:block;
text-align:center;
widht:150px;
height:150px;
padding:10px;
}

.entry-comic {
text-align:center;
padding-bottom:6px !important;
}

.entry-comic img {
margin:auto;
}

.comic-nav {
margin:16px auto;
text-align:right;
}

.comic-nav strong {
float:left;
clear:both;
padding:8px 0px;
font-size:18px;
}

.comic-nav a {
}

.comic-nav-left {
background:url("images/comic-nav-left-bg.png") no-repeat bottom left;
padding-left:19px;
margin:10px;
}

.comic-nav-right {
background:url("images/comic-nav-right-bg.png") no-repeat bottom right;
padding-right:19px;
}

.comic-nav {
background:url("images/comic-nav-bg.png") repeat-x bottom left;
}

.comic-desc {
background:url("images/comic-desc-bg.png") no-repeat scroll center center #192F5E;
width:200px;
height:200px;
padding:13px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius:15px;
border:3px solid rgb(20,20,20);
text-align:center;
}

.comic-desc a {
clear:both;
float:right;
height:230px;
position:absolute;
left:1px;
bottom:26px;
width:230px;
}

.comic-desc strong {
font-size:1.5em;
font-weight:normal;
}

#comic-desc-eor a {
background: url("http://glabnak.com/img/EOR.png") no-repeat scroll center center transparent;
}

#comic-desc-eor:hover a {
background:url("http://glabnak.com/img/EOR-hover.png") no-repeat scroll center center transparent;
}

.video-desc {
background:transparent;
width:200px;
border:none;
text-align:center;
}

.video-desc a {

}


.entry-bottom-left {
background:url("images/entry-bottom-left-bg.png") no-repeat top left;
padding-left:20px;
margin-top:-10px;
}

.entry-bottom-right {
background:url("images/entry-bottom-right-bg.png") no-repeat top right;
padding-right:18px;
}

.entry-bottom{
background:url("images/entry-bottom-bg.png") repeat-x top left;
height:33px;
}

.navigation {
text-align:center;
clear:both;
width:100%;
margin:auto;
}

.navigation .alignleft {
float:left;
width:125px;
}

.navigation .alignright {
float:right;
width:125px;
}

.navigation a {
font-size:160%;
}

#footer {
background:url("images/footer-bg.png") no-repeat scroll center top;
bottom:0;
float:left;
height:100px;
padding-top:110px;
padding-bottom:25px;
position:relative;
text-align:center;
top:auto;
width:100%
}

.ad.project-wonderful {
margin:auto;
text-align:center;
}

.ad.project-wonderful table {
margin:10px auto;
}