/*
Theme Name: Captured Miracles
Theme URI: http://www.capturedmiracles.com/
Description: Custom Wordpress template for the Captured Miracles site.
Version: 1.2
Author: MosaicTeam
URI: http://www.mosaicteam.com/

*/

/* global and wp classes */
/* see wp.css */

/* General Styles
----------------------------------------------------*/
body {
	font-family: Palatino, "Times New Roman", serif;
	font-size: 0.8em;
	height: 100%;
}

/* General Styles
----------------------------------------------------*/
input, select { font-size: 12px; }
input { padding: 2px; }
p { line-height: 1.3; margin-bottom: 15px; }
a { font-weight: normal; text-decoration: underline; outline: none; }
h2, .TitleHeading { font-size: 2em; font-weight: normal; margin: 0 0 8px 0; }
h3 { font-size: 1.3em; font-weight: normal; margin-bottom: 6px; }
h4 { font-size: 1.1em; margin-bottom: 4px; }
img, img a { border: 0; }
ul, ol { margin: 0 0 10px 30px; }
li { margin: 0; margin-bottom: 2px; padding: 0; }
blockquote { margin-left: 28px; }
select option { padding: 0 10px; }
hr { border:0; height: 1px; margin: 10px 0; padding: 0; }
table { border-collapse:collapse; }

/* Miscellaneous Definitions */
.Meta { font-size: 0.93em; }
.Left .FeedLink, .Right .FeedLink { float: left; margin: 0 7px 0 0; }
.Content .FeedLink { float: left; margin: 8px 4px 0 0; }
.FloatRight { float: right; }
.FloatLeft { float: left; }
.ClearRight { clear: right; }
.ClearLeft { clear: left; }
.SortBox { font-size: 0.95em; padding: 5px 5px 0 0; }
.CompareButton { clear: both; margin-top: 12px; padding: 4px; text-align: right; }
.Clear { clear: both; }

/* Wrapper Styles
----------------------------------------------------*/
#Outer { clear: both; padding-bottom: 15px; width:820px; margin:auto; }
#Container { margin: auto; width: 100%;	}
#Wrapper { clear: both; padding: 2px 0 0 0; margin: 0; }
	
/* Header Styles 
----------------------------------------------------*/
/* Header */
#Header { clear: both; display: inline; float: left; height: 170px; margin: 0; padding: 0; width: 820px; }

/* Logo */
#Logo { display: inline; float: left; margin: 20px 0 0 60px; text-align: center; }
#Logo a { display:block; text-align:center; width:100%; }
#Logo h1 { font-size: 3.25em; font-weight: normal; }
#Logo h1 a { text-decoration: none; }

/* Promo */
#Promo { float:right; padding:15px 10px 0 0; }

/* Top Search Form */
#SearchForm { text-align:center; padding:10px 0; }
#SearchForm form { }
#SearchForm label { display: none; }
#SearchForm input {  border: 0; height: 15px; font-size: 0.85em; padding: 3px; width: 145px; }
#SearchForm .Button { background: transparent; height: 21px; margin: -4px 0 0 3px; padding: 0; vertical-align: middle; width: 74px; }
#SearchForm p { margin: 5px 0 0 0; }
#SearchForm a { color:#E8C670; text-decoration: none; }
#SearchForm a:hover { text-decoration: underline; }

/* Top Navigational Menu */
#TopMenu { height: 25px; padding: 0; margin: 0 auto; width:820px }
#TopMenu ul { float: right; list-style: none; margin: 0 5px 0 0; padding: 0; }
#TopMenu li { list-style: none; float: left; margin: 7px 0 0 0; padding: 0; }
#TopMenu li.First a { border-left: 0; }
#TopMenu li a, #TopMenu li div { display: block; text-decoration: none; font-size: 0.85em; padding: 0 10px 0 5px; margin: 4px 0 0 0; }
#TopMenu li div a { display: inline; font-size: 1em; margin: 0; padding: 0; }
#TopMenu li a:hover { text-decoration: underline; }

