/*
Theme Name: 107 Designs
Theme URI: http://www.107designs.com/
Description: A new theme for the 107 Designs blog
Version: 2.2
Author: Michael Guill
Author URI: http://www.107designs.com/
*/




/* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */
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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */ :focus { outline: 0; }
/* remember to highlight inserts somehow! */ ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; }


/* typography */
body { font: 16px "Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif; font-weight:lighter; line-height:1.4em; color:#BBB; }
a:focus { outline: 1px dotted invert; }
h2, h3, h4, h5, h6 { color:#999966; font-family: "Lucida Grande","Gill Sans","Gill Sans MT","Helvetica Neue","Helvetica",Arial,sans-serif; letter-spacing: -1px; margin:20px 0 3px 0; font-weight: normal; }
h2 { font-size: 26px; clear:both; }
h3 { font: 24px "Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif; font-style:italic; clear:left; letter-spacing: normal; }
h4 { font-size: 18px; }
p, small { margin: 6px 0 15px; }
a { color:#999966; }
a:hover { color:#FFF; }


/* styles */
html { background-color: #000; }
body { margin:0 auto; background: url(img/pageBg.jpg) repeat-x bottom left;}
#wrapper { width:100%; margin: 0px auto; background: url(img/cloudsLeft.png) no-repeat scroll 0 0; }
#headerWrap { width:100%; margin: 0px auto; background: url(img/cloudsRight.png) no-repeat scroll top right;}
#header { position: relative; height:100px; width: 676px; margin:0 auto; background: url(img/cloudsMiddle.png) no-repeat scroll 55% 0; padding:35px 284px 0 0;}
#header h1 a#logo { margin:0; position:absolute; top:15px; left:0; display:block; width:300px; height:112px; background:transparent url(img/logo.png) no-repeat top left; text-indent:-9000px; }
#footer { clear:both; margin: 0 auto; width: 920px; padding:20px; }
a.title, #turingTest, #turingLabel, #turing, label.screen-reader-text {display: none; width:0; height:0; text-indent: -9999px;}
#content { width: 960px; margin: 0 auto; z-index: 50;}
#mainContent { float:left; width:620px; padding: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; border:8px solid #333; background-color: #000; background-color: rgba(0, 0, 0, 0.8); overflow: auto; }
#intro { float:left; width:620px; padding:0 28px; font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif; line-height:21px; color:#DDD; font-size:17px; font-style: italic; }
#intro strong { color:#999966; font-weight: normal;}

#accessibility { position:absolute; top:0px; left: 0; padding:5px; background: rgba(50, 50, 50, .6); font: 11px "Lucida Grande","Gill Sans","Gill Sans MT","Helvetica Neue","Helvetica",Arial,sans-serif;
-moz-border-radius-bottomleft: 11px;
-webkit-border-bottom-left-radius; 11px;
-moz-border-radius-bottomright: 11px;
-webkit-border-bottom-right-radius: 11px;
z-index: 1001;
}

#accessibility li { display: inline; margin: 0 15px; }

#secondaryContent { float: right; width: 260px; font: 12px "Lucida Grande","Gill Sans","Gill Sans MT","Helvetica Neue","Helvetica",Arial,sans-serif; line-height:1.5em;}
#secondaryContent ul li ul li { margin-left: 15px; }
.navigation, .postmetadata { font-size: 11px; font-family: "Lucida Grande","Gill Sans","Gill Sans MT","Helvetica Neue","Helvetica",Arial,sans-serif; margin:25px 0 65px; }
.navigation { margin:0;}
.navigation .alignleft, .navigation .alignright { margin: 0 0 40px 0; }
.postmetadata { background:transparent url(img/hr.png) no-repeat bottom left; padding:0 0 45px 0;}
a.rounded, .more-link { background-color: #444;	color:#EEE;	text-decoration: none; padding:2px 5px 1px 5px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px; /* future proofing */
-khtml-border-radius: 7px; /* for old Konqueror browsers */
}
a.tagLink { text-decoration: none; border-bottom: 1px dotted #999966; background: transparent url(img/tag.png) no-repeat left center; padding:0 0 0 18px; }
a.tagLink:hover { border-bottom:1px solid #FFF;}
a.rounded:hover, .more-link:hover {background-color: #999966; color: #111;}
.postmetadata a { text-decoration: none; border-bottom: 1px dotted #999966; }
.postmetadata a:hover {border-bottom:1px solid #FFF;}

#footerOuterWrap { clear:both; margin:50px 0 0 0; width: 100%; background: url(img/pasture.png) repeat-x bottom left; }
#footerInnerWrap { width: 100%; background: url(img/mountains.png) no-repeat bottom left; }
#footer { width:620px; margin:50px auto 0; padding:15px 284px 200px 0;}
#footer h3 {font-size:16px;}
#footer p { margin:4px 0; font-size: 13px; }

/*

#footerOuterWrap { width: 100%; background: url(img/pasture.png) repeat-x bottom left; }
#footerInnerWrap { width: 100%; background: url(img/mountains.png) no-repeat bottom left; }
#footer { margin:0 auto; padding:0 0 60px 0;}
#footer h3 {font-size:16px;}
#footer p { margin:4px 0; font-size: 13px; }
*/

#smButtons li { float:left;}
#smButtons a * { display: none;}
#smButtons a, #smButtons a .hover { display:block; position:relative; width:32px; height:32px; background: url(img/smSprites.png) 0 0 no-repeat;}

#smButtons a.twitter { background-position: -450px -520px;}
#smButtons a.facebook { background-position: -450px -104px; }
#smButtons a.linkedin { background-position: -450px -260px; }
#smButtons a.delicious { background-position: -450px 0px; }

.smLinksLg { float:left; margin:0 15px; display:block; width:165px; height:46px; background: url(img/smSprites.png); text-indent: -9999px;}
.twitterLg {background-position: 3px -623px;}
.linkedinLg {background-position: 169px -623px;}
.facebookLg {background-position: 337px -623px;}
.twitterLg:hover {background-position: 3px -669px;}
.linkedinLg:hover {background-position: 169px -669px;}
.facebookLg:hover {background-position: 337px -669px;}

.highlight a.twitter:hover, #smButtons a.twitter .hover {background-position: 0 -520px;}
.highlight a.facebook:hover, #smButtons a.facebook .hover {background-position: 0 -104px;}
.highlight a.linkedin:hover, #smButtons a.linkedin .hover {background-position: 0 -260px;}
.highlight a.delicious:hover, #smButtons a.delicious .hover {background-position: 0 0px;}

.scheduleDay { padding: 1px 18px; background: url(img/calendar.png) no-repeat left center;}

#mainNav {float:left; width:620px; padding:0 28px;}
#mainNav ul { font-size:23px; padding:0; margin: 50px auto 20px; }
#mainNav ul li { display:inline; margin:0 14px;}
#mainNav ul li a { color:#555555; text-decoration:none; height: 80px; padding:20px 10px; background: url(img/navBg.jpg) repeat-x -300px left; }
#mainNav ul li a:hover,
.home #mainNav ul li.home a,
.page-id-255 #mainNav ul li.contact a,
.page-id-2 #mainNav ul li.about a,
.page-id-247 #mainNav ul li.schedule a
{ color:#999966; text-decoration:none; height: 80px; padding:20px 10px; background-position: bottom left; }

.post {position: relative;}
.widgettitle { color: #CCC; border-bottom:1px solid #666; margin:50px 0 8px 0; padding:7px 0;}
.widget_twitter h2 a { text-decoration: none; background: url(img/twitter.png) no-repeat left center; padding: 3px 0 3px 36px;}
.widget_twitter { line-height:1.2em;}
.widget_twitter li { margin:0 0 15px 10px; }
.entry ul { list-style-type: disc; }
.entry ul li {margin-left:25px;}
.clear {clear:both;}
.picThumbs li { float: left; width: 60px; height:60px; margin:4px;}
.right, .alignright { float: right; margin: 10px 0 10px 10px;}
.left, .alignleft, .twitter-avatar {float: left; margin: 10px 10px 10px 0;}
.clearRight { clear: right;}
.col140 {width: 140px;}
.col300 {width: 300px;}
.col460 {width: 460px;}
.col620 {width: 620px;}
.center {text-align: center;}
.spaced {margin: 50px 0 0 0;}
.nudged {margin: 20px 0 0 0;}
.phoneNum {font-size: 21px; font-family: "Lucida Grande","Gill Sans","Gill Sans MT","Helvetica Neue","Helvetica",Arial,sans-serif; letter-spacing: -2px; color:#999966;font-weight: normal;}
.smLinkList {margin:20px 0 0;}
.smLinkList li {font-size:18px; font-family: "Lucida Grande","Gill Sans","Gill Sans MT","Helvetica Neue","Helvetica",Arial,sans-serif; letter-spacing: -1px; margin: 10px 0; height:33px;}
.vCard { background: url(img/mainSprites.png) no-repeat -137px -300px; padding:3px 0 3px 32px;}
.design { background: url(img/mainSprites.png) no-repeat -400px -300px; padding:20px 0 8px 52px;}
.brand { background: url(img/mainSprites.png) no-repeat -400px -350px; padding:20px 0 8px 52px;}
.apps { background: url(img/mainSprites.png) no-repeat -400px -400px; padding:20px 0 8px 52px;}
.consult { background: url(img/mainSprites.png) no-repeat -400px -450px; padding:20px 0 8px 52px;}
.tweetmeme_button { margin:0px 25px 15px 0px;}
textarea { width:95%;}
a.rssLg { background: url(img/beer.png) no-repeat left center; padding:10px 0 6px 40px; font-size: 1.8em; letter-spacing: -1px;}
.widget form p { margin: 0;}
blockquote, q { margin-left: 45px; font-style:italic; color: #444; border-left: 1px solid #999966; padding:5px 15px; }
.widget_twitter span { margin: 0 3px 0 0;}
.commentlist .comment {padding: 10px;}
.commentlist .odd { background-color:#333;}
.commentlist li {list-style-type: none;}

#mainContent ul {list-style-type: disc;}
#mainContent ul li, #mainContent ol li {margin:0 0 0 20px; line-height: 1.2em;}
abbr, acronym {border-bottom: 1px dotted #999966; cursor: help;}

#mainContent .entry ol { margin: 1em 0 1em 1em; list-style-type: decimal; color:#999966; font: 18px "Lucida Grande","Gill Sans","Gill Sans MT","Helvetica Neue","Helvetica",Arial,sans-serif;}
#mainContent .entry ol p {font: 16px "Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif; font-weight:lighter; line-height:1.4em; color:#BBB;}



.the_date { display:block; text-align: center; float:left; clear:left; margin: 10px 10px 10px 0; width:50px; height:50px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 10px; /* future proofing */ -khtml-border-radius: 6px; /* for old Konqueror browsers */ border:1px solid #222; z-index: 1000; background-color: black;}
.date_m { display:block; font-size: 10px; font-style:italic; text-align:center; }
.date_d { display:block; font-size:22px; text-align: center; }

#odiogoUtil { background: white url(img/odiogoBg.jpg) repeat-x top left; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-right-radius:8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; padding:10px; margin:10px 10px 10px 0; width:300px;}
.odiogoMsg { color:#FFF; font-size: 20px; font-style: italic; text-shadow: 2px 2px 2px #000; }