/* @override http://localhost/madpiranha/skins/madpiranha/stylesheets/styles.css */

body {
	background: url(../wsimages/page_bkgd.png) repeat;
	margin: 0;
	padding: 0 0 180px;
	font: normal 12px/1.5em "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;

}

/**********************
    RESETS
**********************/
p {
	margin: 0;
}

a {
	color: #0081ff;
	text-decoration: none;
}

a:hover {
	color: #61cbff;
}

.border {
	color: #0081ff;
	border-top: 1px dotted #0081ff;
	margin-top: 15px;
}

div#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 180px;
	background-color: #000;
	color: #fff;
	border-top: 1px dotted #0081ff;
}

@media screen{
  body>div#footer{
   position: fixed;
  }
 }
 
 * html body{
  overflow:hidden;
 } 


div#page-wrap {
	background: url(../wsimages/fish.jpg) no-repeat left top;
	width: 1006px;
	margin: 0;
}

 * html div#page-wrap{
  height:100%;
  overflow:auto;
 }

div#header {
	width: 1000px;
	height: 180px;
}

div#header .logo {
	top: 60px;
	position: absolute;
	left: 95px;
}

div#header .primary-nav {
	float: right;
	width: 300px;
}

div#header .primary-nav ul {
	margin: 20px 20px 0 0;
	padding: 0;
	text-align: right;
	list-style-type: none;
}

div#header .primary-nav ul li a {
	color: #fff;
	font-size: 175%;
	font-weight: bold;
	text-decoration: none;
	padding-right: 20px;
	background: url(../wsimages/icons/16/06.png) no-repeat right 5px;
	padding-bottom: 25px;
	line-height: 1.2em;
}

div#header .primary-nav ul li a:hover {
	color: #61cbff;
}

div#content-wrap {
	height: 100%;
	width: 1000px;
	margin: 0;
}

div#content {
	width: 100%;
}

div#left-side {
	width: 280px;
	float: left;
	margin-left: 25px;
	color: #ccc;
	margin-top: 400px;
	background: transparent;
}

.archive-pod ul {
	list-style: none;
	list-style-image: url(../wsimages/icons/10/12.png);
	margin-left: 0;
	padding-left: 20px;
}

.archive-pod ul li a {
	text-indent: none;
	margin-left: 0;
	padding-left: 0;
	text-decoration: none;
	color: #ccc;
}

.archive-pod li a:hover {
	color: #0081ff;
}

div#right-column {
	width: 648px;
	margin-left: 340px;
}

/*************************
	POSTS
*************************/
div#post {
	width: 648px;
	margin-bottom: 25px;
}

div#post .post-header {
	height: 77px;
	width: 100%;
	background: url(../wsimages/post_header_bkgd.png) no-repeat;
	margin: 0;
	padding: 0;
}

.post-title {
	margin-left: 67px;
	padding-top: 25px;
	color: #66ccff;
	font-size: 155%;
	font-weight: bold;
	text-shadow: #61cbff 1px 1px 0;
}

.post-title a:hover {
	color: #61cbff;
}

.post-author {
	margin-left: 67px;
	color: #808080;
	margin-top: 5px;
}

div#post-date {
	text-align: center;
	float: left;
	margin-top: 22px;
	width: 46px;
	padding: 0;
	padding-left: 2px;
}

div#post-date .month {
	color: #fff;
	font-size: 90%;
	margin-bottom: 0;
}

div#post-date .day {
	color: #0081ff;
	font-size: 160%;
	font-weight: bold;
	text-shadow: #61cbff 1px 1px 0;
	margin: 0;
	padding: 0;
	line-height: .8em;
}

div#post-date .year {
	color: #e6e6e6;
	font-size: 90%;
}

div#post .post-body {
	background: url(../wsimages/post_mid_bkgd.png) repeat-y right top;
	color: #cccccc;
	padding: 5px 20px 20px 67px;
	text-align: justify;
}

div#post .post-body p {
	margin-bottom: 10px;
}

