@charset "UTF-8";
/* CSS Document */
/*
Theme Name: MREMedia

Description: 
Version: 1.0
Author: MREMedia
Author URI: http://www.mremedia.com./
Tags:light grey,left-sidebar,fixed-width,two-columns,grey 

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* COLORS
background color = fcc735
blue accent = aec2e1
body content BG color = fdf0d7
dark orange = da944a
brown = 54340d
blue = 000066
highlight = fef9ed

*/



body  {
	font: 70%  Tahoma, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(images/bg_lg6_optimized.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
}

#divbg {
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	position: absolute;
	z-index: 0;
}

#container { width: 954px; margin: 0 auto; position:relative; z-index:5; } 

/* background componets */
#topDecor{ position: top:0px; left:0px; background:url(images) no-repeat; width:450px; height:575px; z-index:1;}
#bottomDecor { position: bottom:0px; right:0px; background:url(images) no-repeat; height:575px; width:450px; z-index:1}
#bottomGradient{ background:url(images) repeat-x; width:100%; height:665px; margin-top:-640px;}


/* basics */
a { text-decoration:none}
.aligncenter { display:block; margin-left:auto; margin-right:auto}
.alignleft { float: left; width:100%}
.alignright {float: right;  width:100%}
#recent-posts-3 { font-size:100%;}

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
.clear {clear: both;}

.post {
	margin: 0;
	padding-right: 10px;
}



/* header */
#header { position:relative; background: url(images/banner2.png) no-repeat; height:230px; margin-left:110px; margin-top:0px; margin-bottom:8px; z-index:10} 
	/* h1 header text */
	#header h1 { position: relative; margin-bottom:-50px; z-index:20; left:10px; top:-10px; font-size:250%;  }
	#header h1 a {color:#54340d}
	#header h1 a:hover {color:#da944a}
	/* Blog Description */
	#description { position:relative; z-index:15; margin-bottom:-20px; top:35px; left:10px; }
	
	#rss { position:relative; left:500px;}
	
	
	/* logo */
	#logo { position:relative; background:url(images) no-repeat; height:100px; top:20px; left:80px; width:800px }
	/* Search box in header */
	#search { position:relative;  width:350px; height:25px; top:0px; left:630px}
	/* mre2010 in header */
	#topAds { position:relative;  width:728px; height:90px; margin:-60px 0 0 90px; }
	

	/* top nav */
	#header ul {  position:relative; padding-left:0; list-style-type:none; float:left; width:97%; margin-top:-45px; z-index:4;  margin-left:290px;}
	#header ul li { display:inline;}
	#header ul a, .home a { display:block; float:left; padding:0px 9px; font-size:100%; text-decoration:none; color:#54340d; width:auto}
	#header ul a:hover, .home a:hover  { color:#aec2e1;}
	.pagenav { position:relative; left:20px; top:50px; color:#fdf0d7; list-style-type:none}
	.home { position:relative; top:24px; left:250px; margin-bottom:-20px; width:50px; z-index:20; }


/* Sidebar */
#sidebar {
	position:relative;
	float:left;
	top:0px;
	width:285px;
	margin-right:10px;
	margin-top:-200px;
	z-index:3;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	left: 80px;
}
	#sidebarContentTop {background: url(images/sidebarTop2.png) no-repeat; height:160px; margin-bottom:0px }
	#sidebarContent {background: url(images/sidebarBG1.png) repeat-y; padding:0px 35px 0px 20px; }
	#sidebarContentBottom { background: url(images/sidebarBase1.png) no-repeat; height:30px; }
	
	/* sidebar head title box */
	#sidebarContent h2 {
	position:relative;
	top:-7px;
	background:url(images/sidebarTitleBox2.png) no-repeat;
	height:15px;
	width:298px;
	font-size:100%;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: -20px;
	margin-left: -45px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	font-weight: normal;
}
	
	/* sidebar links */
	#sidebarContent li { position:relative; z-index:10}
	#sidebarContent li a { color:#54340d;}
	#sidebarContent li a:hover { color:#da944a;}
	#sidebarContent ul { padding:10px 0 10px 10px; margin:0 0 0 0; list-style-type:none}
	#sidebarContent caption {padding-top:10px}
	

/*SpryMenuContainer*/
#SpryMenuContainer {
	position:absolute;
	width:339px;
	height:288px;
	z-index:6;
	left: 18px;
	top: 164px;
}


/* main content */
#mainWrap {
	position:relative;
	top:-120px;
	float:right;
	width:654px;
	right: 50px;
	z-index: 4;
}

#mainContentTop{ position:relative; width:654px; float:right; background: url(images/contentTop4.png) no-repeat; height:70px; margin-left:-300px; margin:0px 6px 0px -30px}

#mainContentBottom{background: url(images/contentBottom.png) no-repeat;width:654px; height:25px; float:right; margin-left:-30px; margin:0px 6px 5px -30px}

#mainContent { margin: 0 0px 0 0; padding:0px 40px 0 50px; float:right; width:570px; background:url(images/contentBG.png) repeat-y;   margin-left:-30px;}
	#mainContent #text {
	position:relative;
	z-index:3;
	min-height: 500px;
}/* lifts text above the decor element */
	
	/* links in post */
	#mainContent #text p a {
	color:#285960;
	font-weight: bold;
}
	#mainContent #text p a:hover {
	color:#9FCFD3
}
	
	/* Tags */
	#tags a, #text a {
	color:#285960;
	font-weight: bold;
}
	#tags a:hover, #text a:hover {
	color:#9FCFD3;
	font-weight: bold;
}
	
	/* sets the tile box for h1 and h2 tags */
	#mainContent h1 { position:relative;
	font-size:130%;
	color: #DF4A2C;}
	#mainContent h2 {
	position:relative;
	font-size:130%;
	color: #DF4A2C;
}
	
	/* Post tile link color */
	#mainContent h2 a {
	color:#000000;
}
	#mainContent h2 a:hover { color:#da944a;}
	
	/* time */
	.time { text-align:right; margin-top:-10px}
	
	/* Div added for code styleing */
	#code { background:url(images/codeBG.png) repeat; padding:10px; border:solid thin #000}




/* Footer */
#footer {
	position:relative;
	top:-120px;
	padding: 0 10px 0 70px;
	margin-top:0px;
	font-size:80%;
	color: #CCCCCC;
} 
	#footer p { margin: 0; padding: 10px 0; color:#000000}
	#footer a {
	color:#FFFFFF
}
	#footer a:hover {
	color:#999999
}

#hidden { display:none}

/* Safari Fixes */
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
#footer {top:-10px; }
.home { position:relative; top:23px; left:250px; margin-bottom:-20px; width:50px; z-index:20; }
}
#transformation_container {
	position:absolute;
	width:200px;
	height:115px;
	z-index:6;
	top: 189px;
	left: 4px;
}
#container #mainWrap #mainContent #text li {
	line-height: 22px;
	font-size: 100%;
	font-variant: normal;
	list-style-position: outside;
}