/*  
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.5
Author: Michael Heilemann
Author URI: http://binarybonsai.com/

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was 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 */




* { padding: 0; margin: 0; }
html {height:100%

}
body {
	font-size: 11px;
	font-family:helvetica, Arial, Sans-Serif;
	background-color: #000000;
	color: #000000 ;
height:100%;
	
	}

p {
font-size:12px;

}

p strong {
font-size:16px;
letter-spacing:-1px;

}

body, html {height:100%;
width:100%;
}



.alt {
	background-color: #ffffff;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}



small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #000000 ;
	}
	
postheader {
	font-family: helvetica, Arial, Sans-Serif;
	font-weight: bold;
	color: #000000 ;
	line-height: 1.5em;
	font-size: 1.6em;
	}
	
h1, h2, h3, h4 {
	font-family: helvetica, Arial, Sans-Serif;
	font-weight: bold;
	color: #ffffff ;
	line-height: 0.8em;
	}

h1 {
		font-size: 3em;
	
	color: #ffffff ;

	}



h2 {
	font-size: 1.2em;
	
	text-align: left;
	}

h3 {
	font-size: 1.3em;
	color: #000000 ;
	}
h4 {
margin:0;
padding:0;
font-size: 1.8em;
letter-spacing:-1px;
font-family:Helvetica, sans-serif;
text-transform:capitalize;

}


h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #888888 ;
	}

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

small {
	color: #000000 ;
	text-align: center;
	align: center;
	}

	
/* this is the sidebar and post comments ----------     and post title hover*/
a, h2 a:hover, h3 a:hover {
	color: #888888 ;
	text-decoration: none;
	}
/* this is the side bar and post comments hover*/
a:hover {
	color: #000000 ;
	
	}



/* Begin Structure */
body {

	
	}

.main {
	background-color: #ffffff;
	margin: 0 auto;

height:100%;
	padding: 0px 5px;
	width: 690px;
	text-align: center; 
	border-right:1px solid #999999;
		border-left:1px solid #999999;
	}
	





/* End Sidebar */

.header {
    margin: 0px 0px 0px 0px ;
	padding: 0px 0 0 0;
	width: 690px;
	height:250px;
	border:1px solid #000000;
	border-width:0px 1px 1px 1px;
	background-color: #ffffff; 
	float:left;
	background-image: url('images/mamasheader.jpg');
	text-align:left;
	
	}
	
	.footer {
    margin: 0px 0px 0px 0px ;
	padding: 0px 0 0 0;
	width: 690px;
	height:150px;
	border:1px solid #000000;
		border-width:1px 1px 0px 1px;
	background-color: #ffffff; 
	float:left;
	background-image: url('/images/mamasfooter.jpg');
	text-align:left;
	
	}



	
	.menu {
border:0px solid green;
float:left;
width:660px;
margin:155px 0px 5px 10px;
border:1px solid #000000;
background:#ffffff;

	}
	.menu img{
background:#FFFFFF;
margin:3px 0px 0 0;
height:20px;
width:auto;


	}		
.galleryicon{
border:1px solid #000000;
float:left;
width:120px;
height:120px;
margin:0 12px 10px 0;

}

.galleryicon img{

width:120px;
height:120px;

}

.signupbox {
float:right;
margin:0 22px 0 0;
background: #FFFFFF;
width:200px;
height:45px;
border:0px solid green;
padding:5px;
}

.signupbox a{
color:#000000;
}
.signupboxfooter {
float:right;
margin:46px 17px 0 0;
background: #FFFFFF;
width:180px;
height:60px;
border:0px solid green;
padding:5px;
}	
.contactform {
margin: 5px 0 0 5px;

}

input.Email {

	padding: 1px 3px;
	border: 1px solid  #000000;
background: #ffffff;
	color:  #000000;
	display:inline;
				font-family:   Helvetica, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size:10px;
width:100px;
}

input.Submit {
	background: #000000;
	border: 0px solid  #000000;
display:inline;
	color:  #ffffff;
	padding: 2px 2px 0px 1px ;
	margin-right:5px;
	margin-top:1px;
	position:relative;
	top:1px;
				font-family:  Helvetica, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size:10px;
	text-transform:uppercase;
	
}	


.reviewleft {
width:330px;
float:left;

}

.reviewleft img{
width:310px;
height:auto;
border:1px solid #000000;

}
.reviewright {
width:300px;
float:left;
padding: 0 0 0 20px;
border-left:1px solid #000000;
min-height:400px;
margin:0 0 5px 0;
}
.content {
width:670px;
margin:10px 10px 20px 10px;
text-align:left;


}
	.narrowcolumn2 {
	float: right;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 10px 0px ;
	width: 470px;

	/*border-left: 1px solid #d0d0d0;
 border-right: 1px solid #d0d0d0;*/


	}
	.verynarrowcolumn {
	float: left;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 10px 0px ;
	width: 200px;
	

	}
		.pageimagecolumn {
	float: right;
	padding: 30px 0px 0px 5px;
	margin: 30px 0px 10px 0px ;
	width: 210px;
	position: relative;
	left: 20px;
	
	border-top: 1px solid #d0d0d0;
 border-right: 1px solid #d0d0d0;
	}
	
	
