@charset "utf-8";
/* CSS Document */
/*
Theme Name: Metamorphosis
Theme URI: http://www.wordpress.gordonfrench.com/metamorphosis
Description: Metamorphosis gives you an unmatched flexibility to change every aspect of your site. Not happy with just right a sidebar then change it. Want your own header, then upload and activate or choose one of ours. Want a fancy slider on the home page, well you got one. Bored with white websites, every color can be changed with a few mouse clicks. Into social network, its ready to go. Need a map, there is a dynamic one on your contact page. And finally if you are into selling ads then we have you covered.
Version: 1.1
Author: Gordon French
Author URI: http://www.gordonfrench.com
Tags: 
	This theme was coded 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
*/

/* Main */

.wrapper {
width:1130px;
text-align:left;
background-color:#FFF;
margin: 0 auto;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;}
.content{
padding: 40px 0;
}
.header-wrap{}
#header{}
.nav_bar{
background: #C89B04;
padding: 0px 15px;
}
#blogTitle, #my-desc {display: none;}
.alpha, .beta{
float: left;
}
.alpha	{ font-family: Helvetica, Arial, sans-serif; margin: 0 40px; width: 708px; }
.beta	{ margin: 0 40px 0 0; width:300px; }


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

.aligncenter	{ display: block; margin-left: auto; margin-right: auto; } 

.alignright { float: right; }

.alignleft { float: left;}

/* End Images */



/* required stuff */

img, a img 			{ border: none;}

a:active 			{ outline: none;}

a:focus				{ outline: none;}

a					{ text-decoration:none}



/* basic styleing */

h1, h2, h3, h4, h4, h6	{ padding:0; margin:0}





/* ------------------------------------- Header --------------------------------------------------------------- */



#homeLink 			{ color:#424242;}

#homeLink:hover		{ color:#900;} 




#searchBox{
float: right;
margin: 8px 0;
}

