/*  



Theme Name: MX4 Theme



Theme URI: http://mx4.info/



Description: The MX4 WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.



Version: 1.0 Alpha



Author: Michael Heilemann, Mod by Michael Ruehlemann



Author URI: http://binarybonsai.com/







	MX4 v1.0 Alpha



	http://mx4.info







	This theme was originally designed and built by Michael Heilemann,



	whose blog you will find at http://binarybonsai.com/







	The CSS, XHTML and design is released under GPL:



	http://www.opensource.org/licenses/gpl-license.php



	







	*** REGARDING IMAGES ***



	All CSS that involves the use of images, can be found in the 'index.php' file.



	This is to ease installation inside subdirectories of a server.







	Have fun, and don't be afraid to contact me if you have questions.



*/















/* Begin Typography & Colors */



body {



	font-size: 72.5%; /* Resets 1em to 10px */



	font-family: Georgia, Verdana, Arial, Sans-Serif;



	background-color: #cccccc;



	color: #333;



	text-align: center;



	}







#page {



	background-color: white;



	border: 1px solid #888888;



	text-align: left;



	}









#header {



	/* background-color: #73a0c5; */



        background-image: url(http://www.bults.net/wordpress/wp-content/headers/rotate.php);



	}







#content {



	font-size: 1.4em



	}







.widecolumn .entry p {



	font-size: 1.25em;



	}







.narrowcolumn .entry, .widecolumn .entry {



	line-height: 1.6em;



	}







.widecolumn {



	line-height: 1.8em;



	}



	



.narrowcolumn .postmetadata {



	text-align: left;



	border-top: 1px dashed #73A0C5;



	}







.alt {



	background-color: #ffffff;



	}







#footer {



	background-color: #eee;



	}







small {



	font-family: Arial, Helvetica, Sans-Serif;



	font-size: 1.0em;



	line-height: 1.7em;



	}







.smalltime{



	float: left;



	text-align: left;



	font-family: Arial, Helvetica, Sans-Serif;



	color: #888888;



	font-size: 1.0em;



	padding: 0px 0px 0px 14px;



	background: url(images/posttime.gif) no-repeat 0px 0px;



	}







.smalluser{



	float: left;



	text-align: left;



	margin-left: 6px;



	font-family: Arial, Helvetica, Sans-Serif;



	color: #888888;



	font-size: 1.0em;



	padding: 0px 0px 0px 14px;



	background: url(images/postuser.gif) no-repeat 0px -2px;



	}







.smallcat{



	float: left;



	text-align: left;



	font-family: Arial, Helvetica, Sans-Serif;



	color: #888888;



	font-size: 1.0em;



	padding: 0px 0px 0px 14px;



	background: url(images/postcat.gif) no-repeat 0px 0px;



	}







.smallcomments{



	float: right;



	text-align: right;



	margin-left: 6px;



	font-family: Arial, Helvetica, Sans-Serif;



	color: #888888;



	font-size: 1.0em;



	padding: 0px 0px 0px 14px;



	background: url(images/postcomment.gif) no-repeat 0px 0px;



	}







h1 {



	font-family: Verdana, "MS Serif", "New York", sans-serif;



	font-weight: bold;



	}



h2, h3 {



	font-family: Georgia, "MS Serif", "New York", serif;



	font-weight: normal;



	}







a {



	color: #42769F;



	text-decoration: none;



}







.description {



	font-size: 1.4em;



	text-align: left;



	}







h2.pen {



	margin-bottom: 5px;	



	margin-left: 0px;



	padding: 6px 2px 2px 24px;



	background: url(images/pen1.gif) no-repeat 0px 4px;



	}











h2 {



	font-size: 1.6em;



	}







h2.pagetitle {



	font-size: 1.6em;



	}







#sidebar h2 {



	display: block;



	background: url(images/h2_bg.gif) repeat-x 0px 0px;



	border: 1px solid #B9D1E3;



	height: 13px;



	padding: 2px 2px 2px 2px;



	margin-top: 14px;



	color: #93425A;



	font-family:  Verdana, Sans-Serif;



	font-size: 1.2em;



	text-transform: uppercase;



	font-weight: lighter;



	}







