/*
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 "style/css/typography.css";
@import "style/css/layout.css";

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

.clear {
	clear:both;
}

ul {
	list-style-type:disc;
	margin:0px 0px 20px 40px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", 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:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#414141;
	line-height:18px;
}

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

a:hover {
	text-decoration:underline;
}

p {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#414141;
	margin-bottom:25px;
	line-height:18px;
}

h1 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#414141;
	margin:0px;
	line-height:24px;
}

h2 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#521773;
	margin-bottom:15px;
}

h4 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	color:#414141;
	line-height:18px;
}

h5 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#414141;
	margin-bottom:10px;
}

h6 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:8px;
	font-weight:normal;
	color:#414141;
	margin-bottom:10px;
}

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

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



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

#header_container {
	background:transparent url(style/img/BG_transparent_black.png) repeat;
	height:90px;
	width:100%;
	border-bottom:1px solid #110517;
	margin-bottom:40px;
}

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

#logo {
	width:250px;
	float:left;
	margin:25px 5px 20px 20px;
}

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

#topnav {
float:right;
margin:30px;
padding:0px;
}

#topnav li {
	font-size:14px;
	display:inline;
	margin:0px 15px;
}

#topnav li a:link, #topnav li a:active, #topnav li a:visited  {
	font-size:14px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#999;
line-height:30px;
text-decoration:none;
}

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

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

#featured {
	background:#FFF;
	margin:0px auto 20px auto;
	width:940px;
	height:280px;
	border:1px solid #666;
	padding:10px;
	position:relative;
	overflow:hidden;
	
	/* Rounded Corner Styles */
	    -moz-border-radius-topleft:3px;
	    -webkit-border-top-left-radius:3px;
	    -moz-border-radius-topright:3px;
	    -webkit-border-top-right-radius:3px;
	    -moz-border-radius-bottomleft:3px;
	    -webkit-border-bottom-left-radius:3px;
	    -moz-border-radius-bottomright:3px;
	    -webkit-border-bottom-right-radius:3px;

}

#featured li {
	margin:10px;
}

#featured li p {
	position:relative;
	line-height:1.6em;
	top: -44px;
	height:30px;
	background:#000;
	opacity: 0.7;
	filter:alpha(opacity=70);
	text-align:right;
	font-size:18px;
	padding:5px 10px;
	z-index:8;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#FFF;
	width:920px;
}

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

#main {
	background:#FFF;
	margin:0px auto;
	width:900px;
	border:1px solid #666;
	padding:25px 30px 15px 30px;
	position:relative;
	margin-bottom:30px;
	
	/* Rounded Corner Styles */
	    -moz-border-radius-topleft:3px;
	    -webkit-border-top-left-radius:3px;
	    -moz-border-radius-topright:3px;
	    -webkit-border-top-right-radius:3px;
	    -moz-border-radius-bottomleft:3px;
	    -webkit-border-bottom-left-radius:3px;
	    -moz-border-radius-bottomright:3px;
	    -webkit-border-bottom-right-radius:3px;

}

#top {
	border-bottom:1px 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;
}

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

.column_medium {
	width:570px;
	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;
}

#main img {
	border:5px solid #CCC;	
}

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

.newsitem p {
	margin-bottom:0px;
}

.newsitem a:link, .newsitem a:active, .newsitem a:visited {
	font-family:"Lucida Sans Unicode", "Lucida Grande", 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:5px solid #CCC;
}

ul#portfolio li img:hover {
	border:5px solid #999;
}

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

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

ul.subnav li {
	border-top:1px solid #d4d7dd;
	width:300px;
	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;
}


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

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

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

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

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

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

.form p {
	font:14px/24px "Lucida Sans Unicode", "Lucida Grande", 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:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#414141;
	margin:10px 0px 20px 0px;
}

.snippet {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#414141;
	line-height:18px;
	margin-bottom:-15px;
}

