/*
Theme Name: TCG
Theme URI: http://wordpress.org/
Description: Wordpress theme for The Clever Giraffe
Author: Donnie Page
Author URI: http://www.clevergiraffe.com
Tags: blue, custom header, fixed width, two columns, widgets

	TCG
	
	This theme was designed and built by Donnie Page

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

	
/* Base Structure ------------------------------------------------*/
body {
	font-size:62.5%;
	font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
	background:#000000 none repeat scroll 0 0;
	color:#333333;
	margin:0;
	padding:0;
	width:1024px;
	clear:both;
}

#header {
	background:#000000 none repeat scroll 0 0;
	margin:0 auto;
	height:212px;
	width: 1024px;
	text-align:center;
	margin-bottom:30px;
}

#headerimg {
	background:url(images/CleverGiraffe_Header_Nov9_2009.png) no-repeat bottom center;
	margin:0 auto;
	height:212px;
	width:1024px;
}

#headerimg .description {
	font-size:1.2em;
	text-align:center;
}


	
/* Menu Items -----------------------------------------------------*/
#nav {
	background:#000000;
	height:16px;
	width:900px;
	margin:auto;
	font-size:1.2em;
}

#nav li {
	margin-right:25px;
}

#nav li,#subnav li {
	float:right;
	list-style:none;
}

#nav a,#nav a:visited {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

#nav a:hover,#nav a:active,#nav #currentpage a {
	color:#F2B749;
}

#subnav {
	background:#000000;
	color:#F7941D;
	width:900px;
	margin:auto;
	font:10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	height:14px;
}

#subnav li {
	margin-right:25px;
}

#subnav a,#subnav a:visited {
	color:#999999;
	text-decoration:none;
	font-weight:bold;
}

#subnav a:hover,#subnav a:active,#subnav li.current_page_item a,#subnav li.current_page_item a:visited {
	color:#DAC366;
}

#socialnet {
	width:230px;
	height:70px;
	position:relative;
}

#socialnet ul {
	margin:0;
	padding:0;
	list-style:none;
}

#socialnet a {
	position:absolute;
	width:35px;
	height:35px;
	text-indent:-1000em;
}

#socialnet .twitter a {
	top:20px;
	left:145px;
}

#socialnet .youtube a {
	top:20px;
	left:55px;
}

#bread {
	float:left;
	font-size:.75em;
	padding-bottom:5px;
}

#bread ul {
	list-style-type:none;
	display:inline;
}

#bread li {
	color:#999999;
	display:inline;
}

#bread li a {
	background:url(/images/right_arrow.gif) no-repeat right center;
	display:inline;
	padding:0 10px 0 0;
}

#bread li a:link,#bread li a:visted {
	color:#777777;
	text-decoration:none;
}


	
/*  Typography  --------------------------------------------------------------- */
a.main:hover {
	background:none;
}

#privacy-policy p {
	font-size:.875em;
}

.widecolumn .entry p {
	font-size:1.05em;
}

.narrowcolumn .entry,.widecolumn .entry {
	padding:10px 0;
	line-height:1.4em;
}

.widecolumn {
	line-height:1.6em;
}

.narrowcolumn .postmetadata {
	text-align:center;
}

.thread-alt {
	background-color:#f8f8f8;
}

.thread-even {
	background-color:white;
}

.depth-1 {
	border:1px solid #ddd;
}

.even,.alt {
	border-left:1px solid #ddd;
}

small {
	font-family:Arial, Helvetica, Sans-Serif;
	margin:0 0 0 5px;
	font-size:.8em;
	line-height:1.5em;
}

h1,h2,h3 {
	font-family:"Myriad Pro","Trebuchet MS",Arial,Helvetica,Sans-Serif, Verdana, Arial, Sans-Serif;
	font-weight:normal;
	color:#730202;
}

h1 {
	font-size:32px;
	margin:0;
}

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

h2.pagetitle {
	font-size:1.6em;
	margin-top:30px;
	text-align:center;
}

h3 {
	font-size:16px;
	font-weight:bold;
	padding:0;
	color:#666666;
}

h3.comments {
	padding:0;
	margin:40px auto 20px;
}

h1 a,h1 a:hover,h1 a:visited,#headerimg .description {
	text-decoration:none;
	color:white;
}

h2 a,h2 a:visited,h3 a,h3 a:visited {
	color:#333;
}

