/*
Theme Name: Miracle
Theme URI: http://bcproducties.com/
Description: A Professional Portfolio Wordpress Template.
Version: 1.0
Author: Brent Chesny
Author URI: http://bcproducties.com/
Tags: jquery, lightbox, contact form, php, portfolio
*/

@import "style/css/reset.css";
@import "typography.css";
@import "layout.css";

/***** General Styles ******/

.clear {
	clear:both;
}

ul {
	list-style-type:disc;
	margin:0px 0px 20px 40px;
	font-family:"Helvetica", "Arial", sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#414141;
	line-height:18px;
}

ol {
	list-style-type:decimal;
	margin:0px 0px 20px 40px;
	font-family:"Helvetica", "Arial", sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#414141;
	line-height:18px;
}

blockquote {
	margin-left:20px;
	border-left:3px solid #999;
	font-family:"Helvetica", "Arial", sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#333;
	margin-bottom:25px;
	line-height:18px;
	padding-left:10px;
}

a:hover {
	text-decoration:underline;
}

p {
	font-family:"Helvetica", "Arial", sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#515151;
	margin-bottom:25px;
	line-height:18px;
}

h1 {
	font-family:"Helvetica", "Arial", sans-serif;
	font-size:20px;
	font-weight:bolder;
	color:#414141;
	margin:0px;
	line-height:24px;
        text-transform: uppercase;
}

h2 {
	font-family:"Helvetica", "Arial", sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#521773;
	margin-bottom:15px;
}

h4 {
	font-family:"Helvetica", "Arial", sans-serif;
	font-size:11px;
	color:#414141;
	line-height:18px;
	font-weight:strong;
        text-transform: uppercase;
}

h5 {
	font-family:"Helvetica", "Arial", sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#414141;
	margin-bottom:10px;
}

h6 {
	font-family:"Helvetica", "Arial", sans-serif;
	font-size:8px;
	font-weight:normal;
	color:#414141;
	margin-bottom:10px;
}

h7 {
	font-family:"Helvetica", "Arial", sans-serif;
	font-size:18px;
	font-weight:strong;
	color:#414141;
	margin-bottom:15px;
}

.alignleft {
	float:left;
	margin:2px 15px 10px 0px;
}

.alignright {
	float:right;
	margin:2px 10px 10px 15px;	
}



/***** Header Styles ******/

#header_container {
	background:transparent url() repeat;
	height:220px;
	width:100%;
	margin-bottom:0px;
}

#header {
	background:transparent;
	height:auto;
	margin:0px auto;
	width:960px;
}

#logo {
	width:960px;
	float:left;
	margin:25px 5px -10px -85px;
}

/***** Navigation Styles *****/

#topnav_container {
       position:relative;
       float:left;
       margin:20px 0px 0px 0px;
       padding:0px;
       width:960px;
}


#topnav {
       position:absolute;
       float:left;
       margin-left:0px;
}

#topnav li {
	float:left;
	margin:0px 22px -50px 0px;
	padding-bottom:0px;
        line-height:0px;
}

#topnav li a:link, #topnav li a:active,  #topnav li a:visited  {
	font-size:13px;
	font-family:"Helvetica", "Arial", sans-serif;
	color:#888;
	line-height:26px;
	text-decoration:none;
}

#topnav li.current_page_item a, #topnav li a:hover {
	color:#FFF;
}

/***** Featured Content Styles ******/

#featured_container {
	background:#282828;
	margin-left:auto;
	margin-right:auto;
        border-top:14px solid #282828;
        border-right:14px solid #282828;
        border-left:14px solid #282828;
	width:960px;
	height:290px;
	padding:0px;
	position:relative;
}

#featured {
        float:left;
	margin-left:-15px;
	margin-top:-15px;
	width:980px;
	height:290px;
	position:relative;
}

#featured li {
	margin:14px;
}


	
/***** Main Content Styles ******/

#main {
	background:#f9f9f9;
	border:14px solid #282828;
	width:900px;
	padding:25px 30px 20px 30px;
	position:relative;
	margin-bottom:0px;
	margin-right:auto;
	margin-left:auto;
}	


#top {
	border-bottom:0px solid #d4d7dd;
	padding-bottom:30px;
	height:60px;
	margin-bottom:25px;
}

#tagline_left {
	width:650px;
	float:left;
	margin:10px;
	text-align:left;
}

#tagline_right {
	width:850px;
	float:right;
	margin:10px;
	text-align:right;
}

#header_graphic {
        position:relative;
        border:hidden;
	width:960px;
	float:left;
	margin-top:-30px;
	margin-left:-35px;
}

