/*  
Theme Name: FP
Description: Sectioned theme with slider.
Version: 1.1
Author URI: Based on theme design by http://www.templatemo.com/
Date: 04-08-10
*/

/****     CSS RESET    ****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/****  GENERAL    ****/

a:active {
  outline: none;
}
:-moz-any-link:focus {
  outline: none;
}
body {
	margin: 0px;
	padding: 0px;
	color: #161616;
	font-family: Arial, Helvetica, sans-serif;;
	font-size:13px;
	line-height:1.5em; 
	background-color: #f6f2e6;
}
img{
    border: 0;
}

h1, h2, h3, h4, h5 { font-weight: normal; }

h1 { font-size: 40px; color: #333; margin: 0 0 30px 0; padding: 5px 0; }
h2 { font-size: 24px; color: #000; margin: 0 0 20px 0; padding: 0; }
h3 { font-size: 21px; color: #fff; margin: 0 0 20px 0; padding: 0; }
h4 { font-size: 18px; color: #fff; margin: 0 0 10px 0; padding: 0; }
h5 { font-size: 16px; color: #fff; margin: 0 0 10px 0; padding: 0; }
h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0;}
h1 a:hover {
    text-decoration: none;
    color: #cccccc;
}
strong {
        font-weight: bold;
}
em {
        font-style: italic;
}
blockquote {
        margin: 15px 65px;
}
a, a:link, a:visited {
	color: #990000;
        text-decoration: none;
}
h2 a, h2 a:link, h2 a:visited {
	color: #404040;
        text-decoration: none;
}
.post a {
        font-weight: bold;
        border-bottom: 1px dashed #404040;
}
a:hover {
	color: #CC6600;
	text-decoration: none;
}
p { margin: 0px; padding: 0 0 10px 0; }

.clearer { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.clearer_h10 { clear: both; width:100%; height: 10px; }
.clearer_h20 { clear: both; width:100%; height: 20px; }
.clearer_h30 { clear: both; width:100%; height: 30px; }
.clearer_h40 { clear: both; width:100%; height: 40px; }
.clearer_h50 { clear: both; width:100%; height: 50px; }
.clearer_h60 { clear: both; width:100%; height: 60px; }

.float_l {
	float: left;
}

.float_r {
	float: right;
}

.image_wrapper {
	padding: 4px;
	border: 1px solid #ccc;
	background: #fff;
	margin-bottom: 10px;
}
.fl_img {
	float: left;
	margin: 3px 30px 15px 0;
}
.fr_img {
	float: right;
	margin: 3px 0 15px 15px;
}

blockquote { font-style: italic; }
cite { font-weight: bold; }
cite span { color: #000; }

.button a {
	clear: both;
	display: block;
	width: 92px;
	height: 24px;
	padding: 5px 0 0 0;
	background:	url(img/frp_button.png) no-repeat;
	color: #AAAAAA;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
}

.button a:hover {
	color: #FFFFFF;
	background: url(img/frp_button_hover.png) no-repeat;
}
ul {
	margin: 20px;
	padding: 0;
	list-style-image:  url(img/list_icon.png);
}

ul li {
	margin: 0 0 15px 0;
	padding: 0 0;
}
/***    LAYOUT   ***/

#frp_header_wrapper {
	width: 100%;
	height: 100px;
        background: url(img/frp_header.jpg) repeat-x;
}
#frontquotes {
    clear: both;
    padding: 20px;
    font-style: italic;
    font-size: 18px;
    color: #AB6B05;
}
#frp_header {
	width: 960px;
	margin: 0 auto;
	padding: 0 20px;
}

#frp_header  #site_title {
	float: left;
	padding: 25px 20px 0;
}

#frp_header  #site_title h1 {
	margin: 0;
	padding: 0;
}

#frp_header  #site_title h1 a {
	margin: 0px;
	padding: 0px;
	font-size: 30px;
	color: #3E68A2;
	font-weight: normal;
	text-decoration: none;
}

#frp_header  #site_title h1 a span {
	display: block;
	text-align: left;
	font-size: 14px;
	color: #5f6675;
	font-weight: bold;
	letter-spacing: 2px;
}


