/*



Theme Name: Builder



Theme URI: http://ithemes.com/



Author: Chris Jean



Author URI: http://ithemes.com/



Version: 2.0.2



Tags: blog, theme options, multiple layouts, multiple color schemes







Version History



	See history.txt



*/







/*********************************************



	Default font settings.



	The font-size percentage is of 16px. (0.75 * 16px = 12px)



*********************************************/



html {



	font-size:100.01%;



}



body {



	font-size: 80%;



	line-height: 1.5em;



	color: #FFF;



	font-family: Arial, Helvetica, sans-serif;



	/*background-image:url(images/BG2.jpg);*/

	

	/*background-image: url(images/[PHP] echo ("BG".rand(0,3).".jpg")[/PHP]) ;*/



	background-position: center top;



	background-repeat:no repeat;



	background-attachment: fixed;



	background-color: #000000;



	/*text-align: justify;*/



}



/*body#info {

	background-image: url(images/[PHP] echo ("BG".rand(0,3).".jpg")[/PHP]) ;

}*/



/*********************************************



	Main Background



*********************************************/







/*********************************************



	Universal Link Styles



*********************************************/



a {



	color: #4891DC;



	text-decoration: none;



}



a:hover {



	color: #4891DC;



	text-decoration: underline;



}



/*********************************************



	Headings



*********************************************/







h1, h2, h3, h4, h5, h6 {



	font-weight: normal;



	color: #FFF;



}



h1 {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 2em;



	line-height: 1.2em;



	margin-bottom: 0.5em;



	font-weight: normal;



}



h2 {



	font-size: 2em;



	margin-bottom: 0.5em;



}



h3 {



	font-size: 2em;



	line-height: 1;



	margin-bottom: 0.5em;



}



h4 {



	font-size: 2em;



	line-height: 1.2;



	margin-bottom: 0.5em;



	font-weight:bold;



}



h5 {



	font-size: 2em;



	font-weight: bold;



	margin-bottom: 0.5em;



}



h6 {



	font-size: 1em;



	font-weight: bold;



}



h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {



	margin: 0;



}







/*********************************************



		Container Div



*********************************************/



.builder-container-outer-wrapper {



	margin: 2em auto;



	/*border: 0em solid #000;*/



	display: block;



}







/*********************************************



	All Modules Default Defenitions



*********************************************/



.builder-module {



	margin-bottom:1em;



}







/* Make the module columns match height */



.builder-module {



	overflow: hidden;



}



.builder-module-block-outer-wrapper,



.builder-module-block {



	margin-bottom: -9999px;



	padding-bottom: 9999px;



}







.builder-module-content {}



.builder-module-widget-bar {}



.builder-module-image {}







/*********************************************



	Sidebars



*********************************************/



.builder-module-sidebar {



	display:block;



	width:100%;



	background: transparent;



}



.builder-module-sidebar .widget-wrapper {



	width: 100%;



}



.builder-module-sidebar .widget {



	padding: 1em 1em;



	color: #333;



}



.builder-module-sidebar .widget a {



	color: #333;



	text-decoration: none;



}



.builder-module-sidebar .widget a:hover {



	color: #333;



	text-decoration: underline;



}



.builder-module-sidebar .widget h4 a {



	color: #333;



	text-decoration: none;



}



.builder-module-sidebar .widget h4 {



	color: #333;



}



.builder-module-sidebar .widget h4, .builder-module-sidebar .widget p, .builder-module-sidebar .widget ul, .builder-module-sidebar .widget ol, .builder-module-sidebar .widget img {



	padding: 0 0 .8em 0;



}



.builder-module-sidebar .widget ul, .builder-module-sidebar .widget ol {



	padding: 0;



	margin: 0 1em .5em 1.5em;



	list-style-type: square;



}



.builder-module-sidebar .widget a.rsswidget img {



	display: none;



}







/*********************************************



	Navigation Module



*********************************************/



