/* mac hide\*/
/* html, body {height:100%} */
/* end hide */
body {
    padding:0;
    margin:0;
    text-align:center;
    min-width:960px;/* for mozilla*/
    background-color: #F1F1F1;
    color: #000000;
    font: 0.75em Verdana,Tahoma,Arial,sans-serif;    
}
#outer{
    height:100%;
    min-height:100%;
    width:958px;
    border-left:1px solid #000;
    border-right:1px solid #000;
    color: #000000;
    text-align:left;
    margin:auto;
    position:relative;	
    position:relative;
    background-color: #FFFFFF;        
  -moz-box-shadow: 0 0 5px #999; /* firefox 3.5+ */
	-webkit-box-shadow: 0 0 5px #999; /* webkit */
	box-shadow: 0 0 5px #999;
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#innerwrap {/* enables content first */
    float:left;
    width:950px;        
}
#header{
    position:absolute;
    top:0;
    left:-1px;
    width:958px;
    height:70px;
    background:#3782C5;
    border:1px solid #000;
    overflow:hidden;
    color: #FFFFFF;
    z-index:100;
    padding-top: 5px;
}
#subscribe{
  float: right;
  margin-top: -40px;
  margin-right: 20px;
}
#subscribe a{
  color: #FFFFFF;
}
#left {
    position:relative;/*ie needs this to show float */
    width:150px;
    float:left;
    padding-top:77px;/*needed to make room for header*/
    padding-bottom:32px;/* needed to make room for footer */
    padding-left: 5px;
        
}
#left p {padding-left:3px;padding-right:2px}
#right p {padding-left:4px;padding-right:2px}

#right {
	position:relative;/*ie needs this to show float */
	width:180px;
	float:right;
	padding-top:77px;/*needed to make room for header*/
	padding-bottom:32px;/* needed to make room for footer */
}
#right h3, #right h2{
    display: block;
    color: #FFFFFF;
    background-color: #3782C5;
    padding: 5px;
}

#footer {
	width:958px;
	clear:both;
	height:25px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-color: #3782C5;
	color: #FFFFFF;
	text-align:center;
	left:0;
	bottom:0;
	position: absolute;
        padding-top: 5px;

}
* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centrecontent {
	width:790px;
	float:right;
	padding-top:80px;
	padding-bottom:32px;/* needed to make room for footer */
        
}
#centrecontent p {padding-left:3px}

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */

#header h1 a { 
  letter-spacing: 5px;
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
}

