/********************************************
   AUTHOR:  			Pam Popielarski 
   WEBSITE:   			http://www.Siben-Ferber.com/
   VERSION:          	1.0
   LAST MODIFIED:    	Sept-30-2009          	
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 20px 0; padding: 0; font: normal .98em/1.5em 'Arial', sans-serif; color: #FFF; background: #fff;	text-align: center;		line-height: 20px;	
}
html {
overflow:scroll;
}
/* links 
a { background: inherit; color: #993333; text-decoration: none; } a:hover { background: inherit; color: #006699; text-decoration: underline; }*/

/* links */
.link1 { background: inherit; color: #cccccc; text-decoration: none; }
.link1:hover { background: inherit; color: #ffffff; text-decoration: underline; }

a { background: inherit; color: #ee77ee; text-decoration: none; }
a:hover { background: inherit; color: #ee11ee; text-decoration: underline; }

/* headers */

h1.redrum     {
	font: bold 1.5em 'Arial', Tahoma, Sans-serif; color: #660000;
}
h2.redrum     {
	font: bold 1.2em 'Arial', Tahoma, Sans-serif; color: #660000;
}
	
h1, h2, h3 {
	font: bold 1em 'Arial', Tahoma, Sans-serif;	color: #FFF;
}


h4 { font-size: 1.1em; }


h1 { font-size: 1.5em; } h2 { font-size: 1.2em; /*text-transform: uppercase; */}h3 { font-size: 1.2em; }

.firstletter {float:left; font-size: 1.9em; margin-bottom: 0px;}

p, h1, h2, h3, h4{
	margin: 5px 25px 25px 25px;
}

p.under{
	margin: 0px 0px 0px 25px;    text-decoration: underline; 
}

h5.large{
	margin: 0px 0px 0px 0px; font-size: 1.5em;
}

ul, ol {
	margin: 10px 50px;	padding: 0 15px;		
}

/* images */
border.img {
  border: 1px solid #DDD;   padding: 5px;  background-color: #FFF;
}

border.img.float-right {
  margin: 5px 0px 5px 15px;  
}
border.img.float-left {
  margin: 5px 15px 5px 0px;
}


/* images */
img {
  /*border: 1px solid #DDD; */
  padding: 0px;  border:0px;  text-align: center;
}
img.float-right {
  margin: 0px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
img.special {border: 1px black solid;}
code {
  margin: 5px 0;  padding: 10px;  text-align: left;  display: block;  overflow: auto;    font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;  border: 1px solid #eee;    
}


code {
  margin: 5px 0;  padding: 10px;  text-align: left;  display: block;  overflow: auto;    font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;  border: 1px solid #eee;    
}
acronym {
  cursor: help;  border-bottom: 1px solid #777;
}
blockquotes {
	margin: 15px; 	padding: 0 0 0 20px; background: #FAFAFA url(quote.gif) no-repeat 3px 5px; 	border: 1px solid #eee; font: bold 1.2em/1.5em 'Arial', Tahoma, sans-serif; 	color: #666666;	
}

blockquotez {
	margin: 15px; 	padding: 0 0 0 20px;  	background: #FAFAFA url(quotes.gif) no-repeat 3px 5px; border: 1px solid #eee; 	font: bold 1.2em/1.5em 'Arial', Tahoma, sans-serif; color: #666666;	
}

/* start - table 
table {
	border-collapse: collapse;	margin: 15px;	
}
th strong {
	color: #fff;
}
th {
	background: #993333;	height: 29px;	padding-left: 12px;	padding-right: 12px;	color: #FFF;	text-align: left;	border-left: 1px solid #D68686;	border-bottom: solid 2px #FFF;
}
tr {
	height: 30px;
}
td {
	padding-left: 11px;	padding-right: 11px;	border-left: 1px solid #E8E8E8;	border-bottom: 1px solid #DFDFDF;
}
td.first,th.first {
	border-left: 0px;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;		
}
/* end - table */

/* start - table */
table {
	border-collapse: collapse;    margin-left: auto;    margin-right: auto;	background: #336699;	width: 85%;
}
th strong {
	color: #fff;
}
th {
	background: #336699;	/*height: 26px;*/	padding: 0px;	text-align:left;	color: #FFF;	text-align: left;	border: 0px solid #D68686;

}
tr {
	height: 20px;
}
td {
	padding: 0px 0px 0px 10px;	border: 1px solid #E8E8E8;	text-align: left;

}
td.first,th.first {
	border-left: 0px;	width: 50px;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;		
}
/* end - table */

/* form elements */
form {
	margin:10px 15px; padding: 0;	border: 1px solid #eee; 	background-color: #FAFAFA; 
}
label {
	display:block;	font-weight:bold;	margin:5px 0;
}
input {
	padding: 2px;	border:1px solid #eee;	font: normal 1em 'Arial', verdana, sans-serif;	color:#777;
}
textarea {
	width:400px;	padding:2px;	font: normal 1em 'Arial', verdana, sans-serif;	border:1px solid #eee;	height:100px;	display:block;	color:#777;
}
input.button { 
	margin: 0; 	font: bold 1em Arial, Sans-serif; 	border: 1px solid #CCC;	background: #FFF; 	padding: 2px 3px; 	color: #333;	
}

/* search form */
.searchform {
	background-color: transparent;	border: none;		margin: 0; padding: 0;	
}
.searchform p { margin: 10px; padding: 0; }
.searchform input.textbox { 
	width: 130px;	color: #333; 	height: 20px;	padding: 2px;		vertical-align: top;
}
.searchform input.button { 
	font: bold 12px Arial, Sans-serif; 	color: #333;		width: 60px;	height: 26px;	border: none;	padding: 3px 5px;		vertical-align: top;
}

/***********************
	  LAYOUT
************************/
#wrap {
	width: 830px;	margin: 0 auto;	
}

/* header */
#header {
	position: relative;	height: 220px;	text-align: left;	margin: 0; padding: 0;	background: #FFF;
}

#header .headerphoto {
	position: absolute;	right: 15px ; top: 15px;	width: 800px;	height: 220px;	
}

.headerphoto a {
    display: block;    width: 800px;	height: 210px;	background: #FFF url(headerphoto.png) no-repeat;	
}

#logo-box h1#logo {
	position: absolute;		font: bold 50px 'Arial', Sans-serif;	letter-spacing: -2px; 	color: #FFF;	margin: 0; padding: 0;
	
	/* change the values of left and top to adjust the position of the logo */
	top: 25px; left: 64px;
}
#logo-box h1#logo a {
	text-decoration: none;	color: #FFF;
}
#logo-box #slogan {
	position: absolute;	font: bold 12px 'Arial', Sans-serif;	text-transform: none;	color: #FFF;		margin: 0; padding: 0;
	
	/* change the values of left and top to adjust the position of the slogan */
	top: 148px; left: 120px;
}

