/*
Theme Name: Marty Spellerberg
Version: 1
Author: Marty Spellerberg
*/

body { font-family:"Droid Sans", "lucida grande", tahoma, sans-serif; font-size: 13px; line-height: 20px; text-align: center; color: #666; background: #fff; background: url(/files/assets/images/background.png) repeat-x;}

a {color: #3366CC; text-decoration: none;}
a:hover {text-decoration: underline;}

h1 {font-weight: bold; width: 300px; font-size: 24px; margin: 0; padding: 15px 36px; float: left; display: block; background: url(/files/assets/images/martyspellerberg.png) no-repeat center left;}
h1 a {color: #888;}
h2 {font-size: 16px; text-align: left; clear: both; font-weight: lighter;}
h2 strong {font-weight: bold;}
h3 {clear: both; font-size: 13px; }

img, .flash {border: 1px solid #ccc; clear: both;}
.flash {line-height: 0px;}

.title {width: 900px; text-align: left; margin: auto;}
.title p {width: 50px; float: right; padding:  20px 5px 10px 5px; display: block; text-align: right; margin: 0;}

.topmenu { width: 450px; float: right; font-size: 14px; text-align: right;}
.topmenu ul li {display: inline; margin: 0px 6px; padding: 6px 0px;}
.topmenu li.selected {background: #999; padding: 6px 12px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.topmenu li.selected a {color: #fff;}


#content {clear: both; margin: auto; padding: 30px 0px; text-align: left;}

/* Thumbnails */

.thumbnails {}
.thumbnails div {width: 281px; float: left; margin: 14px 0;}
.thumbnails div.middle {margin: 14px 28px;}
.thumbnails div h3 {margin: 0; font-size: 14px;}
.thumbnails div p {margin: 0; font-size: 14px;}

/* Portfolio */

.portfolio {width: 900px;}

.portfolio .excerpt {float: right; width: 198px; padding: 14px 0;}
.portfolio .excerpt p {margin-left: 28px;}
.portfolio .excerpt .controls { border-top: 1px solid #ccc; padding-top: 1em;}

.portfolio .thecontent {float: left; width: 702px; padding: 14px 0;}
.portfolio .thecontent p {margin-top: 0;}

.technologies {font-size: 11px; line-height: 17px;}

#slidecontrols {padding: 0; margin-left: 0; list-style: none;}
#slidecontrols li {margin: 4px 0 4px 28px;}
#slidecontrols li.selected a {color: #999;}

#slidecontrols li.selected {background: #999; padding: 6px 12px; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin-left: 16px;}
#slidecontrols li.selected a {color: #fff;}

/* Blog */

.blog {width: 902px;}

.blog .blogposts {float: left; width: 700px;}
.blog h2 {margin-bottom: 0px;}
.blog .date {margin-top: 0px;}
.postmetadata {text-align: center;}
.post {padding-bottom: 30px;}
.blog .post img {width: 700px;}

img.avatar-32 {width: 32px; }
img.wp-smiley {border: none;}


.blog .alignleft {float: left; padding-bottom: 30px;}
.blog .alignright {float: right;  padding-bottom: 30px;}

.related {margin-top: 0; margin-bottom: 7px;}
.related li {margin-bottom: 7px;}

#sidebar {float: right; width: 170px;}

#commentform { padding-bottom: 80px;}
#respond {width: 700px;}
#comment {width: 100%;} 
#submit {float: right;}
#author, #email, #url, #comment, .wpcf7-validates-as-required, textarea {border: 1px solid #ccc; background: #fff;}

.contactform {width: 66%; float: left;}
.address {width: 33%; float: left;}

#sidebar {float: right; width: 170px;}

#sidebar.single {margin-top: 2.5em;}

#sidebar ul {list-style: none; padding: 0; margin-left: 0;}
#sidebar h3 {margin: 0px; border-top: 1px solid #ccc; padding-top: 1em; margin-top: 1em;}

.sevenhundred {width: 700px;}

.centered {text-align: center;}

.page {width: 900px; margin: auto; padding-bottom: 36px; overflow: hidden;}

.frontmenu {clear: both; width: 170px; margin: auto; padding: 0px; float: right;}
.frontmenu img {border: 1px solid #ccc; clear: both;}
.frontmenu ol {margin: auto; padding: 0;  font-size: 14px;}
.frontmenu li {list-style: none; border-top: 1px solid #ccc;}
.frontmenu li:first-child {border-top: 1px solid #fff;}
.frontmenu li a {font-weight: bold; padding: 10px 0; display: block;}
.frontmenu li a:hover {background: #E7E7E7;}
.frontmenu .first {border-top: 1px solid #fff;}

.frontimage {float: left; width: 702px; }

.external {background: url(/files/assets/images/external.gif) no-repeat right; padding-right: 12px;}

#footer {border-top: 1px solid #ccc; width: 902px; margin: auto; clear: both;}
#footer ul {list-style: none; padding: 0; margin: 0;}
#footer li {display: block; float: left; margin: 5px 10px 20px 0; padding: 8px 5px 5px 0}

/* Twit */

.twtr-widget {margin-top: .5em;}
div.twtr-hd, div.twtr-ft {display: none !important;}
div.twtr-tweet-wrap {padding: 0 0 1em 0 !important; }
div.twtr-tweet {border-bottom: none !important;}