/*
Theme Name:theFPWC
Description: A theme completely stripped of all styling and structure. Functionality is based on the twentyten theme.
Version: 1.0
Author: Vajaah E Parker
Author URI: http://vajaah.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
body {background: url('bkg.jpg') repeat-x #f5cc16; text-align: center; margin: 0px;}
.contacts tr {height: 28px;}
.contacts td {padding-left: 10px;}

/* Form Styling */
#contactUs input {border: 1px solid; padding-left: 4px; font-family: Gill Sans, Gill Sans MT, Century Gothic, Arial, sans-serif; }
#contactUs textarea {border: 1px solid; padding: 4px; font-family: Gill Sans, Gill Sans MT, Century Gothic, Arial, sans-serif; }
#contactUs h3 {margin-top: 14px; font-size: 16px; display: block;}
.fullW {width: 99%; height: 34px; font-size: 14px; margin-bottom: 10px; color: #3d3d3d;}
.fullWtext {width: 99%; height: 70px; font-size: 14px; margin-bottom: 10px; color: #3d3d3d;}
.halfW {width: 48%; height: 34px; font-size: 14px; margin-bottom: 10px; color: #3d3d3d; float: right;}
.halfWL {width: 48%; height: 34px; font-size: 14px; margin-bottom: 10px; color: #3d3d3d; float: left;}
.formInfo {margin-top: 18px; height: 100px;}


/** Structure **/
#container {width: 960px; margin: 10px auto 0 auto; text-align: center; position:relative;}

#header {margin-top: 0px; text-align:left; width: 960px; height:340px;}

#navigation {font-family: Gill Sans, Gill Sans MT, Century Gothic, Arial, sans-serif; font-size: 16px; font-weight: bold; text-transform: uppercase; z-index: 100; position: absolute; top: 10px; left: 14px;}

.masthead {position: absolute; top:0px; left:0px; z-index:100;}
#fadeshow1, #eventSlideshow {position: absolute; z-index:90; top: 63px; left: 399px;}

#content{width: 920px; border:solid #690079 10px; background-color: #FFFFFF; color: #690079; padding: 10px; text-align: justify; font-family: Gill Sans, Gill Sans MT, Century Gothic, Arial, sans-serif; font-size: 13px; line-height: 18px; float: left;}

#main {width: 66%; float: left;}
#post {font-size: 14px; padding:0 8px; width: 96%;}
.blogger {margin-bottom: 50px;}
.mediaPost {margin-bottom: 30px;}
#post a:link {text-decoration:underline;}
#post a:hover {color: black;}
#col1 {width: 49.25%; float: left;}
#col2 {width: 49.25%; float: right;}
#col12 {width: 100%; float: left;}

#sidebarHome {width: 33%; float: right; text-align: left;}
#sidebar {width: 33%; float: right; text-align: left; margin-top:-12px;}
#sidebar ul {list-style-type:none; margin: 0; padding: 0px;}

#footer {width: 100%; background-color: #690079; height: 50px; position: relative; top: 20px;clear: both; padding-top:10px; font-family: Gill Sans, Gill Sans MT, Century Gothic, Arial, sans-serif; font-size: 12px; color: #FFFFFF;}

#footer ul {margin: 0px; padding: 0px; margin-bottom: 8px; margin-top: 4px;}
#footer ul li{display: inline; margin-right: 12px;}
#footer a {color: #ffffff; text-transform:uppercase;}

	.footnav li {}
	.footnav {margin-bottom: 6px;}

/** End Structure **/

/** Element Styling **/

a { color: #57006a;}
a:hover{text-decoration:underline;}
a.rollover {display:block; height:85px; width:100%; overflow:hidden;}
a.rollover:hover {display:block; text-indent:-100%;}

#main .blogger h2 a{color:#FFFFFF;}

#main a {color: #9E8A08;}

h1 {height: 24px; background-color: #f5cc16; font-weight: bold; font-size: 18px; color: #690079; padding-left: 10px; padding-top: 6px; text-transform: uppercase; margin:12px 0px;}
.top {margin-top: 0px;}
.bot {margin-bottom: 0px;}
h2 {height: 24px; background-color: #690079; font-weight: bold; font-size: 18px; color: #f5cc16; padding-left: 10px; padding-top: 6px; text-transform: uppercase; margin:12px 0px;}

img{border:0 none;}

form{display: inline;}

/** End Element Styling **/

.tweets {max-height: 370px; height: 370px; overflow-y: scroll; margin-bottom:12px;}
#twitter-3 h2.widgettitle, #twitter-3 .from-meta {display:none;}
#twitter-3 .time-meta a{color: grey;}
#twitter-3 ul {padding: 0px; margin: 0px;}
#twitter-3 ul li {list-style-type: none; margin-bottom: 14px;}

#upcoming-events li {margin-bottom: 6px;}


@import "style/reset.css";
@import "style/ie.css";

/*Utility Styles************************/

.alignright{float: right;}
.alignleft {float: left;}
img.alignright{float: right; margin:0px 0px 6px 6px;}
img.alignleft {float: left; margin:0px 6px 6px 0px;}
.aligncenter {
	display:block;
	margin:0 auto;
}