/*
Theme Name: Captured Miracles
Theme URI: http://www.skyhookinternetmarketing.com/
Description: Custom Wordpress template for the Captured Miracles site.
Version: 1.0
Author: Skyhook Internet Marketing
URI: http://www.skyhookinternetmarketing.com/

*/

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

/* General Styles
----------------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-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 10px; 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 10px; padding: 0;  }
#Menu li { float: left; list-style: none; margin: 0; padding: 0; position: relative; }
#Menu li.First a { }
#Menu li a { display: block; font-size: 15px; height: 29px; padding: 6px 16px 0; text-align: center; 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:hover { }
#Menu li:hover a, #Menu li.over a{ }
#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 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-bottom:7px;
	padding-top:10px;
	width:185px;
}
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:20px;
	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/picture-frame.jpg") no-repeat scroll left top transparent;
	height:298px;
	margin-bottom:25px;
	padding:40px;
	position:relative;
	width:511px;
}
#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{ background: url("images/on-the-blog.jpg") no-repeat left top transparent; float: left; width: 410px; height: 193px; }

#home-testimonial{ 
	background:url("images/quotes.jpg") no-repeat scroll left top transparent;
	color:#E8C670;
	float:right;
	font-size:1.1em;
	font-style:italic;
	margin-right:6px;
	margin-top:20px;
	padding-left:16px;
	padding-top:3px;
	text-align:center;
	width:158px;
}
#home-testimonial span.large{ font-style: normal; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 22px; text-transform: uppercase;  }
#home-testimonial p{ font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 14px; line-height: 24px; }

#on-the-blog{ color: #000000; position: relative; }
#on-the-blog .home-entry h3{ color: #000000; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; margin-bottom: 0px; }
#on-the-blog .home-entry h3 a{ color: #000000; }
#on-the-blog .home-entry h3 a:hover{ color: #851f07; text-decoration: none; }
#on-the-blog .home-entry{ 
	left:56px;
	position:absolute;
	top:82px;
	width:320px;
}
#on-the-blog .home-entry .meta{ font-size: 11px; font-family: Tahoma; margin: 0px; }
#on-the-blog .home-entry p{ font-size: 12px; font-family: Tahoma; }
#on-the-blog .home-entry a{ color: #851f07; text-decoration: none; }
#on-the-blog .home-entry a:hover{ text-decoration: underline; }
#on-the-blog .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: 0px;}
.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: 5px;  }
.post .meta a{ color: #D3981A; text-decoration: underline; }
.post .entry{ border-bottom: 1px solid #2C2720; padding-bottom: 20px; margin-bottom: 20px; }
.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; }

/* 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 #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: 10px; margin-bottom: 15px; text-align: left;  }
.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{ padding: 0px 10px; }
#screen-saver img,
#firesides img{ float: left; margin-top: 15px; }
#screen-saver p,
#firesides p{ color: #e8c670; font-size: 1.3em; line-height: 26px; text-transform: uppercase; text-align: right; }
#screen-saver p a,
#firesides p a{ color: #E8C670; text-decoration: none; }
#screen-saver p a:hover,
#firesides 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; }