/*  
Theme Name: thinkit creative
Theme URI: http://thinkitcreative.com/
Description: The WordPress theme for thinkit creative.
Version: 2.8
Author: Patrick Gant
Author URI: http://thinkitcreative.com/
*/

* {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}


html { font-size: 62.5%; } 
body {
	background-color: #fff;
	text-align: center;
	font-family: "Trebuchet MS", "Lucida Grande", verdana, sans-serif;
	line-height: 2.0em;
font-size: 1.5rem; } /* =18px */

h1{
	line-height: 1.2em;
font-size: 2.4rem; } /* =24px */


#wrapper {
	margin: 0 auto;
	width: 860px;
	text-align: left;
	padding: 30px 0;
}

#sidebar {
	float: right;
	width: 199px;
	line-height: 1.2em;
}

#sidebar h1#logo {
}

#sidebar h1#logo a {
	display: block;
	width: 190px;
	height: 40px;
	background: url(images/logo.png) no-repeat left top;
	font-size: 1px;
	text-indent: -999999px;
}

#sidebar h1#quote {
}

#sidebar h1#quote a {
	display: block;
	width: 120px;
	height: 47px;
	background: url(images/quote.gif) no-repeat bottom right;
	font-size: 1px;
	text-indent: -999999px;
	float: right;
}

#navigation {
	list-style-type: none;
	margin: 10px 0;
}

#navigation li {
	float: left;
	padding-bottom: 10px;
	_width: 85px;
	*width: 85px;
}

#navigation li.nav-about, #navigation li.nav-archives {
	float: right;
}

#navigation li a {
	color: #ffffff;
	width: 85px;
	height: 43px;
	display: block;
	line-height: 43px;
	font-size: 14px;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	background: url(images/bg-nav.gif) no-repeat left top;
}

#navigation li a:hover {
	color: #ec8b2e;
}

body.Home #navigation li.nav-home a, body.About #navigation li.nav-about a, body.blogpage #navigation li.nav-blog a, body.Archives #navigation li.nav-archives a {
	background: url(images/bg-nav-hover.gif) no-repeat left top;
	color: #ffffff;
}

#navigation:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.side-wrap {
	width: 199px;
	margin: 0 auto;
	background: url(images/bg-side.gif) repeat-y left top;
	line-height: 1.0em;
}

.side-wrap .top {
	display: block;
	height: 8px;
	background: url(images/bg-side-top.gif) no-repeat left top;
}

.side-wrap .bottom {
	display: block;
	width: 259px;
	height: 53px;
	padding-top: 70px;
	background: url(images/bg-side-bot.gif) no-repeat left bottom;
}

.side-wrap .bottom a {
	margin-right: 5px;
	font-size: 1px;
	display: block;
	float: left;
	text-indent: -9999px;
	width: 31px;
	height: 31px;
}

.side-wrap .bottom a.li {
	background: url(images/li.gif) no-repeat center top;
}

.side-wrap .bottom a.tw {
	background: url(images/twitter.gif) no-repeat center top;
}

.side-wrap .bottom a.gp {
	background: url(images/googleplus.png) no-repeat center top;
}
.side-wrap .bottom a.rs {
	background: url(images/rss_sm.png) no-repeat center top;
}

.side-wrap h3 {
	color: #ec8b2e;
	font-size: 16px;
	padding-left: 10px;
	padding-bottom: 10px;
}

.side-wrap #newsletter {
	list-style-type: none;
	padding: 0 10px 10px;
}
.side-wrap #contact {
	list-style-type: none;
	padding: 0 10px 10px;
	font-size: 11px;
	line-height: 1.0em;
}
.side-wrap #port-links {
	list-style-type: none;
	padding: 0 10px 10px;
	font-size: 11px;
	line-height: 1.0em;
}

.side-wrap #port-links a {
	color: #797979;
	padding-left: 40px;
	padding-top: 10px;
	height: 25px;
	display: block;
	text-decoration: none;
}

.side-wrap #port-links a:hover {
	color: #ec8b2e;
}

.side-wrap #port-links li {
	padding-bottom: 7px;
}

.side-wrap #port-links li#marketing a { background: url(images/portfolio/direct.gif) no-repeat left top; }
.side-wrap #port-links li#branding a { background: url(images/portfolio/branding.gif) no-repeat left top; }
.side-wrap #port-links li#feature a { background: url(images/portfolio/feature_sm2.gif) no-repeat left top; }
.side-wrap #port-links li#annual_reports a { background: url(images/portfolio/annual_reports.gif) no-repeat left top; }
.side-wrap #port-links li#speech a { background: url(images/portfolio/speech.gif) no-repeat left top; }
.side-wrap #port-links li#multimedia a { background: url(images/portfolio/multimedia2.gif) no-repeat left top; }
.side-wrap #port-links li#web_content a { background: url(images/portfolio/web_content2.gif) no-repeat left top; }
.side-wrap #port-links li#speaking a { background: url(images/portfolio/speaking.png) no-repeat left top; }
.side-wrap #port-links li#press_releases a { background: url(images/portfolio/press_releases.gif) no-repeat left top; }