#phone {
	position: absolute;		font: bold 12px 'Arial', Sans-serif;	text-transform: none;	color: #FFF;	margin: 0; padding: 0;	background: #FFF url(phone.jpg) no-repeat;	width:250px;
	height:30px;	z-index:1;	
	/* change the values of left and top to adjust the position of the slogan */
	right: 12px;	bottom: -50px;
}

/* header menu */
#menu {	
	position: relative; top: 0px; clear: both;	margin-left: auto;  margin-right: auto; float: left; height: 30px;
}
#menu ul {

	font: bolder 12px 'Arial', sans-serif;	text-transform: uppercase;  color: #FFC;    height: 30px;	width: 770px; background-color: #333333;	margin: 0px 15px;	display: inline;	border-bottom: 0px solid #FFF;	float: left; background: #FFF url(menu.png) repeat-x;
}
#menu li {
	float: left;	list-style: none;   color: #F0F;
}
#menu li a {
	display: block;	padding: 5px 10px;		color: #FFF;	text-decoration: none;	min-width: 130px;   
}


#menu a:hover {
	color: #EEE;    background: #F08 url(ms.png) repeat-x; min-width: 130px;    height: 20px;

}

#menu .active a {
	color: #EEE;    background: #F00 url(ms.png) repeat-x; min-width: 130px;    height: 20px;

}
/* content */
#content-wrap {
	clear: both;	float: left;	padding-top: 25px;   width: 100%;	background: #336699 url(content.png) repeat-y;
	
}
#content-wrap-two {
	clear: both;	float: left;	width: 100%;	background: url(contents.png) repeat-y;    min-height: 575px;
	
}