/* Pages Menu */
#Menu { clear: both; float: left; height: 35px; margin: 0 0 15px 0;	width: 820px; position: relative; }
#Menu ul { margin: 0 0 0 0; padding: 0;  }
#Menu li { float: left; list-style: none; margin: 0; padding: 0; position: relative; }
#Menu li a { display: block; font-size: 15px; height: 26px; padding: 8px 12px 0px 12px; text-decoration: none; text-transform:uppercase; }
#Menu li a:hover { text-decoration: underline; }
/*#Menu li ul {background: transparent;clear: left;display: none;font-size: 1.2em;left: 0;margin: 0;position: absolute;text-align: left;top: 35px;width: auto;z-index: 1;}
#Menu li ul li { background: transparent; clear: both; text-align: left; }
#Menu li ul li a { height: auto; font-size: 0.9em; margin: 0; padding: 5px 10px 5px 10px; text-align: left; width: 120px; }
#Menu li ul li a, #Menu li.over li a { text-decoration: none !important; }
#Menu li:hover ul, #Menu li.over ul { display: block; }*/
/* Holly Hack. IE Requirement \*/
* html #Menu ul li { float: left; height: 1%; }
* html #Menu ul li a { height: 1%; }
/* End */

#Menu .sf-menu a {border-left:none;border-top:none;}
#Menu .sf-menu li {background:none; position:relative;z-index: 1000}

#Menu .sf-menu li:hover, #Menu .sf-menu li.sfHover,
#Menu .sf-menu a:focus, #Menu .sf-menu a:hover, #Menu .sf-menu a:active {
	background: #000;
	outline:		0;
	text-decoration: none;
}
#Menu .sf-menu li.black {background: #000;}
#Menu .sf-menu li li {background:#000;}

#Menu ul.social-share {float: right;position: absolute;right:0;top: -2px;}
#Menu li.Share { background: none; position: relative; width: 226px; }
#Menu li.Share a {
	background:url("images/brown/shareicon.png") no-repeat scroll 73px 9px transparent;
	color:#e8c670;
	margin-left:130px;
	padding-right:25px;
}

#Menu li.Share a:hover,
#Menu li.Share a.black{ background-color: #000000; text-decoration: none; }
#Menu li.Share:hover > ul#share-links{ display: block; }
#Menu li.Share #share-links{ 
	display: none; 
	font-family: Tahoma;
	font-size: 12px; 
	color: #FFFFFF;
	background: #000000; 
	position: absolute;
	top: 100%;
	left: 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#Menu li.Share #share-links li a{
	background:none repeat scroll 0 0 transparent;
	color:#FFFFFF;
	margin:0;
	padding-top:10px;
	width:185px;
	font-size: 11px;
}
body #Menu li.Share #share-links li a:hover{ /* color: #E8C670; */ color: #f1DAA7; }
#Menu li.Share #share-links li a img{ 
	display:block;
	float:left;
	margin-top:-2px;
}

div.icons{position:absolute;right:9px;top:30px;z-index:0;}

/* Content Styles 
----------------------------------------------------*/
#content{	}
/* Primary Content Area */
.Content { float: left; /* min-height: 500px; */ margin: 0 0 0 0px; padding: 0 0 10px 0; width: 600px; }
.Content .Block { clear: both; }
.Block { margin-top: 0; margin-bottom: 10px; }

/* Primary Content Area (column span of 2) */
.Content.Wide { width: 770px; margin-left:25px; }
.Content.Wide.WideWithLeft { display: inline; margin: 0 0 0 10px; width: 760px; }

/* Primary Content Area (column span of 3 - spans entire page width) */
.Content.Widest { display: inline; margin: 0 0 0 10px; width: 960px;  }

/* Home Page */
#picture-frame{
	/*background:url("images/frame.jpg") no-repeat scroll left top transparent;*/
	height:313px;
	margin-bottom:50px;
	position:relative;
	width:518px;
}
#picture-frame .picture{
	left:0;
	position:absolute;
	/*top:-1px;*/
}
#picture-frame .text-background{
	background-color:#000000;
	height:298px;
	left:36px;
	position:absolute;
	top:-1px;
	width:180px;	
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#picture-frame .text{ 
	left:49px;
	position:absolute;
	top:30px;
	width:165px;
}
#picture-frame .text h2{ color: #FFFFFF; font-size: 1.2em; border-bottom: 1px solid #FFFFFF; text-transform: uppercase; }
#picture-frame .text p{ color: #FFFFFF; margin-top: 12px; }
#picture-frame a{ color: #f1daa7; text-decoration: underline; font-family: Tahoma; font-size: 11px; text-transform: uppercase; }
#picture-frame a:hover{ text-decoration: none; }


