/*
Theme Name: Tailford Mitchell
Theme URI: http://tailfordmitchell.com/blog
Description: The theme for the Tailford Mitchell blog.
Version: 1.0
Author: Derek S. Moore
Author URI: http://madebysa.com
*/

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, sub, sup, tt, var,
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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body{ margin: 0; padding: 0; font:62.5% 'Verdana', Arial, Helvetica, Sans-Serif; background:#fff;}

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

#wrapper{margin: 0 auto; width: 799px;}

#header{width: 696px; float: right;}
#logo{background: url(images/logo.jpg) no-repeat; width: 247px; height: 31px; margin: 20px 0; float: right;}
#description{background: url(images/description.jpg) no-repeat right; width: 100%; height: 26px; padding-top: 40px; border-top: 4px solid #ccc; clear: both;}

#sidebar{width: 135px; margin-top: 5px; float: left; padding-right: 25px;}
	#nav li{margin-bottom: 15px; margin-left: 10px;}
	#nav a{width: 72px; text-indent: -9999px; display: block;}
		#nav a:hover{background-position: bottom;}
		.home{background: url(images/nav-home.gif); height: 25px;}
		.about{background: url(images/nav-about.gif); height: 25px;}
		.work{background: url(images/nav-work.gif); height: 25px;}
		.clients{background: url(images/nav-clients.gif); height: 26px;}
		.people{background: url(images/nav-people.gif); height: 26px;}
		.photos{background: url(images/nav-photos.gif); height: 25px;}
		.contact{background: url(images/nav-contact.gif); height: 27px;}
		.blog{background: url(images/nav-blog.gif); height: 25px;}

/*------ Sidebar ---------*/
#sidebar h2{font-weight: bold; color: #365c65; font-size: 1.3em; margin-bottom: 6px;}
#sidebar p{font-size: 1.2em;}
#sidebar a{font-size: 1.2em;}
#sidebar p a{font-size: 1em;}

#recent-comments-3, #recent-posts-3, #text-3, #search-3 {margin-bottom: 20px;}

#recent-comments-3 li{background: url(images/comment.gif) no-repeat 0 2px; padding-left: 20px;}

.follow-us, .more-link{font-weight: bold; color: #fff; background: #ca793b; padding: 2px 3px; line-height: 3em;}

.more-link{display: block; width: 225px; line-height: 1.3em; margin-top: 15px;}

/*------ Content ---------*/		
#content{width: 600px; float: left;}

.post{margin-top: 15px; margin-bottom: 25px; border-bottom: 1px dashed #ccc; padding-bottom: 15px;}

.date{width: 35px; font-weight: bold; font-size: 1em; color: #fff; text-align: center; float: left; padding-right: 20px;}
	.month{background: #a1b437; text-transform: uppercase; display: block; width: 35px; padding: 5px;}
	.day{background: #48808f; display: block; width: 35px; font-size: 1.6em; padding: 5px;}

.title-bar{ position: absolute; margin: -5px 0 0 50px; width: 600px; display: block;}
.post h2{font-size: 2em; font-weight: bold; color: #365c65; margin-bottom: 5px; }
.post h2 a{color: #365c65; margin: 0; padding: 0;}

	.post-details li{font-size: 1.1em; float: left; color: #487e91; margin-right: 5px;}
	li.org-bul{color: #ca793b;}
	.post-details li a{color: #9ca942; font-weight: bold;}
.entry{clear: both; padding-top: 10px; margin-bottom: 15px;}

.entry p{font-size: 1.4em; color: #606060; margin-bottom: 15px;}

.entry blockquote{margin-left: 15px; padding-left: 10px; border-left: 5px solid #ccc; display: block;}

.more-link{font-size: 1em;}

/*------ Email/RSS ---------*/
#email-rss{width: 598px; height: 60px; background: #a1b437; border: 2px solid #b9bf5d; color: #fff; padding: 17px;}
#email-rss h2{font-size: 1.5em; margin-bottom: 3px;}

#email{border-right: 3px solid #b9bf5d; width: 320px; padding: 3px 25px 3px 0; float: left;}
	.submit{background: #b9bf5d; padding: 4px; color: #fff; border: none; cursor: pointer; font-size: 1.3em;}
	.submit:hover{text-decoration: underline;}
	.submit:active{background: none; }
.unsub{background: none; color: #fff; border: none; cursor: pointer; font-size: .8em; display: block; margin-left: 1px;}
	.unsub:hover{text-decoration: underline;}
	.unsub:active{background: none; }

#email .text-field{width: 190px; padding: 5px 5px 5px 35px; background: #fff url(images/email.gif) no-repeat 5px 6px; border: 2px solid #cbcbcb; font-size: 1.5em;}
.search p{float: left;}


#search{margin-top: 60px; width: 105px; padding: 5px 25px 5px 5px; background: #fff url(images/search.gif) no-repeat 112px 4px; border: 2px solid #cbcbcb; font-size: 1.3em;}


.rss{float: left; margin-left: 38px;}
.rss h2{padding-bottom: 9px;}
	.subscribe{background: #b9bf5d url(images/rss.gif) no-repeat 5px 8px; padding: 8px 8px 8px 30px; color: #fff; font-size: 1.5em; font-weight: bold;}
	.subscribe:hover{text-decoration: underline;}
	.subscribe:active{background: url(images/rss.gif) no-repeat 5px 8px; }

#footer{clear: both; padding: 15px 0 15px 0;}
	#footer p{width: 800px; margin: 0 auto;}

/*-------- Common Classes -------*/
.hide{text-indent: -9999px; display: block;}
.clear{clear: both;}
#ie-footer{display: none;}