@font-face {
	font-family: "Fertigo Pro Regular";
	src: url("../images/skin/fonts/Fertigo_PRO.otf") format("opentype");
}
/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */

a,
a:link {
	color: #A81693;
	text-decoration: none;
}
a:visited {
	color: #722567;
}
a:hover {
	color: #F45DE0;
}
a:active {
	color: #F2D1FA;
}
a img {
	border: 0;
}
p {
	margin: 0 0 20px;
	line-height: 20px;
}
html {
	border: 0;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background: #141C2B url(../bg.gif) repeat fixed;
	border: 0;
	color: #fff;
	cursor: default;
	font: 12px Trebuchet, Tahoma, Arial, sans-serif;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

#container {
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	width: 980px;
}

#header {
	background: url(../header.png) no-repeat center;
	height: 224px;
	position: absolute;
	top: 0;
	left: 115px;
	width: 754px;
	z-index:6;
}
#language {
	position: absolute;
	top: 20px;
	right: 80px;
}
	
.lang2 {
	background: url(../language.png) center;
	height: 112px;
	width: 159px;
}

.lang2:hover {
	background: url(../language-over.png) center
}

#navigation { /* Navigation shape */
	font-size: 11px;
	font-weight: bold;
	margin: 0 auto;
	position: relative;
	left: 20px;
	width: 655px;
	z-index: 10;
}

#navigation a {
	color: #E8C200;
}
#navigation a:visited {
	color: #DBA500;
}
#navigation a:hover {
	color: #FFE462;
}
#navigation a:active {
	color: #FFF5C6;
}

#nav,
#nav ul {/* The overall look of the navigation */
	background: #000;
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
	float: left;
	font-family: "Fertigo Pro Regular", Trebuchet, Tahoma, Arial, sans-serif;
	list-style: none;
	margin: 0 0 1em 0;
	position: relative;
	left: -20px;
	text-transform: uppercase;
	width: 100%;
	z-index: 20;
}

#nav a { /* Links on the top navigation */
	display: block; /* Must stay */
	height: auto;
	margin: 0 auto;
	text-shadow: 1px 1px 1px #111;
}

#nav li { /* Look of individual sections of top links */
	background: #141C2B;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	float: left;
	margin: 0 5px;
	padding: 4px 0;
	position: relative;
	width: 7.4em;
} 

#nav li ul { /* Dropdown section */
	border:#0F4C78 2px solid;
	background: #666D98;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
	display: none;
	font: normal 11px Trebuchet, Tahoma, Arial, sans-serif;
	height: auto;
	margin: 3px 0 0;
	padding: 7px 0 0;
	position: absolute;
	top: auto;
	left: 0;
	text-transform: none;
	width: 8.2em;
}

#nav li li {/* Dropdown link sections */
	background: none;
	margin: 0 0 0 31px;
	width: 7.2em;
}

#nav li ul a {
	margin: 0 0 0 -35px;
	padding: 0 0 2px;
	width: 9em;
}

#nav li li li {
	display: none;
}

#nav li:hover ul,
#nav li li:hover li,
#nav li.over ul,
#nav li li.over li {
	display: block;
}

#nav li a:hover,
#nav li a.over {/* Dropdown hover highlight color */
	background: #9549A7;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}

#main {
	border: 0;
	margin: 0 auto;
	padding: 0;
	text-shadow: 1px 1px 1px #245276;
	width: 720px;
	height: 100%;
}

#inside {
	background: #62A8D5 url(../bg2.jpg) repeat-y top;
	border-left: 6px solid #FFCC00;
	border-right: 6px solid #FFCC00;
	padding: 180px 109px 0 109px;
}

#news p {
	text-align: justify;
}

.entry-date {
	margin: 8px auto;
	text-align: center;
}

.bookmark-this,
.bookmark-goto,
.bookmark-clear,
.first-comic-link,
.previous-comic-link,
.archive-link {
	background: #141B2C; 
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 
	border-radius: 20px; 
	-moz-box-shadow: 2px 1px 1px #245276; 
	-webkit-box-shadow: 2px 1px 1px #245276; 
	box-shadow: 2px 1px 1px #245276; 
	padding: 10px; 
	text-shadow: 2px 2px 2px #0A0E17; 
}

