/*================ THESIS THEME TOOLS CUSTOM.CSS ======================*/

/* COLORS
DIYthemes Thesis Ad
-------------------
#FFCC00 - darkest yellow
#EFCF00 - medium yellow
		- page border
		- post_announcement_box_yellow border
		- call_to_action_box_yellow border
#FFFB00 - lightest yellow

Complementary Colors
--------------------
#B2B101 - medium light green
		- call_to_action_box_green border
#FEFD80	- cream
		- post_announcement_box_yellow background
		- call_to_action_box_yellow background
#B28F00	- lightish brown
#A79199	- greenish brown

Button Colors
-------------
#6666FF - About (orchid)
		- call_to_action_box_purple border
#804000 - Blog (mocha)
#004080 - Tricks (ocean)
#808000 - Tips (asparagus)
#7F7F7F - Newbies (tin)
#800040 - Resources (maroon)
#088040 - Info (green custom)
#008080	- Freelance (teal)
#A36BFE - Contact (light purple custom)

Other
-----
BLUE
#2361A1 - blue Thesis links color
YELLOW
GREEN
#DCFF84 - light green - call_to_action_box_green background
PURPLE	
#F4D9FF	- very light purple - call_to_action_box_purple background
GRAY
#999999 - medium gray sidebar for blockquotes
#4C4C4C	- dark gray font color for blockquotes
*/

/* ========================== */
/* HEADER */
/* ========================== */
/* -------------------------- */
/* CLICKABLE HEADER */
.custom #header #logo a { 
	display: block; 
	height: 193px;
	width: 927px;
	background: url('images/TTT-header-sm.jpg') no-repeat;
	outline: none; 
	/*margin-bottom: -.55em;*/
}
.custom	#header { 
	padding: 0em 0em 1em 0em; 
	
}
.custom #header #logo, .custom #header #tagline { text-indent: -9999px; }
.custom #header #tagline { height: 0; }

/* -------------------------- */
/* REMOVE DOUBLE LINE BELOW HEADER */
.custom #header { border-bottom: none; }

/* -------------------------- */
/* GOOGLE SEARCH BAR IN HEADER */
#google_search {
	float:left; 
	font-size: 1.5em;
	position: relative;
	top: -12px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}

/* -------------------------- */
/* SUBSCRIBE AND TWITTER IN HEADER */
#subscribe_icons {
	font-size: 1.2em;
	float:right; 
	position: relative;
	top: -12px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}

/* ========================== */
/* GENERAL UI MODS */
/* ========================== */
/* -------------------------- */
/* NO HEADLINES ON MENU PAGES (SEE ALSO FUNCTION NO_HEADLINE_START) */
.custom #no_headline .headline_area { display: none; }
/*.custom #no_headline .post_box {padding-top: 0;}*/

/* -------------------------- */
/* PRE TAG STYLING FOR CODE INSERTS INTO PAGES AND POSTS */
.custom pre {
	font-size: 1.5 em; 
	font-family: Courier, "Courier New", mono;
 	color: #000000; 
	margin: 10px; 
	padding:10px;
	border: solid 1px #FFCF81;
	background: #F8FFC0;
	/* other default values */
	/*overflow: auto; 
	clear: both;*/
}

/* -------------------------- */
/* CODE TAG STYLING FOR CODE INSERTS INTO PAGES AND POSTS */
.custom code {
	font-size:1em; 
	font-family: Courier, "Courier New", mono;
 	color: #000000;
 	/* other default values */
 	/*line-height: 1em; 
 	background: #eee;*/
}

/* -------------------------- */
/* REMOVE LINE DIVIDING CONTENT AND SIDEBAR */
.custom #content_box { background: none; }

/* -------------------------- */
/* OVERRIDE SOCIABLE OPACITY */
.custom .sociable-hovers {
	opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);
}

/* -------------------------- */
/* CFORMS OVERRIDES */
/* FORM: WIDE_OPEN_BIG.CSS */
/* FORM FIELDS general formatting*/

.custom .cform input,
.custom .cform textarea,
.custom .cform select { 
	/*margin:0;
	padding:3px;
	background: #fbfbfb; 
	border:none;
	border-top: 1px solid #f0f0f0; 
	vertical-align:top;
	color:#777777;*/
	color:#000000;
	/*font-weight:bold;*/
	/*letter-spacing:1px;	*/
}

.custom .cform input:hover,
.custom .cform textarea:hover,
.custom .cform select:hover	{
	/*background:#CEDDDF;*/
	background:#ffe401;
}

/*.custom .cform input:focus,
.custom .cform textarea:focus,
.custom .cform select:focus	{ 
	background:#F3F8F8; 
}*/

.custom .cform textarea,
.custom .cform input {
/*	width:415px; */
	width:500px; 
}