.blog_entry {
	margin-bottom:30px;
	border-bottom:1px solid #cdcdcd;
	padding-bottom:15px;
}

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

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

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

.blogtitle h1 a:link, .blogtitle h1 a:active, .blogtitle h1 a:visited {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#414141;
	margin:0px;
	line-height:24px;
	text-decoration:none;
}	

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

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

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

#footer {
	border-top:1px solid #d4d7dd;
	margin-top:25px;
	padding-top:15px;
	height:8px;
}

#copyright {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#414141;
	width:450px;
	float:left;
}

#footer_navigation {
	list-style:none;
	width:450px;
	float:left;
	margin:-5px;
	padding:0px;
	text-align:right;
}

#footer_navigation li {
	display:inline;
	padding:0px;	
}

#footer_navigation li a:link, #footer_navigation li a:active, #footer_navigation li a:visited {
	text-decoration:none;
	color:#414141;
	margin:0px 5px;	
	font-size:10px;	
	padding:0px;	
}

#footer_navigation li a:hover {
	text-decoration:underline;
}

/******* 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:15px 0px 25px 0px;
}

.widget_recent_entries ul li, .widget_categories ul li, .widget_archive ul li, .widget_meta ul li, .blogroll li {
	border-top:1px solid #cdcdcd;
	width:300px;
	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 {
	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;
}

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

	/* General */

.column-fixed .form-container {
	margin:0 1em 1em 0;
}

.form-container {
	background:#f8f8f8!important;
	margin:0;
}

form ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}
form li{
	display:block;
	margin:0;
	padding:6px 0 9px;
	clear:both;
}
form li:after, form li div:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}
* html form li{height: 1%;}
* html form li div{display:inline-block;}
*+html form li div{display:inline-block;}

form li div, form li span{
	margin:0 .3em 0 0;
	padding:0;
	color:#444;
}
form li span{
	float:left;
}

	/* Inputs */

input.text, input.file, textarea.textarea, select.select{
	color:#333;
	margin:0;
	padding:4px;
}
input.text, textarea.textarea{
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
}
select.select{
	padding:1px 5px 0 0;
}

input.checkbox, input.radio{
	display:block;
	margin:4px 0 0 0;
	padding:0;
	width:13px;
	height:13px;
}
input.other{
	margin:0 0 8px 25px;
}

.safari select.select{
	font-size:120% !important;
	margin:0 0 1px 0;
}
* html select.select{
	margin:1px 0;
}
*+html select.select{
	margin:1px 0;
	border:1px solid red;
}

	/* Size */

input.small, select.small{
	width:25%;
}

input.medium, select.medium{
	width:50%;
}

input.large, select.large, textarea.textarea {
	width:70%;
}

input.full, select.full, textarea.full {
	width:99%;
}

textarea.small{
	height:5.5em;
}

textarea.medium{
	height:10em;
}

textarea.large{
	height:20em;
}

	/* Buttons */

input.btTxt{
	padding:0 7px;
	width:auto;
	overflow:visible;
}
form li.buttons{
	clear:both;
	padding-top:10px;
}
form li.buttons input{
	font-size:120%;
	margin-right: 5px;
}

	/* Labels */

form li div label, form li span label{
	margin:0;
	padding-top:6px;
	clear:both;
	font-size:85%;
	line-height:100%;
	color:#444;
	display:block;
}
form li div span label{
	padding-bottom:12px;
}
label.desc{
	font-size:95%;
	font-weight:bold;
	color:#222;
	line-height:150%;
	margin:0;
	padding:0 0 3px 0;
	border:none;
	display:block;
}
label.choice{
	display:block;
	font-size:100%;
	line-height:150%;
	margin:-17px 0 0 23px;
	padding:0 0 5px 0;
	color:#222;
	width:88%;
}

	/* Required */

form span.req{
	display:inline;
	float:none;
	color:red !important;
	font-weight:bold;
}