/*
Theme Name: SMM
Theme URI: http://natebird.me
Description: A classy template in classic magazine design and form.
Version: 0.5
Author: Nate Bird
Author URI: http://natebird.me/
Tags: fixed-width, black, red, white, one-column, two-columns, widgets
*/

/* meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

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:#fff;}
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:"" "";}
/* Tables still need 'cellspacing="0"' in the markup. */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
/* Remove possible quote marks (") from <q>,<blockquote>. */
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
a img{border:none;}

/*************************************/
/* Defaults */
body { font: 88%/1.28em Georgia, serif; }

strong { font-weight: bold; color: #222; }

a, a:link, a:visited, a strong { color: #900; text-decoration: none;}
a:hover, a:active, a:hover strong { color: #C00; }
em, cite { font-style: italic; }

code, pre { font-family:"Courier New",Courier,monospace; }

h1,h2,h3,h4,h5,h6 { }
.wp-caption, table, p, pre, dl, ul, ol { margin-bottom: 1.1em; }
table, td, th, tr, thead, tbody, tfoot {}
dd, dt, li { }
#content ul, #content dl { list-style-type: disc;}
#content ol { list-style-type: decimal;}
#content ol, #content ul { margin-left: 1em; }
#content li, #content dd, #content dt { margin-left: 1em; }
#content ul ul, #content ol ol { margin-top: .25em; margin-bottom: .25em; }
blockquote { font-style: italic; color: #666; }
blockquote cite { color: #444; }
form, fieldset, address{}

table { width: 100%; border: 1px solid #999; padding: 1px;}
th { background: #ddd; }
th, td { padding: .5em; border: 1px solid #fff; }
tr.alternate { float: none; background: #F3F3F3;}

em { font-style: italic; }

/* Structure */

#page, #content, #sidebar, #footer {width: 1000px; margin: 0 auto;}
#page { margin-top: 25px; }

#container .sleeve, #page #sidebar .sleeve {
border: 1px solid #999;}
#container .sleeve { border-width: 1px 1px 0 1px; margin-bottom: 3em;}
#page #sidebar .group .sleeve { border: 0; }

#page h1 {width: 615px; margin: 30px auto 40px;}
#page h1 a, #container h1 a:link, #container h1 a:visited { color: #000000; }
#page h1 a:hover, #page h1 a:active { color: #000000; }
#container h2 { text-align: center;font-size: 1.3em;
  margin: 10px auto;
}

#menu { margin: 0 0 50px; text-align: center; font-size: 1.2em; border-bottom: 1px solid #888; height: 50px;}
#menu li { display: inline; position: relative; top: -108px;}
#menu li a, #menu li a:link, #menu li a:visited {
color: #900; text-transform: uppercase; padding: 12px 16px; font: 1em/1em Georgia, serif;}
#menu li span { padding: 0 5px; }
#menu li a:hover, #menu li a:active { background-color: #900; color: #fff;}
#menu li.logo {top: -50px;}
#menu li.logo a:hover {background-color: #fff;}


.attachment, .post, .page { position: relative; margin: 0 auto;}
.attachment .entry, .post .entry, .page .entry {overflow: hidden;}
#home .post { margin-bottom: 45px;}

.post .divider { height: 1px ; background: #d1d1d1; position: relative; width: 630px; z-index: -10;	top: 1px; margin: 0 auto;}

#home #posts, #page #posts { width: 735px; float: left; border-right: 1px solid #909090;}
#content .entry { font-size: 1.09em; line-height: 1.4em; margin: 0 auto;width: 600px;}

#content #post-99 .entry {
width: 801px; margin: 0 auto;}

.cap{
  display      : block;
  float        : left;
  margin-top   : -0.5em; /* use -0.25em for two lines */
  margin-left  : -0.2em;
  margin-right : 0.5em;
  height       : 4.5em;}
.cap span{
  font-size    : 5.0em;   /* use 3.12em for two lines */
  line-height  : 1.0em;
  color: #444;}
.cap + span{ margin-left  : -0.5em; }
.cap a { color: #900; }
.cap a:hover { color: #C00; }

#home #content .entry { margin: 0 15px 1.5em 0px; }
#home #content { font-size: 1em; }

#content .attachment { margin-top: 2em; text-align: center; }
#content .postmetadata, .sociable { text-transform: uppercase; font: bold .86em/1.166em Arial, Helvetica, "Helvetica Neue", sans-serif; text-align: left; margin: 0;}
#home .postmetadata { }
#content .postmetadata, #content .postmetadata a, #content .postmetadata a:link, #content .postmetadata a:visited, .sociable a {  color: #999; }
#content .postmetadata a:hover, .sociable a:hover { color: #C00; }

#content h2 { font-size: 1.72em; line-height: 1.3em; text-align: center; font-weight: bold;}
h2.page { }
#content .entry h2 { text-align: left; }
#content h3 { font-size: 1.5em; } 
#content h4 { font-size: 1.4em; }
#content h5 { font-size: 1.3em; }
#content h6 { font-size: 1.2em; }
#content h2 a:hover, h2 a:hover { color: #C00; }
#home h2 { line-height: 1.5em;	text-align: center;
  margin-right: 15px;
  margin-top: .25em;
  margin-left: 15px;
}
#home h2 a:link, #home h2 a:visited { color: #900; }
#home h2 a:hover { color: #C00; }
#content small { display: block; text-align: center; color: #999; font: italic .86em/1.166em normal Georgia, serif; margin-bottom: 2em;}
#home small { padding: 0 15px;}
#content small strong, #content small a, #content small a:link, #content small a:visited { color: #333; font-weight: normal;}
#content small a:hover { color: #C00;}
#content .readmore { margin: 0 auto; width: 15%;position: relative;top: -25px;}
#content .readmore a, #content .readmore a:link, #content .readmore a:visited { text-align: center; text-transform: uppercase; font: .75em/2.5em Arial, Helvetica, "Helvetica Neue", sans-serif; color: #fff; background: #900; display: block;position: relative; top: 7px; border: 5px solid #fff;}
#content .readmore a:hover, #content .readmore a:active, #searchform #searchsubmit a:hover { background-color: #c00; color: #fff;border: 5px solid #fff;}

#content .entry h3, .linkwithin_text { margin-bottom: 15px;  color: #333; text-transform: uppercase; margin-bottom: 1em;font: bold 11pt Helvetica, "Helvetica Neue", Arial, sans-serif;}
#content .entry ul.related_post li {border-width: 1px 1px 0 1px; float: left; display: block; width: 175px;margin-bottom: 15px;}
#content .entry ul.related_post li img {display: block;clear: left;margin-bottom: 5px;}
#content .entry ul.related_post {}

#searchform #searchsubmit, #emailfeed #emailsubmit {text-align: center; text-transform: uppercase; font: .75em/2em Arial, Helvetica, "Helvetica Neue", sans-serif; color: #fff; background: #900; padding: 3px 5px; border: 0px; top: -2px; position: relative; }

#searchform input, #emailfeed input { border: 1px solid #909090; font: 1.15em/1.5em Arial, Helvetica, "Helvetica Neue", sans-serif; }

#emailfeed div { display: inline; }

#searchform { margin-bottom: 20px; }

.pagetitle { font-size: 1.7142em; text-align: center; font-weight: bold; font-style: italic; color: #666; margin-bottom: 2em;}

.navigation{border-bottom:1px solid #ccc;width:604px;margin:0 auto;line-height:4em;clear:both;height:auto; position: relative;padding-top: 17px; padding-bottom: 27px;}
.navigation span { display: block; }
.navigation .arrow{font-size:9.28em; margin-top:-10px;color:#e5e5e5;position:absolute;display:block;float:left;z-index:1000; }
.navigation .arrow,.navigation a:link .arrow,.navigation a:visited .arrow{color:#e5e5e5;;}
.navigation a:hover .arrow , .navigation a:active .arrow {color:#900;}
.navigation .next, .navigation .prev { width:50%; min-height: 4em; }

.navigation .next .arrow { right: 0; }
.navigation .link{ line-height:1em;position:relative;display:block;float:left; }
.navigation .link span{margin-left:6em;display:block;}
.navigation .link .before, .navigation .link .after{ clear:both;text-transform:uppercase;font:bold .86em/1.166em Arial,Helvetica,"Helvetica Neue",sans-serif;color:#999;}
.navigation .link .after { text-align: right; margin-right: 6em; margin-left: auto;}
.navigation .link .title {margin-left:4em;margin-top:4px;clear:both;font-size: 1.285em;font-weight: bold; width: 230px; overflow: hidden;
  line-height: 1.2em;
}
.navigation .link .date {margin-left:6em; clear:both;font-size: .86em; line-height: 2em; font-style: italic; color: #333; }
.navigation a:hover .link .date { color: #C00; }
.navigation .next .title { margin-right: 4em; text-align: right; margin-left: auto; }
.navigation .next .date { margin-right: 6em; text-align: right; margin-left: auto; }
.navigation .next .link { right: 0; position: absolute;}
.navigation .link .image { margin-right: 0; margin-left: 0;}
.clear { clear: both; height: 1px; }
.clearright { clear: right; }
.clearleft { clear: left; }

.attachment.navigation img { max-height: 75px; }


.showcomments {text-align:center;font:normal .86em/1.166em "Helvetica Neue",Helvetica,Arial,sans-serif;margin-top:3em;margin-bottom:3em;position: relative;}
.showcomments a,.showcomments a:link,.showcomments a:visited{padding:5px 10px;background:#900;color:#fff; border: 5px solid #fff;}
.showcomments a:hover,.showcomments a:active{background:#c00; color: #fff; }
.showcomments.archive a { border: 5px solid #fff; position: relative; z-index: 1000;}
.showcomments.archive { width: 604px; margin: 1em auto 4em auto; position: relative; }
.showcomments .divider { top: 9px;}

#comments {width:604px; margin: 0 auto;}
#comments .comments_text { background: #e5e5e5; padding: 15px; color: #666;}
#comments .commentlist, #comments .commentlist li { list-style: none; margin: 0;}
#comments .commentmetadata { margin-bottom: 3em; text-align: center; position: relative; margin-left: -25%; height: 44px; background: url(./images/comment-corner.png) no-repeat 47% 0; }
#comments .commentmetadata .cite { margin-top: 22px; position: absolute; left: 50%; margin-left: 42px; text-align: left; }
#comments .commentmetadata cite { font-weight: bold; }
#comments .commentmetadata cite, #comments .commentmetadata small { display: block; padding-left: 1em; }

#comments .commentmetadata small { font-size: .86em; font-style: italic; color: #999;}
#comments .commentmetadata small strong { color: #333; }
#comments .commentmetadata img  { top: 17px; position: absolute; left: 50%;}


.possibly-related hr { border: 0; background: white; margin-left: -2em; display: block; height: .5em; position: relative; z-index: 1000;}
.possibly-related p { text-align:center; margin-top: 3em; }
.possibly-related p strong { font:normal .86em/1.166em Arial,Helvetica,"Helvetica Neue",sans-serif;margin-top:3em;margin-bottom:3em; padding:5px 10px;background:#ccc;color:#fff; }
.possibly-related li { font-size: .89em; line-height: 1.4em;  }

/* comment form */
#comments textarea { padding: 10px; width: 554px; height: 100px; border: 15px solid #999; margin: 0;}
#comments form { float: left; background: #e5e5e5; margin-bottom: 1em;}
#comments form p { margin: 0; }
#comments form .rules { background: url(./images/comment-form-corner.png) no-repeat top right ; width: 197px; float: left; padding: 15px 15px; color: #666; font-size: .92em; line-height: 1.35em;}

#comments form .form {  float: left; width: 360px; padding: 17px 0 0 17px;}
#comments form .form input, #comments form .form small {  float: left;}
#comments form .form small { text-transform: uppercase; margin-left: 1em; font:bold .78em/2em Arial,Helvetica,"Helvetica Neue",sans-serif; }
#comments form .form span { font: .78em/2em Arial,Helvetica,"Helvetica Neue",sans-serif; padding-left: .5em; color: #999;}
#comments form .form label { clear: both; }
#comments form .form p { padding-bottom: 1em; clear:left; }
#comments form .form input { height: 1.28em; }
#comments form #submit { height: 2em; margin-bottom: 2em;}

#sidebar { position: relative; color: #666; font-size: .928em; line-height: 1.23em;}
#sidebar .sleeve { position: relative; margin-bottom: 0; background: transparent;}
#sidebar a:link, #sidebar a:visited { color: #333; }
#sidebar a:hover, #sidebar a:active { color: #C00; }

#sidebar h2, #sidebar h3 { margin-bottom: 15px; text-align: center; color: #333; text-transform: uppercase; font: bold 1em/1em Arial, Helvetica, "Helvetica Neue", sans-serif; margin-bottom: 1em;}
#sidebar caption { text-align: center; margin-bottom: .5em;}
#sidebar h2, #sidebar h2  a, #sidebar h2  a:link, #sidebar h2  a:visited { color: #333; }
#sidebar h2 a:hover #sidebar h2  a:active {  }
#sidebar { background:url(./images/sidebar-bg.png) repeat-y }
#sidebar .closer { height: 20px; background: #fff; clear: both;}
#sidebar ul {border-top: 20px solid white;}
#sidebar ul li{ width: 302px; float: left; border-top:20px solid #fff; margin: 15px 15px 15px 15px;border:0; position: static;list-style:none;}
#sidebar ul li ul { border: 0; }
#sidebar ul li ul li{width:auto;margin:0 auto 1em;float:none;border:0;}
#sidebar ul li ul li ul { margin-bottom: .5em; }
#sidebar ul li ul li ul li { margin-bottom: .5em; margin-top: .5em;  }
#sidebar ul li ul li ul li ul li { margin-left: 1em; }
#sidebar #depo_archives ul { float: left; width: 50%; list-style: disc; }
#sidebar #depo_archives li { list-style-type: disc; list-style-position: inside; margin-top: 0; margin-bottom: 1em; }

#top_sidebar { width: 260px; float: left; margin-right: 2px;position: relative; color: #666; font-size: .928em; line-height: 1.23em;}
#top_sidebar ul { list-style:none; margin-left: 0px; }
#top_sidebar h3.widgettitle { margin-bottom: 15px; text-align: center; color: #333; text-transform: uppercase; font: bold 1em/1em Arial, Helvetica, "Helvetica Neue", sans-serif; margin: 2em 0 0;}
#top_sidebar ul li ul { margin-bottom: 1em; }
#top_sidebar .sleeve { position: relative; margin-bottom: 0; background: transparent;}
#top_sidebar a:link, #sidebar a:visited { color: #333; }
#top_sidebar a:hover, #sidebar a:active { color: #C00; }

#top_sidebar caption { text-align: center; margin-bottom: .5em;}
#top_sidebar h2 a:hover #sidebar h2  a:active {  }
#top_sidebar { background:url(./images/sidebar-bg.png) repeat-y }
#top_sidebar ul {position: relative; top: -10px;}
#top_sidebar ul li ul { line-height: 1.65em; padding-top: 10px;}
#top_sidebar ul li ul li{margin:0;}
#top_sidebar .linklist { margin-top: 8px; padding-top: 10px;}
#top_sidebar .linklist a { line-height: 1.7em; }

#text-24 { padding-left: 5px; }

#footer { margin: 2.5em auto; font-size: .928em; line-height: 1em; text-align: center; color: #999;}
#footer a, #footer a:link, #footer a:visited { color: #333;  }
#footer a:hover, #footer a:active { color: #C00; } 

/* Alignment */
.alignleft,.alignright,.align-left,.align-right { }
.alignright,.align-right, .inset { float:right; }
.alignleft, .align-left, .alternate { float:left; }
.aligncenter, .align-center { margin: 0 auto; text-align: center; }
img.aligncenter, .aligncenter img, img.centered { display: block; margin-left: auto; margin-right: auto; }
.entry .alignleft { margin-right: 10px; }
.entry .alignright { margin-left: 10px; }
.text-left{text-align:left;}
.text-right{text-align:right;}

/* Figures & images */
.image {}
.figure {}
.figure .caption {}

/* Utility */
.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.highlite, blockquote em, { background-color:#FFFCCE; }
.none, .hidden { text-indent: -1000em; display: block; height: 1px; line-height: 1px;}

.wp-caption {
	text-align: center;
	padding-top: 5px;
	margin-bottom: 1em;
	font-size: .8em;
    font-style: italic;
}

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

.wp-caption p.wp-caption-text {
	font-size: .8em;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.hide {	display: none; }
.center { text-align: center; }

/* Made & Tutorial Page styles */
#content .post-1205 .entry, #content .post-210 .entry {width: 930px;}
.post-1205 .entry .wp-caption, .post-210 .entry .wp-caption {float: left;height: 325px; width: 310px;}

/* Google Form overides */
.ss-q-help { font-style: italic; font-size: .75em; }
.ss-q-short { width: 375px; } 
.ss-form-entry { margin-top: 15px; }
.ss-form-entry ul li { list-style-type: none; }

#home .gallery dt { margin: 0; }
#home .entry { position: relative; width: 600px; padding: 0 67px;}


/*Linkwithin styles*/

#linkwithin_logo_0 {
  display: none;
}
/*Sociable plugin styles*/

div.sociable { margin: 16px 0; }

.sociable ul {
	display: inline;
	margin: -15px !important;
	padding: 0px !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}

/* Related posts */
#content ul.related-posts {margin-left: 0px;}
li.related-post img {
  height: 100px;
  width: 100px;
  padding: 0;
}

#content li.related-post {
  width: 108px;
  float: left;
  border-right: 1px solid #d5d7d7;
  background: none;
  list-style-type: none;
  margin-left: 0em; 
  margin: 4px;
  padding: 0;
}

#content li.related-post a {
  font: .8em/.9em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

ol.related-posts {clear:both; text-align:center; margin:10px 0px 0px 0px; padding:0;}  
ol.related-posts li{width:95px; float:left; display:inline; margin-right:5px;; padding:0;}  
ol.related-posts img{width: 95px;height: 90px;clear:both; padding:3px; background:#F7F7F7; border:1px solid #DDD;}  
ol.related-posts a{clear:both; display:block; border:none; text-decoration:none;}  
ol.related-posts li{font-size:12px;}

/* IE warning bar */

#ie6Warning {
  position: relative;
  top: 0px;
  background: #fdd2cb;
  padding: 1px 35px 1px;
}

#ie6Warning h2 {
  font-weight: bold;
  font-size: 1.5em;
}
#ie6Warning a {
  font-weight: bold;
  text-decoration: underline;
}