/*
Theme Name: Speech Therapy
Theme URI: http://wordpress.org/
Description: A custom design for DREWspective by Drew Maughan.
Version: 1
Author: Drew Maughan
Author URI: http://drewmaughan.com/
Tags: black, liquid layout, png, speech, html5

	Speech Therapy v1
	 http://drewspective.com

	This theme was designed and built by Drew Maughan,
	whose blog you will find at http://drewspective.com.

*/
* {
margin:0;
padding:0;
}

a {
color:#FFF;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a img {
border:none;
}

body {
background:#666 url(images/background.png) fixed repeat-x;
color:#FFF;
font-family:Verdana, sans-serif;
font-size:.69em;
/* roughly 11 pixels */
padding:20px;
}

dfn {
display:none;
}

input,select,textarea {
font-family:Verdana, sans-serif;
font-size:100%;
}

header,nav,section,article,footer {
display:block;
}

ul {
list-style:none;
}

/* WRAPPER ----------------------------------------------- */
#wrapper {
margin:0 auto;
max-width:960px;
}

/* HEADER ------------------------------------------------ */
#header {
padding-top:60px;
position:relative;
}

/* LOGO -------------------------------------------------- */
#logo a {
background:url(images/logo.png) no-repeat;
display:block;
height:0!important;
overflow:hidden;
padding-top:60px;
width:271px;
height:60px;
}

#logo dfn {
display:none;
}

#logo h1 {
visibility:visible;
}

/* SEARCH BOX ------------------------------------------- */
#search {
bottom:2px;
position:absolute;
right:0;
}

#search label {
display:none;
}

#search #s {
background-color:#333;
border:1px solid #999;
color:#999;
font-weight:700;
padding:1px;
width:18em;
}

#search #searchsubmit {
background-color:transparent;
border:none;
color:#999;
font-size:smaller;
font-weight:700;
padding:1px .5em;
}

/* SIDEBAR --------------------------------------------- */
#sidebar section {
margin-bottom:2em;
}

/* PREDOMINANT THOUGHTS (tag cloud) --------------------- */
#thoughts {
background-color:#666;
color:#CCC;
text-align:center;
}

#thoughts a {
font-weight:400!important;
text-transform:lowercase;
}

#thoughts a:hover {
color:#FFF!important;
}

#thoughts div {
padding:0 8px;
}

#thoughts .top {
background:url(images/thoughts_top.png) no-repeat;
display:block;
height:8px;
}

#thoughts .bottom {
background:url(images/thoughts_bottom.png) no-repeat;
display:block;
height:68px;
}

/* AUTHOR information ---------------------------------- */
#author img {
float:left;
margin-bottom:.5em;
margin-right:.5em;
}

/* CATEGORIES list ------------------------------------- */
#categories ul li {
border-bottom:1px solid #CCC;
}

#categories ul ul li {
border-bottom:none;
margin-left:1.5em;
}

#categories ul li a {
display:block;
padding:4px 10px;
}

/* TOP EDGE ---------------------------------------------- */
#top-edge span {
display:block;
height:30px;
}

#top-edge .middle {
background-color:#FFF;
margin:0 20px 0 340px;
}

#top-edge .left {
background:url(images/blurb.png) no-repeat;
float:left;
width:340px;
}

#top-edge .right {
background:url(images/corner_top_right.png) no-repeat;
float:right;
width:20px;
}

/* MIDDLE ------------------------------------------------ */
#middle {
background:#FFF url(images/separator.png) repeat-y 240px top;
border-top:20px solid #FFF;
color:#000;
overflow:hidden;
padding-bottom:20px;
position:relative;
clear:both;
float:left;
width:100%;
}

#middle a {
color:#33C;
font-weight:700;
text-decoration:none;
}

#middle a:hover {
text-decoration:underline;
}

#middle-column-align {
float:left;
width:200%;
position:relative;
left:200px;
}

#middle #content-wrapper {
float:right;
width:50%;
position:relative;
right:200px;
padding-bottom:1em;
}

/* BOTTOM EDGE ------------------------------------------- */
#bottom-edge {
clear:both;
}

#bottom-edge span {
display:block;
height:20px;
}

#bottom-edge .left,#bottom-edge .right {
width:20px;
}

