body {
	background: #afaaa2 url('../images/compass-tiled.png') fixed;
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Arial, Helvetica, Sans-serif;
	font-size: 14px;
}

a, a:visited {
	color: #017e84;
}

a:hover {
	text-decoration: none;
}

h2, h3, h4 {
	color: #744c07;
}

h2 { font-size: 24px; }
h3 { font-size: 18px; }

.clr {
	clear: both;
	height: 1px;
}

blockquote {
	margin: 0;
	border-left: 3px solid #ccc;
	padding: 0 0 0 20px;
	color: #484848;
}

/* --- STRUCTURE - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#container {
	width: 1000px;
	margin: 0 auto;
	background: #fff url('../images/bg.png') repeat-y right;
	border-right: 1px solid #744c07;
	border-left: 1px solid #744c07;
}

#main {
	width: 562px;
	float: left;
	padding: 0 0 25px 25px;
}

#sidebar {
	width: 380px;
	float: right;
	padding: 6px;
}

#logo {
	background: url('../images/tools-for-creative-minds.png') no-repeat;
	height: 72px;
	width: 563px;
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #afaaa2;
}

/* --- HEADER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#logo a, #logo a:visited {
	width: 560px;
	height: 75px;
	display: block;
	text-decoration: none;
}

/* --- BLOG - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.post {
	border-bottom: 1px solid #afaaa2;
	padding: 0 0 20px 0;
	margin: 10px 0 0 0;
}

.post small, .post small a, .post small a:visited {
	color: #8f8a82;
	line-height: 14px;
}

#main .post h2 {
	margin: 0 0 5px 0;
}

#main h2.archivetitle {
	color: #777;
	font-size: 14px;
}

#main .post h2 a, #main .post h2 a:visited,
#main .page h2 a, #main .page h2 a:visited {
	color: #744c07;
	text-decoration: none;
}

#main .post h2 a:hover, #main .page h2 a:hover {
	text-decoration: underline;
}

.post h3 {
	margin: 10px 0;
}

#main p {
	margin: 10px 0;
	line-height: 16px;
}

.post .tags {
	color: #666;
	font-style: italic;
	margin-top: 20px;
}

.post .tags a, .post .tags a:visited {
	color: #666;
}

.post .addthisdiv {
	margin: 20px 0 0 0;
}

.navigation {
	padding: 20px 0;
}

.single .post {
	border-bottom: none;
}

.entry {
	padding-top: 10px;
}

/* --- SIDEBAR - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#sidebar {
	font-size: 12px;
	line-height: 14px;
}

#sidebar a, #sidebar a:visited {
	text-decoration: none;
	color: #744c07;
}

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

#photo {
	background: url('../images/photo1.jpg') no-repeat;
	height: 131px;
	width: 375px;
	margin: 0 0 15px 5px;
}

#photo.photo1 { background-image: url('../images/photo1.jpg'); }
#photo.photo2 { background-image: url('../images/photo2.jpg'); }
#photo.photo3 { background-image: url('../images/photo3.jpg'); }
#photo.photo4 { background-image: url('../images/photo4.jpg'); }
#photo.photo5 { background-image: url('../images/photo5.jpg'); }
#photo.photo6 { background-image: url('../images/photo6.jpg'); }
#photo.photo7 { background-image: url('../images/photo7.jpg'); }

/* first and second sidebar */

#sidebar1 {
	float: left;
	width: 172px;
	margin-left: 10px;
}

#sidebar2 {
	float: right;
	width: 172px;
	margin-right: 10px;
}

/* four social links */
#social ul {
	margin: 0 0 0 10px;
	padding: 0;
}

#social li {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	width: 178px;
	float: left;
	font-size: 18px;
	line-height: 20px;
}

#social li a, #social li a:visited {
	background-repeat: no-repeat;
	padding: 8px 0 10px 42px;
	color: #9b804f;
	display: block;
	letter-spacing: -1px;
}

#social li a:hover {
	text-decoration: underline;
}

#social li.rss a, #social li.rss a:visited { background-image: url('../images/icon-rss.png'); }
#social li.facebook a, #social li.facebook a:visited { background-image: url('../images/icon-facebook.png'); }
#social li.twitter a, #social li.twitter a:visited { background-image: url('../images/icon-twitter.png'); }


/* stuff in widgets */

#sidebar .widget {
	margin: 0 0 15px 0;
}

#sidebar .widget h3 {
	background-color: #c8beaf;
	color: #744c07;
	padding: 4px;
	font-size: 16px;
	line-height: 18px;
	margin: 0 0 10px 0;
}

#sidebar .widget p {
	color: #8d6d35;
}

#sidebar .widget ul {
	margin: 0;
	padding: 0;
}

#sidebar .widget li {
	margin: 3px 0;
	list-style: none;
	background:  url('../images/bullet-sidebar.gif') no-repeat 0 5px;
	padding: 0 0 0 8px;
}

#sidebar .widget_search #s {
	border: 1px solid #666;
	width: 100px;
	padding: 2px 0;
}

