/************** font and text decoration ***************/
body {
	font-family: Arial, sans-serif;
}

p {
    line-height:1.5em;
}

a {
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

h1,h2,h3,h4,a#logo {
	font-family: Georgia, "Trebuchet MS", sans-serif;
	font-weight: normal;
	letter-spacing:0px;
}
h1 {
	font-size:2.5em;
	letter-spacing:0px;
	letter-spacing: -0.070em;
}
a#logo {
	font-size:2.2em;
	letter-spacing:0px;
	letter-spacing: -0.070em;
}

#menu h1,
div.width_1_3 h1,
div.width_1_2 h1 {
    font-size:1.8em;
}

h2 {
	xfont-family: Verdana, sans-serif;
	letter-spacing: -0.050em;
	font-size:1.5em;
	font-weight: normal;
}
h3,h4 {
	xfont-family: Verdana, sans-serif;
	font-size:1.3em;
	xfont-weight: bold;
}
h3 {
}
h4 {
}
#page {
	font-size:15px;
}

#header form input.text,
#header form input.submit {
    font-size:1.0em;	
}

ul.subMenu li {
	xfont-family: Georgia, "Trebuchet MS", sans-serif;
    xfont-size:1.15em;
}
p.addNew a{	
	font-weight:bold;
	font-size:1.2em;
}



/**************** background-color ***************/
body {
	background-color:#f4f4f4;
}
#page {
	background-color:#f7f7f7;    
	background-color:#eef;
}
#headerOuter {
	background-color:#f7f7f7;    
	background-color:#eef;
}
#menuOuter {
	background-color:#f7f7f7;    
	background-color:#eef;
}
#footerOuter {
}

#header {
	background-color:#f7f7f7;    
	background-color:#f9f9f9;    
}
#menu {
	background-color:#f7f7f7;    
	background-color:#f9f9f9;    
}

#content {
	background-color:#f4f4f7;    
}

#content,
ul.subMenu{
	xbackground-color:#f9f9f9;    
}
.section,
ul.subMenu li.selected a {
	background-color:white;    
}

ul.subMenu li a:hover {
}
ul.subMenu li a {
	background-color:#eef;
}
ul.subMenu li a:hover {
	background-color:white;    
}

.contentEdit {
	background-color: #ddf;
}


.sponsored {
	background-color:white;
}

#footer {
	background-color:#f4f4f7;    
}



/************ foreground colors **************/
body {
	color:black;
}
a {
    color:#009;
    color:#270;
    color:#00d;
}
a:hover {
}
.subHeader {
    color:#bbbbbb;
}
h1,
h2,
h3,
h4 {
    color:#000;
}
h2, h3, h4 {
	color:#7b1;
}

a#logo span {
	color:#bbb;
}


input.prompt {
    color:#bbb;
}

#familyTree h1 {
    xcolor:white;
}
p.addNew a{	
	color:#00d;
}

/************ borders **************/
a {
    xborder-bottom:1px solid #ffeeaa;
}
#content,
#menu,
#header,
#footer {
    xborder-left: 1px dotted #ccc;
    xborder-right: 1px dotted #ccc;
}
#header {
	border-bottom: 2px solid #ccd;
}
#menu {
    border-bottom: 1px dotted #ccc;
}
#menu form input.submit {
    border-left:none;
    border-right:1px solid #999;
    border-bottom:1px solid #999;
}
ul.subMenu {
	border-bottom: 2px solid #ccd;
}
ul.subMenu li {
}
ul.subMenu li.selected {
    border-bottom: 2px solid white;
}
ul.subMenu li a{
    border-top: 2px solid #ccd;
    border-right: 2px solid #ccd;
    border-left: 2px solid #ccd;
}
.sponsored {
}
.tabContent,
.sponsored {
	border-bottom:1px solid #ccc;
}
div.contentView {
}
div.contentEdit input,
div.contentEdit textarea {
    border:2px solid #bbbbff;
}

div.rule {
	height:10px;
	background-color:#e9e9e9;
	margin:0 10px;
}
p.rule {
    border-top:1px dotted #ccc;
}
/* border around images in posts. */
div.postPhotoFrame {
    border:1px solid #ccc;    
}

.headerInner {
	border-top:1px solid #ddd;
	border-bottom:1px dotted #ddd;
}


/*******************************************/
.jqmWindow {
	color: #333;
	background-color:#F6F5FF;
	border: 1px solid black;
}
iframe#jqmContent {
	background-color:white;
}



/* default form styles, used in login, register, etc. */
form input{
	border:1px solid #ddd;
}
form ul{
}
form input.submit{
	cursor:pointer;
}

/* de-emphasise something... */
span.dem {
}


#header {
}
#footer {
}
#header p, 
#footer p {
}
#header h1  {
}
#header h1 span {
}
#menu {
}

/* top menu styles... */
#menu a {
}	
#menu a:hover {
}

#menu form label {
}
#menu form input {
}
#menu form input.submit {
}
#menu form select {
}


/*main content */
#content {
}

/* search, overives, articles, progress logs, ... all these are sections */
.section {
    background-color:white;
}


/* subMenu usually sits in the middle column */ 
ul.subMenu {
}
ul.subMenu li {
}
ul.subMenu li a:hover {
}
ul.subMenu li.selected {
}
ul.subMenu li.selected a:hover {
}





/***************** content Viewing and Editing *******************/

/* for viewing and editing modes */
textarea {
}

.header span.actions {
}

.header .headerInner {
}
.header h3 {
}

.subHeader {
}

.footer {
}
.footer span {
}



/* when we are editing the content */
.contentEdit {
}

.contentEdit input {
}
.contentEdit input:focus {
}
.contentEdit input.prompt {
}

/* for "add new post" buttons */
p.addNew {	
}



/* contentView sub-types */
.comment {
}
.comment .header {
}


/* jquery rte stuff */
iframe{
}

.frameBody {
}
.frameBody img {
}
.frameBody p {
}

.rte-zone {
}

.rte-toolbar a {
}
.rte-toolbar a:hover {
}
.rte-toolbar a.bold {
	background:white url(/images/editorIcons.png) 0px top no-repeat;
}
.rte-toolbar a.italic {
	background:white url(/images/editorIcons.png) -18px top no-repeat;
}
.rte-toolbar a.unorderedlist{
	background:white url(/images/editorIcons.png) -36px top no-repeat;
}
.rte-toolbar a.link{
	background:white url(/images/editorIcons.png) -54px top no-repeat;
}
.rte-toolbar a.image{
	background:white url(/images/editorIcons.png) -72px top no-repeat;
}
.rte-toolbar a.video{
	background:white url(/images/editorIcons.png) -90px top no-repeat;
}