/*  
Theme Name: TTW
Theme URI: 
Description: Customized theme for Touching the World client
Version: 1
Author: Allan Kramer
Author URI: http://www.ginomai.com

NOTES:
TTW is loosely based on the Jakarta theme, with certain components borrowed from [many] other themes.

*/

/* BEGIN IMAGE CSS: place all the images here */	

body	    	{ background: url(images/sb-bgtile.jpg); }	
#vertLogo       { xbackground-image: url(images/ttwLogoVert.png) ; xborder: none;
                  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ttwLogoVert.png');
 } 
#page           { background: url(images/sb-bgy.jpg) repeat-y top; border: none; } 
#header 	    { background: url(images/header.jpg) no-repeat 0 0; }
#footer 	    { background: url(images/footer.jpg) no-repeat bottom; border: none;}
BLOCKQUOTE      { background: url(images/sb-blockquote.gif) no-repeat; }
#toolbar-top    { background: url(images/globe-and-hands-m.jpg) 0 0 no-repeat; }
#wp-calendar a  { background: url(images/day2.gif) no-repeat; }
#wp-calendar a:hover { background: url(images/day.gif) no-repeat; }
#wp-calendar td { background: url(images/day.gif) no-repeat; }
#wp-calendar #today  { background: url(images/today.gif) no-repeat; }
#xcontent { background: url(images/boy.png) no-repeat top right;
           filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src='images/boy.png');
 }

.tabOut   {
 background: transparent url(images/tab-outside.png) top left !important;
 background-color: transparent;
/* IE FIX FOR ALPHA TRANSPARENCY */
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src='images/tab-outside.png');
}
.tabIn    {
 background: transparent url(images/tab-right-long.png) no-repeat top right !important;
 background-color: transparent;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src='images/tab-right-long.png');
}
.tabLeft  {
 background: transparent url(images/tab-left.png) no-repeat top left !important;
 background-color: transparent;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src='images/tab-left.png');
}

/* END IMAGE CSS */

/* General Layout Positionings */

BODY {
	background-color: #DABB82;
	color: #867663;
	FONT-FAMILY: Georgia, Verdana, "times New Roman", Times, Serif;
	FONT-SIZE: 62.5%;
	margin: 25px 25px 25px 75px;
}

#vertLogo {
	background-attachment: fixed;
	background-color: transparent;
	height  : 473px;
	left    : 0px;
	margin  : auto;
	position: absolute;
	top     : 25px;
	width   : 93px;
}

#page {
	background-color: #ECDAB5;
	margin: auto;
	width : 760px;
}

#header {
	background-color: #9999CC;
	color : #078ec5;
	height: 179px;
	margin: 0px auto;
	width : 100%;
}

#header a {
	color: #078ec5;
	text-decoration: none;
}

#header a:hover {
	color: #178eff;
	text-decoration: none;
}

#toolbar-top {
	height: 136px;
	padding-left: 170px;
	xwidth : 100%;
}

#toolbar-left {
	color: #ffffcc;
	float: left;
	font-family : 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size   : 1.3em;
	font-weight : bold;
	padding-top : 20px;
	padding-left: 20px;
}

#toolbar-left .tooltip {
	margin-right: 5em;
}

#toolbar-right {
	color: #ffffcc;
	font-family  : 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size    : 1.2em;
	padding-top  : 20px;
	padding-right: 20px;
	text-align   : right;
}

#toolbar-help {
	background-color: #f0fff0;
	height: 25px;
	width : 100%;
}

#content {
	font-size: 1.2em;
	TEXT-ALIGN: justify;
}

.narrowcolumn {
	margin: 0px;
	width : 500px;
	float : left;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
}
.widecolumn {
	margin: 0px;
	width : 470px;
	float : left;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
}

#sidebar {
	WIDTH: 200px;
	margin-left: 540px;
	PADDING-TOP: 20px;
}

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

#footer {
	CLEAR: both;
	margin: 0px;
	WIDTH: 760px;
	color: #7D5B38;
	BACKGROUND-COLOR: #CCCC99;
}
/* End of General Layout Positionings */


/* Content / attribute */
#toolbar-top .blogtitle {
	color: #7D5B38;
}

#toolbar-top .blogtitle a {
	color: #7D5B38;
}

#toolbar-top .blogtitle a:hover {
	COLOR: #FFFFCC;
}