#on-the-blog { position:relative;}
#on-the-blog h2.blog-heading { background: url(images/on-the-blog-heading.jpg) no-repeat; width: 555px;margin-bottom: 25px;text-indent: -9999px;height: 44px;}

#home-testimonial{ 
	background: url("images/testimonial.jpg") no-repeat left top transparent;
	width:555px;
	height: 191px;
	margin-bottom: 50px;
	color: #000000; position: relative; 
}

#home-testimonial .testimonial{ position: relative; top: 41px;width: 450px;left: 28px;}
#home-testimonial .testimonial span {float: right;padding-top: 3px;}
#home-testimonial .home-entry h3{ color: #000000; font-family: Palatino, "Times New Roman", serif; margin-bottom: 0px; }
#home-testimonial .home-entry h3 a{ color: #000000; }
#on-the-blog .home-entry h3 a:hover, #home-testimonial .home-entry h3 a:hover{ color: #851f07; text-decoration: none; }
#home-testimonial .home-entry{ 
	left:56px;
	position:relative;
	top:82px;
	width:450px;
}
/*#on-the-blog .home-entry .meta{ font-size: 11px; font-family: Tahoma; margin: 0px; }
#on-the-blog .home-entry p, #home-testimonial .home-entry p{ font-size: 12px; font-family: Tahoma; }
#on-the-blog .home-entry a, #home-testimonial .home-entry a{ color: #851f07; text-decoration: none; }
#on-the-blog .home-entry a:hover, #home-testimonial .home-entry a:hover{ text-decoration: underline; }
#on-the-blog .home-entry a.read-more, #home-testimonial .home-entry a.read-more{ display: block; text-transform: uppercase; }*/