/*.builder-module-navigation {



	font-size: 1em;



	line-height: 2em;



	background: #fff url('images/nav_bg.jpg') repeat-x top left;



	border-top: .1em solid #777;



	border-bottom: .1em solid #777;



	display: block;



	width: 100%;



}



.builder-module-navigation ul {



	display: block;



}



.builder-module-navigation li {



	padding: 0 0 0 0px;



}



.builder-module-navigation li a {



	font-size: 1em;



	padding: .4em .6em;



	color: #333;



	font-weight: bold;



	text-decoration: none;



	background: #fff url('images/nav_bg.jpg') repeat-x top left;



}



.builder-module-navigation li a:hover,



.builder-module-navigation li a.sfhover {



	background: #333 url('images/nav_bg_hover.jpg') repeat-x top left;



	color: #FFF;



}



.builder-module-navigation li ul {



	width: 14em;



	border: .1em solid #777;



	border-bottom: 0em;



}



.builder-module-navigation li li {



	border-bottom:.1em solid #777;



	width: 14em;



}



.builder-module-navigation li li a {



	float: none;



}



.builder-module-navigation li li a:hover,



.builder-module-navigation li li a.sfhover {



}



.builder-module-navigation li ul ul {



	margin: -2.5em 0 0 14em;



}*/







#nav-container {



        width: 100%;



        background-image: url(http://www.mikstudios.com/nav-bg.png);



        background-repeat: repeat-x;



        position: fixed;



        margin-top: -20px;



}



#nav1 {



	width: 900px;



	height: 44px;



	margin: 0 auto;



}



#nav1 img {



	margin: 7px 0 0 0;



        float: right;



}



#nav1 ul {



	display: block;



}



#nav1 li a {



	float: left;



	font-size: 14px;



	height: 34px;



	color: #FFF;



	list-style: none;



	text-decoration: none;



	padding: 10px 18px 0 18px;



}



#nav1 li a:hover {



	float: left;



	font-size: 14px;



	height: 34px;



	background-color:#FFF;



	color: #000;



	list-style: none;



	text-decoration: none;



	padding: 10px 18px 0 18px;



}



/*********************************************



	Widget Bar Module



*********************************************/



.builder-module-widget-bar {



	border-top:.1em solid #777;



	border-bottom:.1em solid #777;



}







/*********************************************



	HTML Module



*********************************************/



.builder-module-html {



	background-color: #FFF;



	border-top:.1em solid #777;



	border-bottom:.1em solid #777;



}



.builder-module-html .builder-module-element {



	margin: 1em;



	padding: 0px .8em .8em .8em;



}







/*********************************************



	Footer Module



*********************************************/



.builder-module-footer .builder-module-element {



	text-align: left;



	color: #FFF;



}



.builder-module-footer .builder-module-element .alignleft, .builder-module-footer .builder-module-element .alignright {



	padding: 1em;



}



.builder-module-footer .builder-module-element .alignright {



	text-align: right;



}



.builder-module-footer .builder-module-element a {



	color: #FFF;



	text-decoration: none;



}



.builder-module-footer .builder-module-element a:hover {



	text-decoration: underline;



}







/*********************************************



	Content Module



*********************************************/



/*.builder-module-content {



	background: #000;



	filter:alpha(opacity=60);



    -moz-opacity:0.5;



    opacity: 0.5;



}*/



#Col-A {



	width: 100%;

	margin: 50px 0 0 0;



}



#Col-A p {

         color: #FFF;

         padding: 45px 0 0 0;
		 
		 text-align: justify;
		 
		 line-height: 20px;

}

#Col-A img {

         padding: 20px 50px 20px 0;
		 
		 margin-left: 300px;

}







#Col-B {



	width: 100%;

	background-image: url(images/film-bg.png);

	margin: 20px 0 0 0;

	min-height: 500px;
	
	padding: 50px 0 0 0;



}



#Col-B p {



	color: #CCC;

}


#post-right {
	float: right;
	width: 650px;
	}
	
#thumbnail {
	float: left;
	padding: 10px 0 0 0;
	}



.page-title {



	margin: 1em;



}



.post {



	margin: 1em;



	padding: 0px 25px 0 25px;



}



.post .thumbnail-wrap {



	display: none;



}



.page .title {



	display: none;



}



.post .date {



	display: none;



}



.post .post-title {



	float: left;



	padding: .5em 0px 0px 0px;



}



.post .post-title a {



	text-decoration: none;



	color: #4891DC;



}



.post .post-title a:hover {



	text-decoration: underline;



	color: #4891DC;



}



.post .post-title h3 {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 1.9em;



	line-height: 1.2em;



	margin-bottom: 0.5em;



	font-weight: normal;



}



.post .post-meta {



	display: block;



	clear:both;



}



.post .post-meta a {



	text-decoration: none;



	font-style:italic;



}



.post .post-meta a:hover {



        text-decoration: underline;



}