.bookmark-this:hover,
.bookmark-goto:hover,
.bookmark-clear:hover,
.first-comic-link:hover,
.previous-comic-link:hover,
.archive-link:hover {
	background: #0A0E17; 
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 
	border-radius: 20px; 
	-moz-box-shadow: 2px 1px 1px #245276; 
	-webkit-box-shadow: 2px 1px 1px #245276; 
	box-shadow: 2px 1px 1px #245276; 
	padding: 13px; 
	text-shadow: 2px 2px 2px #0A0E17; 
}

#footer {
	font-size: 10px;
	padding-bottom: 15px;
}

#lp-poll {
	text-align: left;
}

#polltweet {
	float: left;
	padding: 6px 3px 3px 25px;
	width: 45%;
}

#votestuff {
	float: right;
	padding: 6px 3px 3px;
	width: 45%;
}


h1,
h1 a {
	color: #0F224F;
	font: bold 35px "Fertigo Pro Regular", "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif;
	letter-spacing: 2pt;
	margin: 10px auto;
	text-shadow: 2px 1px 1px #245276;
	word-spacing: 4pt;
}

h2,
h2 a {
	color: #0F224F;
	font: bold 26px "Fertigo Pro Regular", "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1pt;
	margin: 8px auto;
	text-shadow: 2px 1px 1px #245276;
	word-spacing: 2pt;
}

h3,
h3 a {
	color: #0F224F;
	font: bold 18px "Fertigo Pro Regular", "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1pt;
	margin: 8px auto;
	text-shadow: 2px 1px 1px #245276;
	word-spacing: 2pt;
}

h4,
h5,
h6 {
	font-family: "Fertigo Pro Regular", "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-shadow: 1px 1px 1px #245276;
	margin:5px auto;
}

input,
textarea {
	font-size: 13px;
	color: #fff;
	background: #141B2C url(../bg.gif);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	font-family: Trebuchet, Tahoma, Arial, sans-serif; border:1px solid #fff;
}

input:focus,
textarea:focus {
	-webkit-box-shadow: 0 0 10px #6EBCEB;
	-moz-box-shadow: 0 0 10px #6EBCEB;
	box-shadow: 0 0 10px #6EBCEB;
}

.cancan {
	border: 1px solid #301A35;
}

.sparklies {
	background: fixed url(../sparklies.gif) repeat;
}

.important {
	color: #FF0000;
	font-size: 18px;
	font-weight: bolder;
	text-transform: uppercase;
}

.liststuff {
	list-style: none;
	margin: 0 auto;
	text-align: left;
	width: 80%;
}

.liststuff li {
	padding-bottom:6px;
}

.str {
	text-decoration: line-through;
}

.und {
	text-decoration: underline;
}

.warning {
	border: 2px solid #FF0000;
	color: #FF0000;
}

.reading {
	font-size: 12px;
	text-align: left;
}

.artwork img {
	border: 1px solid #E8C200;
}

.artwork a {
	opacity: 0.7;
}

.artwork a:hover {
	opacity: 1;
}

.noshow {
	display: none;
}

/*
#pw-sky1 {
	height: 620px;
	position: absolute;
	top: 350px;
	left: -5px;
	width: 167px;
}
*/

#pw-sky2 {
	background: #FFCC00;
	height: 620px;
	padding: 5px 0 0 7px;
	position: absolute;
	top: 350px;
	right: -5px;
	width: 167px;
}

#pw-sky2-v2 {
	background: #FFCC00;
	height: 620px;
	padding: 5px 0 0 7px;
	position: absolute;
	right: -5px;
	top: 130px;
	width: 167px;
}

#pw-sky2 a:visited,
#pw-sky2-v2 a:visited {
	color: #fff;
}
#pw-banner {
	margin: 0 auto;
	padding: 0 0 15px;
	width: 468px;
}

#poopsies {
	position: absolute;
	top: 270px;
	right: 185px;
}

#poopsies img {
	opacity: 0.8;
}

#poopsies img:hover {
	opacity: 1;
}

/* Clear fixes */

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