.column_small {
	width:260px;
	border-right:1px solid #d4d7dd;
	padding-right:15px;
	float:left;
	margin-right:0px;
}

.column_small_home {
	width:288px;
	border-right:1px solid #d4d7dd;
	padding-right:15px;
	float:left;
	margin-right:15px;
}

.column_small_img {
	width:288px;
	padding-bottom:10px;
	float:left;
	margin-left:-8px;
	margin-top:-10px;
}

.column_medium {
	width:595px;
	border-right:1px solid #d4d7dd;
	padding-right:15px;
	float:left;
	margin-right:15px;
}

.column_large {
	width:900px;
	float:left;
}

.column_last {
	border-right:0;
	margin-right:0;
	padding-right:0;
	text-decoration:none;
}

#main img {
	border:0px solid #f1f1f1;
        margin:5px;	
}

.newsitem {
	border-bottom:1px solid #d4d7dd;
	margin-bottom:10px;
	padding-bottom:10px;
}

.newsitem p {
	margin-bottom:0px;
	color:#a1a1a1;
	text-decoration:none;
	font-size:12px;
}

.newsitem a:link, .newsitem a:active, .newsitem a:visited {
	font-family:"Helvetica", "Arial", sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#414141;
	margin-bottom:25px;
	line-height:18px;
	text-decoration:none;
	font-weight:bold;
}

.newsitem:last-child {
	border-bottom:0;
	padding-bottom:0;
	margin-bottom:0;
}

h2#comments {margin-bottom:25px;}

.commentlist {
	list-style:none;
	margin-left:0;
}

.commentlist li {
	width:560px;
}

.commentlist li .comment_left {
	float:left;
	width:80px;
	text-align:center;
	margin-right:12px;
}

.commentlist li .comment_left img {
	margin-bottom:10px;
}

.commentlist li .comment_right {
	float:left;
	width:465px;
	margin-bottom:20px;
}

.commentlist li .comment_right .comment_meta {
	height:20px;
}

.commentlist li .comment_right .name {
	float:left;
	width:180px;
}

/***** Portfolio Styles ****/

ul#portfolio {
	margin:0px;
}

ul#portfolio li {
	display:inline;
}

ul#portfolio li img {
	margin:3px;
	border:3px solid #f1f1f1;
}

ul#portfolio li img:hover {
	border:3px solid #d1d1d1;
}

/***** VIDEO Styles ****/

ul#videos {
	margin-left:10px;
	margin-top:-10px;
}

ul#videos li {
	display:inline;
        float:left;
	margin-right:15px;
        padding-bottom:16px;
}

/****** Sub Navigation Styles *****/

ul.subnav {
	list-style:none;
	margin:25px 0px 25px 0px;
}

ul.subnav li {
	border-top:1px solid #d4d7dd;
	width:260px;
	padding:0px;
	margin:0;
}

ul.subnav li:last-child {
	border-bottom:1px solid #d4d7dd;
}

ul.subnav li a:link, ul.subnav li a:active, ul.subnav li a:visited {
	text-decoration:none;
	color:#414141;
	width:285px;
	display:block;
	padding:5px 5px 5px 10px;
	margin:0;
}


/**** NEWSLETTER SIGNUP ****/

.newsletter-form {
	font:11px/20px "Helvetica", "Arial", sans-serif;
        color:#d4d4d4;
        padding-left:2px;
        margin-left:5px;
}

.newsletter-form-position {
	width:900px;
        height:60px;
        margin-top:0px;
	margin-right: auto;
	margin-left: auto;
	overflow: display;

}

.newsletter-signup {
	width:900px;
        height:500px;
	background-image: url(http://noahandkate.com/wp-content/themes/Miracle/style/img/custom/newsletter-signup.jpg);
	background-repeat: no-repeat;
	background-position: center top;
        margin-top:80px;
	margin-right: auto;
	margin-left: auto;
	overflow: display;
}

.newsletter-thankyou {
	width:900px;
        height:500px;
	background-image: url(http://noahandkate.com/wp-content/themes/Miracle/style/img/custom/success-thankyou.jpg);
	background-repeat: no-repeat;
	background-position: center top;
        margin-top:80px;
	margin-right: auto;
	margin-left: auto;
	overflow: display;
}



/**** Form Styles ****/

textarea#message, textarea#comment {
	border:1px solid #cdcdcd;
	padding:5px;
	font:12px "Helvetica", "Arial", sans-serif;
	width:450px;
}

input#name, input#email, input#author, input#url {
	border:1px solid #cdcdcd;
	height:16px;
	width:200px;
	padding:5px;
	font:12px "Helvetica", "Arial", sans-serif;	
}