.post .meta-bottom {



	display: block;



}



.post img {



	border: 0;

    padding: 0 10px 0 0;
	
	float: left;



}



.post li {



	margin: 0 0 0 12px;



}







/*********************************************



		Post Meta Styles, if needed



*********************************************/



.meta-top {



	clear: both; /* we need this so floats in the post are cleared */



}



.meta-bottom {



	clear: both; /* we need this so floats in the post are cleared */



	border-top: .1em solid #d7d7d7;



	margin: 10px 0px 0px 0px;



	padding: 10px 0px 0px 0px;



}



.meta-bottom .alignleft {



	width: 70%;



}



.meta-bottom .categories {



	background: url(images/folder.png) 0px 0px no-repeat;



	padding: 0px 0px 0px 1.5em;



}



.meta-bottom .comments {



	background: url(images/comments.png) 0px 2px no-repeat;



	padding: 0px 0px 0px 1.5em;



}



.photometa {



	margin: 0px .5em 0px .5em;



	padding: 0px 0px;



	width: 100%;



}



.EXIF {



	margin: -22px 0px 0px 10px;



	padding: 0px 0px;



	float: left;



	width: 33%;



}



.photometa h4 {



	border-bottom: 1px solid #666;



	text-align: center;



	margin: 0px;



	padding: 0px;



}



.photometa ul {



	list-style-type: none;



}



/*********************************************



		Previous/Next Page Navigation



*********************************************/



.paging {



	clear: both; /* To clear any floats */



	margin: 0px;



	padding: 10px 50px;



}



/*********************************************



		Comment Styles



*********************************************/



#comments {



	padding: 20px 35px;
	
	margin: 100px 0 0 0;



}



#comments .title {



	font-size: 25px;



	margin: 0px;



	padding: 15px 0;



}



#comments ol.commentlist {



	margin: 0px;



	padding: 0px;



	background: #fff;



}



#comments ul.children {



	margin: 0px;



	padding: 10px 0px 0px 20px;



}



#comments .vcard {



}



#comments .vcard .avatar {



	display: block;



	float: left;



	margin: 0px;



	padding: 0px 10px 0px 0px;



}



#comments .comment-meta {



	padding: 0px 0px 20px 0px;



}



#comments li.even, #comments li.odd {



	clear: both;



	list-style-type: none;



	margin: 5px 0px 5px 0px;



	padding: 10px;



	background: #FFFFFF;



	overflow: hidden;



	border: 1px solid #999;



}



#comments ul.children li {



}



#comments li.even {



	margin: 5px 0px 5px 0px;



	padding: 10px;



	overflow: hidden;



}



#comments li.odd {



	margin: 5px 0px 5px 0px;



	padding: 10px;



	overflow: hidden;



}



#comments blockquote {



	margin: 10px 0px;



	padding: 10px;



}



#comments .alert {



	background: #fffbd6;



	border: 1px solid #ebe067;



	margin: 5px 0px;



	padding: 5px;



}



#comments p {



	margin: 0px 0px 10px;



	padding: 0px;



         color: #000000;



}



#comments a {



	margin: 0px 0px 10px;



	padding: 0px;



         color: #666;



}



#comments a:hover {



	margin: 0px 0px 10px;



	padding: 0px;



         color: #4891DC;



}



#respond {



	overflow: hidden;



	padding: 20px 35px;



}



#respond #commentform {



	margin: 5px 0px 0px 0px;



	padding: 0px;



	overflow: hidden;



}



#respond #commentform #author, #respond #commentform #email, #respond #commentform #url {



	width: 50%;



	margin: 0px 0px 5px 0px;



	padding: 5px;



}



#respond #commentform #comment {



	width: 98%;



	margin: 10px 0px 15px 0px;



	padding: 5px;



}



/*********************************************



	Text elements



*********************************************/







p {



	margin: 0 0 1.5em;



}



p img.left {



	float: left;



	margin: 1.5em 1.5em 1.5em 0;



	padding: 0;



}



p img.right {



	float: right;



	margin: 1.5em 0 1.5em 1.5em;



}



a:focus, a:hover {







}



a {



}



blockquote {



	margin: 1.5em;



	color: #666;



	font-style: italic;



}



strong {



	font-weight: bold;



}



em, dfn {



	font-style: italic;



}



dfn {



	font-weight: bold;



}



sup, sub {



	line-height: 0;



}



