/*
CSS-file for Strictly CSS three column layout 2006
http://www.strictlycss.com
Developed by Eivind Savio
*/
* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
color: #000; 
font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
background-color: #fedcba; 
font-size: 14px;
text-align: center; /*** Centers the design in old IE versions ***/
}
body {

}
p {padding: 7px 0 7px 0;}


h1, h2, h3 {
font-weight: bold;

}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h1 a, #header h2{
color: #000;
}
.clear { clear: both; }
#mainContainer {
width: 778px;
margin: 0 auto; /*** Centers the design ***/
min-height: 400px;
background: #ed9c2e;
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}
* html #mainContainer {
height: 400px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
HEADER
**************************/
#header {
background: #ed9c2e;
padding: 5px;
margin-top: -10px;
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
padding-left: 183px;  
}
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
width: 595px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
}
* html .inner {
width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
float: left;
width: 778px;
margin-left: -183px; /*** Same length as .outer padding-left but with negative value ***/
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: right;
width: 618px;
background: #ed9c2e;
}
* html #content {
position: relative; /*** IE needs this  ***/
}
.contentWrap{
padding: 0 4px 4px 0;

}
.contentWrap{
	min-height:350px;	
}
*html .contentWrap{
	height: 350px;
}
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: left;
width: 150px;
background: #ed9c2e; 
min-height: 350px;
padding:0 0 4px 4px;

}
* html #left {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
height: 350px;
}


/*************************
RIGHT COLUMN
**************************/
#right {
margin: -120px 0 0 -760px; /*** Moves the right column to the top of the page. This is now our top menu above the header ***/
float: left; 
width: 750px;
background: #cfc;
padding: 3px;
height: 40px;
}
* html #right {
position: relative; /*** IE needs this. ***/
margin-top: -125px; /***Since IE is threating padding different than other browsers we need to move it a little bit more ***/
}
#right ul {
float: right;
list-style: none;
}
#right li {
display: inline; /*** Making the links horisontal aligned ***/
padding-right: 15px;
}
/**************************
FOOTER
**************************/
#footer {
width: 778px;
margin: 0 auto; /*** Since the footer is outside the #mainContainer we also need to center the footer ***/
color: #989898;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
}

/******************
Header rounded corners
*******************/
.header{display:block}
.header *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.header1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f4c687;
  border-right:1px solid #f4c687;
  background:#fae6ca}
.header2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #eea542;
  border-right:1px solid #eea542;
  background:#fbecd7}
.header3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #fbecd7;
  border-right:1px solid #fbecd7;}
.header4{
  border-left:1px solid #f4c687;
  border-right:1px solid #f4c687}
.header5{
  border-left:1px solid #fae6ca;
  border-right:1px solid #fae6ca}
.headerfg{
height:73px;
background: url('/images/logoOrange.gif') #fff 3px 17px no-repeat; 
padding-top:15px;
  }
.headerfg h1{
	margin-left:50px;
	padding-top: 6px;	
}

.headerfg a{
text-decoration:none;	
}
#headermenu{
	padding: 5px 0 5px 50px;
}

#headerlinks{
	position:absolute; 
	text-align:right; 
	top:35px;
	right:30px;
	
}

#headerlinks a{
	text-transform: uppercase;
	color: #989898;
	text-decoration: none;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;	
}

/******************
main content rounded corners
*******************/
.blogcontent{display:block}
.blogcontent *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.blogcontent1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f4c687;
  border-right:1px solid #f4c687;
  background:#fae6ca}
.blogcontent2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #eea542;
  border-right:1px solid #eea542;
  background:#fbecd7}
.blogcontent3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #fbecd7;
  border-right:1px solid #fbecd7;}