/* Blog */
.post{ padding-right: 10px; }
.post a{ color: #D3981A; text-decoration: underline; }
.post a:hover{ color: #D3981A; text-decoration: none; }
.post h2{ color: #E8C670; padding: 0px; margin-bottom: 5px;}
.post h2 a{ color: #E8C670; text-decoration: none; }
.post h2 a:hover{ color:#f1DAA7;  text-decoration: underline; }
.post .meta{ font-size: 11px; font-family: Tahoma; display: block; margin-bottom: 20px;  }
.post .meta a{ color: #D3981A; text-decoration: underline;padding: 0 3px; }
.post .entry{ border-bottom: 1px solid #2C2720; padding-bottom: 40px; margin-bottom: 50px; }
.post .meta a:hover{ text-decoration: none; }
.post p{ font-size: 12px; font-family: Tahoma; line-height: 18px; }
.post a.read-more, .post a.more-link{ display: block; color: #D3981A; display: block; margin-top: 10px; text-transform: uppercase; outline: none; }
.post a.read-more:hover,
.post a.more-link:hover{ text-decoration: none; }
.post ul li{ font-family: Tahoma; font-size: 12px; line-height: 18px; list-style-type: disc; }

.post .entry img {border:1px solid #2C2720;padding:3px;}
/* Blog - Comments */
h2#comments{ color: #E8C670; font-size: 24px; }
#respond h3{ color: #E8C670; }
#respond a{ color: #D3981A; }
#respond a:hover{ text-decoration: none; }
.commentlist{ position: relative; margin-right: 10px; margin-left: 0px; width: auto; }
.commentlist .comment{ border: 2px dotted #2C2720; padding: 10px;  }
.commentlist .comment-meta{ color: #E8C670; display: block; margin-bottom: 5px;}
.commentlist a{ color: #D3981A; text-decoration: underline; }
.commentlist a:hover{ text-decoration: none; }
.commentlist #respond textarea{ width: 70%; }

.BlockContent .newsletter .button{
	-moz-border-radius:3px;
	-webkit-border-radius: 3px; 
	background-color:#E8C670;
	border:1px solid transparent;
	cursor: pointer;
	font-weight:bold;
	font-family: Tahoma;
	font-size: 12px;
	padding:5px;
}
.BlockContent .gform_wrapper .gform_footer{ margin: 0px; }
.BlockContent #gforms_confirmation_message{
	-moz-border-radius: 3px;
	background-color: #FFFFFF;
	padding: 20px 10px;
}
body.home .post .BlockContent {margin-top: 0;}
body.page .post .BlockContent {margin-top: 20px;}

body #fancybox-outer{ background-color: #000000;}
#share_form{
	margin:0 auto;
	padding:20px;
	width:400px;
}
#share_form table{}
#share_form table td{
	padding: 10px 0px; 
}
#share_form table td#share_error{ padding: 0px; }
#share_form table td#share_error p{
	-moz-border-radius:5px;
	-webkit-border-radius: 5px; 
	background-color:red;
	color:#FFFFFF;
	padding:10px;
}
#share_form table td label{}
#share_form table td input{
	border:1px solid #EEEEEE;
	padding:3px 5px;
	width:225px
}
#share_form table td textarea{
	height: 85px;
	padding: 5px; 
	width: 350px; 
}
#share_form table td input#Submit{ cursor: pointer; width: auto; }

/*	 Sidebar Styles
----------------------------------------------------*/
#sidebar {  }

/* Left Content Area */
.Left { display: inline; float: left; margin: 10px 10px 0 7px; width: 255px; }
.Left .BlockContent { margin: 0 10px 0 10px; }
.Left h2 { font-size: 1.4em; margin: 0 0 10px 0; }
.Left ul { margin: 0; padding: 0; }
.Left li { clear: both; list-style: none; margin: 0; padding: 3px 0; }
.Left li { }
.Left li a { text-decoration: none; }
.Left li a:hover { text-decoration: underline; }

/* Right Content Area */
.Right {
	display:inline;
	float:right;
	margin:0 7px 0 0;
	padding:5px;
	text-align:center;
	width:200px;
}
.Right .BlockContent { margin: 0 10px 0 10px; }
.Right h2 { font-size: 1.3em; margin: 0 0 10px 0; color: #e8c670; text-transform: uppercase; }
.Right ul { margin: 0; padding: 0; }
.Right li { clear: both; list-style: none; margin: 0; padding: 3px 0; }
.Right li a { text-decoration: none; }
.Right li a:hover { text-decoration: underline; }

#SideCategoryList ul{ margin-top: 3px; }
#SideCategoryList li{ padding: 3px 0 2px 0; }
#SideCategoryList li a{ }
#SideCategoryList li a:hover { text-decoration: underline; }
#SideCategoryList li ul { padding-left: 10px; }

.Right ul.widget{ border-bottom: 1px solid #2c2720; padding-bottom: 15px; margin-bottom: 20px; text-align: right;  }
.Right ul.widget.center{ text-align: center; }
.Right ul.widget li{ border: none; }
.Right ul.widget li ul li ul li{ margin-left: 15px; }
#screen-saver,
#firesides , .cm-book{ padding: 0px 10px; }
#screen-saver img,
#firesides img { float: left; margin-top: 15px; }
.cm-book img {float: right;margin: 0 0 15px 0}
#screen-saver p,
#firesides p, .cm-book p{ color: #e8c670; font-size: 1.3em; line-height: 26px; text-transform: uppercase; text-align: right; }
.cm-book p {line-height: 18px;}
#screen-saver p a,
#firesides p a, .cm-book p a{ color: #E8C670; text-decoration: none; }
#screen-saver p a:hover,
#firesides p a:hover, .cm-book p a:hover{ color: #f1DAA7; text-decoration: underline; }

/* Footer Styles
----------------------------------------------------*/
#footer {	}
/* Page Footer */
#Footer {
	clear:both;
	font-size:0.85em;
	height:20px;
	margin:5px 0 0 5px;
	padding:20px 0 5px;
	text-align:center;
	width:810px;
}
#Footer li { float: left; list-style: none; margin: 0; padding: 0; }
#Footer li a { padding: 0 10px 0 10px; text-decoration: none; }