/*  
Theme Name: mattmedia four
Theme URI: http://mattmedia.net
Description: Robots and stuff
Version: 4.0
Author: Matt Pusateri
Author URI: http://mattmedia.net
*/



/* ERIC MEYER CSS RESET */

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, 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;
	background: transparent;
}
/* 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: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/* Baseline Styling */

html {}

body {
 text-align: center;
 font-family: "Myriad Pro", Verdana, Tahoma, Arial, Helvetica, sans-serif; 
 font-weight: normal;
 font-size:small;
 color:#333333;
 line-height:1.5em;
 }



/* Layout/Structure */

#container {
 width:800px;
 margin: 0 auto;
 text-align:left;
 } 
 
#header {
 height:222px;
 overflow:hidden;
 }

#subheader {
 height:50px;
 overflow:hidden;
 }

#homecontent {
 clear:both;
 display:inline;
 float:left;
 background-repeat: repeat-y;
 }
 
#content {
 clear:both;
 display:inline;
 float:left;
 padding:10px;
 min-height:500px;
 background:#fff;
 }
 
#sidebar {
 float:right;
 width:266px;
 margin: 0;
 display:inline;
 }

#subsidebar {
 float:right;
 width:256px;
 margin: 0 0 0 10px;
 background-color:#FFFFFF;
 display:inline;
 }

#main {
 width:534px;
 float:left;
 display:inline;
 }

#submain {
 width:800px
 float:left;
 display:inline;
 padding:.5em;
 }

#subwrapper {
 margin-left:260px;
 }

#pagesidebar{
 float:right;
 margin: 0 0 0 10px;
 display:inline;
 background-color:white;
 }

#intro {
 clear:both;
 display:block;
 overflow:hidden;
 }

#left {
 display:block;
 float:left;
 width:267px;
 margin:0;
 padding:0;
 overflow:hidden;
 }
 
#right {
 display:block;
 width:267px;
 float:right;
 margin:0;
 padding:0;
 background-color:#fff;
  overflow:hidden; 
 } 

#worklinks {
 float:left;
 width:237px;
 display:inline;
 margin:0;
 }
 
 #worklinks h2, #playlinks h2 {font-size:1.15em}

#playlinks {
 float:right;
 width:237px;
 display:inline;
 margin:0;
  }

#submain #left {
 float:left;
 display:inline;
 margin: 0;
 }
 
#submain #right {
 }

#submain #right a{
 } 

#footer {
 padding: 10px;
 margin: 0;
 clear:both;
 text-align:center;
 vertical-align:middle;
 }

.barecolumn{
 float:left;
 background:fff;
 width:125px;
 padding:0 32px 0 0;
 display:block;
 margin:0;
 }
 
 .entry {font-size:1.1em; padding:1em 1em 1em 0}
 .post, .comments, .MMcomment, #respond, #commentform {padding:0 1em}

#homecontent .post, #homecontent .entry, .designideas .entry, .designideas .post {padding:0; margin:0}
#homecontent p {line-height:1.4em; font-size:.9em; padding:0}

/* Navigation Elements */

#nav {
 padding, border: 0;
 position:relative;
 top:-30px;
 left:14px;
 font-size:1.15em;
 }
 
 #subheader #nav {display:block;height:60px;position:inherit; top:0; left:14px;padding:1em 0 .5em 0; border-bottom:4px solid #036;}

#nav ul li { 
 list-style:none;
 padding: 0 9px 0 0;
 margin:0;
 display:inline;
 }

#nav a:hover {color:#2d476c ;  text-decoration:none;}
 
#nav a:hover{
 color:#598ed7;
 } 

#nav ul {margin:0;}


  


/* Fonts/Type/Style */

strong {font-weight:bold;}

em {font-style:italic;}

p {
  margin: 0 0 1em 0;
  line-height:1.5em;}
 
a, a:visited {
 text-decoration:none;
 color:#436BA1;
 font-weight:normal;
 } 
 
ul li {
  list-style:square;
  padding: 0 0 1em 0;
  margin: 0 0 0 1em;
  }

ol li {
  list-style-type: decimal;
  padding: 0 0 1em 0;
  margin: 0 0 0 1em;
  }

ul,ol {
  margin: 0 0 1em 24px;
  }
 
a:hover{
 text-decoration:underline;
 } 



h1 {
 display:block;
 font-family: "museo-1","museo-2","Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 font-size:2em;
 color:#333333;
 font-weight:normal;
 margin: .5em 0;
 line-height:1em;
 }

#header h1 {margin:0;} 
 
