/*  
Theme Name: Manning Makes Stuff  
*/  
body  
{  
 margin: 0;  
 padding: 0;  
 background: #000;  
 font-family: Sans-Serif;  
 font-size: 19px;  
 line-height: 25px;  
 text-align: left;  
 color: #000;  
 overflow-x: hidden;  
}  
  
img {  
 border: 0;  
}  
a {  
 color: #f63;  
 font-weight: bold;  
}  
a:hover {  
 background: #f63;  
 color: #fff;  
 text-decoration: none !important;  
}  
  
img {  
 display: block;  
 max-width: 100%;  
}  
  
h3 a { text-decoration: none; font-weight: normal !important; }  
h3 a:hover {text-decoration: underline; font-weight: normal !important; }  
  
h1, h3, h5, h6 { font-family: rockwell, sans-serif; color: #333; font-weight: normal; margin: 10px 0 10px 0; padding: 0; font-size: 35px; line-height: 35px; }  
h2 { font-family: rockwell, sans-serif; color: #999; font-weight: normal; margin: 10px 0 10px 0; padding: 0; font-size: 29px; line-height: 33px; }  
h4 { font-family: rockwell, sans-serif; color: #999; font-weight: normal; margin: 10px 0 10px 0; padding: 0; font-size: 21px; line-height: 25px; }  
  
ul { list-style-type: auto; }  
li { padding-bottom: 6px; } 
ol { }  
blockquote  
{  
 background-color: #ddd;  
}  
  
p {  
 margin: 0 0 25px 0;  
}  
  
em { font-style: italic; }  
strong { font-weight: bold; }  
  
#container  
{  
 width: 100%;  
 max-width: 1200px;  
 margin: 0 auto;  
 background: url(images/paper-edges3.png) repeat-y top center;  
 background-attachment: fixed;  
 position: relative;  
}  
  
#masthead {  
 width: 100%;  
}  
  
#masthead-image {  
 display: block;  
 width: 100%;  
}  
#masthead-image2 {  
 display: none;  
 width: 100%;  
}  
  
#wrapper {  
  overflow: hidden;
}  
  
#content-wrapper  
{  
 width: 68%;  
 min-height: 400px;  
 padding: 20px 4% 40px 4%;  
 float: left;  
}  
  
#content  
{  
}  
  
#content .commentbox {  
 color: #666;  
 text-align: right;  
 padding-bottom: 30px;  
 border-bottom: 2px solid #999;  
 margin-bottom: 10px;  
}  
#comments {  
}  
#comments .comment {  
 background-color: #ddd;  
}  
#comments .comment cite {  
}  

#comments li {  
  margin-bottom: 20px;
}  
  
#sidebar-wrapper  
{  
 display: inline;  
 width: 18%;  
 min-height: 400px;  
 padding: 20px 3% 40px 2%;  
 float: right;  
 border-left: 1px solid #ccc;  
}  
  
#white {  
 background-color: #fff;  
 width: auto;  
 height: 15px;  
}  
#footer  
{  
 width: 90%;  
 background: #333;  
 color: #fff;  
 margin: auto;  
 padding: 15px 5% 10px 5%;  
 clear: both;  
 line-height: 19px;  
}  
  
/* Single Post */  
  
#post_content-wrapper  
{  
}  
  
#post_content  
{  
}  
  
#post_content .commentbox {  
}  
  
  
/* Content */  
  
.date {  
 color: #999;  
}  
  
h3.post-title {  
 display: inline;  
  color: #f63; 
  padding-top: 10px;
 }  
  
h3.post-title a {  
}  
  
h3.post-title a:hover {  
 text-decoration: none;  
 background: #f63;  
 color: #fff;  
 }  
  
/* Sidebar */  
  
#sidebar h2 { font-size: 25px; line-height: 29px; }  
.widgettitle { }  
  
#sidebar ul  
{  
 margin: 0;  
 padding: 0;  
 list-style-type: none;  
 line-height: 18px;  
 position: relative;  
 left: -4px;  
}  
  
#sidebar ul li  
{  
 padding-bottom: 12px;  
}  
  
#sidebar ul li a  
{  
 display: block;  
 padding: 2px 0px 2px 4px;  
}  
  
