@charset "UTF-8";
/* CSS Document */
/*
Theme Name: magicBackground
Theme URI: http://wordpress.gordonfrench.com/magicBackround
Description: Unique changing background, you have to see it to understand. Modern theme, adsense ready.
modern, popular scroll work that makes this theme stand out.

Version: 2.1
Author: Gordon French
Author URI: http://gordonfrench.com
Tags:light,right-sidebar,fixed-width,two-columns,orange 

	French v2.1
	http://gordonfrench.com/

	This theme was designed by Gordon French,
	whose portfolio can be found at http://gordonfrench.com/

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

*/



body 	{ background:url(images/top.png) #4d3c06 repeat-x; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif}
.main-wrapper	{ width:930px;  margin: 0 auto; min-height:300px; position:relative; z-index:5;  }

/* Design elements */ 
.topLeft 		{ position:fixed; top:0px; left:0px; background:url(images/topLeftGlow.png); width:418px; height:239px; z-index:5}
.topRight 		{ position:fixed; top:0px; right:0px; background:url(images/topRightGlow.png); width:418px; height:239px; z-index:5}
.bottomLeft 	{ position:fixed; bottom:0px; left:0px; background:url(images/bottomLeftGlow.png); width:449px; height:224px; z-index:5}
.bottomRight 	{ position:fixed; bottom:0px; right:0px; background:url(images/bottomRightGlow.png); width:434px; height:224px; z-index:5}
.bgBottom  { position:relative; bottom:-50px; background: url(images/bottom.png) repeat-x; height:412px; width:100%; margin-top:-412px;  }
/* /Design elements */


/* Post Images */
img.centered 		{ display: block; margin-left: auto; margin-right: auto; }
img.alignright 		{ padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft 		{ padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright 		{ float: right; }
.alignleft 			{ float: left;}
.aligncenter 		{display: block;margin-left: auto;margin-right: auto;}
.wp-caption img 	{ margin: 0; padding: 0;border: 0 none;}
img 				{ border:none;}
/* End Images */

/* Entry Lists */
html>body .entry ul 			{ margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px;}
html>body .entry li 			{ margin: 7px 0 8px 10px;}
.entry ul li:before 			{ content: "\00BB \0020"; color:#7a7a7a;}
.entry ol 						{ padding: 0 0 0 35px;margin: 0;}
.entry ol li 					{ margin: 0;padding: 0;}


#sidebar ul ul li:before 			{ content: "\00BB \0020"; color:#816008;}
#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;}
#sidebar ul ol li 					{ list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0;padding: 0;}
/* End Entry Lists */



/* HEADER */
.upper-header 		{ position:relative; color:#ede2c8; margin:0; padding:0px 15px; height:55px;}
.upper-header h1	{ color:#ede2c8; margin:20px 0px 0px; padding:0}
.upper-header h1 a	{ color:#ede2c8;}
.main-desc			{ color:#a48344; margin:-3px 0px 0px 0px}

.main-header		{ position:relative; background: url(images/header.png) no-repeat; height:130px; padding:10px 20px;}
.adBlock			{ position:relative; width:875px; height:100px; left:10px; top:10px; text-align:center;}
.rss				{ position:absolute; z-index:5; left:710px; top:-19px;}
/* /HEADER */


/* Navigation */
.main-nav							{ position:absolute; height:20px; width:870px; top:126px; left:35px; font-size:70%;}
.main-nav ul						{ position:relative; padding:0px; margin:0px; list-style:none; z-index:20; list-style:none}
.main-nav li						{ position:relative; margin:0; padding:0; list-style:none }
.main-nav ul li 					{ float:left;}/* pages GREEN */
.main-nav li ul li 					{ display:block; position:relative; }/*level 1 */ 
.main-nav li ul li ul li 			{ position:relative; display:none; padding-top:6px; background:#e4d5ac;}/*level 2 */
.main-nav li ul li li li  			{ position:absolute; padding-top:2px; background:#e4d5ac; }/*level 3*/ 

.main-nav li ul li:hover 			{ display:block;}
.main-nav li ul li li:hover 		{ display:block; }
.main-nav li ul li li li:hover 		{ display:block;}
.main-nav li ul li:hover li 		{ display:block;}

.main-nav li a					{ position:relative; color:#423306; padding:2px 7px; margin:10px 5px;  text-decoration:none}
.main-nav li ul li a:hover		{ color:#9b813b }
.main-nav li ul li li a:hover	{ color:#9b813b }
.main-nav li ul li li a			{  }
/* Navigation */



/* POST BODY */
.im-mainContent-wrapper	{ position:relative; left:-5px; margin:5px 0px 0px 0px;}
.im-mainContent-top		{ position:relative; background:url(images/contentTop.png) no-repeat; height:25px; width:621px; left:21px; margin-bottom:0px}
.im-mainContent-bottom	{ position:relative; background:url(images/contentBottom.png) no-repeat; height:18px; width:621px; left:-35px; top:-12px;
							margin-bottom:-30px;}
.im-mainContent			{ position:relative; background:url(images/contentMain.png) repeat-y; left:21px; width:560px; padding:0px 30px 0px 30px; float:left;}

.im-mainContent	 h2	{position:relative; background:url(images/titleBoxDate.png) no-repeat; height:45px; left:-41px; 
						padding:12px 0px 0px 20px; width:610px; font-size:140%; margin:-15px 0px 0px 0px }
.im-mainContent h2 a { color:#614907 }
.im-mainContent h2 a:hover { color:#d06615}
.date 				{ position:relative; left:470px; top:-43px; width:85px; text-align:center; font-size:70%; 
						margin-bottom:-40px; color:#f9f5ec; z-index:55; height:25px;}
.post				{ font-size:90%;}						

.postmetadata				{ font-size:80%; color:#703b1c; padding-bottom:5px; margin-bottom:25px;}
.postmetadata a				{ color:#592b11}
.postmetadata a:hover 		{ color:#23130a; text-decoration:none;}

.postmetadata .pagenav 				{ list-style:none;}
.postmetadata .pagenav 	ul			{ margin:0; padding:0; list-style:none; float:left}
.postmetadata .pagenav .page_item	{ margin:0px 5px 0px 0px;}

.post .readMore				{ color:#983b04; font-size:90%;}
.post .readMore:hover		{ color:#023758}											/* change */

.entry						{ font-size:90%;}
.navigation					{ font-family:Arial, Helvetica, sans-serif; font-size:80%;}
.navigation a				{ color:#703b1c }
.navigation a:hover			{ color:#424242;}	
/* /POST BODY */


/*  Sidebar */
#sidebar				{ position:relative; font-size:90%; width:300px; margin:0px 0px 0px 645px; padding:10px 0px; top:-35px; list-style:none}
.sidebarContentTop 		{background: url(images/sidebarTop.png) no-repeat; width:300px; height:21px; margin-bottom:-10px }
.sidebarContentBottom 	{background: url(images/sidebarBottom.png) no-repeat; width:300px; height:23px; }
.sidebarContent			{ background:url(images/sidebarContent.png) repeat-y; width:245px; margin-bottom:-16px; padding:0px 20px 0px 20px }

.sidebarContent h2 { position:relative; left:-30px; top:-10px; background:url(images/sidebarTitleBox.png) no-repeat; width:282px; height:30px;
						padding: 17px 0px 0px 25px; font-size:110%; margin-bottom:-10px; font-weight:normal; margin-top:10px;}
						
#sidebar ul a 		{ color:#4c3b0f;}
#sidebar ul a:hover { color:#816008}

.searchWrapper 	{ position:relative; background:url(images/searchBox.png) no-repeat;  width:300px; height:59px; top:-10px; left:-10px; padding:0px 0px 0px 0px;}
.searchForm		{ position:absolute; top:19px; left:20px}
.searchBTN		{ position:absolute; top:-20px; left:210px}
/*  End Sidebar */




/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr 		{ border-bottom: 1px dashed #bcbbbb; }

blockquote 			{ margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #4c3b0f; }
blockquote cite 	{ margin: 5px 0 0; display: block; }
.center 			{ text-align: center;}

.hidden 			{ display: none; }
.screen-reader-text { position: absolute; left: -1000em; }

img, a img 			{ border:none}
a					{ text-decoration:none; color:#b57132;}
a:hover				{ color:#f1ead8}
a:active 			{ outline: none;}
a:focus				{ outline: none;}

h1, h2, h3, h4, h5	{ margin:0;  color:#242424}
small				{ position:relative; top:-2px; font-style:italic; color:#703b1c;}


.even					{ background:#c6b389}
.odd					{ background:#bca980}
/* End Various Tags & Classes*/



/* Comments */
#commentform input { width: 170px;padding: 2px;margin: 5px 5px 1px 0;}

#commentform 			{ margin: 5px 10px 0 0;}
#commentform input		{ background:#e9dfc6}
#commentform textarea 	{ width: 100%; padding: 2px; background:#e9dfc6}
#respond:after 			{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#commentform #submit 	{margin: 0 0 5px auto;float: right;}
#commentform  p			{ margin:0px; padding:3px 0px}

#respond a				{ }
#respond a:hover		{ }

.commentlist			{ font-size:90%;}
.commentlist .photo		{ float:left; padding:3px 5px 0px 3px}
ol.commentlist 			{ left:-20px; margin:3px 0px; padding:0px}
.commentlist li			{ list-style:none; margin:10px 0px; padding:5px;}
.commentlist a			{ }
.commentlist .url		{  font-weight:bold; font-style:normal}


.commentlist .reply		{ margin-bottom:5px; font-size:80%}
.commentlist .reply a	{  }
.commentlist .reply a:hover	{ }
.comment-meta			{ position:relative; top:3px;}
.comment-meta a			{ color:#555555; font-size:80%}

.pinglist				{ position:relative; left:0px; width:730px; padding:0px; font-size:80%;}
.pinglist li			{ list-style:none}
.pinglist .says			{ display:none; }
.pinglist .comment-meta	{ display:none;}
.pinglist p				{ display:none;}
.pinglist .reply		{ display:none;}
.pinglist .vcard		{ padding:3px 10px;}
.pinglist a				{ color:#7a7a7a}
.pinglist a:hover		{ color:#555555;}
/* Close Comments */

	


/* Footer */
.footer 				{ position:relative; padding:10px 20px; left:-25px; top:60px; margin:5px 0px 20px 0px; font-size:90%; width:570px; text-align:center; z-index:10; } 
.footer p 				{ margin:0; padding: 10px 0 5px; color:#cdbe94}
.footer a 				{color:#fdf0d7 }
.footer a:hover 		{color:#bd7324}
/* /Footer */