/* DOCUMENT INFORMATION
	- Document: Design Stylesheet
	- Version:  1
	- Client:   Markee Dragon, Inc.
	- Author:   Andrew Maxwell
	- Date:     July 23rd, 2009   
*/

/* TABLE OF CONTENTS
MAIN CONTAINER - The main container which holds everything within the body
HEADER - Site name, logo
LEFT MENU - Company Sites, Recent Posts, Archived Posts
MAINCONTENT - Posts, Comments
RIGHT MENU - Profile/Contact Information, Sites I like, In the press, Subscribe
FOOTER - Copyright
*/

/* CSS DIRECTORY
	1. =GLOBAL
	2. =PRIMARY
	3. =MAIN CONTAINER
	4. =HEADER
	5. =LEFT MENU
	6. =MAIN CONTENT
	7. =RIGHT MENU
	8. =FOOTER
*/

/* HACK DIRECTORY
	% box model hack
	$ targets safari
	& clearfix hack
	? targets IE 7
*/


/* COLORS
	- default body text  #000
	- form input borders #000
	- default p text     #000
	- pre borders        #fff
	- default link text  #cebca8
	- Post Date H2       #000
	- Post Title H3      #1F1D1B
	- Post Title H3 BG   #ae9274
*/

/* FONTS
	- default body text
	- subtitle h2 text   
	- form input text   
	- default p text    
	- pre and code       
*/


/*=== 1. GLOBAL ===*/
* {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
html {
	height: 100%;
}
body {
	height: 100%;
	text-align: center;
	background-color: #000;
	color: #000;
	background-image: url(../images/body_bg.png);
	background-position: top;
	background-repeat: repeat;
}
h1 {
	font-size: 14px;
}
h2 {
	font-size: 14px;
}
h3 {
	font-size: 13px;
}
h4 {
	font-size: 12px;
}
h5 {
	font-size: 10px;
}
h6 {
	font-size: 9px;
}
p {
	color: #000;
}
a:link {
	text-decoration: none;
	color: #cebca8;
}
a:visited {
	text-decoration: none;
	color: #cebca8;
}
a:hover {
	text-decoration: underline;
	color: #cebca8;
}
a:active {
	text-decoration: none;
	color: #cebca8;
}
img {
	border: none;
}
table {
}
tr {
}
th {
}
td {
}
ol {
}
ul {
}
li {
}
hr {
	width: 90%;
}
/*=== 2. PRIMARY ===*/
.white {
	color: #fff;
}
.black {
	color: #000;
}
.red {
	color: #ff0000;
}
.yellow {
	color: #ffff00;
}
.sx {
	width: 100%;
}
.sy {
	height: 100%;
}
.copyright {
	font-size: 9px;
}

/*=== 3. MAIN CONTAINER ===*/
.mainContainer {
	width: 1000px;
	height: 100%;
	margin: 0 auto;
}
#container {
	width: 1000px;
	min-height: 100%;
	margin: 0 auto;
}

/*=== 4. HEADER ===*/
#header {
	width: 1000px;
	height: 255px;
	background-image: url(../images/01_main.jpg);
	background-repeat: no-repeat;
}