input#s {
	border:1px solid #cdcdcd;
	height:16px;
	width:190px;
	padding:5px;
	font:12px "Helvetica", "Arial", sans-serif;	
}

input[type=submit] {
	cursor:pointer;
	border:1px solid #cdcdcd;
	padding:4px 5px;
	font:12px "Helvetica", "Arial", sans-serif;	
}

input[type=submit]:hover {
	background:#999;
	color:#eaeaea;
}

.form p {
	font:14px/24px "Helvetica", "Arial", sans-serif;
}

label {
	width:100px;
	margin-left:10px;
}

#commentform {
	margin-left:15px;
}

#searchform label {
	display:none;
}

h1.error404 {
	padding-bottom:10px;
	border-bottom:1px solid #cdcdcd;
	margin-bottom:25px;
}

/***** Adblock Styles *****/

ul.adblock {
	margin:0px 0px 20px 0px;
}

ul.adblock li {
	display:inline;
}

ul.adblock li img {
	margin:1px;
	border:3px solid #CCC;
}

ul.adblock li img:hover {
	border:3px solid #999;
}

/****** Blog Styles *****/

.meta {
	font-family:"Helvetica", "Arial", sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#414141;
	margin:6px 0px 20px 0px;
}

.snippet {
	font-family:"Helvetica", "Arial", sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#414141;
	line-height:18px;
	margin-bottom:5px;
}

.blog_entry {
	margin-bottom:10px;
	border-bottom:0px solid #cdcdcd;
	padding-bottom:0px;
}

.entries .blog_entry:last-child {
	margin-bottom:10px;
}

.blogimage {
	border:5px solid #CCC;
	margin:15px 0px;
}

.blogimage:hover {
	border:5px solid #999;
	margin:15px 0px;
}

.blogtitle h1, .blogtitle h1 a:link, .blogtitle h1 a:active, .blogtitle h1 a:visited {
	font-family:"Helvetica", "Arial", sans-serif;
	font-size:24px;
	font-weight:700;
	color:#565656;
	margin:0px;
	line-height:24px;
	text-decoration:none;
}

.blogtitle h1 a:hover {
	color:#31b8da;
}	

.pagination a {
	font-size:14px;
	text-decoration:none;
	color:#414141;
}

.tags {
	border-bottom:1px dotted #cdcdcd;
	border-top:1px dotted #cdcdcd;
	padding:6px 0px;
}

/****** Additional Footer Styles *****/

#bottom_holder {
        position:relative;
	margin: 0px;
	float: left;
	width: 950px;
	margin-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: -32px;
        line-height:100%;
}

#bottom {
	width: 924px;
        height: 100px;
	font-size: 11px;
	color: #aaa;
	background-color: #161616;
	padding: 20px;
	margin-right:auto;
	margin-left:auto;
        margin-bottom: 10px;
}

#bottom img {
	padding: 0px;
        margin-right: 5px;
}

#bottom .strong {
	font-size: 15px;
	display: block;
	color: #CCCCCC;
        margin-bottom: 3px;
}
#bottom div {
	margin: 0px;
	float: left;
	width: 300px;
	padding-top: 0px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#bottom div img {
	margin-right: 4px;
	margin-top: 4px;
	padding: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#bottom div.last {
	margin: 0px;
	float: left;
	width: 263px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#bottom div.last ul {
	margin: 0px;
	float: left;
	list-style-type: none;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#bottom div.last ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}

#bottom div.second {
	height:100px;
	padding-left: 35px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 278px;
}
#bottom div.second ul {
	margin: 0px;
	float: left;
	list-style-type: none;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#bottom div.second ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}

#bottom div.first ul {
	margin: 0px;
	float: left;
	list-style-type: none;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#bottom div.first ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}


/***** Footer Styles ******/

#footer {
	background-color: #1f1f1f;
	width: 100%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	float: left;
}

#footer p {
	font-family:"Helvetica", "Arial", sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#414141;
	margin-bottom:25px;
	line-height:16px;
}


#footer .boxes_holder {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#footer .box_twitter {
	width: 790px;
	color: #999999;
	background-color: #161616;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 130px;
	display: block;
	float: left;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#footer .boxes_holder_twitter {
	margin: 0px;
	float: left;
	width: 935px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#footer .subfooter {
	float: left;
	width: 945px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin: 0px;
	left: 0px;
	top: 100px;
}

