/* CSS Document
  Author:Mike Szorady
  Copyright 4hip Until Liscensed.
*/
body{
width:100%;
height:100%;
background:#FFFFFF;
font-family: Helvetica, Arial, sans-serif;
font-size:120%;
background:  #FFFFFF url('images/gradient.png') top repeat-x;
}

h1{
width:100%;
font-size:1.2em;
text-align:center;
padding:3px 0;
border-bottom:1px solid #CCCCCC;
}

p{
text-align:left;
line-height:1.2em;
padding:5px;
}
p a, li a{
text-decoration:none;
color: #880000;
}
p a:hover, li a:hover{
color:#FF0000;
}

label{
}

#wrapper{
margin:20px auto 5px auto;
width:800px;
}

#header{
position:relative;
background: url('images/header.png') no-repeat;
height:200px;
}
#subscribers{
position:absolute;
right:10px;
bottom:5px;
}
.homebutton{
position: absolute; 
top: 25px; 
right:0;
border: none;
}

.homebutton a{
width: 85px; 
height: 30px;
display: block; 
outline: none;
text-indent: -7000px;
background: url('images/homebutton.png') no-repeat;
}

.homebutton a:hover{
background-position:-0 -30px;
}

#link a{ 
text-indent: -7000px;
width:800px;
height:150px;
display:block;
}

#content{
position:relative;
}

#visitblog{
position:absolute;
bottom:-75px;
left:0;
background: url('images/visitblog.png') center no-repeat;
width:250px;
height:236px;
}
#linkblog a{
position:relative;
top:40px;
width:150x;
height:100px;
display:block;
}

#footer{
margin:30px auto 0 auto;
font-size:.8em;
height:40px;
width:800px;
}
#footer p{
text-align: center;
}

.widecol, .focusboxLeft, .focusboxRight{
border:1px solid #CCC;
}
.focusboxLeft, .focusboxRight{
margin:10px;
}
.focusboxLeft ul, .focusboxRight ul{
padding:5px;
list-style:inside disc;
}
.focusboxLeft ul li, .focusboxRight ul li{
margin:8px 0;
}
.focusboxLeft{
float:left;
width:440px;
}
.focusboxLeft h1{
background:#3060c0;
color: #FFFFFF;
}

.focusboxRight{
float:right;
width:300px;
font-size:.9em;
}
.focusboxRight h1{
background:#FFFF00;
color:#000000;
}
.focusboxRight form{
width:250px;
margin:0 auto;
padding:5px;
text-align:center;
}
.focusboxRight input{
margin:5px 0;
}

.widecol{
width: 750px;
margin:10px auto;
}
.widecol h1{
background:#3060c0;
color: #FFFFFF;
}
.widecol p{
float:right;
width:400px;
font-size:.8em;
margin:20px 0;
clear:none;
}
.widecol img{
margin:10px;
}
.widecol a img{
border:1px solid #3060c0;
}
.widecol a img:hover{
border:1px solid #cc3300;
}

.featureboxblue, .featureboxyellow{
clear:both;
}

.featureboxblue p, .featureboxyellow p{
float:right;
}

.featureboxblue a img, .featureboxyellow a img{
float:left;
}

.featureboxblue{
background: url('images/blue-trans.png') repeat;
}

.featureboxyellow{
background: url('images/yellow-trans.png') repeat;
}

.loginbutton{
width:100px;
font-size:1.1em;
}

#subscriptions{
float:right;
min-height:400px;
background: url('images/georgenewspaper.png') no-repeat bottom right;
}

#newspaper{
width:150px;
height:170px;
margin:5px 5px;
}
.vert{position:relative;left:75px;}
.fltLeft{float:left;}
.fltRight{float:right;}

.clearRight{clear:right;}
.clearLeft{clear:left;}
.clearBoth{clear:both;}

/* News Feed CSS */

#blogfeed{
position:relative;
margin:0 auto;
height:150px;
text-align:left;
}
.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;
display:block;
font-size:120%;
color:#3D87CC;
}

.labelfield{ /*CSS for label field in general*/
color:#802A2A;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:#B33B00;
font-size: .8em;
}

#blognews{ /*Demo 3 main container*/
position:relative;
margin:0 auto;
width: 250px;
height: 140px;
padding: 4px;
}

#blognews div p{ /*Demo 3 P element that separates each entry*/
margin:0;
padding:5px;
text-indent:0;
text-align:center;
font-size:.9em;
}

code{ /*CSS for insructions*/
color: red;
}	
/* END FEED CSS */

/*Contact Area*/
#contact-area {
width: 300px;
}

#contact-area  form{
text-align:left;
}

#contact-area input, #contact-area textarea {
padding:5px;
font-size:.8em;
margin:1px 0;
width:220px;
}

#contact-area textarea{
width: 220px;
height: 100px;
overflow:auto;
}

#contact-area h2{
font-size:1.1em;
width:300px;
color:#99CCFF;
}

#contact-area textarea:focus, #contact-area input:focus {
border:2px solid #3399FF;
}

#contact-area input.submit-button{
width:100px;
margin-top:5px;
text-align:center;
}

#contact-area label{
color:#000000;
font-size:.8em;
width:150px;
}

#contact-area  td.left{
float:left;
text-align:left;
}
#homelink a{
float:left;
clear:left;
margin:5px 0 5px 10px;
text-decoration:none;
}