.widecolumn .entry P {
	FONT-SIZE: 1.05em
}

.widecolumn P:hover {
	color: #660000;	
}


.narrowcolumn P:hover {
	color: #660000;	
}

.narrowcolumn .entry {
	LINE-HEIGHT: 1.4em
}
.widecolumn .entry {
	LINE-HEIGHT: 1.4em
}
.widecolumn .post {
	margin: 0px
}

.narrowcolumn .postmetadata {
	TEXT-ALIGN: center
}

.narrowcolumn .postmetadata {
	PADDING-TOP: 5px
}
.widecolumn .postmetadata {
	margin: 30px 0px
}

BLOCKQUOTE {
	PADDING-LEFT: 40px;
	margin: 15px 30px 0px 10px;
	COLOR: #867663;
	padding-top: 5px;
	font-style: italic;
	padding-bottom: 5px;
}

BLOCKQUOTE CITE {
	DISPLAY: block; margin: 5px 0px 0px
}

SMALL {
	FONT-SIZE: 0.9em; LINE-HEIGHT: 1.5em; 
	FONT-FAMILY: Arial, Helvetica, Sans-Serif;
	COLOR: #777
}

.entry {
	border-top: 1px solid #7D5B38;
}

.entry a {
	background-image: url(images/hand_rt-g.gif);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 25px;
}

.entry P A:visited {
	color: #b85b5a
}

.entry UL LI:unknown {
	content: "» "
}

.entry UL LI:hover {
	list-style-type: square;
	color: #660000;
}

.entry OL {
	padding-bottom: 0px;
	padding-left  : 35px;
	padding-right : 0px;
	padding-top   : 0px;
	margin: 0px;
}
.entry OL LI {
	padding: 0px;
	margin : 0px;
}

.entry FORM {
	text-align: center;
}

.alt {
	BORDER-TOP: #ddd 1px solid;
	BORDER-BOTTOM: #ddd 1px solid;
    BACKGROUND-COLOR:#CCCC99;
	PADDING-RIGHT: 10px; 	
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	margin: 0px;
	PADDING-TOP: 10px;
}

.description {
	FONT-SIZE: 1.2em;
	TEXT-ALIGN: center;
	COLOR: #7D5B38;
	TEXT-DECORATION: none;
	TEXT-ALIGN: left;
	margin-left: 5px;
}

H1 {
	FONT-FAMILY: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	FONT-SIZE: 3em;
	TEXT-ALIGN: left;
	COLOR: #078ec5; 
	oCOLOR: #7D5B38; 
	margin: 5px 0px 0px 5px; 
}
H1 A {
	COLOR: #078ec5;
}
H1 A:hover {
	color: #660000;
}
H1 A:visited {
	COLOR: #078ec5;
}

H2 {
    FONT-WEIGHT: bold; 
	FONT-FAMILY: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    COLOR: #7D2B10;
	FONT-SIZE: 1.6em;
	TEXT-DECORATION: none;
	margin: 30px 0px 0px;
}
H2.pagetitle {
	FONT-SIZE: 1.6em;
	margin-TOP: 30px; 
	TEXT-ALIGN: center;
}

H2 A {
	COLOR: #7D5B38;
	TEXT-DECORATION: none;
}
H2 A:visited {
	COLOR: #7D5B38;
	TEXT-DECORATION: none;
}

H2 A:hover {
	COLOR: #06c; 
	TEXT-DECORATION: none;
}

H3 {
	FONT-FAMILY: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	FONT-SIZE: 1.3em;
	FONT-WEIGHT: bold;
	COLOR: #7D5B38;
	TEXT-DECORATION: none;
	margin : 30px 0px 0px;
	padding: 0px;
}

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

H3 A {
	COLOR: #7D5B38;
	TEXT-DECORATION: none;
}
H3 A:visited {
	COLOR: #7D5B38;
	TEXT-DECORATION: none;
}

H3 A:hover {
COLOR: #06c; 
TEXT-DECORATION: none;

}

#searchform {
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 5px;
	margin: 10px auto;
	PADDING-TOP: 5px;
	TEXT-ALIGN: center;
}

input, textarea {
	border: 1px solid #A1A19F;
	margin: 1px 2px;
	-moz-border-radius: 4px;
	background-color: #FFFFCC;
	}
