/*
Theme Name: Kwartzlab
Theme URI: http://kwartzlab.ca
Description: Kwartzlab WP Theme (based on <a href="http://binarybonsai.com/kubrick/">Kubrick</a>)
Version: 0.2
Author: Ben Brown
Author URI: http://www.generik.ca/
Tags: kwartzlab, fixed width, two columns

*/

/* The ol' reset */

html, body, code, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/* global */

body { font-size:62.5%; font-family:Arial,Sans-Serif;}
a { color:#7a1313; font-weight:bold;text-decoration:none; }
a:hover { text-decoration:underline; }

/* titlebar */

#titlebar { text-align:center;background-image:url(images/stripe.png); }

/* navbar */

#navbar { background-image:url(images/navbar.png);height:32px; z-index:100; }
#navbar img { border:0px; margin:0; padding:0;}

#navbar ul {
        margin:0 auto;
	padding: 0;
	height: 1em;
        text-align:center;
}

#navbar li {
	list-style: none;
	display: inline-block; /* for modern browsers */
	zoom: 1; /* for IE, triggers hasLayout */
	*display: inline; /* IE 7 and below */

}

#navbar li a {
	display: block;
        text-decoration:none;
        text-align:left;
        font-size:1.2em;
        font-weight:bold;
}

#navbar a:hover { background-image:url(images/navbar-bk.png); }
#navbar a:active { background-image:url(images/navbar-bk.png);}

#navbar li ul {
	display: none;
	width: 10em; /* Width to help Opera out */
	background-color: #7a1313;}

#navbar li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
        z-index:200;
        background-color: #7a1313;
        height:auto;
        width:160px;
}
#navbar li:hover li { float: none;width:100%;}
#navbar li:hover li a {	color: #FFF; padding:8px;  }
#navbar li li a:hover { background-color: #7a1313; }

/* front page blurb */

#blurb { 
        height:162px;
        background-image:url(images/blurb.png);
        font-size:1.6em;
        background-color:#666;
 }

#blurb ul { 
        padding:15px 0;
        list-style-type:none;
        width:970px;
        margin-left: auto;
        margin-right: auto;
        
}
#blurb li { float:left;width:24%;  }

#blurb h3 { padding:5px;color:#FFF; }
#blurb p { padding:5px;color:#CCC;font-size:1.0em }
#blurb a { color:#CCC;text-decoration:none;}
#blurb a:hover { color:#FFF;text-decoration:underline}




/* content & sidebar */

#content {
        width:980px;
        margin-left: auto;
        margin-right: auto;
}


#right {
        width:235px;
        float:right;
}

#left {
        float:left;
        width:720px;
}

.pagetitle { margin:10px 0px; font-size:1.8em }

/* frontpage banners */

#banners {
	margin:10px 0px;
	text-align:left;
		
}

#banners h2 {
		 height:24px;
           background-color:#666;
           background-image:url(images/footer.png);
           color:#FFF;
           font-size:1.5em;
           font-weight:bold;
           padding:5px 0px 0px 8px;
           margin-bottom:5px;

 }

/* blog posts */

.post {

        font-size:1.3em;
        margin-top:15px;
        line-height:1.6em;
        clear:both;
}