#navigation {
    padding-top: 1px;
    padding-right: 10px;
}


.playbox img {border:1px solid #000; margin:5px;}

.lightbox {width:100%; height:100%; display:none; position:fixed; left:0; top:0; z-index:1000; padding:30px 0 0 0; font-family:arial, sans-serif;}
.lightbox .light {width:100%; height:100%; position:fixed; z-index:-1; top:0; left:0; background:#000; opacity:0.5; filter: alpha(opacity=50);
 text-align:center;}
/* this is for IE6 . If you want to have the lightbox scroll with the page in ALL browsers then remove the * html */
* html .lightbox {position:absolute;}
* html .lightbox .light {position:absolute; height:5000px;}

.lightbox .box {width:700px; background:#000; border:10px solid #fff; border-width:10px; margin:0 auto; padding:10px 10px 20px 10px; position:relative; overflow:hidden;
-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-icab-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.lightbox .box img {display:block; margin:0 auto; position:relative;}
.lightbox .box p {width:700px; padding:20px 0; margin:0; color:#fff; text-align:left; font-size:12px;}
.lightbox .functions {position:absolute; bottom:0; left:0; height:30px; width:720px; background:#fff; text-align:center;}
.lightbox .box a {color:#000; font-weight:bold; font-size:25px; text-decoration:none; text-align:center; font-family:"times new roman", serif; padding:0 20px;}
.lightbox .box a.closebox:hover {color:#f00;}
.lightbox .previous:hover,
.lightbox .next:hover {color:#080;}

.lightbox .box2 {width:500px; background:#444; border:10px solid #fff; margin:0 auto; padding:10px; position:relative;
-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-icab-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.lightbox .box2 h3 {color:#fff; font-size:22px; padding:10px 0; margin:0;}
.lightbox .box2 p {width:500px; padding:5px 0; margin:0; color:#fff; text-align:left; font-size:12px; line-height:18px;}
.lightbox .box2 a {color:#fc0;}
.lightbox .box2 a:hover {color:#ff0; text-decoration:none;}
.lightbox .box2 a.closebox {display:block; width:25px; height:30px; background:#444; color:#fff; font-weight:bold; font-size:26px; text-decoration:none; text-align:center; position:absolute; right:-1px; bottom:-1px; border:1px solid #fff;}
.lightbox .box2 a.closebox:hover {color:#f00;}

@-webkit-keyframes fadeIn {
	0% {
		opacity:0;
	}
	100% { 
		opacity:100;
	}
}

#p001:target {display:block;}
#p002:target {display:block;}
#p003:target {display:block;}
#p004:target {display:block;}
#p005:target {display:block;}
#p006:target {display:block;}
#p007:target {display:block;}

#p001:target .box img,
#p002:target .box img,
#p003:target .box img,
#p004:target .box img,
#p005:target .box img,
#p006:target .box img {
	-webkit-animation-name: fadeIn; 
	-webkit-animation-duration: 1.5s; 
}







/* menu */

#frp_menu {
	float: right;
	height: 45px;
}

#frp_menu ul {
	margin: 25px 0 0 0;
	padding: 0px;
	list-style: none;
}

#frp_menu ul li {
	padding: 0px;
	margin: 0px;
	display: inline;
}

#frp_menu ul li a {
	position: relative;
	float: left;
	display: block;
	padding: 3px 15px;
	margin-left: 10px;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	color: #d8d3bd;	
	font-weight: normal;
	outline: none;
}

#frp_menu li a:hover, #frp_menu li .current {
	color: #fff;
	padding: 3px 14px;
	background: #0a0908;
	border: 1px solid #201e1b;
}

/* end of menu */

/* slider */

#frp_slider_wrapper {
	width: 100%;
	height: 270px;
	background: url(img/frp_slider.jpg) repeat;
}

#frp_slider {
	width: 910px;
	height: 210px;
	margin: 0 auto;
	padding: 30px;
}

/* end of slider */

/* top row */

#frp_top_row_wrapper {
	clear: both;
	width: 100%;
	height: 150px;
	background: url(img/frp_top_row.jpg) repeat-x; 
	border-bottom: 1px solid #161311;
}

#frp_top_row {
	width: 960px;
	margin: 0 auto;
	padding: 0 20px;
}

#frp_top_row .top_row_box {
	overflow: hidden;
	float: left;
	width: 260px;
	height: 110px;
	padding: 20px 45px 20px 15px;
	background: url(img/frp_top_row_divider.png) right center no-repeat;
}

#frp_top_row .last {
	background: none;
}

#frp_top_row p {
	color: #777270;
}

/* end of top row */

/* main */

#frp_content_wrapper {
	clear: both;
	width: 100%;
	background: url(img/frp_content.jpg) top repeat-x;
	border-bottom: 1px solid #fff;	
}

