/*
Theme name: Thoughts And Deeds
Description: Custom Theme for Thoughts And Deeds, based on sandbox theme
*/

/* Layout */
@import url('wp-default.css');


* { padding:0; margin:0; outline:0; }
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:22px;
	color:#666;
	background:#fff url(images/body.gif) repeat-y center 0;
}

.left, .alignleft{ float:left; display:inline; }
.right, .alignright{ float:right; display:inline; }

a img { border:0; }

.cl { font-size:0; line-height:0; height:0; clear:both; display:block; }

a { color:#0099cc; text-decoration: none; cursor:pointer; }
a:hover { color:#077ba2; }

h3, 
#main a, 
#navigation,
.post h1 { font-family: Georgia, serif; font-style: italic; }

h3, .post h1 { font-size:14px; line-height:17px; color:#0099cc; }

#shell { width:952px; margin:0 auto; }

#header { height:104px; background:#fff;}
h1#logo { font-size:0; line-height:0; width:226px; height:104px; float:left; }
h1#logo a{ display:block; height:104px; background:url(images/logo.gif); }

#navigation { float:right; padding:0 35px 0 0; white-space:nowrap; position:relative; top:80px;}
#navigation ul{ list-style-type: none; float:right; }
#navigation ul li{ float:left; display:inline; font-size:28px; line-height:28px; padding-left:53px; }
#navigation ul li a{ color:#666; position:relative; }
#navigation ul li a.active,
#navigation ul li a:hover,
.current_page_parent a,
.current_page_item a,
.current_page_parent a:hover,
.current_page_item a:hover { color:#0099cc !important; }

#slogan { height:90px; padding:30px 35px 0 0; }
#slogan h2{ float:right; white-space:nowrap; padding:18px 30px 14px 32px; background:#fff; }

#main { min-height:300px; background:#fff; padding:35px 31px 35px 0px;}

h2 { font-size:24px; line-height:24px; font-weight: normal; text-transform: uppercase; color:#999; }

#footer { padding:32px 0; line-height:18px; }
#footer .box{ float:left; background:#fff; padding:10px; display:inline; margin-left:32px; width:140px; }
#footer h2{ font-size:18px; line-height:18px; padding-bottom:7px; }
#footer .first-box { text-align: center; line-height:16px; }
#footer .first-box h2{ text-transform: none; font-size:14px; line-height:14px; }
#footer .second-box { width:153px; }
#footer .third-box { width:280px; }
#footer .more { border-top:solid 1px #ccc; font-size:13px; font-family: Georgia, serif; font-style: italic; text-align: right; padding-top:5px; margin-top:5px;}
#footer ul { list-style-type: none; }
#footer ul li{ padding-bottom:2px; }
#footer .floated-uls ul{ float:left; white-space:nowrap; width:54%; }
#footer .floated-uls ul.right{ float:left; white-space:nowrap; width:45%; }




.sidebar { float:left; width:226px; display:inline; text-align: right;}
.sidebar ul{ list-style-type: none;}
.sidebar ul li{ padding-bottom:2px; }

.content { float:right; width:620px; display:inline;  }

.posts { width:650px; position:relative; margin-right:-30px; }
.posts .post { float:left; display:inline; width:295px; margin:0 30px 30px 0; overflow:hidden;}
.post h1, h3{ padding-bottom:7px; }
.post h4{ font-size:11px; padding-top:5px; }
.post small { display:block; font-size:11px; }
.post-single p{ padding-bottom:20px;}
.post p.postmetadata { border-top:solid 1px #ccc; padding-top:4px; }

.line { border-bottom:solid 1px #ccc; padding-bottom:20px; margin-bottom:20px; }
.line .posts .post { margin-bottom:0; }

.projects{ }
.projects ul{ list-style-type: none; width:642px; position:relative; margin:0 -11px;}
.projects ul li{ float:left; display:inline; width:316px; height:254px; background:url(images/project.gif) no-repeat 0 0; text-align: center; 
	margin:0 0 30px 5px;}
.projects ul li .image{ height:204px; overflow:hidden; font-size:0; line-height:0; padding:8px 0 0 0; }
.projects ul li h4{ font-size:15px; font-weight: bold; padding-top:3px; }

.home-projects ul li { margin-bottom:0; }

.more-link { border-bottom:dotted 1px #0099cc;}
.more-link:hover { border-color:#077ba2;}

.more-padding { padding-top:13px; }

.buttons { font-size:14px; font-family: Georgia, serif; line-height:20px; height:23px; }
.buttons a{ float:right; text-align: center; background-repeat:no-repeat; background-position:0 0; height:23px; margin-left:23px;}
.buttons a.white-button{ width:103px; background-image:url(images/white-button.gif); }
.buttons a.blue-button{ width:169px; background-image:url(images/blue-button.gif); color:#fff; }

input, textarea, select { font-family: Helvetica, Arial, sans-serif; font-size:11px; }
.field { background:#fff; border:0; padding:6px 4px; }

.comment-form{}
.comment-form-bg{ background:#e7e7e7; padding:15px 14px 17px 14px; }
.comment-form .left{ width:216px; margin-right:13px; }
.comment-form .right{ width:359px; }
.comment-form label{ font-size:16px; display:block; line-height:18px; padding-bottom:4px; }
.comment-form .field{ display:block; margin-bottom:15px;  }
.comment-form input.field{ width:208px;  }
.comment-form textarea.field{ width:351px; height:140px; }

.no-margin { margin:0 !important;}

.submit-comment { font-size:0; line-height:0; width:89px; height:46px; display:block; border:0; margin:0 0 0 auto; background:url(images/speak-button.gif) no-repeat 0 0; cursor:pointer; }

.gallery { padding-bottom:20px; }
.gallery ul{ list-style-type: none; position:relative; left:-8px;}
.gallery ul li{ float:left; display:inline; width:272px; height:280px; background:url(images/image.gif) no-repeat 0 0; text-align: center; font-size:0; line-height:0; padding:11px 0 0 0; margin-right:30px; }

.gallery-buttons { font-size:0; line-height:0; height:23px; padding-right:63px;}
.gallery-buttons a{ float:right; display:inline; height:23px; text-indent: -4000px; position:relative; margin-right:-4px;}
.gallery-buttons a.visit-site-button{ width:103px; background:url(images/visit-site-button.gif); }
.gallery-buttons a.image-gallery-button{ width:117px; background:url(images/image-gallery-button.gif); }

textarea { overflow:auto;}