/*
Theme Name: Mythmok Blog Theme v1.0c
Theme URI: http://www.mythmok.com
Description: Mythmok Blog Theme
Author: Myth Mok
Author URI: http://www.mythmok.com
*/

/* ************** STRUCTURE ************** */

body {
    background: url("images/mythmok_bg.jpg") fixed no-repeat top center;
    font-size: 65%; /* Resets 1em to 10px */
    font-size:9pt;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    line-height: 25px;
	color: #6c6a6c;
    width: 97%;
	padding: 0;
}



#page {
   	background: url("images/mythmok_bg_middle.jpg") repeat-y top center;
    position: center;
	margin: 0 auto;
	padding: 0;
	width: 800px;
}

#header {
    position: center;
    top:0px
	margin: 0;
	padding: 0;
	width: 800px;
	height: 290px;
}

#left_margin {
    float: left;
	width: 50px;
}

#content {
    float: left;
	width: 500px;
	margin-top: 25px;
	padding: 0 10 0 10px;
}

#middle_margin {
    float: left;
	width: 30px;
}

#sidebar {
/*   background-color: red;  */
    float: left;
	width: 160px;
	text-align: right;
	margin-top: 20px;
/*	margin: 20px 0 0 -10px;
	padding: 0px 0 0px 50px; */
}

#right_margin {
    float: left;
	width: 60px;
}

#footer {
    clear:both;
    position: center;
	width: 800px;
/*	margin-top:50px; */
	text-align: center;
    line-height: 30px;
}

#footer_bg {
    position: center;
    clear:both;
    background-color: white;
   	background: url("images/mythmok_bg_footer.jpg") no-repeat bottom center;
    height: 60px;
    margin: 0;
}

.navigation {
    clear:both;
    position: center;
	text-align: center;
}


/* **************** LINKS **************** */

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

a:hover {
	color: #202020;
	text-decoration: underline;
}

img {
    border-style: none;
}


/* *************** HEADERS *************** */

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.7em;
}

h2 {
	margin-top: 0;
}

h2.pagetitle {
	text-align: left;
	border-bottom: 1px solid #6c6a6c;
	color: #6c6a6c;
	padding-bottom: 5px;
	margin: 10px 0 30px 0;
}

img.sidebar_seperator1 {
	margin-top: 10px;
	margin-bottom: 5px;
}

img.sidebar_seperator {
	margin-top: 30px;
	margin-bottom: 5px;
}

/* Next's that image under the post title

img.lefth2img {
	margin: -15px 0 -2px 0;
	padding: 0;
}                                         */

/* And next's that image under the titles in sidebar

img.righth2img {
	margin: 0 0 -12px 0;
	padding: 0;
}                                        */

#sidebar h2 {
	color: #6c6a6c;
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
}

.post h2 {
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.post h3 {
	font-size: 1.5em;
	padding: 0;
	margin: 15px 0 0 0;
}

/* ****************** POST ****************** */

.post {
	font-size: 1.1em;
	text-align: justify;
}

.postmetadata {
    margin-top: 40px;
    text-align: right;
/* 	clear: both;
	bottom:0;
    position:absolute;
    text-align: right;
    margin-top: 50px;
	margin-bottom: 40px;
	padding-top: 5px;
	border-top: 1px solid #6c6a6c; */
}

code {
	display: block;
	margin: 5px;
	padding: 5px;
	border: 1px solid black;
	font: 1.1em 'Courier New', Courier, Fixed, Sans-Serif;
	background-color: #eeeeee;
	color: black;
}

blockquote {
	margin: 15px 30px 0 5px;
	padding-left: 15px;
	border-left: 1px solid #6c6a6c;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

/* ************* SIDEBAR LISTS ************** */

/* That next line puts ' ?' front of the list-items
   in the sidebar, with moder browsers only :|

#sidebar ul ul li:before { content: "\00BB \0020"; }

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
}

#sidebar ul li {
	list-style-type: none;
    list-style-image: none;
	margin-bottom: 15px;
}

#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }

#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; }

#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }

ol li, #sidebar ul ol li { list-style: decimal outside; }

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
}                                          */

#sidebar li {
	list-style-type: none;
}

#sidebar li.pagenav {
	list-style-type: none;
}

#sidebar li.page_item {
	list-style-type: none;
}


/* *************** SEARCHFORM *************** */

#searchform {
/*	margin: auto 0;
	padding: 5px 3px;
	text-align: center;            */
}

form#searchform input:focus {
	border: 2px solid #6c6a6c;
	margin: 1px;
}

#searchform input {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	border: 1px solid #6c6a6c;
 	margin-left: 2px;
}

#searchform #s {
	width: 80px;
/*	padding: 2px;  */
}

#searchsubmit { display: yes; }

/* **************** COMMENTS **************** */

/* Form */

#respond {
	clear: both;
	margin-top: 0;
	padding-top: 15px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	color: #6c6a6c;
/*	border-top: 1px solid #6c6a6c;  */
}

form#commentform input:focus, form#commentform textarea:focus {
	border: 2px solid #6c6a6c;
	margin: 0;
}

#commentform input, #commentform textarea {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	border: 1px solid #6c6a6c;
	margin: 0;
	width: 300px;
}

#commentform p { margin: 5px 0; }

/* Comments */

.fn {
	font-weight: bold;
}

.even {
	background-color: #EEEEEE;
	border-top: 1px solid #6c6a6c;
}

.odd {
	background-color: #dddddd;
	border-top: 1px solid #6c6a6c;
}

.commentlist {
	padding: 0;
	margin: 0 0 20px 0;
	text-align: justify;
}

.commentlist li {
	margin: 0px 0 0px 0;
	padding: 5px 10px 3px 10px;
	list-style: none;
}

.commentlist p { margin: 0 0 15px 0; }

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
}

.adhesive_post {
}