/*

Theme Name: MysticOrnate

Theme URI: http://www.mysticrev.com/

Description: Mystic Revolution web comic Theme.

Version: 0.9

Author: Michael Rigato

Author URI: http://www.mysticrev.com/mm/



	Mystic Ornate v0.9

	http://www.mysticrev.com/mm/



	This Ornate theme designed to be used with the Mystic Revolution Web Comic



	this theme uses many more images than the Mystic Plain theme,

	for backgrounds and suchlike.



	Based structurarly on the Kubrick theme



	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php

*/



/*            */

body {

  font-size: 62.5%; /* Resets 1em to 10px */

  font-family: Arial, Helvetica, Sans-Serif;

  text-align: center;

  background-color: #000000;

  color: #ffccff;

  margin: 0px;

  padding: 0px;

  }



#page {

  margin: 0px auto;

  width: 744px !important;

  text-align: center;

}





#header {

  width: 744px;

  height: 160px;

  color: #000000;

  padding: 0px;

  margin: 0px;

  border: none;

}



.glowtop {

  width: 744px;

  height: 25px;

  margin: 0px auto;

  padding: 0px;

  border: 0px solid;

}

.glowbase {

  width: 744px;

  height: 25px;

  margin: 0px auto;

  padding: 0px;

  border: 0px solid;

  margin-top: 40px;

}



#content {

  font-size: 1.2em

}



#footer {

	background-color: #000000;

	color: #cc99cc;

	}



small {

	font-family: Arial, Helvetica, Sans-Serif;

	font-size: 0.9em;

	line-height: 1em;

	}



h1, h2, h3 {

	font-family: Arial, Helvetica, Sans-Serif;

	font-weight: bold;

	line-height: 1.5em;

	}



h1 {

	font-size: 4em;

	text-align: center;

	}



h2 {

	font-size: 1.6em;

	}



h2.pagetitle {

	font-size: 1.6em;

	}



h3 {

	font-size: 1.3em;

	}



a:link{

  color: #996699;

  text-decoration: none;

}



a:hover {

  color: #663366;

  text-decoration: underline;

}

a:active {

  color: #ffccff;

  text-decoration: underline;

}

a:visited {

  color: #996699;

  text-decoration: none;

}

h1, h1 a, h1 a:hover, h1 a:visited {

	text-decoration: none;

	color: #996699;

	}



h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {

	color: #996699;

	}



h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {

	text-decoration: none;

	}





/* End Typography & Colors */







/* Begin Structure */

body {

	margin: 0;

	padding: 0;

	}





#headerimg {

  margin: 0px;

  padding: 0px;

  border: none;

  height: 160px;

  width: 744px;

}



.middlecolumn {

  margin: 0px auto;

  padding: 20px 0px 0px;

  width: 744px;

  text-align: center;

}



.middlecolumn2 {

  margin: 0px auto;

  padding: 0px;

  width: 744px;

  text-align: center;

}



#comictitle {

  text-align: center;

  color: #ffffff;

  background-color: #cc99cc;

  width: 650px;

  height: 20px;

  margin: 0px auto 0px;

  padding: 5px 0px;

}



#comic {

  background-color: #cc99cc;

  width: 650px;

  height: 891px;

  margin: 0px auto;

}



#functions-div {

  background-color: #cc99cc;

  padding: 0px;

  margin: 0px auto;

  height: 200px;

}



.comic-functions-layout {

  border-collapse: collapse;

  margin: 0px;

  padding: 0px;

  border: 0px solid #cc99cc;

  background-color: #cc99cc;

}



.comic-functions-table {

  border-collapse: collapse;

  margin: 0px;

  background-color: #cc99cc;

}



#comic-functions {

  height: 31px;

  margin: 0px auto;

  width: 744px;

  border: 0px solid;

  text-align: center;

  whitespace: no;

}



#comic-functions a {

  background-color: #000000;

  margin: 0px;

  padding: 0px;

  border: 0px solid;

  width: 186px !important;

  height: 30px;

}



#news-pre-header {

  width: 100%;

  margin: 0px;

  padding: 0px;

}



#newsheader {

  color: #000000;

  text-align: right;

  margin: 0px 0px 0px auto;

  padding: 0px 0px;

  border: 0px solid;

  font-size: 12px;

}



#newsfooter {

  width: auto;

  background-color: #cc99cc;

  color: #000000;

  text-align: right;

  font-size: 120%;

  margin: 0px 1px;

  padding: 0px auto;

  border-top: 5px solid #cc99cc;

}



#leftThird {

  height: 100px;

  width: 240px !important;

  float: left;  

  color: #000000;

  text-align: left;

  padding: 0px 0px;

  border: 0px solid;

  font-size: 12px;

  border-right: 0px solid #cc99cc;

}

#centerThird {

  height: 100px;

  width: 246px !important;

  margin: 0px auto;  

  color: #000000;

  padding: 0px 0px;

  border: 0px solid;

  font-size: 12px;  

}

#rightThird {

  height: 100px;

  width: 240px !important;

  float: right;  

  color: #000000;

  text-align: right;

  padding: 0px 0px;

  border: 0px solid;

  font-size: 12px;

  border-left: 0px solid #996699;

}



#leftThird, #centerThird, #rightThird {

  display: inline-block;

}



.comicdropdown-form {

  width: 100%;

  margin: auto;

}



.archive-selector {

  font-family: Arial, Helvetica, Sans-Serif;

  width: 100%;

  border: 1px solid #ffccff;

  background-color: #cc99cc;

  color: #330033;

}



.post {

  border: 0px solid;

  border-top: 2px solid #cc99cc;

  min-height: 125px;

  padding: 0px;

  text-align: left;

  margin-bottom: 0px;

  padding-bottom: 0px;

  padding-left: 30px;

  color: #cc99cc;

}



.post-base {

  border: 0px solid;

  height: 25px;

  padding: 0px;

  margin: auto 0px 0px;

  width: 100%;

}



.post h2 {

  font-size: x-large;

  text-align: left;

  padding: 1px;

  padding-left: 120px;

  margin: 5px;

}



.post small {

  font-size: 90%;

  margin: 0px 30px;

  width: 100%;

  color: #cc99cc;

}



.entry {

  padding: 10px;

  padding-left: 125px;

  padding-top: 0px;

  text-align: left;

  color: #cc99cc;

}



#footer {

  padding: 0px;

  margin: 0px auto;

  width: 744px;

}



#footer p {

  margin: 0;

  padding: 5px 0;

  text-align: right;

}

/* End Structure */



form {

  margin: 0px;

  padding: 0px;

  border: 0px;

}



/* Begin Images */

img {

  margin: 0px;

  padding: 0px;

  border: 0px solid;

}



img.avatar {

  border: 2px solid #cc99cc;

  float: left;

  margin: 0px;

  padding: 0px !important;

  margin-left: 25px;

  margin-top: 25px;

  background-color: #000000;

  float: left;

}



img.title {

  margin: 0px;

  padding: 0px;

  height: 160px;

  width: 744px;

}





p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



.centered {

	display: block;

	margin: 0px auto;

	}



.alignright {

	margin: 0 5px 0px 5px;

	display: inline;

	float: right;

	}



.alignleft {

	margin: 0 5px 0px 5px;

	display: inline;

	float: left

	}
	
.aligncenter {
  margin: 0 auto;
}

/* End Images */



/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #999;

	}



blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #cc99cc;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



.center {

	text-align: center;

	}



hr {

	display: none;

	}



a img {

	border: none;

	}



.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 60px;

	}

/* End Various Tags & Classes*/







/* well I couldn't leave the poem in, that would look too much like the file was copied (hehe) */