#frp_content {
	width: 930px;
	padding: 40px 30px;
	margin: 0 auto;
        /*min-height: 600px;*/
}

.two_column {
	width: 430px;
}

.services_section {
	clear: both;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #CCC;
	background: url(img/frp_divider.jpg) bottom repeat-x;	
}

.services_section h4 {
	margin-bottom: 20px;
}

.services_section .left {
	float: left; 
	width: 150px;
	margin-right: 30px;
}

.services_section .middle {
	float: left; 
	width: 350px;
}

.services_section .right {
	float: right; 
	width: 350px;
}

.services_section .left img {
	border:1px solid #CCC;
	padding: 5px;
}

/* gallery */
#gallery {
	       width: 570px;
	       margin-right: 20px;
	       float: left;
	   }
	   
	   #gallery img {
	       margin: 0px 10px 10px;
	   }
	   
	        .js #gallery {
	            height: 300px;
	            margin: 50px 0;
	        }
	        
	       .js #gallery,
	       .js #info {
	           width: 100%;
	           float: none;
	           position: relative;
	       }
	       
	       .js #gallery img {
	           margin: 0;
               opacity: 0.0;
               -moz-opacity: 0.0;
               -ms-opacity: 0.0;
               -webkit-opacity: 0.0;
               position: absolute;
               bottom:0;
               left: 0;
	       }

/* contact form */
#contact_form {
	float: left;
	padding: 0;
}

#contact_form form {
	margin: 0px;
	padding: 0px;
	/*border:1px solid #e2d1be;
	padding: 20px 20px 10px 20px; */
}

#contact_form form .input_field {
	height: 18px;
	width: 230px;
}

#contact_form form label {
	display: block;
	width: 100px;
	margin-right: 10px;
	font-size: 14px;	
}

#contact_form form textarea {
	width: 350px;
	height: 150px;
}

#contact_form form .submit_btn {
	margin-left: 108px;
}
/* end of contact form */
/* end of main */

/* footer */

#frp_footer_wrapper {
	clear: both;
	width: 100%;
	background: #1d1a18;
	border-top: 1px solid #0f0d0c;	
	border-bottom: 1px solid #312d2b;
}
#frp_footer_wrapper a, #frp_footer_wrapper a:link, #frp_footer_wrapper a:visited {
	color: #cccccc;
        text-decoration: none;
}
#frp_footer {
	width: 930px;
	padding: 45px 30px;
	margin: 0 auto;
	color: #d8d3bd;
}

.footer_box {
	float: left;
	width: 280px;
	padding: 0 30px 0 0;
}

.footer_menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer_menu li {
	margin: 0;
	padding: 5px 0;
}

.footer_menu li a {
	color: #d8d3bd;
}

.footer_menu li a:hover {
	color: #fff;
}

#frp_footer img {
	padding: 4px;
	background: transparent;
	border: 0;
	margin-bottom: 10px;
}

/* end of footer */

/* copyright */

#frp_copyright_wrapper {
	width: 100%;
	background: #131110;
	border-top: 1px solid #000;
}

#frp_copyright {
	width: 960px;
	margin: 0 auto;
	padding: 15px 20px;
	text-align: center;
	color: #443f3c;
}

#frp_copyright a {
	color: #6e6965;
}
/* end of copyright */