h3 {



	font-size: 1.4em;



	}







h1, h1 a, h1 a:hover, h1 a:visited, .description {



	text-decoration: none;



	color: #73A0C5;



	}







h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {



	color: #93425a;



	}







h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {



	text-decoration: none;



	}







.entry {



	color: #354657;



	font-family: Georgia, "MS Sans Serif", Geneva, sans-serif;



	font-size: 1.1em;



	margin-top: 22px;



	}



	



.entrytext {



	color: #354657;



	font-family: Georgia, "MS Sans Serif", Geneva, sans-serif;



	font-size: 1.2em;











	}	







/*.entry p a:visited {



	color: #b85b5a;



	}



*/



.commentlist li, #commentform input, #commentform textarea {



	font: 1.1em Verdana, Arial, Sans-Serif;



	}



	







.commentlist cite, .commentlist cite a {



	font-weight: normal;



	font-style: normal;



	font-size: 1.3em;



	}











#commentform {



	padding-left: 0px;



	}



	



#commentform p {



	font-family: Verdana, Arial, Sans-Serif;



	}







.commentmetadata {



	font-weight: normal;



	}







#sidebar {



	font: 1.2em Verdana, Arial, Sans-Serif;



	color: #888888;



	}







small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {



	color: #888888;



	}



	



code {



	font: 1.3em 'Courier New', Courier, Fixed;



	}







acronym, abbr, span.caps



{



	font-size: 1.1em;



	letter-spacing: .09em;



	}







h2 a:hover, h3 a:hover {



	color: #93425a;



	text-decoration: none;



	}







a:hover {



	color: #1A426A;



	}



	



 /* input {



	background: url(images/input_bg.gif);



	background-repeat: repeat-x;



	border: 1px solid #888888;



	padding: 2px;



	margin: 2px 2px 1px 0;



	}



*/



.post ul {



	list-style:none;



	padding-bottom:1px;



	padding-left: 0;



	margin-left: 0;	



	text-indent: 0px;



}







.post li {



	margin-bottom: 1px;	



	margin-left: 0px;



	padding: 5px 10px 0px 40px;



	background: #faf9e8 url(images/archive.gif) no-repeat 1px 1px;



	border: 1px solid #faf9e8;



	}







.post li a {







	}



	



.post li:hover {



	border: 1px solid #42769F;	



	}







.clear {



	clear: both;



	}







.clearleft {



	clear: left;



	}







.clearright {



	clear: right;



	}







.line {



	margin-top: 15px;



	border-top: 1px dashed #73A0C5;



	margin-bottom: 3px;



	}







/* End Typography & Colors */







/* Begin Navigation */











#navi {



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



	font-size: 0.9em;



	text-align: left;



	margin-left: 22px;



	margin-top: 135px;



	}







#navi  a {



	text-transform: uppercase;



	padding: 4px 4px; 



	height: 16px; 



	text-decoration: none;



	color: #ffffff;



	background: #6D984F url(images/navibg.gif) no-repeat -6px -14px;



		}







#navi a:hover {



	color: #42769f;



	background: #ffffff url(images/navibg2.gif) no-repeat -6px -14px;



		}







#navi ul



	{



	margin: 0;



	padding: 0;



	}







#navi li



	{



	display: inline;



	padding: 0px;



	margin-left: 4px;



	background: #cccccc;



	list-style-type: none;



	}







#navi .selected {



	background: #ffffff  no-repeat -6px -16px;



	color: #42769f;



	}











/* End Navigation */







/* Begin Structure */



body {



	margin: 0;



	padding: 0; 



	}







#page {



	background-color: white;



	margin: 0px auto;



	padding: 0;



	width: 560px;



	border-left: 10px solid #888888;



	}



	



#header {



	padding: 0;



	margin: 0 auto;



	height: 480px;



	width: 100%;



	background-color: #73a0c5;



	}







.headerimg {



	position: absolute;



	margin-top: 1px;



	margin-left: 24px;



	}







.narrowcolumn {



	float: left;



	padding: 0 0 20px 25px;



	margin: 0px 0 0;



	width: 342px;



	}







