# Theme Name:MattBusse.com Theme
# Theme URI:http://mattbusse.com/
# Description:Theme for MattBusse.com.
# Author:Matt Busse
# Author URI:http://mattbusse.com 

/* 
medium gray: #bbb;
light gray: #eee;
very light gray: #f7f7f7;
*/

/* RESET, SQUARE ONE, BACK TO ZERO */

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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}
img { border:0 }

/* 960.gs */

.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

/* LAY IT ALL OUT THERE */

body {
  background:#fff;
/* url('images/bg4.png') top left repeat-x; */
  font-family:Georgia,"Times New Roman",Serif;
  font-size:16px;
  line-height:1.4;
  margin:0;
  padding:0;
}

#inner-container {
  background-color:#fff;
}

#top, #post, .posts-nav, .single-post { width:100% }

#menu, #inner-top, .datemetadata, .single-post, #post h1, #post h2, .posts-nav, #footer { clear:both; }

#post h1, #post h2, .postmetadata, .navigation { width:100% }

#top-curve, #bottom-curve {
  height:20px;
  width:960px;
}

#top-curve {
  background:transparent url('images/top-curve.png') top left no-repeat;
  margin:40px auto 0 auto;
}

#bottom-curve {
  background:transparent url('images/bottom-curve.png') top left no-repeat;
  clear:both;
  margin:0 auto 40px auto;
}

/* FLOAT ON */

#inner-top li a,.home-logo, #menu, #menu li, #inner-container, #post, #post h2, .postmetadata, .posts-nav, .navigation, .single-post, .alignleft { float:left }

#sidebar, #searchform, .alignright { float:right}

/* STAY IN THE MARGINS */

#menu, #menu li, h1, h2, h3, h4 { margin:0 }

#post h2 { margin-top:10px }

#post h1, #commentformbox, .posts-nav, #home-footer { margin-top:20px; }

p, li, #more-categories a { margin-bottom:10px }

#post h2, .searchresults h2, .postmetadata, .sociable-tagline { margin-bottom:20px }

#post h1, .postmetadata { margin-bottom:40px }

/* PADDING THESE FIGURES */

#post {
  padding-top:20px;
}

#menu a, div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors { padding:5px !important; }

#sidebar h2, div.sociable, .comment, .pingback { padding:10px }

#inner-container {
  padding-bottom:60px;
}

.single-post {
  border-bottom:1px solid #bbb;
  clear:both;
  padding:30px 0
}

.single-post:first-child {
  border-top:none !important;
  padding-top:0 !important;
}

.single-post:last-child, .single-entry {
  /* single-entry class used on single.php and page-no-title.php */
  border-bottom:none !important;
}

/* LOGO MY EGGO */

#logo {
  border:0;
  height:75px;
  width:550px;
}

/* WOULD YOU LIKE TO SEE A MENU? */

#menu {
  border-bottom:3px double #404040;
  padding:0;
  text-align:center;
  width:100%;
}

#menu a {
  color:#000;
  display:block;
  font-family:Helvetica,Arial,Sans-serif; 
  font-weight:bold;
  margin-right:12px;
  text-decoration:none;
  text-transform:uppercase;
/*
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-radius-topleft:5px;
  -webkit-border-radius-topright:5px;
*/
}

#menu a:hover {
  background-color:#000;
  color:#fff;
}

.home-logo
{
  margin:1em 0;
  font-weight:700;
  font-size:2em;
  width:250px;
  float:left;
}

.home-logo a:hover, .sociable ul li a:hover {
  background-color:transparent !important;
}

#searchform {
  margin:75px 0 0 0;
}

/* THERE'S NO PLACE LIKE HOME PAGE */



/* PORTFOLIO SHMORTFOLIO */

#portfolio-intro {
  border-bottom:1px solid #bbb;
  padding-bottom:30px;
}

.portfolio-left {
  float:left;
  margin-right:20px;
  width:300px;
}

.portfolio-right {
  float:right;
  width:450px;
}

.portfolio-thumbnail {
  margin-top:30px;
}

.portfolio-thumbnail, .portfolio-image {
  outline:1px solid #bbb;
}

/* SOMETHING SOMETHING SIDEBAR SOMETHING */

#sidebar { padding-top:100px }

#sidebar ul li { margin-left:-30px }

/* WORDS WORDS WORDS */

h1,h2,h3,h4
{
  font-weight:700;
  /* font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande",Geneva,Verdana,serif; */
  /* font-family:Georgia,"Times New Roman",Times,Serif; */
  letter-spacing:-0.03em;
}

h1, h2, h3, h4, #sidebar li { line-height:1.3; }

#post h1, #post h1 a, .pagetitle, .bold {
  color:#ED008C !important;
}

#post h1 {
  float:left;
  font-size:2.4em;
}

#post h1 a {
  text-decoration:none;
}

h2,.post h2,#post h2 a {
  font-size:1.8em;
}

#post h2, #post h2 a, #post h1 a:visited, #post h2 a:visited, #sidebar h2 a:visited { color:#000; text-decoration:none; }

.bold {
  font-weight:bold;
}

#sidebar h2, #sidebar h2 a, #sidebar h2 a:visited, #sidebar p, #sidebar li { color:#404040; text-decoration:none; }

.postmetadata p, .commentmetadata, .commentmetadata a, #twitter-link { font-size:12px; font-style:italic; font-weight:bold; }

.posts-nav,.more-link { font-style:italic; }

a:link { color:#00ADEF }

a:hover {
  background-color:#00ADEF !important;
  color:#FEF200;
}

a:visited, .postmetadata p, .commentmetadata, .commentmetadata a, .search-results-time { color:#404040; }

/* form styling */

.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea, #commentform textarea, #author, #email, #url, #submit, #s, #searchsubmit, #contact-submit-button {
  background-color:#F7F7F7;
  border:1px solid #FFFFFF;
  outline:1px solid #bbbbbb;
  padding:3px;
}

#s {
  height:1.3em;
}

/* yellow background */

a:hover, #s:focus, .wpcf7-form-control-wrap input:focus, .wpcf7-form-control-wrap textarea:focus, #commentform textarea:focus, #s:focus, #author:focus, #email:focus, #url:focus {
  background-color:#F7FFAF;
}

p,li,#more-categories a
{
  font-weight:400;
}

/* MOBILE PLUGIN STUFF */

.mobile-switcher {
  float:right;
}

.mobile-switcher a {
  font-size:80%;
}

/* MISC STYLES TO BE ORGANIZED AS SOON AS GREAT AMERICAN NOVEL IS FINISHED */

.posts-nav, .postmetadata { background-color:#f7f7f7}

.posts-nav p, .postmetadata p { margin:10px 20px }

.single-post li { list-style-type:square }

.commentlist li { list-style-type:none !important }

.commentlist { margin-left:-40px }

.even {
  background-color:#F7F7F7;
  border:1px solid #FFFFFF;
}

.odd, .even {
  outline:1px solid #BBBBBB;
}

div.sociable { background-color:#f7f7f7; }

.sociable ul { position:relative; top:3px }

.sociable_tagline { float:left }

.sociablefirst { margin-left:15px !important }

cite { font-style:normal !important }

.comment-author { font-weight:bold }

.comment-author-admin { background-color:#E9FCFF }

#footer { border-top:1px solid #ccc }