/*  About this theme
------------------------------------
	Theme Name: Morpheus' Mlog
	Theme URI: http://www.morpheusmedia.com/mlog/
	Description:
	Version: 2.1
	Author: 10 Volt Media / Jeff Couturier
	Author URI: http://www.10voltmedia.com
------------------------------------	
swatches:
	#444444	- gray (dark)
	#6F6F6F	- gray (mid)
	#CCCCCC - gray (light)
	#1E778D	- turquoise 1 (dark)
	#36A8B8 - turquoise 2 (mid)
	#9BC5C5 - turquoise 3 (light)
------------------------------------------- */

/* global reset */
* {
	margin: 0px;
	padding: 0px;
}

body, html {
	min-width: 900px;
	font-size: 100%;
	font-family: Verdana, Arial, Sans-Serif;
	color: #444444;
	background: #ffffff;
}


/* structure
------------------------------------------- */
#page {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 920px;
	margin-left: -522px;
	padding-bottom: 100px;
	background: url('img/morpheuslogo.gif') no-repeat left top;	
}

#navigation {
	width: 755px;
	margin: 0 0 30px 82px;
}


/* accordion menu
---------------------- */
div#menubar {
  margin: 20px 0 0 0;
  font-size: 10px;
  text-transform: uppercase;
  width: 750px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

ul#nav {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  color: #008a9f;
  height: 20px;
  line-height: 20px;
  list-style: none;
  padding: 0 0 5px 0;
  width: 100%:
}

ul#nav li {
  float: left;
  margin: 0;
  padding-right: 20px;
}

.opened { padding-bottom:5px; background-color: #fff; border-bottom: 1px solid #ccc; }
.closed { border-bottom: 0; }

div#accordion-menu {
  color: #7cbbc5;
  padding: 0 0 5px 0;
}

div#accordion-menu ul {
  clear: left;
  list-style: none;
  margin: 0;
  padding: 1% 0;
}

div#accordion-menu ul li {
  float: left;
  margin: 0;
  padding-right: 20px;
  width: 28%;
}

/*
	anchor tag styles for this menu are
	at the bottom of this style sheet
	to override the mlog's theme styles
*/

.accordion-contents {
	height: 0px;
	overflow: hidden;
}
.bottom-line {
	width:100%;
	height:10px;
	border-bottom:1px solid #ccc;
	clear:both;
}
/* ----------------
end: accorion menu */

#header {
	width: 755px;	
	height: 97px;
	margin: 0 0 30px 82px;
	background: url('img/mlog_header.png') no-repeat left bottom;
}

#col_a {
	width: 500px;
	padding-left: 82px;
	float: left;
}

/* sidebar */
#col_sidebar{
	width: 380px;
    margin-left: 647px;
}
#col_b {
	width: 180px;
	float: left;
}

#col_c {
	width: 180px;
	float: right;
}


#footer {
	width: 755px;
	border-top: solid 1px #CCCCCC;
	clear: both;
	color: #6F6F6F;
	font-size: 10px;
	height: 20px;
	line-height: 20px;
	margin: 50px 0 0 82px;
	text-align: right;
	text-transform: uppercase;
}

#footer div {
	float: left;
}

#footer a { color: #6F6F6F; border: none; margin-left: 13px; }
#footer a:hover { background: transparent; border: none; color: #9BC5C5; }

/* posts
------------------------------------------- */
.post {	margin: 0 0 80px 0; }

.post_single { margin: 0 0 30px 0; }

.post h2, .post_single h2 {
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #1E778D;
}

.post_meta_alpha {
	font-size: 11px;
	color: #6F6F6F;
	font-style: italic;
}

.post_body {
	margin: 15px 0 30px 0;
	font-size: 12px;
	color: #444444;
	line-height: 1.5em;
}

.post_body p {
	margin-bottom: 1.25em;
}

.post_body ul {
	margin: 0 0 0 30px;
}

.post_body img {
	float: right;
	padding: 6px;
	margin: 5px 0 5px 5px;
	border: solid 1px #ECECEC;
	background: #f5f5f5;
}

.post_meta_beta {
	font-size: 11px;
	padding: 6px;
	background: #F0F6F6;
	border-bottom: solid 5px #E1F2F4;	
}

.post_meta_tags {
	margin: 0 0 4px 0;
	padding: 0 0 0 20px;
	min-height: 18px;
	background: transparent url('img/icon_tag.png') no-repeat top left;
}

.post_meta_comments {
	padding: 0 0 0 20px;
	min-height: 18px;
	font-size: 14px;
	font-weight: bold;
	background: transparent url('img/icon_comments.png') no-repeat left 2px;
}

.commentcount {
	font-weight: bold;
	font-size: 18px;
}

.post_meta_comments_archive {
	padding: 0 0 0 20px;
	min-height: 18px;
	font-size: 12px;
	background: transparent url('img/icon_comments.png') no-repeat left top;
}

.commencount_archive {
	font-size: 13px;
}


.posteditlink {
	float: right;
	font-size: 12px;
	font-weight: normal;
	margin: 0 10px 0 0;
	padding: 0 0 0 20px;
	background: transparent url('img/icon_pencil.png') no-repeat top left;	
}

.post_meta_virals {
	padding: 6px;
	background: #f0f0f0;
	font-size: 11px;
	line-height: 22px;
}

.post_meta_virals span {
	margin: 0 22px 0 0;
	padding: 0 0 2px 20px;
}