.widecolumn {



	padding: 10px 0 20px 0;



	margin: 5px 0 0 80px;



	width: 400px;



	}



	



.post {



	margin: 0 0 40px;



	text-align: justify;



	}







.widecolumn .post {



	margin: 0;



	}







.narrowcolumn .postmetadata {



	padding-top: 5px;



	}







.widecolumn .postmetadata {



	margin: 30px 0;



	}



	



#footer {







	padding: 0;



	margin: 0 auto;



	width: 560px;



	clear: both;



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



	font-size: .9em;



	color: #888888;



	}







#footer p {



	margin: 0;



	padding: 20px 0;



	text-align: center;



	}



/* End Structure */















/*	Begin Headers */



h1 {



	font-size: 2.4em;



	text-align: left;



	margin: 0;



	}



	



.logo {



	padding-top: 10px;



	padding-left:22px;



	}







.description {



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



	font-size: 1em;



	text-transform: lowercase;



	color: #888888;



	text-align: left;



        margin-left: 14px;



	}







h2 {



	margin: 30px 0 0;



	}







h2.pagetitle {



	height: 1em;



	margin-bottom: 10px;	



	margin-left: 0px;



	padding: 10px 10px 10px 44px;



	background: #ffffff url(images/bigarchive.gif) no-repeat 6px 4px;



}







h3 {



	padding: 0;



	margin: 30px 0 0;



	}







h3.comments {



	padding: 0;



	margin: 40px auto 20px ;



	}



/* End Headers */















/* Begin Images */







.img {



	background-color: #ffffff;



	border: 1px solid #dddddd;



	/*-moz-border-radius:5px;*/



	padding: 4px;



	}







.imgleft {



	float: left;



	margin-bottom: 6px;



	background-color: #ffffff;



	border: 1px solid #dddddd;



	/*-moz-border-radius:5px;*/



	padding: 4px;



	}







.imgright {



	float: right;



	margin-bottom: 6px;



	background-color: #ffffff;



	border: 1px solid #dddddd;



	/*-moz-border-radius:5px;*/



	padding: 4px;



	}











p img {







	max-width: 100%;



	}







/*	Using 'class="alignright"' on an image will (who would've



	thought?!) align the image to the right. And using 'class="centered',



	will of course center the image. This is much better than using



	align="center", being much more futureproof (and valid) */



	



img.centered {



	background-color: #ffffff;



	border: 1px solid #dddddd;



	/*-moz-border-radius:5px;*/



	padding: 4px;



	display: block;



	margin-left: auto;



	margin-right: auto;



	}



	



img.alignright {



	background-color: #ffffff;



	border: 1px solid #dddddd;



	/*-moz-border-radius:5px;*/



	padding: 4px;



	padding: 4px;



	margin: 0 0 2px 7px;



	display: inline;



	}







img.alignleft {



	background-color: #ffffff;



	border: 1px solid #dddddd;



	/*-moz-border-radius:5px;*/



	padding: 4px;



	padding: 4px;



	margin: 0 7px 2px 0;



	display: inline;



	}







.alignright {



	float: right;



	}



	



.alignleft {



	float: left;



	}







.gravatar {



float: left;



margin: 2px 10px 6px 0px;



background-color: #ffffff;



border: 1px solid #dddddd;



padding: 2px;



}







/* End Images */















/* Begin Lists







	Special stylized non-IE bullets







	Do not work in Internet Explorer, which merely default to normal bullets. */







html>body .entry ul {



	margin-left: 0px;



	padding: 0 0 0 30px;



	list-style: none;



	padding-left: 10px;



	text-indent: -10px;



	} 







html>body .entry li {



	margin: 7px 0 8px 20px;



	}







/*.entry ul li:before, #sidebar ul ul li:before {



	content: "\00BB \0020";



	}



*/







.entry ol {



	padding: 0 0 0 35px;



	margin: 0;



	}







.entry ol li {



	margin: 0;



	padding: 0;



	}







.postmetadata ul, .postmetadata li {



	display: inline;



	list-style-type: none;



	list-style-image: none;



	}



	