.custom .cform textarea {
	/*font-family: arial;
	font-size: 16px;*/
	font-size: 1em;
	/*height: 6em;*/
	height: 15em;
	font-weight: normal;
	/*overflow:auto;*/
}

/* global definitions for field labels */
.custom .cform label {
	/*margin:2px 10px 0 0; 
	text-align:left;
	font-size: 22px;
	display:block;
	color:#aaa;*/
	color:#000000;
	/*padding:2px;*/
}

/* ========================== */
/* IMAGES */
/* ========================== */

/* ========================== */
/* WIDGETS AND SIDEBARS */
/* ========================== */
/* remove left divider between content and sidebar */
.custom #column_wrap { background: none; }

/* move the sidebar down a bit */
.custom #sidebars {
	position: relative;
	top: 9px;
}

/* -------------------------- */
/* SIDEBAR WIDGET TEXT HEADERS MODIFICATIONS*/
.custom .sidebar h3 {
	font-size: 0.92em; /* based on 12-pt Georgia inheritance */
	font-weight: bold; 
	line-height: 1.455em; 
	text-align: center;
	color: #000000; 
	margin-bottom: 1em; 
	padding: 0.636em 0.455em 0.545em 0.455em; 
	text-transform: uppercase; 
	border-top: 1px solid #DDDDDD; 
	border-bottom: 1px solid #DDDDDD; 
}

/* -------------------------- */
/* set the widget spacing */
.custom .widget { margin-top: -20px; }

/* -------------------------- */
/* Footer widget text styling for navigation */
#footer_widget_text { font-size: 1.5em; }

/* ========================== */
/* POSTS & COMMENTS */
/* ========================== */

/* -------------------------- */
/* DO NOT DISPLAY "COMMENTS CLOSED" IF THEY ARE CLOSED ON POSTS AND PAGES*/
.custom .comments_closed p { display: none; }

/* -------------------------- */
/* COMMENTS: COLOR OF LOGGED-ON ADMIN'S COMMENTS DIFFERENT FROM READERS' COMMENTS */
.custom dl#comment_list .bypostauthor { background: #DFF8FB; }

/* -------------------------- */
/* PULLQUOTES WITH DOUBLE BAR ABOVE AND BELOW*/

.custom blockquote.left {
   width: 200px;
   margin: 5px 15px 5px 0;
   padding: 5px 0;
   border: 3px double #aaa;
   border-width: 3px 0;
   font-size: 1.4em;
   text-align: center;
   float: left;
}
.custom blockquote.right {
   width: 200px;
   margin: 5px 0 5px 15px;
   padding: 5px 0;
   border: 3px double #aaa;
   border-width: 3px 0;
   font-size: 1.4em;
   text-align: center;
   float: right;
}

/* -------------------------- */
/* BLOCKQUOTES - MAKE TYPE DARKER
defaults border: #ddd color: #666*/
.custom blockquote { 
	border-left: 1px solid #999999; 
	color: #4c4c4c; 
}

/* -------------------------- */
/* POST ANNOUNCEMENT BOX YELLOW */
.format_text .post_announcement_box_yellow {
	font-size: .9em;
	padding-right: 1em; 
	padding-left: 1em; 
	background: #FEFD80; 
	border: 0.5em solid #FFCC00;
}

/* -------------------------- */
/* ALL CALL-TO-ACTION BOXES IN POSTS */
.format_text .call_to_action_box_yellow, .call_to_action_box_green, .call_to_action_box_purple {
	padding-right: 1em; 
	padding-left: 1em; 
	font-size: .8em;
}

/* -------------------------- */
/* CALL-TO-ACTION BOX IN POSTS - YELLOW */
.format_text .call_to_action_box_yellow {
	background: #FEFD80; 
	border: 1px solid #FFCC00;
}

/* -------------------------- */
/* CALL-TO-ACTION BOX IN POSTS - GREEN */
.format_text .call_to_action_box_green {
	background: #DCFF84; 
	border: 1px solid #B2B101;
}

/* -------------------------- */
/* CALL-TO-ACTION BOX IN POSTS - PURPLE */
.format_text .call_to_action_box_purple {
	background: #F4D9FF; 
	border: 1px solid #6666FF;
}

/* -------------------------- */
/* HIGHLIGHT BOX - CREAM */
.format_text .highlight_box_cream {
	/* distance from borders to content*/
	padding: 0 1em 0 1em; 
	/* spacing outside of box*/
	margin: 0 0 0 0;
	/* background color */
	background: #FEFD80;
	/* border size style color */
	border: 1px solid #B28F00;
}