input:hover, textarea:hover { 
	border-color: #666; 
	background-color: #DBCD9C;
	}
input:focus, textarea:focus {
	border-color: #7D5B38; 
	background-color: #DBCD9C;
	}

CITE {
	TEXT-DECORATION: none
}
STRIKE {
	COLOR: #777
}
CODE {
	FONT: 1.1em 'Courier New', Courier, Fixed
}

UNKNOWN {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; margin-LEFT: 0px; TEXT-INDENT: -10px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
	margin: 7px 0px 8px 10px
}
SELECT {
	WIDTH: 130px
}
ACRONYM {
BORDER-BOTTOM: #999 1px dashed
FONT-SIZE: 0.9em; LETTER-SPACING: 0.07em
	CURSOR: help
}
abbr {
FONT-SIZE: 0.9em; LETTER-SPACING: 0.07em
	CURSOR: help
	BORDER-BOTTOM: #999 1px dashed
}
SPAN.caps {
	CURSOR: help
	FONT-SIZE: 0.9em; LETTER-SPACING: 0.07em
}

.center {
	TEXT-ALIGN: center
}

HR {
	DISPLAY: none;
}

#footer P {
	margin: 0px;
	TEXT-ALIGN: center;
	padding-top: 15px;
	FONT-FAMILY: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

A {
	COLOR: #06c; TEXT-DECORATION: none
}

A:hover {
	COLOR: #147; TEXT-DECORATION: underline
}

A IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}

P IMG {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; max-width: 100%
}
IMG.centered {
	DISPLAY: block; margin-LEFT: auto; margin-RIGHT: auto
}
IMG.alignright {
	PADDING-RIGHT: 4px; DISPLAY: inline; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; margin: 0px 0px 2px 7px; PADDING-TOP: 4px
}
IMG.alignleft {
	PADDING-RIGHT: 4px; DISPLAY: inline; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; margin: 0px 7px 2px 0px; PADDING-TOP: 4px
}
.alignright {
	FLOAT: right
}
.alignleft {
	FLOAT: left
}

.postmetadata {
	COLOR: #777
}
.postmetadata UL {
	DISPLAY: inline; LIST-STYLE-IMAGE: none; LIST-STYLE-TYPE: none
}
.postmetadata LI {
	DISPLAY: inline; LIST-STYLE-IMAGE: none; LIST-STYLE-TYPE: none
}

OL LI {
	LIST-STYLE-POSITION: outside; LIST-STYLE-TYPE: decimal
}

.navigation {
	margin-TOP: 10px; DISPLAY: block; margin-BOTTOM: 60px; TEXT-ALIGN: center
}


/* Comments */
#commentform INPUT {
	FONT: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#commentform TEXTAREA {
	FONT: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 2px; 
	WIDTH: 100%; 
	PADDING-TOP: 2px;
}
#commentform INPUT {
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 2px; 
	margin: 5px 5px 1px 0px; 
	WIDTH: 170px; 
	PADDING-TOP: 2px;
}

#commentform #submit {
	FLOAT: right; 
	margin: 0px;
	background-color: #DBCD9C;
	border: 1px solid #7D5B38;
	color: #7D5B38;
}

#commentform P {
	margin: 5px 0px
}

.commentlist LI {
	FONT: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 3px; 
	margin: 15px 0px 3px; 
	PADDING-TOP: 5px; 
	LIST-STYLE-TYPE: none;
}
.commentlist {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; P
	ADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 
}

.commentlist CITE {
	 FONT-SIZE: 1.1em; 
	 FONT-STYLE: normal
}
.commentlist CITE A {
	FONT-SIZE: 1.1em; 
	FONT-STYLE: normal;
}
.commentlist P {
	margin: 10px 5px 10px 0px;
	 LINE-HEIGHT: 1.5em;
	FONT-FAMILY: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
	DISPLAY: block; 
	margin: 0px;
}

.nocomments {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	margin: 0px; 
	PADDING-TOP: 0px; 
	TEXT-ALIGN: center
	COLOR: #777
}

/* Sidebar */
#sidebar {
	font: 1.1em Georgia, Verdana, "times New Roman", Times, Serif;
}
	
#sidebar H2 {
	font-size   : 1.2em; 
	font-family : 'Lucida Grande', Verdana, Sans-Serif;
	margin : 5px 0px 0px;
	padding: 0px;
	text-decoration: none;
}