.categorycolumn {
float: ;
	padding: 0px 5px 0px 10px;
	margin: 20px 0px 20px 0px ;
	width: 560px;
	position: relative;
	left:0px;
	border:0px solid #000000;


}
.categorycolumn h4 {	  background:#333333;
color:#FFFFFF;
padding:10px;
width:200px;
display:none;
}
.category

 {
	border-top: 0px dotted  #666666;
		border-bottom: 0px dotted  #666666;
float:left;
padding:5px 0;
}

	.thumbnailpost {
	float:left;
	border:0px solid #CCCCCC;
	width:65px;
	height:65px;
	padding:0px;
	margin:0 5px 5px 0;
	text-align:center;
	}
	
		.thumbnailpost img {

	max-width:65px;
	max-height:65px;
	width:auto;
	height:auto;
	}
	
	
/* this is the view-single post box*/
.widecolumn {
    float: right;
	padding: 10px 10px 20px 0;
	margin: 5px 0px 0 80px;
	width: 475px;
	border-left: 1px solid #000000;
	background-color: #ffffff; 
	}
	
.post {
	margin: 0px 0px 5px 0px;
	text-align: left;
	border-top: 0px dotted  #666666;
		border-bottom: 0px dotted  #666666;
		padding:5px 0 0 0;
	}


.post h2 {
color: #333333;
	border-bottom: 0px dotted  #666666;
padding:10px 5px 10px 0px;
text-transform: uppercase;
margin:0;
}

	
ul {
padding:0;
margin:0;
list-style:none;
list-style-type:none;
}
li {
padding:0px;
margin:0px 0;

}

#sidebar ul li img
{  width:160px;
height: auto;
}

#sidebar ul li  a:hover img
{ filter:alpha(opacity=70);   
-moz-opacity: 0.7;   
opacity: 0.7;

}
.linkslist li {
margin:5px ;
padding:0;
list-style: none;
list-style-type: none;
text-align:left;
}





.widecolumn .post {
	margin: 0;
	background-color: #000; 
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	
	text-align: left;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	align: left;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: left;
	text-align: left;
	
	
}


/* End Structure */





/* Begin Images */
p object {
		display: block;
	margin-left: auto;
	margin-right: auto;


	}




p img {
		display: block;
	margin-left: auto;
	margin-right: auto;
	width: 470px;
	height: auto;
	


	}

/*	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 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	
	height: auto;
	
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	
	height: auto;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;

	height: auto;
	}

img.pageheader {
	padding: 4px;
	width:100px;
	margin: 0 0px 0px 0;
	display: inline;
	height: auto;
	position: relative;
	left: -5px;
	}
.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */




/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 115px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 95%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */










/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px solid #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

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: 0px;
	margin-bottom: 20px;
	border:1px solid white;
}
.alignleft, alignright {height:1px;

width:1px;
}	
	.navigation .alignleft img{
width:30px; 
height:30px;
 position:relative;
 top:25px;
left: -60px;
	border:0px solid red;
}
	
 .navigation .alignright img {	
 position:relative;
 top:25px;
left: 80px;
 width:30px; 
height:30px;

	border:0px solid red;
}
/* End Various Tags & Classes*/


a.rollover img {
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;}

a.rollover:hover img {
filter:alpha(opacity=80);   
-moz-opacity: 0.8;   
opacity: 0.8;
}









/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width:160px;
		border-bottom: 1px dotted  #666666;
		border-top:1px dotted  #666666;

			
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:5px 5px 5px 8px;
	
		color:;
		font-family: Century Gothic,  Verdana, Helvetica, sans-serif;
		font-size:10px;
		text-decoration:none;
		font-weight: bold;

	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	display:none;
		text-decoration:underline;
		color:#FFFFFF;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:10px 0px;
	

	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:2px 0px 2px 0px;
		margin:0px 0px;
		background-color:#ffffff;
		background-image:none;
		font-size:10px;
	;
	
		
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		text-decoration:none;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		text-decoration:underline;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#ffffff;
	
	}


	/*"""""""" Individual Titles""""""""*/	



	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul li:hover > a.qmparent	
	{	
			/*background-image:url(qmimages/symbol_5.gif);*/	
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul .qmparent	
	{	
			/*background-image:url(qmimages/symbol_3.gif);*/	
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a.qmparent	
	{	
			/*background-image:url(qmimages/symbol_2.gif);*/	
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 .qmparent	
	{	
			/*background-image:url(qmimages/symbol_0.gif);*/	
		background-repeat:no-repeat;
		background-position:95% 55%;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul a	
	{	
		padding:2px 0px 2px 5px;
		background-color:#fff;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul	
	{	
		background-color:#ffffff;
	
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 a	
	{	
		background-color:#fff;
	}

#sidebar  a.qmparent img
{  width:160px;
height: auto;
}

#sidebar ul#qm0 a  a:hover img
{ filter:alpha(opacity=70);   
-moz-opacity: 0.7;   
opacity: 0.7;

}

	#qm0 .qmtitle	
	{	
		font-size:10px;
	}