/*
Theme Name: Sorcery 101
Version: 1.0.0
Author: Joseph Kovell
Author URI: http://noneedforbushido.com/
*/

@charset "UTF-8";

body {
	padding: 0px;
	margin: 0px;
	color: #CCCCCC;
	font-family: Helvetica, sans-serif;
}

body {
	background-color: #567049;
}

a:link {
	color: #000000;
	text-decoration: none;
}

a:visited {
	color: #000000;
	text-decoration: none;
}

#header {
}

#announcement {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	float: left;
	width: 900px;
	text-align: center;
	color: #000000;
}

#wrap {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.scripts {
	width: 900px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	clear: both;
}

.content {
	float: left;
}

#site_nav {
	float: left;
	color: #000000;
}

#wrap #site_nav  ul {
	text-transform: uppercase;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#wrap #site_nav  li {
	display: inline;
	padding: 0px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
}

.main {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 725px;
}

.comic {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 725px;
	text-align: center;
}

.comic_nav {
	padding: 0px;
	height: 50px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 360px;
}

a img {
	border-style: none;
}

.comic_info {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 725px;
	text-align: center;
}

.sidebar {
	padding: 0px;
	float: left;
	width: 160px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.footer {
	float: left;
	width: 900px;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-position: center;
	text-align: center;
}

.news_main {
	float: left;
	width: 580px;
	margin-right: 20px;
margin-top: 15px;
}

.news_side {
	float: left;
	width: 125px;
margin-top: 15px;
}

.misc {
	float: left;
	width: 725px;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.rectangle_ad {
	float: left;
	width: 300px;
	height: 250px;
}

.links {
	float: left;
	width: 400px;
	height: 250px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.links ul{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	float: left;
}

.links li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.twitter {
	float: left;
	width: 160px;
	overflow: hidden;
}

.twitter span{
	float: left;
	width: 160px;
}


.twitter ul {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.twitter li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

h2 {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	color: #ffd200;
}

.first-comic-link {
	width: 90px;
	float: left;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;}

.first-comic-link:hover{
}

.first-comic-link span {
}

.last-comic-link {
	width: 90px;
	float: left;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;}

.last-comic-link:hover{
}

.last-comic-link span {
}

.previous-comic-link {
	width: 90px;
	float: left;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;}

.previous-comic-link:hover{
}

.previous-comic-link span {
}

.next-comic-link {
	width: 90px;
	float: left;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.next-comic-link:hover{
}

.next-comic-link span {
}

.current-comic {
	visibility: hidden;
}

#suckerfishnav {
    background:#567049 repeat-x;
    font-size:15px;
    font-family:Helvetica,sans-serif;
    font-weight:bold;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:30px;
    padding:0;
    border:0px solid #aaa;
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#000000;
    text-decoration:none;
    padding:0px 10px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:101px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:0px solid #666666;
    }
#suckerfishnav li li {
    width:99px;
    border-bottom:0px solid #666666;
    border-left:0px solid #666666;
    border-right:0px solid #666666;
    font-weight:bold;
    font-family:Helvetica,sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:80px;
    font-size:11px;
    color:#000000;
    }
#suckerfishnav li ul ul {
    margin:-20px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#84b9c1;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#000000;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#000000;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#000000;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#84b9c1;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#567049;
    }