.icon_send { background: url('img/icon_envelope.png') no-repeat left top; }
.icon_digg { background: url('img/icon_digg.png') no-repeat left top; }
.icon_delicious { background: url('img/icon_delicious.png') no-repeat left top; }
.icon_technorati { background: url('img/icon_technorati.png') no-repeat left top; }

.pagination {
	margin: -50px 0 20px 0;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}

.pagination_single {
	margin: 0 0 20px 0;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}


/* comments and comment form
------------------------------------------- */
ol.comment {
	margin: 15px 0 0 25px;
}

.comment_meta {
	margin: 0;
	padding: 6px 6px 6px 26px;
	font-size: 14px;
	font-weight: bold;
	background: #F0F6F6 url('img/icon_comment.png') no-repeat 4px 8px;	
	border-bottom: solid 5px #E1F2F4;	
}

.comment_edit {
	float: right;
	font-size: 12px;
	background: url('img/icon_pencil.png') no-repeat left top;
	padding-left: 20px;
}

.comment_date {
	float: right;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
}

.comment_content {
	margin: 15px 0 60px 0;
	font-size: 12px;
	line-height: 1.5em;
}

.awaiting_moderation {
	font-size: 11px;
	font-weight: bold;
	background: #444444;
	color: #ffffff;
	padding: 6px;
}

#comment_form_heading {
	margin: 20px 0 0 0;
	padding: 6px 6px 6px 30px;
	background: #F0F6F6 url('img/icon_pencil.png') no-repeat 6px center;
}

#comment_form {
	margin: 0 0 60px 0;
	padding: 6px;
	background: #f0f0f0;
	border-top: solid 5px #E1F2F4;
	font-size: 12px;	
}

#comment_form p { margin: 0 0 15px 0; }

#comment_form label { font-size: 12px; }

#comment_form .forminput {
	border: solid 1px #cccccc;
	padding: 4px;
	background: #ffffff;	
	width: 200px;
	font-size: 16px;
	font-weight: bold;
	color: #36A8B8;
}

#comment_form .textbox {
	width: 460px;
	height: 225px;
	border: solid 1px #cccccc;
	padding: 4px;
	background: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #444444;	
}

#comment_form .formbutton {
	margin: 4px 0 0 0;
	padding: 1px;
	background: #36A8B8;	
	border: solid 1px #1E778D;	
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;		
	cursor: pointer;	
}

#comment_form .formbutton:hover {
	background: white;
	border: solid 1px #cccccc;		
	color: #1E778D;
}

#comment_form small {
	font-size: 10px;
	color: #6F6F6F;
}



/* sidebar items
------------------------------------------- */
div.sidebar_block {
	background: url('img/sideblock_bg.png') no-repeat left bottom;
	margin: 0 0 40px 0;
	padding: 0 0 15px 20px;
	font-size: 11px;
}

.sidebar_block h4 {
	margin: 0 0 5px 0;
	font-size: 12px;
	font-weight: bold;
	color: #6F6F6F;
	text-transform: uppercase;
}

.sidebar_block ul {
	list-style: none;
}

.rss_button { 
	background:transparent url(img/rss_small.jpg) no-repeat scroll 0 0;
	display:block;
	height:75px;
	width:75px;
}

.feeds li { margin: 0 0 4px 0; }

.feeds img { margin-bottom: -3px; }

#search {}

#search .forminput, .search .forminput {
	border: solid 1px #cccccc;
	padding: 2px;
	background: #f5f5f5;	
	width: 150px;
	font-size: 12px;
	color: #444444;
}

#search .formbutton, .search .formbutton {
	display: block;
	margin: 4px 0 0 0;
	padding: 1px;
	background: #f5f5f5;
	border: solid 1px #cccccc;		
	font-size: 12px;
	text-transform: uppercase;
	color: #1E778D;
	cursor: pointer;	
}

#search .formbutton:hover, .search .formbutton:hover {
	background: #36A8B8;
	border: solid 1px #1E778D;
	color: #ffffff;	
}

/* links
------------------------------------------- */
a, a:active, a:visited { text-decoration: none; color: #1E778D; border-bottom: none; background: transparent; }
a:hover { color: #333333; border-bottom: solid 1px #36A8B8; background: #F0F6F6; }

.post_meta_virals a, .post_meta_virals a:active, .post_meta_virals a:visited { border-bottom: solid 1px #F0F6F6; }
.post_meta_virals a:hover { border-bottom: solid 1px #36A8B8; background: #DBE9E9; }

.post_meta_beta a:hover, .comment_meta a:hover { background: #DBE9E9; }

#header h1 a:hover { background: transparent !important; border: none !important; }


/* misc overrides
------------------------------------------- */
.alt { margin-top: 8px !important; }
	
.alt ul li a {
	font-weight: bold;
}



/* accordion menu overrides
--------------------------------- */
ul#nav li a {
  color: #008a9f;
  text-decoration: none;
  background: none;
  border: none;
}

ul#nav li a {
	color:#333333;
	text-decoration:none;
  background: none;
  border: none;
}

ul#nav li a:hover {
	color:#0099CC;
  background: none;
  border: none;	
}

div#accordion-menu ul li a {
  color: #7cbbc5;
  text-decoration: none;
  background: none;
  border: none;  
}

div#accordion-menu ul li a:hover {
  color: #999999;
  text-decoration: none;
  background: none;
  border: none;  
}
/* ---------------------------------
end: accordion menu overrides */


/* ---------------------------------
House keeping */

.clearboth{
	clear: both;
}
.clearleft{
	clear: left;
}
.clearright{
	clear: right;
}

.left{
	float: left;
}
.right{
	float: right;
}