div#post .post-footer {
	background: url(../wsimages/post_bottom_bkgd.png) no-repeat right top;
	margin-left: 0;
	color: #fff;
	margin-top: 0;
	padding: 0 20px 15px 67px;
}

.entry-footer {
	padding-top: 20px;
}

.commentlist {

	padding-left: 10px;

	margin-left: 10px;

}

.commentlist li {
	padding-top: 10px;
	border-top-color: #0080ff;
	border-top-width: 1px;
	border-top-style: dotted;
	margin-bottom: 10px;
	margin-top: 10px;
}

ol .commentlist li .alt{

	background-color: white;

}


h3#comments {
	color: #cccccc;
}

.comment-count {
	color: #0081ff;
	font-weight: bold;
	background: url(../wsimages/icons/16/30.png) no-repeat left top;
	padding-left: 20px;
}

.category-label {
	color: #0081ff;
	font-weight: bold;
	padding-right: 5px;
}

a.category {
	color: #ccc;
	padding-right: 5px;
	padding-left: 20px;
	background: url(../wsimages/icons/16/13.png) no-repeat left top;
	line-height: 1em;
	font-size: 90%;
	text-decoration: none;
}

a.category:hover,a.category:active {
	color: #0081ff;
}

div .archive-navigation {
	margin-left: 390px;
	margin-bottom: 25px;
}

.previous-entries {
	padding-left: 15px;
	background: url(../wsimages/icons/16/32.png) no-repeat left top;
	color: #61cbff;
	font-weight: bold;
	font-size: 120%;
}

.next-entries {
	float: right;
	padding-right: 15px;
	color: #61cbff;
	background: url(../wsimages/icons/16/31.png) no-repeat right top;
	font-weight: bold;
	font-size: 120%;
}

/************************
    FOOTER STUFF
************************/

.footer-recent-posts h3, .footer-categories h3, .footer-comments h3 {
	color: #0081ff;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.footer-recent-posts {
	width: 300px;
	float: left;
	padding: 5px;
	margin: 5px;
	overflow: hidden;
}

.footer-recent-posts ul {
	list-style: none;
	list-style-image: url(../wsimages/icons/10/23.png);
	margin-left: 0;
	padding-left: 20px;
	margin-top: 2px;
}

.footer-recent-posts ul li a {
	text-indent: none;
	margin-left: 0;
	padding-left: 0;
	text-decoration: none;
	color: #ccc;
}

.footer-recent-posts li a:hover {
	color: #0081ff;
}

.footer-categories {
	width: 300px;
	padding: 5px;
	margin-top: 5px;
	margin-left: 320px;
	margin-right: 320px;
	overflow: hidden;
}

.footer-categories ul {
	list-style: none;
	list-style-image: url(../wsimages/icons/10/13.png);
	margin-left: 0;
	padding-left: 20px;
}

.footer-categories ul li a {
	text-indent: none;
	margin-left: 0;
	padding-left: 0;
	text-decoration: none;
	color: #ccc;
}

.footer-categories li a:hover {
	color: #0081ff;
}

.footer-categories {
	
}

.footer-comments {
	width: 300px;
	float: right;
	padding: 5px;
	margin: 5px;
	overflow: hidden;
}

.footer-comments ul {
	list-style: none;
	list-style-image: url(../wsimages/icons/10/12.png);
	margin-left: 0;
	padding-left: 20px;
	margin-top: 2px;
}

.footer-comments ul li a {
	text-indent: none;
	margin-left: 0;
	padding-left: 0;
	text-decoration: none;
	color: #ccc;
}

.footer-comments li a:hover {
	color: #0081ff;
}

div#copyright-info {
	font-weight: bold;
	color: #0080ff;
	width: 100%;
	float: none;
	padding-left: 15px;
	background-color: #000;
	bottom: 0;
	position: absolute;
	padding-top: 5px;
	padding-bottom: 5px;

}

div#copyright-info a {
	color: #0081ff;
	font-weight: bold;
}