h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,#sidebar h2,#wp-calendar caption,cite {
	text-decoration:none;
}

.commentlist li,#commentform input,#commentform textarea {
	font:.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li ul li {
	font-size:1em;
}

.commentlist li {
	font-weight:bold;
}

.commentlist li .avatar {
	float:right;
	border:1px solid #eee;
	padding:2px;
	background:#fff;
}

.commentlist cite,.commentlist cite a {
	font-weight:bold;
	font-style:normal;
	font-size:1.1em;
}

.commentlist p {
	font-weight:normal;
	line-height:1.5em;
	text-transform:none;
}

#commentform p {
	font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
	font-weight:normal;
}

small,#sidebar ul ul li,#sidebar ul ol li,.nocomments,.postmetadata,strike {
	color:#777;
}

code {
	font:1.1em 'Courier New', Courier, Fixed;
}

acronym,abbr,span.caps {
	font-size:.9em;
	letter-spacing:.07em;
}

a {
	color:#F2B749;
	text-decoration: none;
	cursor: pointer;
	
}

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

#callout {
	margin:0 auto;
	padding:0;
	background-color:#ffffff;
	width:860px;
	height:200px;
}

#callout p,#callout h3 {
	width:190px;
}

#callout ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	background-color:#ffffff;
}

#callout li {
	display:inline;
	padding:5px;
	float:left;
}

#callout li a:hover {
	visibility:visible;
}


	
/* Begin Sidebar -------------------------------------------------- */
#sidebar {
	font:1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	float:left;
	padding:0 0 10px;
	margin:5px 15px 20px 5px;
	width:190px;
	background-color:#ffffff;
}

#sidebar form {
	margin:0;
}

#sidebar h2 {
	font-family:'Lucida Grande', Verdana, Sans-Serif;
	font-size:1.2em;
	margin:5px 0 0;
	padding:0;
}

#sidebar h3 {
	padding:0 0 0 5px;
}

#sidebar ul,#sidebar ul ol {
	margin:0;
	padding:0 0 0 5px;
}

#sidebar ul li {
	margin-bottom:15px;
	list-style-position:inside;
	list-style-type:none;
}

#sidebar ul p,#sidebar ul select {
	margin:5px 0 8px;
}

#sidebar ul ul,#sidebar ul ol {
	margin:5px 0 0 10px;
}

#sidebar ul ul ul,#sidebar ul ol {
	margin:0 0 0 10px;
}

ol li,#sidebar ul ol li {
}

#sidebar ul ul li,#sidebar ul ol li {
	margin:3px 0 0;
	padding:0;
}

#searchform {
	margin:10px auto;
	padding:5px 3px;
	text-align:center;
}

#sidebar #searchform #s {
	width:108px;
	padding:2px;
}

#sidebar #searchsubmit {
	padding:1px;
}


	
/* News Section ------------------------------------------------*/
#news {
	border:1px solid #e2e2e2;
	display:block;
	padding:5px;
	color:#999999;
	font-size:.80em;
	background-color:#fff;
}

.news {
	display:block;
	padding:0;
	color:#999999;
	font-size:.80em;
}

#news .date {
	font-size:.6em;
}

.date {
	font-size:.6em;
}


	
/* Biography Section ------------------------------------------*/
#bio {
	clear:both;
	padding:5px;
}

.namehilite {
	font-weight:bold;
	font-size:larger;
	color:#A3620A;
}

#bio img {
	float:left;
	padding-right:30px;
	padding-top:10px;
}

#category {
	clear:both;
}

#category h3 {
	float:left;
}

#category ul {
	float:left;
	width:450px;
}

#category img {
	float:right;
}

#category li {
	font-size:1em;
	color:#666666;
	line-height:2em;
}


	
/* Begin Page Structure --------------------------------------- */
#content {
	background-color:#ffffff;
	margin:0 auto;
	font-size:1.5em;
	width:890px;
	padding-bottom:10px;
	margin-top:30px;
}

#container {
	padding:10px 0 0;
	margin:30px 10px 0 15px;
	width:860px;
}

.container {
	margin:20px;
	background:#000000;
}

.layout {
	margin:0 auto;
	font-size:1.5em;
	width:890px;
	padding-bottom:10px;
	margin-top:30px;
}

.box {
	position:relative;
	width:100%;
	margin:0;
}

.white {
	background:#ffffff;
}