#sidebar #subscribeemail {
	border: 1px solid #666;
	width: 100px;
	padding: 2px 0;
	color: #666;
}

/* --- FOOTER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#footer {
	background: #744c07;
	padding: 20px 30px;
	color: #afaaa2;
	line-height: 20px;
	margin: 0 0 40px 0;
}

#footer a, #footer a:visited {
	color: #afaaa2;
}

/* --- COMMENTS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.commentlist {
	margin: 20px 0 0 0;
	padding: 0;
}

.commentlist .comment {
	list-style: none;
	margin: 0;
	padding: 0;
}

.commentlist .comment h4 {
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	color: #3c1c16;
}

.commentlist .sm {
	font-weight: normal;
	font-size: 10px;
}

.comment-data2 {
	border-top: 1px solid #b4b4b4;
}


/* other stuff */

.depth-1 .children {
	padding: 0;
	padding-left: 75px;
}

.depth-2 .children {
	padding: 0;
	padding-left: 75px;
}

.comment .avatardiv {
	float: left;
	width: 65px;
	padding-top: 20px;
}

.comment .avatar {
	border: 3px solid #ccc;
}

.comment .reply {
	margin-top: 8px;
}

.comment .dateandtime {
	margin-bottom: 10px;
}

.comment .commentbody {
	float: right;
	width: 475px;
	padding: 20px 10px 0 10px;
	min-height: 65px;
	line-height: 16px;
}

.depth-2 .commentbody {
	width: 400px;
}

.depth-3 .commentbody {
	width: 320px;
}

/* marking admin comments grey */
.commentlist .byuser .avatar { border: 3px solid #000; }
.commentlist .byuser ul .avatar { border: 3px solid #ccc; }
.commentlist .byuser ul .byuser .avatar { border: 3px solid #000; }
.commentlist .byuser ul .byuser ul .avatar { border: 3px solid #ccc; }
.commentlist .byuser ul .byuser ul .byuser .avatar { border: 3px solid #000; }


.commentlist .reply {
	text-align: right;
	font-size: 12px;
}

.commentlist .reply a, .commentlist .reply a:visited {
	color: #999;
}

/* navigation links */

#commentlistdiv {
	margin-top: 20px;
}

#commentlistdiv .navigation {
	padding: 0 0 10px 0;
}

#commentlistdiv .bottom {
	border-top: 1px solid #b4b4b4;
	padding-top: 15px;
}

/* the response box */

#respond {
	padding: 20px 0;
}

#respond h3 {
	font-size: 16px;
}

#respond label {
	display: block;
	font-weight: bold;
	margin: 20px 0 0 0;
}

#respond label span {
	font-weight: normal;
}

#respond input {
	width: 335px;
	border: 1px solid #b9b9b9;
	padding: 3px;
}

#respond textarea {
	width: 550px;
	max-width: 550px;
	border: 1px solid #b9b9b9;
	padding: 3px;
	margin-bottom: 20px;
}

#respond #submit {
	height: 22px;
	width: 140px;
	padding: 0;
	border: none;
}

/* SEARCH RESULTS - - - - - - - -- - - - - - - - - - - - - -  - - - - - - - -*/

#searchpg h2 {
	font-size: 24px;
	margin: 0;
}

#searchpg h2 span {
	font-weight: normal;
}

#searchpg .post, #searchpg .page {
	border: none;
	margin: 0;
	border-top: 1px solid #999;
	padding: 20px 0 0 0;
}

#searchpg .post .clr, #searchpg .page .clr {
	height: 20px;
}

#searchpg .postimg {
	width: 80px;
	float: left;
}

#searchpg .postimg img {
	width: 76px;
	height: 76px;
	border: 1px solid #b2b2b2;
}

#searchpg .postexcerpt {
	float: right;
	width: 460px;
}

#searchpg h3 {
	font-size: 18px;
	line-height: 24px;
	margin: 0;
}

#searchpg small {
	margin-bottom: 15px;
	display: block;
}

#searchpg .searchnav {
	padding: 15px 0 20px 0;
	border-top: 1px solid #999;
}

#searchpg .searchnav .nav {
	float: right;
}

#searchpg .results {
	text-align: right;
	margin-bottom: 10px;
}


/* GALLERY */

.gallery-item {
	padding-bottom: 10px;
	color: #767676;
	font-size: 12px;
}

/* custom post type: usage */

.custom-post-type-usage-archive h2 {
	margin-bottom: 20px;
}

.custom-post-type-usage-archive .usage {
	clear: both;
	padding: 5px 0;
	line-height: 16px;
	border-bottom: 1px solid #ccc;
}

.custom-post-type-usage-archive h3 {
	margin-bottom: 10px;
}

.single-usage h4 {
	margin-bottom: 10px;
}

.custom-post-type-usage-archive .usage img {
	width: 90px;
	height: 90px;
}

.seemoreusages {
	display: block;
	border-top: 1px solid #ccc;
	margin-top: 20px;
	padding-top: 10px;
}