.blogcontent4{
  border-left:1px solid #f4c687;
  border-right:1px solid #f4c687}
.blogcontent5{
  border-left:1px solid #fae6ca;
  border-right:1px solid #fae6ca}
.blogcontentfg{
min-height: 350px;
  background:#ffffff;
  padding:5px;
  }
*html .blogcontentfg{
	height:350px;	
}

/******************
left side rounded corners
*******************/
.leftround{display:block}
.leftround *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#a3a83e}
.leftround1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #cda134;
  border-right:1px solid #cda134;
  background:#b5a53a}
.leftround2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e59d2f;
  border-right:1px solid #e59d2f;
  background:#b1a53a}
.leftround3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #b1a53a;
  border-right:1px solid #b1a53a;}
.leftround4{
  border-left:1px solid #cda134;
  border-right:1px solid #cda134}
.leftround5{
  border-left:1px solid #b5a53a;
  border-right:1px solid #b5a53a}

.leftroundfg{
	min-height:350px;
  background:#a3a83e}

*html .leftroundfg{
	height:350px;	
}

/******************
Entries
*******************/
.entry{
	margin-bottom:8px;
	padding-bottom:3px;
	border-bottom:1px solid #999;
}
a img{
	border: 0px;
}

.comment, .trackback, .commentAlt, .trackbackAlt{
	border: 1px solid #999;
	padding: 10px;
	margin:10px 0;
	position:relative;

}
.commentAlt, .trackbackAlt{
background-color:#efefef;

}
.comment img, .commentAlt img{
	float:left;
	position:relative;
	margin: 0 5px 5px 0;
}



.commentBody, .trackbackBody{
	color: #000000; 
	margin-bottom: 10px;
}

 #relatedEntriesList {
	color: #000000;
 }

.commentByLine, .trackbackByLine {
	font-style: italic;
}

.addCommentLink,.addTrackbackLink{
	text-align:right;
	}
#trackbacks,#comments{
	margin-top:8px;
	}

.autoImage {
	float: left;
	margin: 0 5px 5px 0;
}

.byline img{
	vertical-align: top;
}

/******************
Pod styles
*******************/

.rightMenu {
	border-collapse: collapse;
	color:#000;
}
.rightMenu a{
	color:#eee;
}
input, select, textarea {
	font-size: 1em; 
	color: #000000; 
	border:1px solid black;
	margin:2px;
}

.menuTitle {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .2em;
	padding: 5px;
	background-color:#bebe5e;
}

.calheader {
	text-align: center;
	font-weight: bold;
	font-size: 1em;
}
.calheader a{
	color:#fff;
	text-decoration:none;	
}

.menuBody {
	text-align: left;
	padding: 2px;
}

.menuBody .header {
	font-size: 1em;
}


#calendar{
	width:100%;
	margin:0 auto 0 auto
}
.calendarTable, .calendarTable a {
	text-align: center;
	padding: 2px;
	line-height: 14px;
}

.calendarToday {
	background-color: #bebe5e;
}



/*==================Forms======================*/
fieldset#commentForm, fieldset#sendForm{
margin:8px;
text-align:left;
}
fieldset#sendForm{
border:none;
}
fieldset#commentForm legend,fieldset#sendForm legend {
font-size: 1.1em;
font-weight: normal;
color: #000000;
margin: 0px 0px 0px 0px;
padding: 3px 5px 10px 5px;
}
fieldset#commentForm label,fieldset#sendForm label{
float:left;
width:110px
}
fieldset#sendForm label{
width:130px;
}
fieldset#commentForm div,fieldset#sendForm div{
clear:both;
margin-bottom:5px
}
fieldset#commentForm .longLabel{
width:260px
}
fieldset#sendForm .longLabel{
width:200px;
}
fieldset#commentForm .nofLoat,fieldset#sendForm .nofLoat{
float:none
}
fieldset#commentForm #comments,fieldset#sendForm #notes{
width:100%;
height:120px;
overflow: auto;
}
fieldset#sendForm #notes{
width:300px;
}
fieldset#commentForm img{
margin:3px auto
}
fieldset#sendForm img,fieldset#sendForm #submit{
margin-left:200px;
}
#popUpFormBody{
background:#fff;
margin:8px;
}