#sidebar ul, #sidebar ul ol {



	margin: 0;



	padding: 0;



	}







#sidebar ul li {



	list-style-type: none;



	list-style-image: none;



	margin-bottom: 5px;



	}







#sidebar ul p, #sidebar ul select {



	margin: 5px 0 8px;



	}







#sidebar ul ul, #sidebar ul ol {



	margin: 5px 0 0 0px;



	}







#sidebar ul ul ul, #sidebar ul ol, #sidebar ul li ul li {



	margin: 0 0 0 0px;



	}







#sidebar li.none {



	margin: 0 0 0 0px;



	list-style-type: none;



	list-style-image: none;



	background: none;



	}







#sidebar li a.none {



	margin: 0 0 0 0px;



	list-style-type: none;



	list-style-image: none;



	background: none;



	}







ol li, #sidebar ul ol li {



	list-style: none;



	}











#sidebar ul ul li, #sidebar ul ol li {



	margin: 5px 0 0 0;



	}







#sidebar ul ul li a, #sidebar ul ol li a {



	margin: 5px 0 0 0;



	padding-left: 7px;



	background: url('images/li1.gif') 0px 4px no-repeat;



	}







#sidebar ul ul li a:hover, #sidebar ul ol li a:hover {



	padding-left: 7px;



	background: url('images/li2.gif') 0px 4px no-repeat;



	}







/* End Entry Lists */















/* Begin Form Elements */



#searchform {



	margin: 4px auto;



	padding: 5px 3px; 



	text-align: left;


	}







#sidebar #searchform #s {



	background: url(images/input_bg.gif);



	background-repeat: repeat-x;



	border: 1px solid #888888;



	width: 90px;



	padding: 2px;



	float: left;



	}



#sidebar #subscribe {



	background: url(images/input_bg.gif);



	background-repeat: repeat-x;



	border: 1px solid #888888;



	width: 90px;



	padding: 2px;



	float: left;



	}




#sidebar #searchsubmit {



	font-family: Verdana, Arial, Helvetica, Sans-Serif;



	color: #1A426A;



	font-size: 1em;



	background-color: white;



	border: 1px solid #ccc;



	padding: 2px;



	}



	



.entry form { /* This is mainly for password protected posts, makes them look better. */



	background: url(images/input_bg.gif);



	background-repeat: repeat-x;



	border: 1px solid #888888;



	text-align:center;



	}







select {



	background: url(images/input_bg.gif);



	background-repeat: repeat-x;



	border: 1px solid #888888;



	width: 130px; 



	}







.back {



	color: #ffffff;



	background: url(images/button_submit_bg.gif);



	background-repeat: repeat-x;



	border: 1px solid #568ACA;



/*	width: 160px; */



	padding: 2px;



	margin: 5px 5px 1px 0;



	}







#ed_toolbar input {



	color: #ffffff;



	background: url(images/button_submit_bg.gif);



	background-repeat: repeat-x;



	border: 1px solid #568ACA;



/*	width: 160px; */



	padding: 2px;



	margin: 5px 5px 1px 0;



}







.backlight {



	background: url(images/input_bg.gif);



	background-repeat: repeat-x;



	border: 1px solid #888888;



	padding: 2px;



	}







.commentbg {







	}







.commentspacer {



	padding-left: 6px;



	padding-top: 5px;



	}











#commentform textarea {



	background: url(images/input_bg.gif);



	background-repeat: repeat-x;



	border: 1px solid #888888;



	width: 382px;



	padding: 2px;



	}







#commentform #submit {



	background-repeat: repeat-x;



	border: 1px solid #888888;



	margin: 0;



	float: left;



	}







#commentform textarea:focus, #commentform input:focus, .entry form:focus, #sidebar #searchform #s:focus {



	border: 1px solid #42769F;



	}











#commentPreview {



	width: 374px;



	font: 0.9em Verdana, Arial, Sans-Serif;



	background-color: #fff;



	border-top: 1px solid #888888;



	border-bottom: 1px solid #888888;



	border-left: 1px solid #888888;



	border-right: 1px solid #888888;



	padding: 6px;



	}