.grey {
	background:#f3f3f3;
}

.darkgrey {
	background:#e2e2e2;
}

.cream {
	background:#ffffdd;
}

.corner_black {
	position:absolute;
	width:10px;
	height:10px;
	background:url(images/background-circle.png) no-repeat;
	font-size:0;
}

.corner_white {
	position:absolute;
	width:10px;
	height:10px;
	background:url(images/background-circle-white.png) no-repeat;
	font-size:0;
}

.TL {
	top:0;
	left:0;
	background-position:0 0;
}

.TR {
	top:0;
	right:0;
	background-position:-10px 0;
}

.BL {
	bottom:0;
	left:0;
	background-position:0 -10px;
}

.BR {
	bottom:0;
	right:0;
	background-position:-10px -10px;
}

.inner {
	padding:15px;
}

.fullcolumn {
	width:890px;
}

.narrowcolumn {
	float:left;
	clear:both;
	padding:5px 5px 20px 0;
	margin:0 auto;
	width:490px;
	text-indent:5px;
	background-color:#ffffff;
}

.widecolumn {
	padding:10px 0 20px;
	margin:5px 0 0 150px;
	width:450px;
}

.post {
	margin:0 0 40px;
	text-align:justify;
}

.post hr {
	display:block;
	color:#666;
}

.widecolumn .post {
	margin:0;
}

.narrowcolumn .postmetadata {
	padding-top:5px;
}

.widecolumn .postmetadata {
	margin:30px 0;
}

.widecolumn .smallattachment {
	text-align:center;
	float:left;
	width:128px;
	margin:5px 5px 5px 0;
}

.widecolumn .attachment {
	text-align:center;
	margin:5px 0;
}

.postmetadata {
	clear:both;
}

.clear {
	clear:both;
}

.Section {
	background-image:url(images/orange1x1.gif);
	background-repeat:repeat-x;
}

#onecol {
	padding:0 15px 0 0;
	margin:5px 0;
}

#threecol,#twocol,#fourcol {
	text-align:left;
	margin:5px 0;
	padding:5px 0;
	clear:both;
	overflow:hidden;
}

#mid_content {
	margin:0 5px 20px;
}

#mid_rt_content {
	margin:0 5px 20px;
}

#rt_content,#wide_lft_content {
	margin:5px 5px 20px 15px;
}

#lft_content {
	margin:5px 5px 20px 0;
}

#mid_content,#mid_rt_content,#wide_lft_content,#lft_content {
	float:left;
	padding:0 10px;
}

#rt_content,#narrow_rt_content {
	float:right;
}

#twocol #rt_content,#twocol #lft_content {
	width:400px;
}

#twocol #wide_lft_content {
	width:570px;
}

#twocol #narrow_rt_content {
	width:230px;
}

#threecol #mid_content,#threecol #rt_content,#threecol #lft_content {
	width:260px;
}

#fourcol #mid_content,#fourcol #mid_rt_content,#fourcol #rt_content,#fourcol #lft_content {
	width:190px;
}

#mid_content img,#mid_rt_content img,#rt_content img,#lft_content img {
	margin-left:auto;
	margin-right:auto;
}

#wide_lft_content h1 {
	padding-right:10px;
	float:left;
}

.pagefoot {
	clear:both;
}

.pagefoot ul {
	list-style-type:none;
	text-align:center;
	margin:0 auto;
	font-size:.80em;
}

.pagefoot ul,.pagefoot li {
	display:inline;
}

.pagefoot a {
	height:1em;
	padding-right:5px;
	padding-left:5px;
	background-image:url(images/grey1x1.png);
	background-repeat:repeat-y;
}

.pagefoot a.nobar {
	background-image:none;
}

#footer {
	border:none;
}

.footer {
	background-color:#DAC366;
	padding:15px 0 0 20px;
	margin:0 auto;
	text-align:center;
	height:35px;
	clear:both;
}

.footer ul {
	list-style-type:none;
	margin:0 auto;
	width:890px;
}

.footer a {
	height:1em;
	padding-right:5px;
	padding-left:5px;
	background-image:url(images/orange1x1.gif);
	background-repeat:repeat-y;
}

.footer a.nobar {
	background-image:none;
}

.nodecoration a {
	text-decoration:none;
	color:#000000;
}