#header h1, #header h2 {
    padding: 0;
    margin: 0;
    font-weight: 400;    
}    
#header h1 {
    margin-left: 10px;    
    font-size: 2.4em;
}
#header h2 {	
    font-size: 1.4em;
    margin-left: 30px;
    color: #FFFFFF;
}
h1, h2, h3 {
    color: #3782C5
}
.post {
    border: 1px solid #6AA7E5;
    margin: 10px 5px 20px 5px;
    color: #000000;
    background-color: #FFFFFF;    
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;    

}
.post h2 {
    color: #FFFFFF;
    margin: 0px;   
    font-size: 1.6em;
    -moz-border-radius-topright: 6px;
    background-color: #3782C5;
    padding: 5px;
}
.post h2 a {
  color: #FFFFFF;
  text-decoration: none;
}
.post img.alignright {
  display: inline;
  margin: 0pt 5pt 2px 7px;
  padding: 5px;
  float: right;
}
.postbody {
  padding-left: 5px;
  padding-right: 10px;

}
.clear1 {
  clear: both;
}
.tags, .postdate {    
  margin: 0px 0px 10px 0px;
  padding-left: 5px;
  padding-right: 5px;
  /* margin-bottom: 10px; */
  padding-bottom: 5px;
  font-size: 0.8em;
  border-bottom: 1px solid #3782C5;
  color: #DDDDDD;
  background-color: #3782C5;
}
.tags {
  padding-left: 15px;

}
.postdate {
    float: right;
    margin-left: 0px;
}
.quickpost {
  border: 1px solid #3782C5;
  margin: 5px;
  color: #000000;
  background-color: #3782C5;
  margin-bottom: 10px;
  margin-top: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
}
.quickpost h2 {
  float: left;
  font: 1em Verdana,Tahoma,Arial,sans-serif;
  color: #FFFFFF;
  background-color: #3782C5;
  padding: 5px;
  margin: 0px;
  width: 70px;
}
.quickpost p {
  padding: 5px;
  margin-bottom: 0px;
  margin-left: 80px;
  background-color: #ffffff;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
}
.shortpost {
  border: 1px solid #3782C5;
  margin: 5px;
/*	margin-left: 20px;*/
  color: #000000;
  background-color: #3782C5;
  margin-bottom: 10px;
  margin-top: 10px;
  /* -moz-border-radius-topleft: 10px; */
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topright: 10px;
  /* -moz-border-radius-bottomright: 10px; */

}
.shortpost h2 {
  float: left;
  font: 1em Verdana,Tahoma,Arial,sans-serif;
  color: #FFFFFF;
  background-color: #3782C5;
  padding: 5px;
  margin: 0px;
  width: 40px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  
}
.shortpost p {
  padding: 5px;
/*	padding-left: 15px;*/
  margin-bottom: 0px;
  margin-left: 50px;
  background-color: #ffffff;
/*  -moz-border-radius-topleft: 10px;*/
/*  -moz-border-radius-bottomleft: 10px;*/
/*	-moz-border-radius-topright: 10px;*/
/*	-moz-border-radius-bottomright: 10px;*/
/*	width: 300px;*/
	margin-right: 180px;
}
.shortdate {
	float: right;
	margin-top: -26px;
	padding: 1px;
  padding-right: 10px;
/*	color: #FFFFFF;*/
	color: #DDDDDD;
  /* background-color: #3782C5; */
	font-size: 0.8em;
	-moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  width: 160px;
  text-align: right;
}

#notice {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin: 20px;  
  background-color: yellow;
}
#fullpage {
   
    padding-top: 80px;
    padding-bottom: 40px;/* needed to make room for footer */    
    background: #FFFFFF;
    
}
#page {
    padding-left: 20px;
    /*padding-top:72px;
    /* padding-bottom:32px;/* needed to make room for footer */    
    background: #FFFFFF;
    
}
#search, #tags {
    margin-top: 10px;
}

#interestingposts, #videos {
    border: 1px solid #6AA7E5;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: 5px;
}
#interestingposts ul, #videos ul {
  text-decoration: none;
  list-style-type: none;
  margin: 5px;
  padding-left: 0px;
}
#interestingposts ul li, #videos ul li {
  padding-bottom: 5px;
}
h3 {
    margin-bottom: 0px;
    margin: 0px
}
#searchbox{
    border: 1px solid #9D9D9D;
    margin: 2px;
 /* -moz-border-radius: 5px; */
}

.button {
background:#6AA7E5 none repeat scroll 0 0;
border:0 none;
color:#FFFFFF;
font-family:"Trebuchet MS","Lucida Grande","Lucida Sans",Verdana,Arial,sans-serif;
font-weight: bold;
font-size: 0.9em;
letter-spacing:2px;
margin: 2px;
/* padding: 4px 4px 4px 5px; */
padding: 2px;
text-transform:uppercase;
/* -moz-border-radius: 5px; */
}

.css1 { font-size: 1.0em; color: #3366CC }
.css2 { font-size: 1.2em; color: #3366CC }
.css3 { font-size: 1.4em; color: #3366CC }
.css4 { font-size: 1.6em; color: #3366CC }

.adminlist ul {
  margin: 5px;
  padding-left: 0px;
}
/*
  text-decoration: none;
  list-style-type: none;
 *
 */

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}
#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}