.side-wrap p {
	padding: 0 10px 10px;
	font-size: 12px;
	color: #797979;
}

.side-wrap p a {
	color: #797979;
}


#content {
	float: left;
	width: 620px;
}

.quote {
	float: right;
	/*padding: 0 0 20px 20px;*/
}

.prev-next {
	color: orange;
	overflow: auto;
	font-size: 10px;
	margin-bottom: 10px;
}

.prev-next a {
	color: gray;
}

.prev-next .alignright {
	float: right;
}

.prev-next .alignleft {
	float: left;
}

.post {
	padding-bottom: 20px;
}

.post h2 {
	font-size: 24px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.post h2 a {
	color: #000;
	text-decoration: none;
}

.post .post-date {
	font-size: 10px;
	padding-bottom: 10px;
}

.post .entry, .post .entry-arch {
	font-size: 16px;
	line-height: 1.4;
}

.post .entry-arch .search-form {
	padding-bottom: 10px;
}

.post .entry p, .post .entry ul, .post .entry ol, .post .entry-arch p, .post .entry-arch ul, .post .entry-arch ol {
	padding-bottom: 15px;
}

.post .entry ul, .post .entry ol, .post .entry-arch ul, .post .entry-arch ol {
	padding-left: 20px;
}

.post .entry h3, .post .entry-arch h3 {
	font-size: 18px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.post .entry blockquote, .post .entry-arch blockquote {
	padding: 0 25px 15px;
}

.post .alignleft {
	float: left;
	padding: 0 10px 10px 0;
}

.post .alignright {
	float: right;
	padding: 0 0 10px 10px;
}

.post .aligncenter {
	display: block;
	margin: 0 auto;
}

.post .entry-arch a {
	color: #797979;
	text-decoration: none;
}

.post .entry a {
	color: #ec8b2e;
	text-decoration: none;
}

.post .entry a:hover, .post .entry-arch a:hover {
	text-decoration: underline;
}

.post .entry strong, .post .entry-arch strong {
	font-size: 16px;
}

.post .entry hi, .post .entry-arch hi {
	font-style: normal;
	padding: 0 2px;
	background-color: #FFFF00;
}

.post .postmetadata {
	font-size: 12px;
}

.post .postmetadata a {
	color: #797979;
}

.post .postmetadata a:hover {
	color: #000;
}

.bottom-text {
	padding-bottom: 20px;
}

.bottom-text .choose-us {
	float: left;
	width: 250px;
}

.bottom-text .read-buzz {
	float: right;
	width: 250px;
}
.bottom-text .testimonial {
	float: center;
	width: 600px;
	background-color: #fdfdde;
	line-height: 1.5em;
	padding: 20px;
}

.bottom-text div h3 {
	font-size: 18px;
	padding-bottom: 10px;
}

.bottom-text div p {
	font-size: 14px;
	line-height: 1.4;
}

.bottom-text div p a {
	color: #000;
}

#comment-area {
	padding: 10px 0;
}

#comments. #respond {
	font-size: 20px;
	padding-bottom: 15px;
}

#comment-area ol.commentlist {
	padding-left: 25px;
}

#comment-area ol.commentlist li {
	padding-bottom: 15px;
}

#comment-area ol.commentlist li .cauthor {
	font-size: 18px;
	color: #000;
	padding-bottom: 4px;
}

#comment-area ol.commentlist li .cauthor a {
	color: #000;	
}

#comment-area ol.commentlist li .commentmetadata, #comment-area ol.commentlist li .commentmetadata a {
	color: #000;
	font-size: 12px;
	text-decoration: none;
	padding-bottom: 10px;
}

#comment-area ol.commentlist li .comment-body p, #comment-area ol.commentlist li .comment-body ul, #comment-area ol.commentlist li .comment-body ol {
	padding-bottom: 15px;
	font-size: 14px;
	line-height: 1.3;
}

.comment-form {
	padding: 10px 0;
	font-size: 12px;
}

.comment-form p {
	padding-bottom: 10px;
}

.comment-form textarea {
	width: 500px;
}




.clearer { clear: both; }

blockquote
{
margin: 2em 0px;
padding-left: 40px;
}
blockquote:before
{
color: #ec8b2e;
content: '\201C'; /* http://monc.se/kitchen/129/rendering-quotes-with-css */
font-family: Arial, Helvetica, sans-serif;
font-size: 6em;
font-weight: bold;
line-height: 0px;
margin: 0px 5px 0px -40px;
vertical-align: bottom;
}

.yellowtextbox { color: #555555; background-color: #FFFFD3;
	padding: 1px;
}
.bluetextbox { color: #555555; background-color: #cbdbfd;
	padding: 1px;
}