#bottom-edge .middle {
background-color:#FFF;
margin:0 20px;
}

#bottom-edge .left {
background:url(images/corner_bottom_left.png) no-repeat;
float:left;
}

#bottom-edge .right {
background:url(images/corner_bottom_right.png) no-repeat;
float:right;
}

/* SIDEBAR------------------------------------------------ */
#sidebar {
float:left;
width:220px;
position:relative;
right:200px;
margin-left:20px;
}

/* CONTENT AREA ------------------------------------------ */
#content {
margin:0 80px 0 280px;
/*overflow: hidden;*/
position:relative;
right:100%;
}

#content article {
margin-bottom:1.5em;
}

#content article footer {
color:#666;
padding:0;
}

#content article p {
line-height:1.5;
margin-bottom:1em;
}

#content blockquote {
background-color: #BBB;
color:#444;
display:block;
font-style:italic;
line-height: 1.5;
margin-bottom: 1em;
padding:10px;
}
#content blockquote p {
  margin-bottom: 0;
}


#content dfn {
display: inline;
}

#content ul {
list-style-type:disc;
margin-left:1.5em;
}

#content ul li {
margin-bottom:.5em;
}

/* FOOTER ------------------------------------------------ */
footer {
color:#CCC;
font-size:90%;
padding:25px 5px 0;
text-align:right;
}

footer a {
text-decoration:none;
}

/* COMMENTS ---------------------------------------------- */
#comments h2 {
font-size:24px;
}

ol.commentlist {
list-style-type:none;
}

ol.commentlist li {
background:#FFF url(images/comment.png) no-repeat 10px 10px;
padding:10px 10px 10px 60px;
}

ol.commentlist li.odd {
background-color:#F0F0F0;
}

ol.commentlist li.pingback,ol.commentlist li.bm-trackback {
background-image:url(images/comment-referral.png);
}

ol.commentlist li.pingback a {
color:#999!important;
font-weight:400!important;
}

ol.commentlist li.pingback p {
font-size:smaller;
}

ol.commentlist li.bypostauthor {
background-color:#999;
background-image:url(images/comment-author.png);
color:#FFF;
}

ol.commentlist li.bypostauthor a {
color:#FFF!important;
}

ol.commentlist li.bm-trackback .comment-author {
margin-bottom:.5em;
}

ol.commentlist li.bm-trackback ul li {
background-image:none;
padding:0;
}

ol.commentlist .avatar {
float:right;
}

ol.commentlist .comment-author-name {
font-weight:700;
}

ol.commentlist .comment-author-date {
font-size:smaller;
}

ol.commentlist .comment-author-unapproved {
color:#999;
}

#respond {
border-top:2px solid #CCC;
padding-top:1em;
}

#respond #button-submit {
background:#999 url(images/button_submit.png) no-repeat;
display:block;
float:right;
width:100px;
}

#respond #button-submit button {
background-color:transparent;
border:none;
color:#FFF;
font-size:100%;
font-weight:700;
height:20px;
margin-left:10px;
width:90px;
}

#respond input {
width:45%;
}

#respond label {
color:#666;
display:block;
float:left;
font-weight:700;
width:18em;
}

#respond label small {
font-weight:400;
}

#respond textarea {
width:100%;
}

.navigation {
margin-bottom:1em;
overflow:hidden;
}

.navigation div.alignleft {
float:left;
}

.navigation div.alignright {
float:right;
}

/* ADVERTS ----------------------------------------------- */
div.advert {
background-color:#FFF;
clear:both;
padding:10px;
text-align:center;
}

#advert-very-top {
background-color:transparent;
}

#advert-top {
padding-bottom:20px;
}

#advert-post {
float:right;
margin-left:1em;
margin-bottom:1em;
}

/* RELATED POSTS ----------------------------------------- */
#related-posts {
margin:2em 0;
}

#related-posts h3 {
margin-bottom:.2em;
}

#related-posts ol {
list-style-type:none;
margin-left:1.5em;
}

#related-posts ol li {
margin-bottom:.2em;
}

div.hr {
background-color:#999;
color:#99;
height:1px;
font-size:1px;
line-height:1px;
margin:1.5em 20px;
}

div.hr hr {
display:none;
}