div.cat-2-id, div.cat-90-id {
        margin: 25px 0;
}
div.cat-2-id .postmetadata, div.cat-90-id .postmetadata, div.cat-98-id .postmetadata, div.cat-107-id .postmetadata {
        display: none;
}
div.cat-2-id h2 a, div.cat-90-id h2 a {
        font-size: 70%;
        font-style: italic;
        padding-left: 200px;
        margin-left: 50px;
        border-bottom: none;
        background: #ffffff url(img/reclink.png) top left no-repeat;
}
div.cat-90-id h2 a {
        background: #ffffff url(img/recplugin.png) top left no-repeat;
}
div.cat-98-id h2 a {
        font-size: 60%;
        color: #055911;
}
div.cat-107-id h2 a {
        display: none;
}
div.cat-98-id .entry, div.cat-107-id .entry {
        margin-bottom: 25px;
}
div.cat-107-id .entry {
        color: #934703;
}


/* -------------------------------------------------------------------------------------------------------------------------------------*/

/* Old CSS */


.breadcrumb {
    float:right;
    padding-right: 30px;
    font-size: 70%;
}
.postads {
    padding: 5px;
    border: 1px solid #6D6969;
    border-right: 1px solid #ffffff;
}
.description {
    position: absolute;
    padding-top: 3px;
    top: 90px;
    left: 860px;
    /*width: 100%;*/
    color: #FC9038;
    font-style: italic;
    font-size: 115%;
}
br{
    padding: 10px 0 0 0;
}

/***   CONTENT   ***/

p.postmetadata{
    border-top: 1px dashed #ccc;
    margin: 10px 0 10px 0;
    font-size: 0.95em;
    border-bottom: 1px solid #ccc;
}
p.postmetadata a{
    color: #404040;
    font-size: 11px;
}
.wp-post-image {
    float:left;
    margin: 0 4px 4px 0;
}

/***   SEARCH   ***/

div#searchbox {
    margin: 0 auto;
    padding-top: 100px;
    padding-left: 327px;
}
form#searchform1 {
    padding-top: 5px;
    margin-left: 175px;
}
#searchsubmit{
    background: url(img/go_button.png) no-repeat;
    width: 25px;
    height: 25px;
    border: 0;
    cursor: pointer;
    vertical-align: top;
}
#s{
    text-align: center;
    color: #235A85;
    border: 1px solid #ccc;
    background: #ffffff;
    width:274px;
}
.hidden{
    display: none;
}




/***   COMMENTS   ***/

.comments-template{
    margin: 10px 0 0;
    border-top: 1px solid #ccc;
    padding: 10px 0 0;
}
.comments-template ol.commentlist li p, .comments-template ol.commentlist li.alt p{
    font-size: 90%;
}
.comments-template ol.commentlist li{
    background: #ffffff;
    padding: 9px;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-right: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
    width: 470px; 
}
.comments-template ol.commentlist li.alt{
    background: #Fffef1;
    padding: 9px;
    border-left: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    border-right: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    width: 470px; 
}
.comments-template ol{
    margin: 0;
    padding: 0 0 15px;
    list-style: none;
}
.comments-template ol li{
    margin: 10px 0 0;
    line-height: 18px;
    padding: 0 0 10px;
    border-bottom: 1px solid #ccc;
}
.comments-template h2, .comments-template h3{
    font-family: Georgia, Sans-serif;
    font-size: 1em;
}
.commentmetadata{
    font-size: 0.75em;
}
.comments-template p.nocomments{
    padding: 0;
}
.comments-template textarea{
    font-family: Tahoma, Arial, Helvetica, Georgia, Sans-serif;
    font-size: 0.75em;
}

/***   MISCELLANEOUS   ***/

