/*
Theme Name: F2 Custom
Theme URI: http://srinig.com/wordpress/themes/f2/
Description: Customized version of the F2 theme.
Version: 1.0.4
Author: Srini G
Author URI: http://srinig.com/wordpress
Template: f2
*/

@import url("../f2/style.css");

body {
	background-color: white;
	background-image: url(http://i150.photobucket.com/albums/s90/robinwhitman/0-zorba-wp/zp-backtile.gif);

}

#page {
	mini-width: 740px;
        max-width: 96%;
	margin:0 auto;
}

.questions {
font-size: 120%;
color: red;
}

.whitetext {
color: #fff;
font-size: 120%;
}

.sub80 {
font-size: 80%;
line-height: 200%;
}

.sub80nolead {
font-size: 80%;
}

.newspar {
background-image: url(http://i150.photobucket.com/albums/s90/robinwhitman/0-zorba-wp/parchment.gif); 
padding: 28px;
width: 96%;
color: black;
font-size: 120%;
line-height: 150%;
font-family: Verdana, sans-serif;
}

/*  justifies text left */
  
.justleft {
color: black;
font-size: 120%;
line-height: 150%;
font-family: Verdana, sans-serif;
text-align: left;
}

.redme {
color: red;
}


.red120 {
color: red;
}

.red125 {
color: red;
font-size: 150%
}

.tabtext {
color: black;
font-size: 150%
}

.li-text {
font-size: 1.2em;
line-height: 150%;
color: #000;
}

.leading130 {
line-height: 130%;
}

.phome {
font-size: 2em;
color: #000;
}

.phome3em {
font-size: 200%;
color: #000;
}


/* this does not work !
ztable.tr {
background-color: #000;
color: #fff;
}

*/

/* original "page"
#page {
	min-width: 740px;
	max-width: 1240px;
	margin:0 auto;
}
*/

/* dark blue color #00008B */

/* original sidebars color: border-left:240px solid #eee; */ 

/* Ann's sidebar color: #53a4d9 */

#wrapper{
  float:left;
  width:100%;
  border-left:240px solid #87CEFA; /* Sidebar left background color */
  border-right:240px solid #00FFFF; /* Siderab right background color */
  margin-left:-240px;
  margin-right:-240px;
  background-color:#fff;
  display:inline;
}

/* changed content
#content{
	float:left;
	width:92%;
	margin-right:-100%;
	padding:20px 4%;
	overflow:hidden;
	background-image: url(http://i150.photobucket.com/albums/s90/robinwhitman/0-zorba-wp/zp-backtile.gif);
}
*/

/* original content */
#content{
	float:left;
	width:92%;
	margin-right:-100%;
	padding:20px 4%;
	overflow:hidden;
	background:#fff;
}


/* changed this below FROM this color background:#27567a;  */

/* #00008B purple  */

/* original font size: 1.2 em */

#hmenu ul li a {
	display:block;
	background:#2F4F4F;
	color:#00FFFF;
	padding:4px 20px;
	margin:0 1px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 2em;
}

#hmenu ul li a:hover, #hmenu ul li.hmenu_rss a:hover {
	background-color: #00FFFF;
	color: #2F4F4F;
}

/* sidebar WAS this color 	color:#222;  */

.sidebar {
	color:#000;
	}
	
	/* Footer */
#footer { 
	text-align:center;
	font-size:1em;
	background:#2F4F4F;
	color:#00FFFF;
	border:1px solid #999;
}


#footer a {
	color:#aac;
}

h1, h2, h3, h4, h5, h6 {
	color:#555;
	font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Verdana', Sans-Serif;
	text-align:left;
}

/* this gives you a solid red line that is 50% wide across the center of the page.
This is for the hr horizontal rule in the middle of chapters, so that I can simply the front matter. */


.half-line-red {
	color: red;
	background-color: red;
	border: 0;
	height:1em;
	width: 50%;
	} 
	
	
/* this code gives you a solid red line that is 50% wide that is flush left */
/* 	this is the code that makes it left-flush:  margin-left: 0px;  */



.half-line-red-left {
	color: red;
	background-color: red;
	border: 0;
	height:1em;
	width: 50%;
	margin-left: 0px;
	text-align: left;
	} 
	
	

.half-line-red-left-ORIG {
	color: red;
	background-color: red;
	border: 0;
	height:1em;
	width: 50%;
	margin: 10px auto 0 0;
	text-align: left;
	} 



/* the below should appear in the html page like this:  <hr class="bar-gold-ridge-left"/>  */

.bar-gold-ridge-left {
	border: 6px ridge #cf0;
	width: 50%;
	height: 16px;
	margin-left: 0px;
	text-align: left;
	}
	

.bar-gold-ridge-center {
	border: 6px ridge #cf0;
	width: 50%;
	height: 16px;
        margin: auto;	
        text-align: center;
	}


/* To style the hr element without the stylesheet, you can style the hr liket this:
<hr style="color:black; background-color:black; border:0; heght:1em; width:98%; />
*/

.block-better {
font-size: 2em;
color: red;
}

/* Style for the Tables created with the Plug-in WP Tables Reloaded */

.wp-table-reloaded {
	background-color:#CDCDCD;
	margin:10px 0px 15px 0px;
	font-size:8pt;
	width:100%;
	text-align:left;
}

/* Old th background color: background-color:#E6EEEE;       */
/* Old th text color:            */

.wp-table-reloaded th {
       background-color:#2F4F4F;
        color:#00FFFF;
	border:1px solid #FFFFFF;
	padding:4px;
}
.wp-table-reloaded td {
	color:#3D3D3D;
	padding:4px;
	background-color:#FFFFFF;
	vertical-align:top;
}
.wp-table-reloaded .even td {
	background-color:#FFFFFF;
}
.wp-table-reloaded .odd td{
	background-color:#F0F0F6;
}
.wp-table-reloaded .header {
	background-image:url(http://www.zorba.us/wp-content/plugins/wp-table-reloaded/img/bg.gif);
	background-repeat:no-repeat;
	background-position:center right;
	cursor:pointer;
}
.wp-table-reloaded .headerSortUp {
	background-color:#8DBDD8;
	background-image:url(http://www.zorba.us/wp-content/plugins/wp-table-reloaded/img/asc.gif);
}

.wp-table-reloaded .headerSortDown {
	background-color:#8DBDD8;
	background-image:url(http://www.zorba.us/wp-content/plugins/wp-table-reloaded/img/desc.gif);
}