.post h1 { font-size:1.7em;padding:5px 0;color:#7a1313; }
.post h2 { padding: 10px 0; font-size:1.4em ;}
.post p { padding: 8px 0; }
.post p.sub { padding:0px;font-size:1em;color:#000; }
.post code { font-size:1.1em;color:#444;background:#EEE;}
.post a { color:#7a1313; font-weight:bold;text-decoration:none; }
.post a:hover { text-decoration:underline; }
.post hr { width:100%;}

.post .more-link { font-size:1.1em; }


.post ul,ol { line-height:1.5em; margin:8px 0 8px 40px }
.post li { margin-bottom:8px; }
.post .datestamp {
      float:left;
      width:55px;
      height:55px;
      text-align:right;
      color:#000;
      border-right:1px SOLID #AAA;
      margin-right:8px;
      position:relative;
}
.post .datestamp p { font-size:1.5em;font-weight:bold;margin-left:0;margin-right:8px; }
.post .datestamp-full p { font-size:1.2em;font-weight:bold;margin-left:0;margin-right:8px;line-height:1.1em; }

.post_indented_content { margin-left:65px;margin-top:8px; }
.post_content { margin-left:0px;margin-top:8px; }

.post dl { margin:10px 0; font-size:1.0em;}
.post dd { margin-bottom:10px;}

.post .headline { text-align:center;background-image:url(images/stripe.png);border:1px solid #AAA;padding:3px;font-weight:bold; }


/* sidebar */

#sidebar { }

#sidebar li.widget {
           
           height:auto;
           border:1px solid #AAA;
           background-color:#EEE;
           border-radius: 8px;
           -moz-border-radius: 8px;
           -webkit-border-radius: 8px;
           padding:8px;
           margin:15px 0;
           font-size:1.2em;
           list-style-type:none;
           
}

#sidebar h2 { font-size:1.3em;margin-bottom:8px;}
#sidebar li { font-size:1.1em;margin-bottom:3px; }
#sidebar ul { list-style-type:none;margin-bottom:8px; }
#sidebar ul a { color:#7a1313;text-decoration:none;font-weight:bold; }
#sidebar ul a:hover { text-decoration:underline; }


#sidebar li.social { list-style-type: none;font-size:1.2em;font-weight:bold;line-height:1.5em;margin-top:10px; }
#sidebar li.social img { vertical-align:middle;padding:3px; border:0; }
#sidebar li.social a { color:#000;text-decoration:none; }
#sidebar li.social a:hover { color:#7a1313; }
#sidebar li.social li { font-size:1.2em;margin:0; }

/* Comments */

#comments {

        font-size:1.3em;
        margin-top:20px;
        line-height:1.6em;
        clear:both;

}

.commentlist li { margin-left:5px;  }
.comment-author { position:absolute; }
.comment-author img {}
.comment-body { margin-left:55px;border-left:1px solid #AAA;padding-left:5px; }
.comment-body p { margin-top:0px;}
.comment-meta { font-size:0.85em; margin-bottom:5px;}
.comment-meta a { color:black; text-decoration:none; }
.comment-meta a:hover { text-decoration:underline; }
#commenttotal { text-align:center;background-image:url(images/stripe.png);border:1px solid #AAA; font-weight:bold; }

#respond { margin-left:52px;background-image:url(images/stripe.png);border:1px solid #AAA;padding:10px; }

/* footer */

#footer {
           height:91px;
           background-color:#666;
           background-image:url(images/footer.png);
           clear:both;
           color:#CCC;
           font-size:1.2em;
           padding:10px;
}

#footer a { color:#CCC; text-decoration:none; }
#footer a:hover { color:#FFF; text-decoration:underline; }


#footer ul {
        margin:0 auto;
	padding: 0;
	height: 1em;
        text-align:left;
        width:970px;
}

#footer li {
	list-style: none;
	display: inline-block; /* for modern browsers */
	zoom: 1; /* for IE, triggers hasLayout */
	*display: inline; /* IE 7 and below */
        padding:0 15px;

}

/* Author Page */

.user_photo { vertical-align:top; float:right;margin:0 0 15px 15px;border:1px solid #666; }



/* Recycled from Kubrick Theme */

/* Begin Images */
p img {
	padding: 0;
	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 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

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

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

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Form Elements */

.formstruct { text-align:center;background-image:url(images/stripe.png);border:1px solid #AAA;padding:15px; }
.formstruct h3 { font-size:1.6em; }


#searchform {
	margin: 0px auto;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	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 {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
            content: ".";
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
		}
/* End Form Elements */



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

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

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

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 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 dashed #999;
	}

blockquote {
	margin: 0px 30px 0 10px;
	padding-left: 20px;

	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}


a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	font-size:1.6em;
        }
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

.gce-widget-list .gce-time {
	color:#000 !important;
	font-size:1.0em;
	margin-left:5px;
}

.gce-widget-list .gce-list .gce-list-title{ /* The title (not the same as event title) */
	font-weight:bold;
	font-size:1.0em;
	margin:5px 3px 3px;
	padding:0;
}