#content {
	width: 800px;	clear: both;	text-align: left;	padding: 0;	margin: 0 auto;			
}

#content ul li {
	list-style-image: url(bullet.png);
}

/* sidebar 
#sidebar {
	float: left;	width: 30%;	margin: 0 0 10px 0; padding: 0;	
}	
#sidebar h1 {
	padding: 10px 0px 5px 10px;	margin: 0;	color: #FFF;
}
.sidebox {
	margin-bottom: 10px;	
}
*/
/* sidebar menu 
#sidebar ul.sidemenu {
	list-style:none;	margin: 10px 0 15px 0;	padding: 0;		
}
#sidebar ul.sidemenu li {
	padding: 0px 10px;
}
#sidebar ul.sidemenu a {
	display:block;	font-weight:normal;	color: #333;	height: 1.5em;		padding:.3em 0 .3em 15px;	line-height: 1.5em;	border-bottom: 1px dashed #D5D5D5;	text-decoration:none;
}
#sidebar ul.sidemenu a.top{	
	border-top: 1px dashed #D5D5D5;
}
#sidebar ul.sidemenu a:hover {
	padding: .3em 0 .3em 10px;	border-left: 5px solid  #993333;	color: #993333;		
}*/

/* sidebar */
#sidebar {

	float: left; 	width: 26%;	margin: 0px; padding: 0;	min-height: 600px;		overflow: auto;	background: #336699;
}	
#sidebar h1 {
    padding: 0px;	margin: 0px;	color: #660000;	
}
.sidebox {
	margin-bottom: 0px;	margin-left: 10px;	
}

/* sidebar menu */
#sidebar ul.sidemenu {
	list-style:none;	margin: 0px;	padding: 0px;		
	
}
#sidebar ul.sidemenu li {
	padding: 0px 0px;
}
#sidebar ul.sidemenu a {
	display:block;	font-weight:normal;	color: #333;	height: 1.5em;		padding:.3em 0 .3em 15px;	line-height: 1.5em;	border-bottom: 1px dashed #D5D5D5;	text-decoration:none;
}
#sidebar ul.sidemenu a.top{	
	border-top: 1px dashed #D5D5D5;
}
#sidebar ul.sidemenu a:hover {
	padding: .3em 0 .3em 10px;	border-left: 5px solid  #993333;	color: #cccccc;		
}


/* main */
#main {
	float: left;	width: 67%;	margin: 0 0 10px 0; padding: 0;	
}
#main h1 {
	padding: 10px 0 5px 5px;	margin: 0 0 0 10px;	border-bottom: 1px dashed #D5D5D5; 	
}
#main ul li {
	list-style-image: url(bullet.png);
}

#main2 {
       margin-left: auto;  margin-right: auto;   margin-top: 15px;	width: 95%;  
}

/* Page Objects */

#doc {
	position: relative;	padding: 20px; margin: 60px;	float:right;	text-decoration: none;

}

.post {
	margin: 0; padding: 0;	
}
.post .post-footer {
	background-color: #fafafa;	padding: 5px; margin-top: 20px;	font-size: 95%;	border: 1px solid #eee;
}
.post .post-footer .date {
	background: url(images/clock.gif) no-repeat 0 center;	padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .comments {
	background: url(images/comment.gif) no-repeat 0 center;	padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .readmore {
	background: url(images/page.gif) no-repeat 0 center;	padding-left: 20px; margin: 0 10px 0 5px;
}

/* footer */
#footer {
	clear: both;	margin: 0; padding: 12px 0 0 0;	font: normal .92em/1.5em 'Arial', Tahoma, Arial, sans-serif;	height: 45px;	background: #FFF url(content-.jpg) no-repeat left bottom;	color: #666666;	text-align: center;
}
#footer p {
	margin: 0; padding: 0;
}
#footer a {
	text-decoration: none;
	color: #777;	
}
#footer a:hover {
	text-decoration: underline;
	color: #333;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.gray  { color: #BFBFBF; }