@charset "utf-8";
/* CSS Document */

/*
Theme Name: Thinking Cap Technologies
Theme URI: http://www.thinkingcaptechnologies.com/
Description: Web design for WordPress by <a href="http://abouttrimedia.com.com/">TriMedia</a>.
Version: 1.0
Author: TriMedia
Author URL: http://www.abouttrimedia.com/
Last Updated: 7/11/2009
*/

/* Thinking Cap default elements */
body {font-size:90%;color:#005da7; background:#FFFFFF url(images/pattern-1.png) 0 0 repeat; text-align:center;font-family: Arial, Helvetica, sans-serif; line-height:1.5; height: 100%; margin: 0; padding: 0;}
h1 {font-size:1.3em;line-height:1;margin-bottom:-.5em; color:#d0800e;}
h2 {font-size:1.1em;margin-bottom:-.5em;}
h3 {font-size:1.3em;line-height:1;margin-bottom:-.5em; margin-top: 1.6em;}
h4 {font-size:1.4em;line-height:1.55;margin:0 0 5px 0; padding:0 0 7px 0; color: #330000; font-weight: normal; border-bottom: 1px dotted #999999;}
h5 {font-size:1em;font-weight:bold;margin-bottom:-.5em; color: #0c6cb7;}
h6 {font-size:1.5em;line-height:1;margin-bottom:-.5em;}
p {margin: 1.1em 0;text-align: left;color: #3E3E3E;font-size: 1.0em;line-height: 1.6em;}
a:focus, a:hover {color:#009;}
a {color:#005da7;text-decoration:underline;}
abbr, acronym {border-bottom:1px dotted #666;}
pre, code {margin:1.5em 0;white-space:pre;}
li {list-style-type: disc;}
caption {background:#eee;}
.clearfloat {clear: both;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
#left {float: left; width: 50%;}
#right {float: right; width: 50%;}
.large {font-size:1.6em;line-height:1.5em;margin-bottom:1.25em;}
.hide {display:none;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.borderleft {border-left: 1px solid #959697; padding: 0 0 0 30px;}
.break {padding-top: 10px; display: block; color: #FFFFFF;}
.center {text-align:center;}
#floatright {float: right; padding-left: 20px;}
.flushleft {margin: -10px; padding-bottom: 20px;}
.post {margin: 10px;}
/* Thinking Cap body class is twoColFixLtHdr */
.twoColFixLtHdr #container { 
	width: 990px;
	margin: 0; 
	padding: 0;	
	background: #FFFFFF;
	height: auto;
}
/* header rule is found in header php file */
.twoColFixLtHdr #header { 
position: absolute;
top: 0;
left: 0;
z-index: 1001;
	margin: 0;
	height: 49px; 
	width: 990px;
	background: #000000;
	padding: 0;
}
.twoColFixLtHdr #homecontact {
position: absolute;
top: 329px;
left: 0;
background:#474747 url(images/homecontact.png) 0 0 no-repeat;
height: 77px;
width: 259px;
}
.twoColFixLtHdr #logo {
position: absolute;
top: 50px;
left: 0;
	margin: 0; 
	padding: 0;
	width: 259px; 
	height: 278px;
	border: 0;
	overflow: visible;
	z-index: 1000;
}
/* Found in the template.  See index php file*/
.twoColFixLtHdr #mainContent { 
	position: absolute;
	top: 50px;
	left: 259px;
	margin: 0;
	padding: 0;
	width: 731px;
	background-color: #FFFFFF;
	display: block;
	text-align: left;
}  
.twoColFixLtHdr #greyback { 
	margin: -10px;
	padding: 20px;
	width: 691px;
	background: #e2e0d3 url(images/greyback.png) 0 0 repeat-x;
	color: #333333;
	font-size: 12px;
	line-height: 23px;
	text-align: left;
	height: auto;
	display: block;
	float: left;
	overflow: visible;
} 
.col {padding: 10px 12px;
width: 210px;
vertical-align: top;}

#col1 {position: absolute;
left: 20px;
float: left;
width: 30%;
margin: 10px 0;
height: auto;
clear: both;
}
#col2 {position: absolute;
left: 34%;
float: left;
width: 30%;
margin: 10px 0;
height: auto;
clear: both;
}
#col3 {position: absolute;
left: 67%;
float: left;
width: 25%;
margin: 10px 0;
height: auto;
clear:both;
}
#partners { 
position: absolute;
top: 406px;
left: 0;
background: #999999 url(images/partners.png) 0 0 no-repeat;
width: 259px;
height: 148px;
border: 0;
display: block;
margin: 0;
padding: 0;
}
.twoColFixLtHdr #rightvertical {
	position: absolute;
	left: 731px;
	float: left;
	z-index: 900;
	top: -50px;
	width: 13px;
	height: 466px;
	background: #FFFFFF url(images/right-vertical.png) 0 0 no-repeat;
}
#footer {
position: relative;
float: left;
bottom: 0;
background-color: #333333;
color: #CCCCCC;
font-size: 11px;
width: 721px;
height: 20px;
padding: 5px;
clear: both;
}
#footer a {color: #CCFF00;}
#footer a:hover {color: #FFFFFF;}
#highlight {padding: 15px; color: #000000; background: url(images/highlight.png) 0 0 no-repeat; float: right; width: 270px; height: 200px; margin-left: 10px;}
#highlight2 {padding: 15px; color: #000000; background: url(images/highlight2.png) 0 0 no-repeat; float: right; width: 300px; margin-left: 10px;}

/*********************css dropdownmenu plugin css****/
#container .navwrap 
{position: relative;
left: 156px;
top: 7px;
margin: 0 auto;
width: 730px;
clear:both;
padding: 0;
text-align: center;
}
.menu {width:730px; height:1px; position:relative; top: 0;float: left; z-index:100; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:730px; w\idth:730px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:110px;position:relative; left: -2px; list-style-type: none; background: #000000 url(images/navline.png) right no-repeat;}
/* style the links for the top level */
.menu li a, .menu li a:visited {display:block; text-decoration:none; color:#FFF; width:110px; height:30px; line-height:29px;}
.menu li a:hover {color: #f5d143;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:110px; w\idth:110px;}

/* style the second level background */
.menu ul ul a{background: #000000;}
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd;}
/* style the second level hover */
.menu ul ul a.drop:hover{background: #c9ba65;}
.menu ul ul :hover > a.drop {background:#c9ba65;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; width:188px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:30px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {color:#FFF; height:auto; padding:0;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:188px;w\idth:188px;}

/* style the top level hover */
.menu a:hover, {color: #f5b343;}
.menu :hover > a, > a {color: #f5b343;}

/* style the second level hover */
.menu ul ul a:hover{color: #f5b343;}
.menu ul ul :hover > a {color: #f5b343;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/***** sidebar *****/
.twoColFixLtHdr #leftcolumn { 
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0 0 2px 0;
	width: 259px;
	background: #c2b49a url(images/sideback.png) 0 0 repeat-y;
	border-bottom: #663333 1px; solid;
	height: auto;
	float: left;
	display: block;
}
#sidebar h2{margin: 10px; width: 100%;}
.twoColFixLtHdr #sidebar { 
	position: relative;
	top: 550px;
	left: 0;
	background: #c2b49a url(images/sideback.png) 0 0 repeat-y;
	font-size:12px;
	margin: 0;
	padding: 0 0 10px 0;
	width: 259px;
	float: left;
	display: block;
	height: auto;
}
#sidebar ul {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
	color: #000000;
}
#sidebar li {
    list-style-type: none;
	text-align: left;
	margin: 0 0 5px 5px;
	padding: 0;
}
#sidebar ul ul li{
	position: relative;
		list-style-image: url(images/arrow-sidebar.png);
	list-style-position: inside;
	margin: 0 0 0 5px;
	padding:0 5px 0 16px;
	color: #333333;
}

#sidebar ul ul ul li {
	position: relative;
	list-style-type: none;
	margin: 0; 
	padding: 0 0 0 16px;
}
#newsfeed {margin: 0 auto; width: 209px; padding: 5px; height: 80px; border-bottom: #666666 1px solid;}
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 80%;
}
#turnkey-credit #override {
  display: none;
}