.wordtube {

.ddsg-wrapper h2 {
    padding-left: 45px;	
}
.ddsg-wrapper ul li {
    list-style-type: none;
}
.ddsg-wrapper ul li {
   display: block;
}
.ddsg-wrapper p, .ddsg-wrapper p a, .ddsg-wrapper p a:visited, .ddsg-wrapper p a:hover {
    color: #ffffff;	
}
.clear {
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px; 
}
.clear_float{
    clear: both;
}
.ddfmwrap .credits, .ddfmwrap .credits a {
    font-size: 1%;
    color: #ffffff;
}
.ddfmwrap .credits {
    font-size: 1%;
    color: #ffffff;
}
img.avatar{
    float:left;
    margin-right:5px;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 3px;
    border: 1px solid #58A8EF;
}
.alignleft{
    float: left;
    margin:3px;
    padding: 3px;
    border: 1px solid #58A8EF;
}
.alignright{
    float: right;
    margin:3px;
    padding: 3px;
    border: 1px solid #58A8EF;
}
.wp-caption{
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.wp-caption img{
    margin: 0;
    padding: 0;
    border: 0 none;
}
.wp-caption-dd{
    font-size: 0.69em;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}


div#map_1 {
    margin-top: 25px;
}


/*----------------------------------------------------------------------------*/
/* --- ARCHIVES PAGE --- */
.archivebox {
    background: #ffffff;
    float:left;
    padding-right:0px;
    padding-left:42px;
    width: 270px;
    text-align: justify;
}
.archivebox h3 a {
    color: #548D49;
    font-weight: normal;
    letter-spacing: normal;
    text-align: left;
}
h3, h3#tagtitle {
    padding-left: 20px;
    padding-top: 35px;
    color: #C06206;
}
div#archives_wp_cumulus {
    clear:both;
    margin-left: 195px;
}
div#postsbycategory {
    padding: 20px;
}
div#postsbycategory ul li.cattitles a {
    list-style-type: none;
    font-weight: bold;
    text-transform: uppercase;
    color: #44AB39;
    border-bottom: 1px dashed #dddddd;
    margin-right: 31px;
}
div#postsbycategory ul li.cattitles a:visited {
    color: #AB8139;
    list-style-type: none;
}
div#postsbycategory li.posttitles {
    list-style-type: none;
    display: inline;
    padding-left: 20px;
}
/*
 * Color, Border, and Button Rules
 */
.contentslider {
  padding: 0; /* This acts as a border for the content slider */
  background: none; /* This is the color of said border */
} 
.cs_wrapper, .cs_article {
/*  background-color: none;  Background color for the entries */
}
.cs_leftBtn, .cs_rightBtn {
  width:43px; /* Should be as wide as the button graphic being used */
  background: none; /* This will probably match the contentslider bg color */
}

/*
 * Article styles (font, color, etc.)
 *
 * If textResize is set to TRUE, sizing shouldn't need to be touched. However,
 * depending on the sizes you have defined, additional tweaking may be
 * required in order to get the text to display properly.
 */

/*
 ******************************************************************************
 * These styles may be affected by the plugin, so avoid changing them if 
 * it's not absolutely necessary.
 ******************************************************************************
 */
.contentslider {
  position:relative;
  display:block;
  width: 910px;
  height: 210px;
  margin:0 auto;
  overflow:hidden;
}
.cs_wrapper {
  position:relative;
  display:block;
  width: 910px;
  height: 210px;
  margin: 0;
  padding: 0;
  overflow:hidden;
}
.cs_slider {
  position:absolute;
  width:10000px;
  height:100%;
	margin: 0;
  padding: 0;
}
.cs_article {
  float:left;
  position:relative;
  top:0;
  left:0;
  display:block;
  margin: 0 auto;
/*  background-color: none; */
}

.cs_article .article {
	padding: 0 80px;
}
.article .left {
	float: left;
	padding: 30px 0; 
	width: 300px;
}

.article .right {
	float: right;
	width: 400px;
}

.article p {
	margin-bottom: 20px;
}

.article img {
	width: 380px;
	height: 190px;
	background: #b9b49d;
	padding: 8px;
	border: 1px solid #e8e5d9;
}

.cs_leftBtn, .cs_rightBtn {
  position:absolute;
  top: 30px;
  padding:0;
  z-index:10000;
}
.cs_leftBtn {
  left : 0px;
  outline:0;
}
.cs_rightBtn {
  right : 0px;
  outline:0;
}
.cs_leftBtn img, .cs_rightBtn img {
  border:0;
  position:relative;
  margin:0;
}