/* End Form Elements */























/* Begin Comments*/



.alt {



	margin: 0;



	padding: 10px;



	}







.commentlist {



	padding: 0 0 0 0;



	text-align: justify;



	margin: 0 0 0 0;



	}







 .commentlist li {



	margin: 5px 0 0 0;



	padding: 5px 10px 3px 10px;



	list-style: none;



	background: url(images/comment_bg.gif) repeat-x 0 0;



	border-bottom: 1px solid #a3a3a3;



	}







.commentlist li.highlighted {



	margin: 5px 0 0 0;



	padding: 5px 10px 3px 10px;



	list-style: none;



	background: url(images/comment_bg_mike.gif) repeat-x 0 0;



	border-bottom: 1px solid #a3a3a3;



	}







.commentlist p {



	margin-left: 0px;



	}







.commenttext {



	padding-left: 67px;



	text-align: justify;



	}







#commentform p {



	margin: 5px 0;



	}







.nocomments {



	text-align: center;



	margin: 0;



	padding: 0;



	}







.commentmetadata {



	margin: 0;



	display: block;



	}



/* End Comments */















/* Begin Sidebar */



#sidebar



{



	padding: 20px 0 10px 0;



	margin-left: 406px;



	width: 140px;



	}











#sidebar form {



	margin: 0;



	}



/* End Sidebar */











/* Begin Various Tags & Classes */



acronym, abbr, span.caps {



	cursor: help;



	}







acronym, abbr {



	border-bottom: 1px dashed #888888;



	}







blockquote {



	margin: 15px 20px 0 20px;



	padding-left: 40px;



	background: url('images/blockquote_l.png') no-repeat;	



	}







blockquote cite {



	margin: 5px 0 0;



	display: block;



	}







.center {



	text-align: center;



	}







hr {



	display: none;



	}







a img {



	border: none;



	}







.navigation {



	display: block;



	text-align: center;



	margin-top: 10px;



	margin-bottom: 40px;



	}



/* End Various Tags & Classes*/











/* Begin Calendar */



#wp-calendar {



	empty-cells: hide;



	width: 140px;



	background-color: #ffffff;



	color: #73A0C5;



	font-size: 1em;



	border-width: 0 0 0 0;



	margin: 0 0 0 0;



	}











#wp-calendar #next a {



	display: block;



	text-decoration: none;



	text-align: right;



	color: white;



	background-color: #73A0C5;



	font-size: 10px;



	}







#wp-calendar #prev a {



	display: block;



	text-decoration: none;



	text-align: left;



	color: white;



	background-color: #73A0C5;



	font-size: 10px;



	}







#wp-calendar a {



	display: block;



	color: White;



	background-color: #73A0C5;



	}







#wp-calendar a:visited {



	display: block;



	color: White;



	background-color: #73A0C5;



	}



/*



#wp-calendar caption {



	color: #888888;



	font-family:  Verdana, Sans-Serif;



	font-size: 1.0em;



	font-weight: lighter;







	text-align: left;



	}



*/



#wp-calendar caption {



	text-align: left;



	background: url(images/h2_bg.gif) repeat-x 0px 0px;



	border: 1px solid #B9D1E3;



	padding: 2px 2px 3px 2px;



	width: 140px;



	color: #93425A;



	font-family:  Verdana, Sans-Serif;



	font-size: 1.0em;



	text-transform: uppercase;



	font-weight: lighter;



	}







#wp-calendar td {



	padding: 0px;



	text-align: center;



	background-color: #ffffff;



	}







#wp-calendar #today {



	color: #93425A;



}







/* End Calendar */







/* Begin Gallery */







#spg {



	margin: 0 0 0 0;



	text-align: left;



}







/*



#spg posttitle {



	font-family: Georgia, "MS Serif", "New York", serif;



	font-weight: normal;



	font-size: 1.6em;



}



#spg a.posttitle {



	font-family: Georgia, "MS Serif", "New York", serif;



	font-weight: normal;



	font-size: 1.6em;



}



*/







