/* CSS Document */

body {
   background: #333366;
   color: #ffffff;
   font-family: Tahoma, Veranda, Helvetica, Arial;
   font-size: 12px;
       margin: 0 auto;
       padding: 0;
       text-align: center;
   align: center;
}

a, a:visited, a:active {
   color: #f00f0f;
}

a:hover {
   color: #0000CC;
}

h1 {
   font-size: 20px;
   color: #ff0f0f;
   font-weight: bold;
}

h2 {
   font-size: 18px;
   color: #FF0F0F;
   font-weight: bold;
}

h3 {
	font-size: 16px;
	color: #3366CC;
	font-weight:bold;
	margin: 0px;
}

#header {
   width:900;
   text-align:center;
   margin: 0 auto;
}
   /*I do not recomend using dynamic widths with the css templates as they can have unpredictable behavior
   //from browser to browser. Thus they all have fixed widths. I have fixed the width at 780px to accomodate
   //the some 90% of surfers who still surf at that resolution. If you want to use a variable width template start from
   //the HTML vanilla and "colorize" it to suit. If you want to design for wider screen resolutions (bad idea) then
   //increase the width here to the width of your page. Then also increase the width of the #content declaration
   // and the #sidebar declaration. Remember to make the sum of those two less than the value of the #page.
   //margins, borders, padding and browser rendering will throw these numbers off some.*/
#page {
       width: 900px;
       margin: 0 auto;
       text-align: left;
}

#content {
   width:500;
   margin: 2px;
   float:left;

}

#picbar {
   background: #FFFFFF;
   margin: 2px;
   float:left;
   width: 180px;
   border: 3px solid #CC3366;
}

#sidebar {
	background: #FFFFFF;
	margin: 2px;
	padding: 5px;
	float:left;
	width: 180px;
	border: 3px solid #CC3366;
	color: #000000;
}

/*This will make the sponsor links bullets which is good for SEO, but make them LOOK like regular
//text to the surfer... No bullets, no indenting.*/
#sidebar ul {
   list-style-type: none;
   padding: 0;
   margin: 0;
}

#post {
	background: #FFFFFF;
	padding: 2px;
	margin-bottom: 5px;
	border: 2px solid #CC3366;
	color: #000000;
}

#post_title a:hover h3 {
   color: #FF0000;
}

#post_title {
   border-bottom: 1px solid #454545;
   font-size: 16px;
}

img {
   border:0;
}
.thumb {
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CC3366;
	border-right-color: #CC3366;
	border-bottom-color: #CC3366;
	border-left-color: #CC3366;
}
.style2 {
	font-size: 16px;
	font-weight: bold;
}li {
	list-style-type: square;
}
.style3 {
	color: #FF0000;
	font-weight: bold;
	font-size: 16px;
}
.style4 {
	font-size: 24px;
	color: #FFFF00;
}