#footer .subfooter ul {
	margin: 0px;
	padding: 0px;
}
#footer .subfooter ul li {
	display: inline;
	list-style-type: none;
}
#footer .subfooter a {
        color:#444;
	display: inline;
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#footer .subfooter a:hover {
        color:#31B8DA;
}

#footer .subfooter h3 {
	float: right;
	color: #444;
	font-size: 10px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#footer .a2a_dd {
        float: left;
	margin-top: -14px;
	padding: 0px;
}

#footer .footer_navigation ul{
        color:#31B8DA;
}

/******* Widget Styles ********/

.widget {
	margin-bottom:15px;
}

.widget_search label {
	display:none;
}

.widget_recent_entries ul, .widget_categories ul, .widget_archive ul, .widget_meta ul, .blogroll {
	list-style:none;
	margin:0px 0px 25px 0px;
}

.enhanced-categories-1 ul, .enhancedcategorieswidget_render_widget ul {
	list-style:none;
	margin:0px 0px 25px 0px;
}

.widget_recent_entries ul li, .widget_categories ul li, .widget_archive ul li, .widget_meta ul li, .blogroll li, .enhanced-categories-1  ul li, .enhancedcategorieswidget_render_widget ul li{
	border-top:1px solid #cdcdcd;
	width:260px;
	padding:0px;
	margin:0;
}

.widget_recent_entries ul li:last-child, .widget_categories ul li:last-child, .widget_archive ul li:last-child, .widget_meta ul li:last-child, .blogroll li:last-child, .enhanced-categories-1 ul li:last-child, .enhancedcategorieswidget_render_widget ul li:last-child{
	border-bottom:1px solid #cdcdcd;
}

.widget_recent_entries ul li a:link, .widget_recent_entries ul li a:active, .widget_recent_entries ul li a:visited, .widget_categories ul li a:link, .widget_categories ul li a:active, .widget_categories ul li a:visited, .widget_archive ul li a:link, .widget_archive ul li a:active, .widget_archive ul li a:visited, .widget_meta ul li a:link, .widget_meta ul li a:active, .widget_meta ul li a:visited, .blogroll li a:link, .blogroll li a:active, .blogroll li a:visited {
	text-decoration:none;
	color:#414141;
	width:285px;
	display:block;
	padding:5px 5px 5px 10px;
	margin:0;
}

.enhanced-categories-1 a:link, .enhanced-categories-1 a:active, .enhanced-categories-1 a:visited, .enhancedcategorieswidget_render_widget a:link, .enhancedcategorieswidget_render_widget a:active, .enhancedcategorieswidget_render_widget a:visited {
	text-decoration:none;
	color:#414141;
}

.enhanced-categories-1 a:hover, .enhancedcategorieswidget_render_widget a:hover {
	text-decoration:none;
	color:#31b8da;
}

#enhanced-categories li {
	text-decoration:none;
	color:#414141;
	width:250px;
	display:block;
	padding:5px 5px 5px 5px;
}

.widget_search {
       margin-bottom:25px;
}

.widget_search label {
       display:none;
}

.widget_pages ul {
	list-style:none;
	margin:15px 0px 25px 0px;
}

.widget_pages ul li {
	border-top:1px solid #cdcdcd;
	width:300px;
	padding:0px;
	margin:0;
}

.widget_pages ul li:last-child {
	border-bottom:1px solid #cdcdcd;
}

.widget_pages ul ul li:last-child {
	border-bottom:none;
}

.widget_pages ul li a:link, .widget_pages ul li a:active, .widget_pages ul li a:visited {
	text-decoration:none;
	color:#414141;
	width:285px;
	display:block;
	padding:5px 5px 5px 10px;
	margin:0;
}

.widget_pages ul ul {
        margin:0;
}

.widget_pages ul ul li a:link, .widget_pages ul ul li a:active, .widget_pages ul ul li a:visited {
	text-decoration:none;
	color:#414141;
	width:240px;
	display:block;
	padding:5px 5px 5px 25px;
	margin:0;
}

.widget_recent_comments ul {
	list-style:none;
	margin:15px 0px 25px 0px;
}

.widget_recent_comments ul li {
	border-top:1px solid #cdcdcd;
	width:300px;
	padding:0px;
	margin:0;
}

.widget_recent_comments ul li:last-child {
	border-bottom:1px solid #cdcdcd;
}

.widget_tag_cloud div a {
        padding:3px;
        border:1px solid #cdcdcd;
        margin:5px;
        line-height:30px;
}