.searchInput		{ width:250px; color:#999}
.searchField, .searchBTN {
float: left;
}



#socialLinks		{ text-align:right; position:absolute; top:155px; left:290px; width:800px; z-index:10;}

#socialLinks a	{ filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }

#socialLinks a:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }







/* ------------------------------------- Navigation --------------------------------------------------------------- */
.my-nav							{ display: inline-block; position:absolute; list-style:none; z-index:5; }



.my-nav ul						{ position:relative; padding:0px; margin:0px; list-style:none; z-index:20}



.my-nav li						{  }



.my-nav ul li 					{ float:left;}/* pages GREEN */



.my-nav ul li 				{ display:block; position:relative; }/*level 1 */ 



.my-nav ul li ul li 			{ position:relative; display:none; padding-top:7px; }/*level 2 */



.my-nav ul li li li  		{ position:absolute; padding-top:4px;  }/*level 3*/ 







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



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



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



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







.my-nav a					{ position:relative; color:#424242; padding:10px 12px; margin:0px 5px; display: block; }



.my-nav ul li a:hover		{ color:#c37005; background: #fff; }



.my-nav ul li li a:hover		{ color:#c37005; }



.my-nav ul li li a			{ background: #C89B04; color: #424242; position:relative; float:left; width:200px; padding: 5px; }



.my-nav ul li .children .page_item a {color: #424242; cursor: pointer;}

.my-nav ul li .children .page_item a:hover { color: #c37005; }

.my-nav ul .current_page_item  a,

.my-nav ul .current_page_parent  a,

.my-nav ul .current_page_ancestor  a {color:#fff; cursor:default;}

.my-nav ul .current_page_item  a:hover,

.my-nav ul .current_page_parent  a:hover,

.my-nav ul .current_page_ancestor  a:hover,
.my-nav ul li .children .current_page_item a  {color:#c37005; cursor:default; background: #fff;}









/* ------------------------------------- Content --------------------------------------------------------------- */

.post .postTitle		{}
.post .postTitle a		{ color:#242424;}
.post .postTitle a:hover{ color:#900;}

.entry					{ color:#333}

.post,. page				{ color:#333}
.post a, .page a			{ color:#4c678f}
.post a:hover, .page	a:hover	{ color:#900;}

.my-date				{ color:#999; font-style:italic; font-size:80%}
.postmetadata			{ color:#999; font-size:75%; border-bottom:1px solid #CCC; padding-bottom:25px; margin-bottom:25px;}
.navigation				{ font-family:Arial, Helvetica, sans-serif; color:#CCC; font-size:90%;}
.navigation a			{ color:#424242;}
.navigation a:hover		{ color:#900;}

.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;}

.my-nav-wrapper .pagenav ul li ul.children li.page_item {
	background: #DFEDAC;
	float: none;
	width: 0px;
	white-space: nowrap;
	overflow: visible;
	top: 0;
	padding: 0;
}
#navbar ul ul {
position: absolute;
top: 0;
left: 100%;

}

/* Related Posts */
ol.related-posts {clear:both; text-align:center; margin:15px 15px 15px 15px; padding:5;}
ol.related-posts li{width:157px; float:left; display:block; margin-right:20px;; padding:5;}
	ol.related-posts img{clear:both; padding:5px; background:#CB9800;}
	ol.related-posts a{clear:both; display:block; border:none; text-decoration:none;}
	ol.related-posts li{font-size:14px;}

.more-unwinnable a p{
    font-size: 12px;
    margin: 10px 0 0;
}

/* ------------------------------------- Sidebar --------------------------------------------------------------- */
/* the width of the sidebar must be less then the width of the frame minus the 
   width of the content are minus any padding. In this example the frame is 1000
   the content is 670px + 5px padding on each side totaling 680px. Therefore the
   sidebar width must be less then or equal to 320px. The side bar has a width of 
   300px and a padding of 5px on each side totaling 310px, that will give us a
   margin of 10px between the content and the sidebar.
*/   

.sidebarTitle		{ }
.sidebar h2			{ font-size:120%; background-color:#c89b04; color:#FFF; padding:3px 3px 3px 5px; }
.sidebar			{ font-size:80%; padding:0px 0px 0px 0px }
.sidebar a			{ color:#424242;}
.sidebar a:hover	{ color:#FFF;}



/* ------------------------------------- Slider on Index --------------------------------------------------------------- */
.my-slider			{ position:relative;  border:0px solid #CCC; margin:10px 0px 20px; height:310px; overflow:hidden}
.slider-image		{ position:relative; height:280px; width:260px; margin:0px 15px 0px 0px; overflow:hidden}

.sliderTitle a		{ color:#424242;}
.sliderTitle a:hover{ color:#900;}

#boxFrame			{ position:absolute; z-index:4; top:13px; left:940px;}
#boxFrame .box		{ width:15px; height:15px; background-color:#dedede; float:right; margin:2px; font-size:60%; z-index:5; position:relative}



.featuredPost		{ position:absolute; padding:15px; width:1020px; background-color:#FFF; height:280px;  top:0; left:0; z-index:1}
.slider-content		{ position:absolute; left:290px; top:10px; height:285px; width:740px; }
.slider-content p 	{ line-height:170%;}



/* 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 ol 						{ padding: 0 0 0 5px;margin: 0;}
.entry ol li 					{ margin: 0;padding: 0;}


.my-lowerWidgets ul, .my-lowerWidgets ul ol 		{ margin: 0; padding: 0; }
.my-lowerWidgets ul li 								{ list-style-type: none; list-style-image: none; margin-bottom: 15px;}
.my-lowerWidgets ul p, .my-lowerWidgets ul select 	{ margin: 5px 0 8px;}
.my-lowerWidgets ul ul, .my-lowerWidgets ul ol 		{ margin: 5px 0 0 10px;}
.my-lowerWidgets ul ul ul, .my-lowerWidgets ul ol 	{ margin: 0 0 0 10px;}
.my-lowerWidgets ul ol li 							{ list-style: decimal outside;}
.my-lowerWidgets ul ul li, .my-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 						{ list-style-type: none; list-style-image: none; padding: 0px; border-left:0px solid #000 }
.sidebar li  { list-style-type: none; list-style-image: none; margin-bottom: 15px; display: inline-block; width: 100%; }
.sidebar ul p, .sidebar ul select 	{ margin: 5px 5px 5px }
.sidebar ul ul, .sidebar ul ol 		{ margin: 5px 0 0 10px; border-left:0px }
.sidebar ul ul ul, .sidebar ul ol 	{ margin: 0 0 0 10px; }
.sidebar ul ol li 					{ list-style: none;}
.sidebar ul ul li, .sidebar ul ol li{ margin: 3px 0 0;padding: 0 }
/* End Entry Lists */




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

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

/* ------------------------------------- WP-Admin --------------------------------------------------------------- */

.arial				{ font-family:Arial, Helvetica, sans-serif}
.verdana			{ font-family:Verdana, Geneva, sans-serif}
.georgia			{ font-family:Georgia, "Times New Roman", Times, serif}
.times				{ font-family:"Times New Roman", Times, serif}
.tahoma				{ font-family:Tahoma, Geneva, sans-serif}

tagline			{ font-size:85%; color:#a6a6a6; font-weight:normal; position:relative; top:-14px; left:50px;}
tagline	a		{ color:#a6a6a6; text-decoration:none}
tagline	a:hover	{ color:#242424; text-decoration:none}

.settingsArea	{ background-color:#ffffff; padding:10px; width:940px; border:1px solid #e3e3e3; margin:10px 0px; position:relative;}
.savedBox		{ position:relative; width:940px; border:2px solid #229585; background-color:#c2f7f0; padding:10px;  margin:20px 0px 0px}
.errorBox		{ position:relative; width:940px; border:2px solid #f7a468; background-color:#f7d8c2; padding:10px; margin:20px 0px 0px}
.highlight		{ border:2px solid #f7a468; background-color:#f7d8c2}	

.imageList		{ background-color:#edeef0; width:600px; height:400px; overflow-x:hidden; overflow-y:scroll; border:1px solid #e3e3e3}
.imageList img	{ margin:5px; border:2px solid black}
.imageList img:hover	{ border:2px solid #c0ddfd}

.imageUpload	{ position:absolute; top:10px; left:630px; width:300px;}
.wrap h3		{ font-size:130%; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin-bottom:5px;}


/* ------------------------------------- Contributor page ------------------------------------------------------- */
.contrib_cntr { 
	position: relative;
	clear: both;
	width: 700px;
	margin: 0;
	padding: 0;
}

.contrib_cntr .spc { position: relative; width: 100%; height: 20px; margin:0; padding:0; }
.contrib_cntr .clearBoth { position: relative; clear: both; height: 0px; margin: 0; padding: 0; line-height: 0px; font-size: 0px; }

.contrib_info_box {
	background:#C89B04;
	position: relative;
	float: left;
	width: 330px;
	margin: 5px 10px 0px 0px;
	padding: 5px;
	cursor: pointer;
}

.contrib_img {
	position: relative;
	float: left;
	width: 120px;
	height: 120px;
	margin: 0 5px 5px 0;
	padding: 0;
}

.contrib_name,
.contrib_tagline,
.contrib_info_label,
.contrib_info {
	position: relative;
	float: left;
	width: 205px;
	margin: 0;
	padding: 0;
	color: #FFF
}

.contrib_name { font-size: 110%; font-weight: bold; text-transform: uppercase; }
.contrib_tagline { font-size: 95%; font-weight: bold; margin-bottom: 5px; }
.contrib_info_label { font-size: 85%; font-weight: bold; }
.contrib_info { font-size: 80%; margin-bottom: 5px; }

.contrib_info_box .contrib_info a:hover { color: #FFF; }

.contrib_bio {
	background: #FFF;
	position: relative;
	clear: both;
	margin:0;
	padding: 5px;
	font-size: 70%;
	height: 120px;
}
.contrib_container{
	float: left;
	width: 200px;
}

/*
#authorlist li {
clear: left;
float: left;
margin: 0 0 5px 0;
}

#authorlist img.photo {
width: 40px;
height: 40px;
float: left;
}

#authorlist div.authname {
margin: 20px 0 0 10px;
float: left;
}
*/

/* Pagination */
.wp-pagenavi {
clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
color: #990000;
text-decoration: none;
border: 1px solid #C89B04;
padding: 3px 5px;
margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
background: #C89B04;
color: #fff;
}

.wp-pagenavi span.current {
font-weight: bold;
}

/* New Styles */
.clearfix:after {
clear: both; 
content: "."; 
display: block; 
height: 0; 
visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear { clear:both; }


.postTitle {
font-size:30px;
}
.postAuthor{
font-size: 18px;
text-transform: uppercase;
}
.postTimestamp{
color: #999;
font-size: 12px;
}
.entry img{
border: 1px solid #C89B04;
}
.commentlist li.odd{
background: #f2f2f2;
}
ul.followwrap li{
margin: 0 10px 0 0 !important;
width: 60px;
}