/*=== 5. LEFT MENU ===*/
#leftMenu {
	width: 200px;
	min-height: 100%;
	float: left;
	background-image: url(../images/left_menu_bg.jpg);
	background-position: top;
	background-repeat: repeat-y;
	padding-bottom: 0;
	margin-left: 1px;
}
.leftMenuBG {
	background-image: url(../images/left_menu_bg.jpg);
	background-position: top;
	background-repeat: repeat-y;
	width: 200px;
}
.companySites {
	text-align: left;
	float: left;
	margin: 5px;
	list-style: none;
}
ul.companySites li a {
	background-image: url(../images/online.jpg);
	background-position: 0;
	background-repeat: no-repeat;
	padding: 5px;
	width: 150px;
	display: block;
	padding-left: 30px;
	margin: 5px 2px;
}
ul.recentPosts {
	text-align: left;
	float: left;
	margin: 5px;
	list-style: none;
}
ul.recentPosts li a {
	background-image: url(../images/online.jpg);
	background-position: 0;
	background-repeat: no-repeat;
	padding: 5px;
	width: 150px;
	display: block;
	padding-left: 30px;
	margin: 5px 2px;
}
ul.archive-list {
	text-align: left;
	float: left;
	margin: 5px;
	list-style: none;
}
ul.archive-list li a {
	background-image: url(../images/online.jpg);
	background-position: 0;
	background-repeat: no-repeat;
	padding: 5px;
	width: 150px;
	display: block;
	padding-left: 30px;
	margin: 5px 2px;
}
/*=== 6. MAIN CONTENT ===*/
.mainContent {
	position: relative;
	width: 600px;
	padding: 0;
	margin: 0;
}
#centerContent {
	position: relative;
	width: 600px;
	height: 100%;
}
#content {
	width: 600px;
	float: left;
	padding: 0;
	position: relative;
	background-image: url(../images/bg.png);
	background-position: top;
	background-repeat: repeat;
	text-align: left;
	margin-top: 0;
}
#mainContent {
	height: 190px;
	width: 600px;
	float: left;
	background: url(../images/header_banner_bg.png) repeat-y;
	position: relative;
}
.mainContent1 {
	position: absolute;
	top: 0px;
	left: 0;
	width: 600px;
	height: 55px;
	background-image: url(../images/main_content_top.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
.mainContent2 {
	position: absolute;
	top: 55px;
	left: 0;
	width: 600px;
	height: 150px;
	background-image: url(../images/main_content_top2.png);
	background-position: top;
	background-repeat: no-repeat;
}
.mainContent_footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 600px;
	height: 40px;
	background-image: url(../images/header_banner_footer.png);
	background-position: top;
	background-repeat: no-repeat;
	z-index: 10;
}
.post {
	background-image: url(../images/post_bg.png);
	background-repeat: repeat-y;
	width: 570px;
	margin: 0 auto;
	padding: 42px 15px 20px 15px;
	position: relative;
}
.postHeader {
	background-image: url(../images/post_header.png);
	width: 600px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	
}
.postFooter {
	background-image: url(../images/post_footer.png);
	width: 600px;
	height: 40px;
	position: absolute;
	left: 0;
	bottom: 0;
}	
#dateHeader {
	position: relative;
	height: 35px;
	width: 550px;
}
h2.date-header {
	margin: 0 2px 0 3px;
	color: #000;
	text-align: right;
	padding: 10px 10px 5px 10px;
}
h3.post-title {
	background-color: #8F7962;
	color: #1F1D1B;
	text-align: left;
	padding: 5px;
	margin: 5px 0px 10px 1px;
	border-top: double 3px #444;
	border-bottom: double 3px #444;
}
.post-body {
	margin: 0 10px;
}
/*=== COMMENTS ===*/
#comments {
	display: none;
}
.post-footer {
	margin: 5px 20px 5px 0;
	text-align: right; 
}

/*=== 7. Right MENU ===*/
#rightMenu {
	width: 200px;
	min-height: 100%;
	float: left;
	background-image: url(../images/right_menu_bg.jpg);
	background-position: top;
	background-repeat: repeat-y;
	position: relative;
	padding-bottom: 0;
	text-align: left;
}
.contact {
	width: 180px;
	margin: 5px 0 0 20px;
}
.contact ul {
	list-style: inside;
}
ul.sitesILike, ul.inThePress {
	text-align: left;
	float: left;
	margin: 5px;
	list-style: none;
}
ul.sitesILike li a, ul.inThePress li a {
	background-image: url(../images/online.jpg);
	background-position: 0;
	background-repeat: no-repeat;
	padding: 5px;
	width: 150px;
	display: block;
	padding-left: 30px;
	margin: 5px 2px;
}
/*=== 8. FOOTER ===*/
#footer {
	float: left;
	width: 1000px;
	height: 25px;
	margin: 5px auto;
	padding: 0;
}
#footer p {
	color: #FFF;
	font-size: 10px;
}