#spgprev, #spgnext {



	display:block;



	padding:5px;



	border:1px solid #dddddd;



	/*-moz-border-radius:5px;*/



	background:#ffffff;



	text-decoration:none;



	margin: 20px 0px 10px 0px;



}



#spgprev:hover, #spgnext:hover {



	border-color:#dddddd;



	background:#73A0C5;



	color:white;



}



#spg #spgprev {



	float:left;



}



#spg #spgnext {



	float:right;



}



#spg #image {



	text-align:center;	



}



#spg .imgwrapper {



	float: left;



	margin-right: 19px;



	padding: 2px;



	height:110px;



}



#spg .imgwrapper span {



	display:block;



	font:9px verdana, sans-serif;



	text-align:center;	



}



#spg .imgwrapper img {



	background-color: #ffffff;



	border: 1px solid #dddddd;



	/*-moz-border-radius:5px;*/



	padding: 4px;



}



#spg .imgwrapper a:visited img {



	background-color:#ffffff;	



}



#spg .imgwrapper a:hover img, #spg .imgwrapper a:focus img {



	background-color: #73A0C5;



}



#spg .imgwrapper a:hover, #spg .imgwrapper a:focus {



	color:#73A0C5;



}



#spg #single {



	padding:3px;



	border:1px solid #dddddd;



	/*-moz-border-radius:5px;*/



	background:#ffffff;



}



#spg #desc {



	border-color:#ddd;



	border-style:solid;



	border-width:1px;



	text-align:center;



	clear:both;



	margin:5px 40px;



	padding:5px;



}



#spg #credit {



	background:#036;



	border-top:4px solid #333;



	/*-moz-border-radius:0 0 20px 20px;*/



	color:#fff;



	font-size:9px;



	margin:10px 0 0;



	padding:3px 0 3px 10px;



	clear:both;



}



#spg #credit a {



	color:#fff;



}



#spg #breadcrumb {



	border:1px solid #ffffff;



	margin:0;



	background-color: #ffffff;



	padding: 2px 2px 2px 2px;



	margin-top: 6px;



}



#spg #breadcrumb {



	font-family: Arial, Helvetica, Sans-Serif;



	font-size: 0.8em;



	line-height: 1.5em;



}











#spg #breadcrumb:hover{



	border: 1px solid #42769F;	



}



/*



#spg #dirdesc {



	padding:4px;



	padding-left: 1px;



	border-bottom:1px solid #ddd;	



}



*/



#spg #gallery {



	float: left;



	margin: 20px 0px 5px 0;



}



#spg #directories ul {



	list-style:none;



	padding-bottom:1px;



	padding-left: 0;



	margin-left: 0;	



	text-indent: 0px;



}



#spg #directories li {



	margin-bottom: 10px;	



	margin-left: 0px;



	padding: 5px 10px 5px 44px;



	background: #ffffff url(images/cam.gif) no-repeat 6px 4px;



	border: 1px solid #ffffff;



}



#spg #directories li:hover {



	border: 1px solid #42769F;



}



#directories h2 {



	font-family: Georgia, "MS Serif", "New York", serif;



	font-weight: normal;



	font-size: 1.6em;



}



#spg #directories h3 {







	font-family: Georgia, "MS Serif", "New York", serif;



	font-weight: normal;



	font-size: 1.2em;



}







/* End Gallery */







/* Nice titles */



div.nicetitle {



    position: absolute;



    padding: 4px;



    top: 0px;



    left: 0px;



    color: white;



    font-size: 11px;



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



    width: 25em;



    font-weight: bold;



    background: #73a0c5;



    



    /* Mozilla proprietary */



    -moz-border-radius: 12px;



}



div.nicetitle p {



    text-align: left;



	margin: 0; 



	padding: 0 3px;



}



div.nicetitle p.destination {







    font-size: 9px;



    text-align: left;



    padding-top: 3px;



}





/* Flickr */





.zg_div {margin:0px 5px 5px 0px; width:117px;}

.zg_div_inner { color:#666666; text-align:center; font-family:arial, helvetica; font-size:11px;}

.zg_div a, .zg_div a:hover, .zg_div a:visited {color:#999999; background:inherit !important; text-decoration:none !important;}