#sidebar ul li .title  
{  
 display: block;  
}  
  
#sidebar ul li .date  
{  
 display: block;  
}  
  
#sidebar ul li .content  
{  
 display: block;  
}  
  
#sidebar ul li a  
{  
 display: block;  
}  
  
#sidebar ul .list_subpages {  
 list-style-type: none;  
}  
  
  
/* Footer */  
  
  
/* Comments */  
.alt {  

 }  
  
.commentlist {  
 padding: 0;  
  position: relative;
  left: 60px;
  width: 80%;
 }  
  
.commentlist li {  
 margin: 0;  
 list-style: none;  
 }  
  
.commentlist p {  
 margin: 0 0 20px 0;  
 }  
  
#commentform p {  
 margin: 0;  
 }  
  
.nocomments {  
 margin: 0;  
 padding: 0;  
 }  
  
.commentmetadata {  
 margin: 0;  
 display: block;  
 }  
.commentlist li, #commentform input, #commentform textarea {  
 }  
  
.commentlist li {  
 }  
  
.commentlist li .avatar {  
 float: left;
 width: 48px;  
height: 48px;
  margin: 0 15px 15px 0;
  border: 2px solid #f63;
  position: relative;
  left: -60px;
  margin-right: -60px;
/*  display: none; */
 }  
  
.commentlist cite, .commentlist cite a {  
 }  
  
.commentlist p {  
 }  
  
#commentform p {  
 }  
  
.commentmetadata {  
 }  
.alt {  
 }  
  
/* Images */  
.aligncenter,  
div.aligncenter {  
 display: block;  
 margin-left: auto;  
 margin-right: auto;  
}  
  
.alignleft {  
 float: left;  
}  
  
.alignright {  
 float: right;  
}  
  
.wp-caption {  
 background-color: #ddd;  
}  
  
.wp-caption img {  
 margin: 0;  
 padding: 0;  
 border: 0 none;  
}  
.wp-caption p.wp-caption-text {  
 margin: 0;  
}  
/* Forms */  
#searchform input {width: 145px;}  
  
#searchsubmit {width: 130px;}  
  
textarea {width: 80%;}  
  
 
 
.divider {  
 height: 2px;  
 background: #ccc;  
}  
  
.ad-728x15 { 
  margin-top: 10px;  
  position: relative; 
  left: 4%; 
} 
.ad-160x600 { 
  margin-bottom: 20px;  
} 
.ad-300x250 { 
  width: 300px; 
  height: 250px; 
  margin-bottom: 20px;  
} 
.ad-300x250.inline { 
  float: right; 
  margin: 0 0 20px 20px; 
} 
 
.ad-float-right { 
  float: right; 
  margin: 8px 0 20px 30px; 
} 
 
.featured-posts-thumbnail { 
  margin: 2px 0px 2px 0px !important; 
  border: 2px solid; 
  width: 97%; 
  height: auto; 
} 
 
sup { 
  font-size: 11px; 
  line-height: 11px; 
  vertical-align: text-top; 
} 
 
.am-item { 
  padding: 10px; 
} 

/* ****************************** begin responsive styles ****************************** */
  
 
  
@media screen and (max-width: 640px) {  
  
.ad-728x15 { 
  display: none; 
} 
.ad-300x250.inline { 
  float: none; 
  margin: 0 0 20px 0; 
} 
 
.ad-float-right { 
  float: none; 
  margin: 0 0 20px 0; 
} 
 
#masthead-image {  
 display: none;  
}  
#masthead-image2 {  
 display: block;  
}  
  
  
h1, h2, h3, h5, h6 { font-size: 27px; line-height: 31px; }  
h4 { font-size: 19px; line-height: 23px; }  

#content {  
  padding-top: 20px;
} 

#content-wrapper  
{  
 width: 94%;  
 padding: 0px 3% 40px 3%;  
 float: none;  
}  
#sidebar-wrapper {  
 float: none; 
}  
#sidebar {  
 width: 94%;  
 padding: 0px 3% 40px 3% !important;  
}  
  
.featured-posts-thumbnail { 
  width: 75%; 
} 
  
/* --- */ } /* --- */