.footer ul li {
	float:left;
}


	
/* Begin Images ----------------------------------------------- */
p img {
	padding:0;
	max-width:100%;
}


	
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.centered {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

img.alignright {
	padding:4px;
	margin:0 0 2px 7px;
	display:inline;
}

img.alignleft {
	padding:4px;
	margin:0 7px 2px 0;
	display:inline;
}

.alignright {
	float:right;
}

.alignleft {
	float:left;
}

#videolist {
	width:880px;
}

.videobutton {
	float:left;
	padding:10px;
}

.videobutton p {
	width:180px;
	text-align:center;
}


	
/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul {
	margin-left:0;
	padding:0 0 0 30px;
	padding-left:10px;
}

html>body .entry li {
	margin:7px 0 8px 10px;
}

.entry ul li:before,#sidebar ul ul li:before {
}

.entry ol {
	padding:0 0 0 35px;
	margin:0;
}

.entry ol li {
	margin:0;
	padding:0;
}

.postmetadata ul,.postmetadata li {
	display:inline;
}


	
/* Table Elements --------------------------------------------*/
table {
	border-collapse:collapse;
	width:100%;
	border:1px solid #666;
}

th,td {
	padding:.1em 1em;
	width:100%;
}

col {
	border-right:1px solid #ccc;
}

col#sneakpeekcol {
	border:none;
}

thead {
	background:#e2e2e2;
	border-top:1px solid #a5a5a5;
	border-bottom:1px solid #a5a5a5;
}

th {
	font-weight:normal;
	text-align:left;
}

.odd {
	background-color:#ffffdd;
}

tr:hover {
	background-color:#3d80df;
	color:#fff;
}

thead tr:hover {
	background-color:transparent;
	color:inherit;
}

.contactinfo {
	border:none;
	width:100%;
}

.contactinfo td {
	width:33%;
}

.contactinfo tr:hover {
	background-color:#ffffff;
	color:#333333;
}


	
/* Begin Form Elements ----------------------------------------*/
fieldset {
	margin:10px 200px;
	padding:1em;
	border:1px solid #cccccc;
	background:#f3f3f3;
}

legend {
	font-weight:bold;
}

label {
}

input {
	width:75%;
}

textarea {
	width:400px;
	height:100px;
}

input:focus,textarea:focus {
	background:#dac366;
}

input[type=text],textarea {
	border-top:2px solid #999999;
	border-left:2px solid #999999;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

.required {
	font-size:.75em;
	color:#0088CC;
}

fieldset#notspam label {
	width:20em;
}


	
/* Begin Comments --------------------------------------*/
.alt {
	margin:0;
	padding:10px;
}

.commentlist {
	padding:0;
	text-align:justify;
}

.commentlist li {
	margin:15px 0 10px;
	padding:5px 5px 10px 10px;
}

.commentlist li ul li {
	margin-right:-5px;
	margin-left:10px;
}

.commentlist p {
	margin:10px 5px 10px 0;
}

.children {
	padding:0;
}

#commentform p {
	margin:5px 0;
}

.nocomments {
	text-align:center;
	margin:0;
	padding:0;
}

.commentmetadata {
	margin:0;
	display:block;
}


	
/* Begin Various Tags & Classes ------------------------------- */
ul {
	list-style-type: circle;	
}

.border {
	border-style:solid;
	border-width:thin;
	border-color:#dac366;
}

acronym,abbr,span.caps {
	cursor:help;
}

acronym,abbr {
	border-bottom:1px dashed #999;
}

#quote {
	padding:0;
	margin:15px 30px;
	color:#A6260D;
	font-size:.90em;
	font-style:italic;
	border-top:solid thin #e2e2e2;
	border-bottom:solid thin #e2e2e2;
	float:left;
}

.cite {
	font-style:normal;
	font-size:.90em;
	line-height:.10em;
	float:right;
}

.standout {
	font-weight:bold;
	font-style: italic;
	color:#A6360D;
}

.clear {
	clear:both;
}

.center {
	text-align:center;
}

.left {
	text-align:left;
}

.right {
	text-align:right;
}

.hidden {
	display:none;
}

hr {
	color:#f3f3f3;
	background-color:#e2e2e2;
	width:95%;
	height:1px;
}

a img {
	border:none;
}

.navigation {
	display:block;
	text-align:center;
	margin-top:10px;
	margin-bottom:60px;
}


	
/* End Various Tags & Classes*/