/*
Theme Name: Matthew Kluber
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


body {text-align: center;background: #fff;font-family: Helvetica,Arial, Verdana, sans-serif;line-height: 18px;}
h1 {font-size:18px;padding-bottom:15px;color:#666;}
h2 {font-size:24px;position:fixed;background:#fff;padding:10px;}
h3 {font-size:18px;padding: 10px 0;color:#666; }
h4 { color:#666;font-size: 11px;text-align: left;text-decoration: none;font-weight: bold;}
h5 { color:#666;font-size: 11px;text-align: left;text-decoration: none;font-weight: bold;padding-left:5px;}
h6 {font-size:24px;background:#fff;padding:10px 0;}

p {color:#666;}

a.email {font-size: 12px;text-transform: lowercase;text-decoration: none;color:#666}
a.email:hover {text-decoration: underline;color:#333}

#wrapper {width:960px; margin:0 auto;padding-top:25px;}

#logo {background: url(http://www.matthewkluber.com/wp-content/uploads/2010/06/mk2.gif) no-repeat;width:200px; height:30px;padding-top:20px; color:#333;font-size: 11px;text-align: left;text-decoration: none;}

#sidebar {width:200px;height:400px;position:fixed;}

#content {width:760px; padding-left:200px;float:left;text-align: left; font-size:12px;}

.project {width:190px;height:95px;  float:left;margin: 5px;}
.projectsingle {float:left; text-align: left;margin:0 5px 5px 5px;}
.projectsingle img {margin-bottom: 10px;}

.videowide {width:760px; height:213px; float:left;padding-top:75px;text-transform: uppercase; color:#666;font-size: 11px;}
.videowideindex {width:760px; height:213px; float:left;text-transform: uppercase; color:#666;font-size: 11px;}
.videofull{width:390px; height:220px; float:left; overflow:hidden;margin:5px 0 0 5px;}

#blog  {width:760px; height:213px; float:left;padding-top:50px;color:#666;font-size: 12px;}
#blog a {text-decoration: none;color:#333;}
#blog p {padding:5px 0;}

.posttn {width:200px; height:130px; overflow:hidden; float:left;padding-top: 20px;}
.postinfo {width:500px; float:left;padding-left: 25px;}

.blogsingle {float:left; text-align: left;margin:0 5px 5px 5px;}
.blogsingle img {padding: 15px 0;}
.blogsingle a {text-decoration: none; color:#333;}
.tags {float:left; padding-top:5px; margin-top:10px;border-top:1px solid #ccc;width:750px;text-align: left; font-size: 11px;}

.blogpost {border-bottom: 1px solid #666;padding:10px 0;float: left;}

#paintingwrapper {float:left;}

ul.nav {list-style-type: none; text-align: left;padding-top:25px;}
ul.nav li a {text-decoration: none; text-transform: lowercase; color:#333;font-size: 12px;}
ul.nav li a:hover {color:#99ccff;}
ul.nav li a.active {color:#333; text-decoration: underline;}

li.year {font-size:14px;font-weight: bold;color:#666;}
ul li {margin-bottom: 10px;}

#description {width:800px; float:left; clear:both}

.pageentry {clear:both; width:500px;padding-top:20px;}

.columnwrapper {width:800px; float:left;padding:25px 0}
.columnwrapperhead {width:800px; float:left;padding:25px 0 0 0}

.column1 {width:150px; float:left;margin:0 10px; }
.column2 {width:400px; float:left;margin:0 10px 0 20px; }
.column2 img {margin-right:10px;}
.column3 {width:180px; float:left;margin:0 10px; }

.column1head {width:150px; float:left;margin:0 10px; }
.column2head {width:400px; float:left;margin:0 10px; }
.column3head {width:180px; float:left;margin:0 10px; }

.title {width:800px; clear:both;}