@charset "utf-8";
/* CSS Document */

/*
Theme Name: DynamicColor
Theme URI: http://wordpress.gordonfrench.com/dynamiccolor
Description: Dynamic Color is a very flexible theme in that you can change the color, by simply clicking on one of the color option found in the admin section. Dynamic Color is full widget enable and Social Media ready. That's correct I have pre populated the footer with all the major Social Networking Websites. You simply need to fill in your social urls, then click save. 
Version: 1.0.2
Author: Gordon French
Author URI: http://gordonfrench.com
Tags: black, blue, red, orange, purple, green, fixed-width, two-columns, custom-colors, theme-options, sticky-post

	DynamicPower 1.0.2
	http://wordpress.gordonfrench.com/dynamiccolor

	This theme was designed and built by Gordon French,
	whose blog you will find at http://wordpress.gordonfrench.com/

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

*/

/* ------------------------------------- Main Structure ------------------------------------------------------- */
body				{ background:url(images/blue-bg.png) repeat-x #98a1a5; margin:0; font-family:Geneva, Tahoma, sans-serif}

/* no need to change the im-wrapper it simple allows everything to be centered */
.im-wrapper			{ width:100%; }

/* width of frame determines width of content area. The clear eliminates the need for a <br clear:all /> tag 
   when using the complex template
*/
.im-frame			{ width:1200px; text-align:left; clear:both;}


/* 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;}
/* 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;}

.im-lowerWidgets ul ul li:before 					{ content: "\00BB \0020"; color:#1e1e1e;}
.im-lowerWidgets ul, .im-lowerWidgets ul ol 		{ margin: 0; padding: 0; }
.im-lowerWidgets ul li 								{ list-style-type: none; list-style-image: none; margin-bottom: 15px;}
.im-lowerWidgets ul p, .im-lowerWidgets ul select 	{margin: 5px 0 8px;}
.im-lowerWidgets ul ul, .im-lowerWidgets ul ol 		{ margin: 5px 0 0 10px;}
.im-lowerWidgets ul ul ul, .im-lowerWidgets ul ol 	{ margin: 0 0 0 10px;}
.im-lowerWidgets ul ol li 							{ list-style: decimal outside;}
.im-lowerWidgets ul ul li, .im-lowerWidgets ul ol li { margin: 3px 0 0;padding: 0;}

#sidebar ul ul li:before 			{ content: "\00BB \0020"; color:#bcbbbb;}
#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 */


/* 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 #bcbbbb; }
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:#00638c;}
a:hover				{ color:#884311}
a:active 			{ outline: none;}
a:focus				{ outline: none;}

h1, h2, h3, h4, h5	{ margin:0; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; color:#242424}
.tahoma				{ font-family:Tahoma, Geneva, sans-serif;}
small				{ position:relative; top:-2px; font-style:italic; color:#a3a2a2;}
.transparent		{ filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}
.rounded			{-moz-border-radius: 5px; -webkit-border-radius: 5px;}

.even					{ background:#f2f1f0}
.odd					{ background:#fcfbfb}
/* End Various Tags & Classes*/



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

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

#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 */




/*  Header  */
.im-header-wrapper	{ width:100%;  height:140px } 			
.im-header-frame	{ width:1200px; text-align:left; clear:both;} 	
.im-header			{ position:relative; height:140px; padding:5px 30px; background:url(images/header-bg.png) no-repeat;}


.header-lower-swirl	{ position:absolute; left:296px; top:27px; background:url(images/header-lower-swirl.png) no-repeat; width:901px; height:120px; }
.nav-bar			{ position:absolute; width:1161px; top:0px; height:32px; left:16px; background:url(images/header-upper-swirl.png) #00638c no-repeat right; }
.blog-title			{ position:absolute; left:40px; top:65px;}
.blog-desc			{ position:absolute; left:70px; top:100px; color:#555555; font-style:italic; font-size:90%;}

#searchform 		{ margin: 10px auto; padding: 5px 3px; text-align: center; }
.searchBox			{ width:400px; position:absolute; left:825px; top:80px; z-index:20;}
.searchField		{ }
.searchInput		{ font-size:110%; color:#555555; width:290px;}
.searchBTN			{ position:absolute; top:-5px; left:293px; width:30px;}

.nav				{ list-style:none; margin:10px 0px 3px; width:1000px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:90%; }

.nav ul						{ position:relative; padding:0px; margin:0px; list-style:none; z-index:20}
.nav li						{  }
.nav ul li 					{ float:left;}/* pages GREEN */
.nav li ul li 				{ display:block; position:relative; }/*level 1 */ 
.nav li ul li ul li 		{ position:relative; display:none; padding-top:8px;}/*level 2 */
.nav li ul li li li  		{ position:absolute; padding-top:4px;  }/*level 3*/ 

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

.nav li a					{ position:relative; color:#ffffff; padding:2px 7px; margin:10px 5px; background:url(images/grey.png) repeat;  
								-moz-border-radius: 5px; -webkit-border-radius: 5px  }
.nav li ul li a:hover		{ background:url(images/white.png) repeat; }
.nav li ul li li a:hover	{ background:url(images/black.png) repeat; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.nav li ul li li a			{ -moz-border-radius: 0px; -webkit-border-radius: 0px; }

.nav .homeLink a			{ float:left;  position:relative; color:#ffffff; padding:0px 7px 2px; margin:-2px 5px; background:url(images/grey.png) repeat;  
								-moz-border-radius: 5px; -webkit-border-radius: 5px }
.nav .homeLink a:hover		{ background:url(images/white.png) repeat;}
.nav .homeLogo				{ position:relative; margin-bottom:-5px; left:-3px;}								
/*  End Header  */


/*  Footer  */
.im-footer-wrapper	{ width:100%;  min-height:150px; }
.im-footer-top		{ background:url(images/footer-bg-top.png); height:31px; width:1160px; clear:both}
.im-footer-frame	{ width:1160px; text-align:left; clear:both;  background:url(images/footer-bg.png) repeat-y; }
.im-footer			{ position:relative; min-height:10px; margin:0px 0px 0px 0px; padding:5px 40px;; }
.im-lower-footer	{ background:#242424; min-height:20px; width:1080px; margin:0px 0px 0px 18px; padding:5px 20px; clear:both;}
.im-lower-footer p	{ color:#555555; font-size:60%; margin:0; text-align:center}
.im-lower-footer p a	{color:#626262;}
.im-lower-footer p a:hover	{color:#884311;}

.im-lowerWidgets	{ position:relative; top:-10px; left:-5px; width:1160px; font-size:90%;}
.lowerWidget		{ min-height:90px; float:left; width:260px; margin:5px; padding:5px 0px;}
.widgetFrame		{ padding:0px 5px 0px 0px; font-size:90%}

.lowerWidget .widgettitle	{color:#1e1e1e}
.lowerWidget a				{color:#1e1e1e}
.lowerWidget a:hover		{color:#bcbbbb}

.socialNetworking img		{ filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}
.socialNetworking img:hover	{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

/*  End Footer  */


/*  Content  */
.im-content-wrapper		{ width:100%; }														
.im-content-frame		{ width:1170px; text-align:left; clear:both; background:url(images/post-body-bg.png)}	
.im-mainContent-top		{ background:url(images/post-top-bg.png) no-repeat; height:21px; width:1170px;}
.im-mainContent-bottom	{ background:url(images/post-bottom-bg.png) no-repeat; height:28px; width:1170px;}
.im-mainContent			{ position:relative; width:730px; padding:5px 0px 0px 40px; float:left; overflow:hidden}
/*  End Content  */


/*  Sidebar */
#sidebar	{ position:relative; font-size:90%; width:300px; font-family:Arial, Helvetica, sans-serif; margin:0px 0px 0px 820px; padding:10px 0px}
#sidebar h2 { font-family:Geneva, Tahoma, sans-serif; font-size:120%; }
/*  End Sidebar */



/* Begin Calendar */
#wp-calendar 			{ empty-cells: show; margin: 10px auto 0; width: 155px; border:none;}
#wp-calendar #next a 	{ padding-right: 10px; text-align: right;}
#wp-calendar #prev a 	{ padding-left: 10px; text-align: left;}
#wp-calendar a 			{ display: block;}

#wp-calendar caption 	{text-align:center; color:#555555 }


#wp-calendar thead		{ background-color: #00638c; border:none; margin:-2px; text-align:center; color:#FFF}
#wp-calendar td 		{ padding: 3px 0; text-align: center;  margin:-2px; color:#023758}
/* End Calendar */




/* Posts */
.post						{ font-family:Arial, Helvetica, sans-serif;}
.post small					{ font-family:Tahoma, Geneva, sans-serif}

.post a:hover				{ text-decoration:underline}
.post h2 a					{ font-family:Geneva, Tahoma, sans-serif}			/* change */
.post h2 a:hover			{ color:#242424; text-decoration:none}

.pageTitle					{ color:#00638c; font-family:Geneva, Tahoma, sans-serif; margin-bottom:-5px; clear:both; position:relative; top:-7px;}			/* change */


.postmetadata				{ font-size:70%; color:#bcbbbb; border-bottom:1px dotted #CCC; padding-bottom:5px; margin-bottom:25px;}
.postmetadata a				{ color:#7a7a7a}
.postmetadata a:hover 		{ color:#023758; 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%;}
.single-navigation 			{ position:relative; top:-10px; font-size:70%; color:#bcbbbb; height:7px;}
.single-navigation a		{ color:#bcbbbb }
.single-navigation a:hover	{ color:#7a7a7a;}											/* change */
/* End Posts */