abbr, acronym {



	border-bottom: 1px dotted #666;



}



address {



	margin: 0 0 1.5em;



	font-style: italic;



}



del {



	color:#666;



}



pre {



	margin: 1.5em 0;



	white-space: pre;



}



pre, code, tt {



	font: 1em 'andale mono', 'lucida console', monospace;



	line-height: 1.5;



}



/*********************************************



	Lists



*********************************************/







/*li ul, li ol {



	margin: 0;



}



ul, ol {



	margin: 0 1.5em 1.5em 0;



	padding-left: 3.333em;



}



ul {



	list-style-type: disc;



}



ol {



	list-style-type: decimal;



}



dl {



	margin: 0 0 1.5em 0;



}



dl dt {



	font-weight: bold;



}



dd {



	margin-left: 1.5em;



}*/



/*********************************************



	Tables



*********************************************/







table {



	margin-bottom: 1.4em;



	width:100%;



}



th {



	font-weight: bold;



}



thead th {



	background: #c3d9ff;



}



th, td, caption {



	padding: 4px 10px 4px 5px;



}



tr.even td {



	background: #e5ecf9;



}



tfoot {



	font-style: italic;



}



caption {



	background: #eee;



}



/*********************************************



	Misc classes



*********************************************/







.small {



	font-size: .8em;



	margin-bottom: 1.875em;



	line-height: 1.875em;



}



.large {



	font-size: 1.2em;



	line-height: 2.5em;



	margin-bottom: 1.25em;



}



.hide {



	display: none;



}



.quiet {



	color: #666;



}



.loud {



	color: #000;



}



.highlight {



	background:#ff0;



}



.added {



	background:#060;



	color: #fff;



}



.removed {



	background:#900;



	color: #fff;



}



.first {



	margin-left:0;



	padding-left:0;



}



.last {



	margin-right:0;



	padding-right:0;



}



.top {



	margin-top:0;



	padding-top:0;



}



.bottom {



	margin-bottom:0;



	padding-bottom:0;



}



/*********************************************



	default styling for forms



*********************************************/







label {



	font-weight: bold;



}



fieldset {



	padding:1.4em;



	margin: 0 0 1.5em 0;



	border: 1px solid #ccc;



}



legend {



	font-weight: bold;



	font-size:1.2em;



}



/*********************************************



	Form fields



*********************************************/







input[type=text], input[type=password], input.text, input.title, textarea, select {



	background-color:#fff;



	border:1px solid #bbb;



}



input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {



	border-color:#666;



}



input[type=text], input[type=password], input.text, input.title, textarea, select {



	margin:0.5em 0;



}



input.text, input.title {



	width: 300px;



	padding:5px;



}



input.title {



	font-size:1.5em;



}



textarea {



	width: 390px;



	height: 250px;



	padding:5px;



}



input[type=checkbox], input[type=radio], input.checkbox, input.radio {



	position:relative;



	top:.25em;



}



form.inline {



	line-height:3;



}



form.inline p {



	margin-bottom:0;



}



/*********************************************



	Success, notice and error boxes



*********************************************/







.error, .notice, .success {



	padding: .8em;



	margin-bottom: 1em;



	border: 2px solid #ddd;



}



.error {



	background: #FBE3E4;



	color: #8a1f11;



	border-color: #FBC2C4;



}



.notice {



	background: #FFF6BF;



	color: #514721;



	border-color: #FFD324;



}



.success {



	background: #E6EFC2;



	color: #264409;



	border-color: #C6D880;



}



.error a {



	color: #8a1f11;



}



.notice a {



	color: #514721;



}



.success a {



	color: #264409;



}



/*********************************************



	The Obligatory WP Styles



*********************************************/



.aligncenter, div.aligncenter {



	display: block;



	margin-left: auto;



	margin-right: auto;



}



.alignleft {



	float: left;



	text-align: left;



}




.alignright {



	float: right;



	text-align: right;



}



img.alignleft {



	margin: 0px .6em .6em 0px;



}



img.alignright {



	margin: 0px 0px .6em .6em;



}



.wp-caption {



	border: 1px solid #ddd;



	text-align: center;



	background-color: #f3f3f3;



	padding-top: 4px;



	margin: .8em;



}



.wp-caption img {



	margin: 0;



	padding: 0;



	border: 0 none;



}



.wp-caption p.wp-caption-text {



	font-size: .8em;



	padding: 0 .3em .4em;



	margin: 0;



}