/* -------------------------- */
/* HIGHLIGHT BOX - CREAM WITH FONTS */
.format_text .highlight_box_cream_fonts {
	/* font size */
	font-size: .9em;
	/* font family */
	font-family: Georgia,"Times New Roman",serif ;
	/* font style: normal, italic etc */
	font-style: normal;
	/* font variant: small caps etc */
	font-variant: small-caps;
	/* font weight: bold etc */
	font-weight: normal;
	/* distance from borders to content*/
	padding: 0 1em 0 1em; 
	/* spacing outside of box*/
	margin: 0 0 0 0;
	/* background color */
	background: #FEFD80; 
	/* border size style color */
	border: 1px solid #B28F00;
}

/* ========================== */
/* BORDERS AND BACKGROUNDS */
/* ========================== */

/*body.custom { background: #c2ac15; }*/
body.custom { background: #000000; }
	
.custom #container { 
	/* margin at the top */
	margin-top: 2em; 
	/* margin at the bottom */
	margin-bottom: 2em; 
	/* extra padding around inside of border*/
	padding: .5em; 
	/*border: 0.5em solid #ffdf00;*/
	border: 0.5em solid #EFCF00;
}
.custom #page { background: #fff; }

/* ========================== */
/* IMAGE BUTTON BAR MENU */
/* ========================== */
#button_nav {
	/*text-align: left;*/
	list-style: none; 
	/*background:#ffdf00 none repeat scroll 0 0;*/
	background:#000000 none repeat scroll 0 0;
}

#button_nav ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	/* determines vertical placement*/
	margin: -1em 0 0em .15em;
}

#button_nav li {
	display: inline;
	/* uncomment border for testing*/
	/*border: 1px solid #FFFFFF;*/
	/* determines size of button box*/
	padding: 1.1em -.6em 0em -.6em;
	/* determines spacing between button boxes*/
	margin: 0 -.4em 0 0;

}
/* ========================== */
/* CONTEXTUAL SUBMENU*/
/* ========================== */
ul#context_submenu {
	border-bottom-style: double;
	border-bottom-color: #ddd;
	border-bottom-width: 3px;
	background:#000000 none repeat scroll 0 0;
	/*background:#ffdf00 none repeat scroll 0 0;*/
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	/*width: 97.6%;*/
	width: 927px;
	float: left;
	/*margin-left: 1.1em;*/
	position: relative;
	top: -10px;
}
ul#context_submenu li { 
	float: left; 
	padding-top: .4em; 
	padding-right: 0em; 
	padding-bottom: .4em; 
	padding-left: 2.5em; 
}
ul#context_submenu li a { 
	font-size: 1.25em; 
	/*color: #000000; */
	color: #FFFFFF; 
	/*font-family: Verdana, Arial, sans-serif;*/
	/*text-transform: uppercase;**/
	/*font-weight: bold;*/
	word-spacing: .03em;
}
ul#context_submenu li a:hover { text-decoration: underline; }

/* CONTEXTUAL SUBMENU - BLANK */
ul#context_submenu_blank {
	border-bottom-style: double;
	border-bottom-color: #ddd;
	border-bottom-width: 3px;
	/*background:#ffdf00 none repeat scroll 0 0;*/
	background:#000000 none repeat scroll 0 0;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	width: 927px;
	float: left;
	/*margin-left: 1.1em;*/
	position: relative;
	top: -10px;
}
ul#context_submenu_blank li { 
	float: left; 
	padding-top: .4em; 
	padding-right: 0em; 
	padding-bottom: .4em; 
	padding-left: 2.5em; 
}
/* ========================== */
/* FOOTER */
/* ========================== */
/* -------------------------- */
/* REMOVE LINE ABOVE FOOTER */
.custom #footer { border-top: none;}

/* -------------------------- */
/* footer font styles */
.custom #footer a {
	font-size: .9em;
	border-bottom: none;
	/* default Thesis link color */
	color: #2361A1;
}
.custom #footer a:visited {
	text-decoration: none;
	/* default Thesis link color */
	color: #2361A1;
}
.custom #footer a:link {
	text-decoration: none;
	/* default Thesis link color */
	color: #2361A1;
}
.custom #footer a:hover {
	text-decoration: underline;
	/* default Thesis link color */
	color: #2361A1;
}

/* -------------------------- */
/* WIDGETIZED FOOTER */
.custom #footer_sitemap {
	background: #eee;
	color: #000;
	overflow: hidden;
	padding: 1em;
	margin-bottom: 25px;
	text-align: center;
}

.custom #footer_sitemap .footerfloater {
	display: inline-block;
	width: 210px;
	text-align: left;
	padding-right: 10px;
	float: left;
	height: 100%;
	/* Text color same as Thesis links */
	color: #2361A1;
}
	