h2 {
 font-family: "museo-1","museo-2","Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 font-size:1.5em;
color:#036;
 font-weight:300;
 padding: 0 0 .5em 0;
 line-height:1.25em;
 } 

h3 {  font-family: "museo-1","museo-2","Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;font-size:1.2em; font-weight:normal;  padding: 0 0 .5em 0;}
 
h3 a, h2 a, h4 a, #nav a{font-weight:normal;}  

.introblurb {
 line-height:1.7em;
 font-size:1.1em;
 font-weight:normal;
 }

.introblurb h2 { font-size:1.7em; color:#999;  font-weight:100;}


/* Misc. Styling Tweaks */

.designideas, .introblurb, .sidebar-content, .blog {
 padding:14px; margin:0;} 

.designideas, .sidebar-content, .blog {line-height:1.25em} 
  
.barecolumn h2 {font-size:125%; margin-bottom:12px;}
.barecolumn {line-height:1.25em;}
  
blockquote {
  display:block;
  padding:1.5em;
  background-color:#EFF4FC;
  border-left:3px solid #D9D9D9;
  margin:1em 4em 1em 4em;
  }

.post H2 a{font-weight:normal;} 
  
#sidebar img{
  float:right;
  margin:0 0 6px 6px;
  border: gray solid 1px;
  }

#sidebar .head img {
  margin:0;
  float:none;
  border:0;
  }

.picright {
  margin:4px 0 12px 12px;
  float:right;
  }

.portpic {
  margin:0 12px 12px 0;
  border: gray solid 1px;
  }

.thumb {
  margin:3px 0 3px 3px;
  border: gray solid 1px;
  float:right;
  }

a .p-tease {
  border: gray solid 1px;
  margin:0 0 6px 0;
  }

.sectionhead {
  font-family:Tahoma, "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
  font-size:1.7em;
  font-weight:normal;
  padding:0 0 .5em 0;
  color:white;
  display:block;
  clear:both;
  }

#sidebar .entry {
  margin-top: .4em;
  }

.linkstyle ul { 
  list-style:none;
  paddng:0;
  margin:1em 0 0 0;
  }

.linkstyle ul li, .linkstyle ul li ul {
  list-style:none;
  paddng:0;
  margin:0;
  }

.linkstyle ul li li{
  padding:0; 
  margin:0 0 0 1em;
  }

.linkstyle h2 {
  padding:0;
  margin:0 0 .25em 0;
  }

.barecolumn a{font-weight:normal;}

.pullquote{
  width:250px;
  font-size:1.5em;
  font-family:Georgia, serif;
  text-align:right;
  color:gray;
  line-height:1.5em;
  padding:0 0 .5em .5em;
  float:right;
  display:block;
  letter-spacing:-0.05em;
  }

.smartquote {margin: 0 0 1em 0;}

.smartquote:before {
 content:"\201C" attr(title) "\201D";
 display:block;
 width:200px;
 float:right;
 font-size:2em;
 font-family:Georgia, serif;
 text-align:right;
 color:gray;
 line-height:1.5em;
 padding:0 0 .5em .5em;
 letter-spacing:-0.05em;
 }

.piccenter img, .piccenter, piccenter.img{

  display: block;
  margin: 1em auto;
  text-align:center;
  }

form #comment  {
  width:384px;
  }

.MMcomment {
  color:#436BA1;
  font-weight:bold;
  }

.comments { }

.comments li {
  background-color:#EFF4FC;
  border: 1px #D5E3F5 solid;
  padding:.5em .5em 0 1em;
  width:506px;
  margin:0 0 1em 0;
  list-style:none;
  }

.comments li .alt {background-color:#9D805C;}

.print-only{display: none;}

.datesocial {
 display:block;
 margin: 0 0 1.5em 0;
 padding: .5em 0 .5em 0;
 text-align:right;
 font-size:.9em;
 color:#999;
 width:768px;
 border-top:1px #999 dotted;
 }

.datesocial img {
  margin: 0 .5em 0 .5em;
  vertical-align:middle;
  border:0;
  }

.datesocial img a{border:0;}

form input {
 border:1px solid #333;
 font-size:1em;
 font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
 }
 
.floatright {
 float:right;
 }

.floatleft {
 float:left;
 }

.floatleft-edge {
 float:left;
 margin:0 0 0 -23px;
 position:absolute;
 overflow:hidden;
 } 
 


ol h3, ol h2, ol h4 {text-indent:0; margin:18px 0 12px -24px; padding:0;}

.posttags {font-size:.9em}