@charset "iso-8859-1";
 /*#############################################################

Author: Arnel E. Siazon
arnelsiazon@gmail.com

#############################################################*/   	
 
/********************************************
   HTML ELEMENTS
********************************************/ 
* { padding: 0; margin: 0; }

body {
	
	/*background:#807f83 url(../images/bg.jpg) top center repeat-x;*/
	background: #f68b3a;
	font: 11px "Lucida Grande", Geneva, Helvetica, Arial, Tahoma, sans-serif;
	color:#3F3F3F;

	
	}
	
	
h1 { font: 14px "Lucida Grande", Geneva, Helvetica, Arial, Tahoma, sans-serif; color:#004225; font-weight: bold; margin-bottom:5px;} 


h2 { font: 12px "Lucida Grande", Geneva, Helvetica, Arial, Tahoma, sans-serif; color:#3F3F3F; font-weight: bold; margin-bottom:5px;} 
h3 { font: 12px "Lucida Grande", Geneva, Helvetica, Arial, Tahoma, sans-serif; color:#0065A4; font-weight: bold; margin-bottom:2px;} 
h4 { font: 16px "Lucida Grande", Geneva, Helvetica, Arial, Tahoma, sans-serif; color:#004225; font-weight: bold; margin-bottom:5px;}


a:link img, a:visited img
{
	/* seems to prevent flickering in Mozilla-based browsers */
	opacity:0.999;
}
a:active img, a:hover img, a:focus img
{
	/* for Mozilla/Firefox/Safari */
	opacity:0.6;
	/* IE5.5 upwards */
	filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=60);
}





/* links */
a {

color: #004225;
}

a:visited {
	color: #004225;
}


a:hover {
	color:#004225;
	text-decoration:underline;


}




img {
	border: 0;
}
a {
	font-weight: bold;
	text-decoration: none;
}


#gradient {
margin: 0 auto;
padding: 8px;
background: #FFFFFF;
width:900px;
}

#global {
margin: 0 auto;
height:auto;
width:900px;
background:#FFFFFF url(../images/gradient_side2.jpg) repeat-y;

}

#header {
position:relative;
}

#header-left {
float:left;
height:145px
}

#header-mid {
background: url(../images/linda_img.jpg) no-repeat;
float:left;
text-align:left;
width: 329px;
padding: 0 0 0 0;
margin: 0 0 0 0;
color:#ffffff;
height:145px;
}



#joinbox{
position:relative;
top:80px;
left: 75px;
width:300px;
}

#navi{
position:relative;
color:#FFFFFF;
font-weight:bold;
top:5px;
left:80px;
width:260px;
}


#header-bottom{
clear:both;
height: 0px;

}











#container{
padding: 0;
margin: 0;
}







#left-side {
width: 216px;
font-size:15px;
float:left;
margin: 10px 10px 0 0;
padding:none;
}



#search {
text-align:right;
margin: 0 0 0 10px;
font-size:11px;
}




#middle{
float:left;
width: 332px;
margin: 10px 5px 0 0;
}


#info{
margin: 0 0 10px 0;
}


#info2{
margin: 0 0 10px 0;
padding: 5px 0px 0px 0px;
}

#head_img{
float:left;
}

#headline{
float:left;
width:247px;
margin: 0 0 0 5px;
}

#info_cl{
clear:both;
height: 1px;
}



#info-local{
margin: 0 0 15px 0;
padding: 0 0 0 5px;
}

#info-local a{
color:#3F3F3F;
font-weight:normal;
font-size: 12px;
}

#info-local a:hover{
color:#999999;

}



#right-side{
float:right;
width: 332px;
margin: 10px 0 0 5px;
}


#follow-cont{
background:url(../images/grad.jpg) repeat-y;
width: 332px;
margin: 10px 0 5px 0;
padding: 0;
}


#follow{
background:#FFFFFF;
text-align:center;

}




#end{
clear:both;
height: 1px;
}





.read1 a{
color:#7D6A55;
font-weight:bold;
font-size:11px;



}

.read1 a:hover{
color:#999999;
text-decoration:underline;

}

span.formButton input{
background: transparent url(../images/go.jpg) no-repeat;
width: 32px;
height: 25px;
border:none;
}

input {
	padding: 4px;
	border:1px solid #999999;
	font: normal 1em Verdana, sans-serif;
	color:#3F3F3F;
}


span.formButton2 input{
background: transparent url(../images/submit.jpg) no-repeat;
color:#ffffff;
border:1px solid #000000;
margin: 5px 0 10px 0;
padding:2px;
font-size: 13px;

}

span.formButton3 input{




}

#footer {
margin: 0 auto;
padding: 5px 0 0 0;
width:914px;
height: 50px;
background:none;
color:#FFFFFF;
line-height: 15px;
}

#footer a { 
	color: #ffffff;
	font-weight:normal;
}


#footer a:hover {
	color:#ffffff;
	text-decoration:underline;
}



#footer-left {
float:left;
}

#footer-box {
border:1px solid #ffffff;
padding:3px;
margin-bottom:5px;

}


#footer-right {
float:right;
text-align:right;
}

.archive a{
color:#7D6A55;
font-weight:bold;
font-size:11px;
float:right;
padding-right: 10px;
}

.archive22 a{
color:#7D6A55;
font-size:11px;
}

.think a{
color:#004225;
font-weight:bold;
font-size:11px;
background:url(../images/star.jpg) no-repeat;
padding: 2px 0px 0 20px;

}

.think2 a{
color:#961B1E;
}

#com1{
float:right;
}


.yellow a{
color:#fbdb00;
}

.white a{
color:#FFFFFF;
}