#sidebar FORM {
	margin: 0px
}

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

#sidebar #searchsubmit {
	background-color: #DBCD9C;
	border : 1px solid #7D5B38;
	color  : #7D5B38;
	padding: 1px;
	-moz-border-radius: 4px;
}

#sidebar UL UL LI:unknown {	content: "» "; }
#sidebar UL    { padding: 0px; margin : 0px; }
#sidebar UL OL { padding: 0px; margin : 0px; }
#sidebar UL LI {
	list-style-image: none; 
	list-style-type : none;
	margin-bottom   : 15px; 
}
#sidebar UL UL LI  { color: #777; }
#sidebar UL OL LI  { color: #777; }
#sidebar UL P      { margin: 5px 0px 8px}
#sidebar UL SELECT { margin: 5px 0px 8px; }
#sidebar UL UL     { margin: 5px 0px 0px 10px; }
#sidebar UL OL     { margin: 5px 0px 0px 10px; }
#sidebar UL UL UL  { margin: 0px 0px 0px 10px; }
#sidebar UL OL     { margin: 0px 0px 0px 10px; }
#sidebar UL OL LI  {
	list-style-position: outside; 
	list-style-type    : decimal;
}
#sidebar UL UL LI {
	padding: 0px;
	margin : 3px 0px 0px; 
}
#sidebar UL OL LI {
	padding: 0px;
	margin : 3px 0px 0px; 
}	

#sidebar .page_item { padding: 0px; margin : 0px; }

/* calendar */
#wp-calendar {
	background-color: #fafffa;
	border          : 1px solid #678891;
	color           : #654D35;
	empty-cells     : show;
	font-family     : Verdana, Arial, Helvetica, sans-serif;
	font-size       : 13px;
	font-weight     : bold;
	margin-bottom   : 8px;
	width           : 160px;
}

#wp-calendar #next a, #wp-calendar #next {
	background-color: #fafffa;
	background-image: none;
	color      : #8A6C46;
	font-weight: normal;
	padding    : 0 5px 0 0;
	text-align : center;
}

#wp-calendar #prev a, #wp-calendar #prev{
	background-color: #fafffa;
	background-image: none;
	color      : #8A6C46;
	font-weight: normal;
	padding    : 0 0 0 5px;
	text-align : center;
}

#wp-calendar a {
	color  : #6E2224;
	display: block;
	text-decoration: none;
}

#wp-calendar caption {
	padding-bottom: 2px;
	padding-left  : 2px;
	text-align    : center;
}

#wp-calendar td { 	
	border-bottom: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
	color: #777;
	font-size: 10px;
	font-weight: normal;
	padding: 1px 1px;
	text-align: center;
}

#wp-calendar td:hover {
	background-color: #fff;
	xbackground-color: #DBCD9C;
}

#wp-calendar td.pad {
	background-color: #fafaff;
}
	
#wp-calendar #today {
	background-color: #fff;
	color: #333;
}

#wp-calendar th {
	background-color: #d8e8ff;
	border          : 1px solid #7D5B38;
	color           : #8f3B28;
	font-style      : normal;
	text-transform  : uppercase;
	text-align      : center;
}

/* Toolbar Tooltip */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position       : relative;
  text-decoration: none; 
}
  
a.tooltip:hover {
  background: transparent;
}

a.tooltip span {
  display: none;  
  text-decoration: none; 
}

za.tooltip:hover span {
	background: #f9ffcc;
	border  : 1px solid #7D5B38;
	color   : #7D5B38;
	cursor  : crosshair;
	display : block;
	font    : .9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	padding : 5px;
	position: absolute;
	top     : -3em;
	z-index : 100;
}

.gort:hover {
 float: right !important;
}
/* End Toolbar Tooltip */


.tab {
}

.tabHead {
 height  : 36px;
 position: relative;
 width   : 190px;
}

.tabImg {
 height  : 36px;
 width   : 190px;
}

.tabTitle {
 left    : 0;
 padding : 0 0 0 24px !important;
 position: absolute;
 top     : 0px;
 width   : 166px;
}

.tabBody {
 width   : 190px;
}



.tabOut   {
 height   : 36px;
}

.tabLeft  {
 height : 36px;
 padding: 0 0 0 24px !important;
}

.tabIn    {
 height     : 36px;
 padding-top: 6px !important;
 width      : 115px;
}