/*
    roseofsharon.css -- CSS for raZor's Rose of Sharon
*/

/*
	COLOR KEY:
	
	dark - baseline/background: #FF9966 - orange
	medium - content/left pane: #FFDFBF - peach
	light - foreground: #FFFFFF - white


*/

body {
    font-family: Georgia, Verdana, Helvetica, Sans-serif;
	font-size: 11pt;
	margin: 0em;
	padding: 15px;
	background: white;
	/*border: solid 1px black;*/
}

/* container styles */
#container {
    background: #FF9966;
    padding: 15px;
	/*border: solid 1px black;*/
	/*min-height: 1024px;*/
}

/* header styles */

#header {
    background: #FFDFBF; /* medium */
	height: 50px;
    /*border: solid 1px black;*/
}

#header div {
    display: block;
}

#logo {
	/*display: inline;*/
	/*background: #777 url('/includes/images/rose_logo.jpg') repeat top left;*/
	/*background: #FFFFFF; */ /* light */
	background: #FFFFFF url("/includes/images/corner_topright_light_med.png") no-repeat top right;
	float: left;
	height: 30px;
	font-size: 1.2em;
	font-weight: bold;
    text-align: center;
    width: 250px;
	/*margin-top: -1px;*/
	margin-left: 10px;
	padding-top: 10px;
}

#logo img {
    vertical-align: top;
}

#tabs {
	float: right;
    text-align: right;
	background: #FFFFFF; /* light */
	margin-top: 20px;
	height: 20px;
	margin-right: 20px;
	background: #FFFFFF url("/includes/images/corner_topright_light_med.png") no-repeat top right;
}

#tabs ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

#tabs li {
    display: inline;
	padding-left: 10px;
	padding-right: 10px;
}

#tabs li a#current {
	text-decoration: none;
	color: gray;
}

#tabs li a {
	text-decoration: none;
	color: black;
}

#tabs li a:hover {
	text-decoration: underline;
	color: red;
}


/* main styles */

#main {
	padding-top: 5px;
    background: #FF9966; /* dark */
}

/* left side styles */

#left {
	float: left;
	margin-left: 5px;
	width: 200px;
	background: #FFDFBF; /* medium */
	padding: 5px;
}

/* content styles */

#content {
	margin-left: 225px;
	background: #FFDFBF; /* medium */
	padding: 5px;
	margin-right: 5px;
	
	/*vertical-align: bottom;*/
}

#content h4 {
	margin-top: 0.2em;
	margin-bottom: 0.4em;
	font-size: 1em;
}

#content h2 {
	margin-top: 0.2em;
	margin-bottom: 0.4em;
	font-size: 1.1em;
}

#content h1 {
	margin-top: 0.2em;
	margin-bottom: 0.4em;
	font-size: 1em;
	width: 95%;
	/*background: #8c464e;*/ /* dark */
	/*background: #FFFFFF;*/ /* light */
	background: #FFFFFF url("/includes/images/rounded_bar_right.png") no-repeat top right;
	height: 20px;
}

#content p {
	text-indent: 1.5em;
}

#content p.book {
	text-indent: 1em;
}

#content p.book:first-letter {
	float: left;
	font: 4em "Tiranti Solid LET", Georgia, Verdana, Helvetica, Sans-serif;
}

/* form / input styles */

input {
	background: #ddd;
}

/* table styles */

table.rose {
}

table.rose caption {
	font-size: 0.7em;
}

table.rose tr.rowA {
	background: #FFDFBF; /* medium */
}

table.rose tr.rowB {
}

td.fiftypercent {
	width: 50%;
}

/* large links - taken from softened Cells by (snop?) fullahead.org */

ul.links {
  float: left;
  padding: 0px;
  margin: 0px;
}

ul.links li {
  float: left;
  list-style-type: none;
  list-style: none;
}

ul.links li a {
  float: left;
  width: 195px;
  padding-top: 5px;
  margin: 0px;  
  cursor: pointer;
  text-decoration: none;
}

ul.links li a:hover {
  background: #FFFFFF url("/includes/images/link_top.png") no-repeat top center;
}

ul.links li a span.title {
  display: block;
  margin-left: 11px;
  text-indent: 20px;  
  background:  url("/includes/images/link_arrow.gif") no-repeat center left;
  color: black;
}


ul.links li a span.desc {
  float: left;
  width: 175px;
  padding-right: 3px;
  margin-left: 10px;
  color: #666;
}



ul.links li a span.bottom {
  display: block;
  height: 18px;
  clear: both;
}


ul.links li a:hover span.bottom {
  background: #FFDFBF url("/includes/images/link_bottom.png") no-repeat top center;
}

/* box styles */

.box, .boxnav { /* full-width box */
	background: #FFFFFF; /* light */
	margin-bottom: 0.5em;
	padding-bottom: 0.1em;
	width: 95%; /* 100% makes IE wrap funny */
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

.box50 { /* half-width box */
	background: #FFFFFF; /* light */
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	width: 49%;
	padding-left: 5px;
	padding-right: 5px;
	/*
	float: left;
	margin-left: 3%;
	margin-right: 3%;
	*/
	/*display: inline;*/
}

div.scroll {
	height: 200px;
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
	overflow: auto;
	border: 1px solid #666;
	background-color: #ccc;
	padding: 8px;
}

.box h3, .box50 h3, .boxnav h3 {
	margin-left: -5px;
	margin-right: -5px;
	margin-top: 0em;
	margin-bottom: 0.5em;
	font-size: 0.8em;
	font-variant: small-caps;
	/*background: #8c464e;*/ /* dark */
	border-bottom: dashed 1px #FF9966; /* dark */
	padding-left: 5px;
}

.box a {
	color: blue;
	text-decoration: underline;
}

.boxnav a {
	display: block;
	color: black;
	padding-left: 5px;
	padding-bottom: 2px;
	text-decoration: none;
}

.box50 a {
	display: block;
	color: black;
	padding-left: 5px;
	padding-bottom: 2px;
	text-decoration: none;
}

.box a:hover, .box50 a:hover, .boxnav a:hover {
	background: #FF9966; /* dark */
}

.box img.left {
	float: left;
	margin: 2px;
	border: dashed 1px #FF9966; /* dark */
}

.box img.right {
	float: right;
	margin: 2px;
	border: dashed 1px #FF9966; /* dark */
}

/* Copyright & validation links styles */

span.smallGray {
	color: #777;
	font-size: 0.7em;
}

span.smallGray a {
	color: #777;
}

/* Corner styles */

.roundHeader_med {
	background:  url("/includes/images/corner_topright_med.png") no-repeat top right;
}

.roundFooter_dark {
	background: #FF9966 url("/includes/images/corner_botright_dark.png") no-repeat bottom right;
}

.roundLeft_med {
	background:  url("/includes/images/corner_topright_med_dark.png") no-repeat top right;
	margin-right: -5px;
	margin-top: -5px;
}


.roundLeft2_med {
	background:  url("/includes/images/corner_botright_med_dark.png") no-repeat top right;
	margin-right: -5px;
	margin-bottom: -5px;
}

.roundBoxTop_light {
	margin-right: -5px;
	background:  url("/includes/images/corner_topright_light_med.png") no-repeat top right;
}

.roundBoxBottom_light {
	margin-bottom: -5px;
	margin-right: -5px;
	background:  url("/includes/images/corner_botright_light_med.png") no-repeat bottom right;
}


img.corner {
	width: 10px;
	height: 10px;
	border: none;
	display: block !important;
}