/*
Theme Name: ComicPress - Ara�a
Theme URI: http://comicpress.org
Template: comicpress
Description: Publish a comic with WordPress.  <a href="http://comicpress.org">Visit the ComicPress Website.</a>
Author: Jennula
Author URI: http://jennula.com
Version: 1.0
.
The CSS, XHTML and design is released under GPL v3:

http://www.opensource.org/licenses/gpl-3.0.html

.
*/

@import url("../comicpress/style.css");



body {
font-size: 12px;
font-family: Verdana, Arial, Helvetica;
color: #000;
background: #077575 url('img/background.png') fixed;
background-repeat:no-repeat;
background-position: top center;
}

p{
font-size: 12px;
font-family: Verdana, Arial, Helvetica;
}

p.nocomments{
display: none;	
}

a {
color:#001212;
text-decoration:none;
font-weight: bold;
}
a:hover {
color:#8C0099;
font-weight: bold;
}

h1 {
font-size: 2em;
font-family: Verdana, Arial, Helvetica;
font-weight: bold;
color: #000;
}

h1 a:link, h1 a:visited {
font-family: Verdana, Arial, Helvetica;
color: #000;
}

h1 a:hover {
font-family: Verdana, Arial, Helvetica;
color: #FFF;
}

h2.pagetitle, h2.pagetitle a {
font-family: Verdana, Arial, Helvetica;
font:  2em;
font-weight: bold;
color: #000;
}

h2, h2 a, h2 a:visited {
font-size: 18px;
font-family: Verdana, Arial, Helvetica;
font-weight: bold;
color: #000;
}

h2 a:hover {
font-family: Verdana, Arial, Helvetica;
font-weight: bold;
color: #000;
}

h3 {
font-size: 16px;
font-family: Verdana, Arial, Helvetica;
font-weight: bold;
color: #000;
}

h3 a {
color:#001212;
text-decoration:none;
font-weight: bold;
}

h3 a:hover {
color:#8C0099;
font-weight: bold;
}

#menubar {
   border: none;
   background: url('img/navigation.png') no-repeat top left;
   height: 30px;
}

#menu {
   border: none;
   font-size: 12px;
   line-height: 20px;
   margin-left: 20px;

}

/* link color of the menubar */
#menu a {
font-weight: bold;
   color: #D5E7E7;
}

/* Main menu highlighted text color */
#menu li:hover a, .menubar li.sfhover a {
border: none;
   background-image: none;
   color: #EDC92F;
}

/* Main menu highlighted background color */
#menu li:hover, .menubar li.sfhover {
   background-color: #077575;
}

/* The current page you're on */
#menu .current_page_item a {
border: none;
   background-image: none;
   background-color: #580255;
   color: #D5E7E7;
}

#menu li a {
border: none;
}

#header {
background:url("img/header.png") no-repeat scroll center center transparent !important;
height:180px !important;
width:780px !important;
}

#header h1 {
display: none;
}


#blogheader {
height: 1px;
border-top: none;
}

#comic-head {
padding-top: 0;
}

#page {
background: url(img/sidor.png) repeat-y;
background-position: top center;
}



#content {
background: #D5E7E7;
float:none;
margin: 0 auto;
width: 540px;
}

.narrowcolumn {
float:none;
margin: 0 auto;
}

#sidebar-right {
display:none;
}

#footer {
margin-left:auto;
margin-right:auto;
width: 550px;
background: #D5E7E7;
background-position: top center;
font-size: 10px;
}

#footer p{
    font-size: 10px;
}

.textwidget {
text-align: center;
}

.menunav-spotify {
	width: 25px;
	height: 25px;
	margin: 0 0 0 4px;
	display: block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	background: url('img/spotify.png') no-repeat top left;
}

.menunav-spotify:hover {
		background-position: -25px 0;
	}

.menunav-fb {
	width: 25px;
	height: 25px;
	margin: 0 0 0 4px;
	display: block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	background: url('img/facebook.png') no-repeat top left;
}

.menunav-fb:hover {
		background-position: -25px 0;
	}

.menunav-rss {
	width: 25px;
	height: 25px;
	margin: 0 0 0 4px;
	display: block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	background: url('img/menu-nav.png') no-repeat;
        background-position: 0 0;
}

.menunav-rss:hover {
            background: url('img/menu-nav.png') no-repeat;
            background-position: 0 -25px;
	}

#social{
    float: left;
    position: relative;
    top: 142px;
    left: 25px;
}

h2.pagetitle, h2.pagetitle a {
    display: none;
}

#comic_navi_wrapper{
    text-align: center;
}

#comic_navi{
    margin: 0 auto;
}

.navi{
float: left;
padding: 0 5px
}


.comment small{
 display: none;   
}

#front-page{
    width: 768px;
    margin: 0 auto;
    text-align: center;
}

#front-page img{
    margin: 0 auto;
}

#frontpage .narrowcolumn{
    overflow: visible;
}

#frontpage #content{
    float: left;
    background: none;
}