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

	Speech Therapy v2
	 http://drewspective.com

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

*/
@import url(reset.css);

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

a img {
	border: none;
}
b, strong {
	font-weight: bold;
}
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;
}
em, i {
	font-style: italic;	
}
header, nav, section, article, footer {
	display: block;
}
input, select, textarea {
	font-family: Verdana, sans-serif;
	font-size: 100%;
}
ul {
	list-style: none;
}

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

/* 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 h3 {
	border-bottom: 1px solid #DDD;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0.25em 0;
	margin: 1em 0 0.5em;
}
#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-color: #FFF;
	color: #000;
	line-height: 1.5;
	overflow: hidden;
	padding: 30px 0;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#middle div.inner {
	/*background: url(images/separator.png) repeat-y 680px top;*/
	margin: 0 20px;
	overflow: hidden;
}


#middle a {
	color: #33C;
	font-weight: bold;
}


/* 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;
}

/* CONTENT AREA ------------------------------------------ */
#content {
	float: left;
	width: 680px;
}

#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 h1.page-heading {
	background-color: #AAA;
	color: #FFF;
	font-size: 2em;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 20px;
	padding: 10px;
}
#content h2 { font-size: 12pt; font-weight: bold; }
#content ul {
	list-style-type: disc;
	margin-left: 1.5em;
}

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

#content .entry {
	font-size: 1.2em;
}

/* SIDEBAR------------------------------------------------ */
#sidebar {
	float: right;
	width: 220px;
}

/* 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 input, #respond select, #respond textarea {
	border: 1px solid #CCC;
	padding: 2px;
}

#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: bold;
	margin-right: 2em;
	width: 18em;
}
#respond label small {
	font-weight: 400;
}
#respond p {
	margin-bottom: 10px;
}

#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: #DDD;
	color: #DDD;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	margin: 19px auto;
	width: 60%;
}

div.hr hr {
display:none;
}


#middle .entry-title {
	color: #000;
	font-size: 2.2em;
}
#middle .entry-title a {
	color: #000;
}

article h1 {
	color: #000;
	font-size: 2em;
	font-weight: bold;	
}

div.post {
	margin: 10px 0;
	overflow: hidden;
	padding: 0 10px;	
}
div.post .entry-meta {
	float: left;
}
div.post .entry-utility {
	float: right;
}
div.post .entry-summary,
div.post .entry-content {
	padding: 10px 5px;
}
div.post .entry-summary {
	font-style: italic;
}
#middle a.post-edit-link {
	color: #693;	
}