.custom #footer_sitemap .footerfloater h3 {
	border-bottom: 3px solid #efcf00;
	padding-bottom: 3px;
	text-transform: uppercase;
	font-weight: bold;
	/*font-size: 80%;*/
	letter-spacing: 0px;
	margin-bottom: 5px;
	color: #000000;
}
	
.custom #footer_sitemap .footerfloater ul {
	margin: 0px;
	padding: 0px;
}
	
.custom #footer_sitemap .footerfloater ul li {
	list-style: none;
}

/* -------------------------- */
/* FOOTER INFO STYLING */
#footer_info_right { 
	float: right; 
	font-size: 1.25em;
}
#footer_info_left { 
	float: left; 
	font-size: 1.25em;
}
/* ========================== */
/* DEMOS */
/* ========================== */
/*------------------------------------*/
/* TABBED INFO PANES - TABBER */
/*------------------------------------*/
/* size of information pane */
.tab_pane, .custom .tabberlive .tabbertab {
	height:100px;
	width: 650px;
}

/* font properties of information pane */
.tab_pane {
	/* font color */
	color: #000000;
	/* font size */
	font-size:1em;
	/* font family if desired */
	/*font-family: Verdana, sans-serif;*/
	/* space from bottom to next object */
	margin-bottom: 0px;
	/* do not change this! */
	list-style: inside;
}

/*------------------------------------*/
/* TABBED INFO PANES WIDGET - TABBER */
/*------------------------------------*/
/* size of information pane */
.tab_pane_widget, .custom .tabberlive .tabbertab {
	height:400px;
	width: 220px;
}

/* font properties of information pane */
.tab_pane_widget {
	/* font color */
	color: #000000;
	/* font size */
	font-size:1em;
	/* font family if desired */
	font-family: Verdana, sans-serif;
	/* do not change this! */
	list-style: inside;
}

.custom #text-37.widget {
	margin-top: 60px;	
}

/*------------------------------------*/
/* ROTATING IMAGES GALLERY */
/*------------------------------------*/
/* widget */
#image_gallery_widget {
	width:220px;
	height:138px;
	border:2px solid #999;
	font-size: .7em;
	font-family: Georgia, serif;
	font-weight: bold;
	overflow:scroll;
	margin: 0;
	padding: 0;
}

/* widget for TTT pages */
#image_gallery_widget_ttt {
	width:220px;
	height:140px;
	border:2px solid #999;
	font-size: .9em;
	font-weight: bold;
	/*font-family: Georgia, serif;*/
	font-weight: bold;
	overflow:scroll;
	margin: 0;
	padding: 0;
}

#image_gallery_widget_ttt a:link,
#image_gallery_widget_ttt a:visited {
	color: #000000;
	font-weight: bold;
{

#image_gallery_widget_ttt a:hover {
	color: red;
	text-decoration: none;
}


/* content box */
#image_gallery_page {
	width:500px;
	height:353px;
	border:4px double #000000;
	font-size: 1.3em;
	/*font-family: Verdana, sans-serif;*/
	font-weight: bold;
	overflow:scroll;
	/*margin: 0;*/
	padding: 0;
	position: relative;
	top: 0px;
	left: 55px;
	margin-bottom: 30px;
}

/*.custom .textholder {
	background-color: pink;
	opacity: 1;
}*/
/*------------------------------------*/
/* EASY BREADCRUMBS  */
/*------------------------------------*/

#breadcrumbs {
	/* heignt and width of the container box */
	height: 12px;
	width: 600px;
	/* border for testing */
	/*border: 1px solid #000000;*/
	/* moving text within the container box */
	/*padding: 5px 0px 5px 0px;*/
	/* moving the container box around*/
	/*position: relative;*/
	/*top: 0px;*/
	/*left: 0px:*/
	/* to keep the breadcrumbs from showing under another object */
	/*z-index: 0;*/

	/* font properties */
	color: black;
	font-size: 1em;
	/*font-family: Verdana, Arial, sans-serif;*/
	/*font-weight: bold;*/
	/*text-decoration: underline;*/
	/*text-transform: uppercase;*/
	/*font-style: italic;*/
	/*font-variant: small-caps;*/
	text-align: left;
}

/* link and visited properties of fonts */
#breadcrumbs a:link, 
#breadcrumbs a:visited {
	color: black;
	font-size: 1em;
	/*font-family: Verdana, Arial, sans-serif;*/
	font-weight: bold;
	text-decoration: none;
	/*text-transform: uppercase;*/
	/*font-style: italic;*/
	/*font-variant: small-caps;*/
}

/* hover properties of fonts */
#breadcrumbs a:hover { 
	color: red;
	font-size: 1em;
	/*font-family: Verdana, Arial, sans-serif;*/
	font-weight: bold;
	text-decoration: underline;
	/*text-transform: uppercase;*/
	/*font-style: italic;*/
	/*font-variant: small-caps;*/
}