/*  

Theme Name: FP
Description: Base theme - 2-column.
Version: 1.1
Author: James
Author URI: http://jamesict.com/

*/

/****  GENERAL    ****/

a:active {
  outline: none;
}
:-moz-any-link:focus {
  outline: none;
}
body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
    margin: 0;
    padding: 0;
}
body{
    font-family:  Verdana, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 14px;
    vertical-align: top;
    color: #404040;
    background: #2a2a2a;
}
img {
    border: 0;
}
blockquote {
    margin: 25px;
    padding: 5px;
    background: #fffef1;
    border: 1px solid #dddddd;
}
.avatar img, img .avatar, li.rc_item {
    border: 0;
}
.breadcrumb {
    float:right;
    padding-right: 30px;
    font-size: 70%;
}
.postads {
    padding: 5px;
    padding-left: 35px;
    background: #ffffff url(img/tick.png) bottom left no-repeat;
    border: 1px solid #dddddd;
}
h1, h1 a, h1 a:visited {
    position: absolute;
    top: 10px;
    left: 50px;
    width: 100%;
    color: #ffffff;
    font-size: 40px;
    text-shadow: 2px 3px 2px #000;
}
h1 a:hover {
    text-decoration: none;
    color: #cccccc;
}
.description {
    position: absolute;
    top: 80px;
    left: 160px;
    width: 100%;
    color: #ffffff;
    font-style: italic;
    font-size: 115%;
}
h2 a{
    color: #404040;
    font-family: Tahoma, Arial, Helvetica, Verdana;
}
h2 a:hover{
    text-decoration: none;
    color: #808080;
}
a:link, a:visited{
    text-decoration: none;
    color: #121212;
}
a:hover{
    text-decoration: underline;
    color: #808080;
}
p{
    padding: 10px 0 0 0;
}
br{
    padding: 10px 0 0 0;
}
/***    LAYOUT   ***/

#header_wrapper{
    margin: 0 auto;
    width: 100%;
}
#frontquotes {
    clear: both;
    padding: 20px;
    font-style: italic;
    font-size: 18px;
    color: #AB6B05;
}
#header{
    background: transparent; /* url(img/head2_1.png) top left no-repeat;*/
    margin: 0 auto;
    width: 936px;
    height: 240px;
}


#navigation {
    padding-top: 1px;
    padding-right: 10px;
}
#background_container{
    background: transparent;
    width: 100%;
}
#content_container{
    margin: 0 auto;
    width: 936px;
    position: relative;
    background: #ffffff;/* url(img/contentbg1.png) top left repeat-y;*/
}
#container{
    margin: 0 auto;
    padding: 20px 0 20px 0;
    float: left;
    width: 666px;
}

/***   CONTENT   ***/

.entry img.attachment-post-thumbnail {
    float:left;
    margin-right: 5px;
    padding: 3px;
    border: 1px solid #dddddd;
}
.post{
    padding-right: 40px;
    padding-left: 40px;
}
.post h2{
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
    font-size: 18px;
    background: #ffffff url(img/postheader1.png) top left no-repeat;
    height: 35px;
    padding-top: 10px;
    /*padding-left: 45px;*/
}
.post h2 a{
    color: #404040;
    padding-top: 10px;
    /*padding-left: 45px;*/

}
.postalt h2 {
    background: #ffffff url(img/postheader2.png) top left no-repeat;	
}
.post h2 a:hover{
    color: #808080;
}
.post a img {
    margin:3px;
    padding: 3px;
    border: 1px solid #cccccc;
}
.post a {
    color: #840814;
    border-bottom: 1px dotted #840814;
}
h2.pagetitle {
    padding-left: 45px;
}
h2.pagetitle1 {
    padding-left: 55px;
    margin-bottom: 20px;
    margin-left: 150px;
    height: 45px;
    background: #ffffff url(img/pagetitle1.png) top left no-repeat;
}
.taxolists {
    margin-left: 40px;
}

div.entry-taxon {
        float: right;
        margin-left: 45px;
        margin-bottom: 25px;
        padding: 10px;
        border: 1px solid #cccccc;
}
.entry-taxon li {
        list-style-type: none;
        text-align:left;
        color: #068C0C;
}
.entry-taxon li a, .entry-taxon li a:visited {
        text-decoration: none;
        color: #404040;
        font-style: normal;
}
.entry-taxon li a:hover {
        text-decoration: underline;
}
.entry h3 {
    font-size: 18px;
    padding: 8px 0;
    color: #404040;
}
.entry ul li {
    line-height: 30px;
    list-style-type: none;
}
.entry{
    line-height: 20px;
}
.entry1{
    line-height: 25px;
}
.entry a {
    color: #404040;
    text-decoration: dotted underline;
}
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;
}

/*** NAVIGATION   ***/
 
.navigation{
    padding: 10px 0 0 0;
    padding-left: 40px;
    font-size: 0.88em;
    font-weight: bold;
    line-height: 18px;
}

/***   SIDEBAR   ***/
 
.sidebar{
    margin: 0;
    margin-top: 35px;
    padding: 0px 0 20px 5px;
    float: left;
    width: 245px;
    font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif;
    font-size: 12px;
    display: inline;
    overflow: hidden;
    text-align: right;
}
.sidebar ul{
    list-style-type: none;
    margin: 0;
    padding: 0 10px 20px 10px;
}
/*.sidebar ul div {
    padding: 0 10px 30px 10px;
}*/
.sidebar ul li{
    padding: 10px 0 10px 0;
}
.sidebar ul li h2{
    font-family: Tahoma, Georgia, sans-serif;
    font-size: 1.2em;
    margin-bottom: 10px;
    padding-top: 19px;
    padding-bottom: 1px;
    color: #cccccc;
    background: #dcd3ce url(img/sideheader1.png) top right no-repeat;
    height: 30px;
}
.sidebar ul h2 {
    color: #404040;
    padding: 10px 0;
    /*text-shadow: 2px 3px 2px #000;*/
}
.sidebar ul ul li{
    padding: 0;
    line-height: 20px;
    padding-bottom: 7px;
}
.sidebar ul ul li a{
    color: #404040;
    font-size: 120%;
    padding-bottom: 7px;
}
.sidebar ul ul li a:hover{
    color: #808080;
}
.sidebar ul li#calendar table#wp-calendar a{
    color: #235A85;
}
.sidebar li ul li#gallery1 {
    margin-top: 10px;
}
#sideshowcase {
    text-align: center;
    padding-top: 15px;
}
/***   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;
}
li.bypostauthor {
	background: red;
	color: white;
	}
li.byuser {
	background: white;
	color: black;
	}

/***   FOOTER   ***/

#footer{
    margin: 0 auto;
    padding: 10px 0 0 0;
    width: 936px;
    height: 115px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    background: #202020; /*url(img/footerbg.png) top left no-repeat;*/
}
#footer p{
    line-height: 18px;
    padding: 10px 20px 10px 20px;
}
#footer a, #footer{
    font-size: 16px;
}
#footer .legal a, #footer .credit a{
    color: #cccccc;
    text-decoration: none;
}
#footer .legal{
    float: left;
}
#footer .credit{
    float: right;
}

/***   MISCELLANEOUS   ***/

.wordtube {
    padding: 5px;
    background: #ffffff url(img/wordtubebg.png) top right no-repeat;
}

.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;
}
ul.car-list li {
    list-style-type: none;
    line-height: 10px;
}
ul.car-list li ul{
    list-style-type: none;
    line-height: 10px;
}
ul.car-list li ul li{
    list-style-type: none;
    line-height: 10px;
}

/* --- SHOWCASE --- */
#showcase {
    border: 1px solid #cccccc;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding:2px;
    text-align:center;
    width:900px;
    background: #ffffff;
}
/*----------------------------------------------------------------------------*/
/* FEATURED ARTICLES --- */

#welcomeback {
    margin-top: 10px;
    padding-right: 25px;
    float: right;
}

#featurewrapper {
    background: #ffffff;
    width:936px;
    height: 365px;
    margin: 0 auto;
}
h3#featuredtitle {
    margin: 0;
    padding: 0;
    padding: 20px 0 6px 11px;
    color: #6E6868;
}
.featurebox h3 a, .featurebox h3 a:visited {
    color: #404040;
    font-weight: bold;
    letter-spacing: normal;
    text-align: left;
    margin-left: -21px;
}
.featurebox {
    background: #ffffff;
    float:left;
    padding-right:11px;
    padding-left:11px;
    width: 290px;
}
.featurebox p {
    text-align: justify;
}
.featurebox p img {
    float:left;
    margin-right:6px;
}
.featurebox a {
    color: #F90;
}
.featurebox a:hover {
    color: #404040;
    text-decoration: none;
}
.featurebox:hover {
    background: #ffffff url(img/featuredbg.jpg) bottom left no-repeat;
}
/*----------------------------------------------------------------------------*/
/* --- FRONT PAGE BOTTOM CATEGORY BOXES --- */
h3.frontcatbox1, h3.frontcatbox2, h3.frontcatbox3, h3.frontcatbox4 {
    float: right;
    color: #ffffff;
    text-transform:uppercase
}
h3.frontcatbox1 a, h3.frontcatbox1 a:visited, h3.frontcatbox1, h3.frontcatbox2 a, h3.frontcatbox2 a:visited, h3.frontcatbox2, 
h3.frontcatbox3 a, h3.frontcatbox3 a:visited, h3.frontcatbox3, h3.frontcatbox4 a, h3.frontcatbox4 a:visited, h3.frontcatbox4  {
    margin: 0;
    padding: 0;
}
h4.frontcatbox1a a, h4.frontcatbox2a a, h4.frontcatbox3a a, h4.frontcatbox4a a,h4.frontcatbox1a a:visited, h4.frontcatbox2a a:visited, h4.frontcatbox3a a:visited, h4.frontcatbox4a a:visited {
    text-align: left;
    color: #121212;
}
div#frontcatbox3, div#frontcatbox4 {
    padding: 10px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border: 1px solid #000;
    margin-top: 15px;
    background: #CCCCCC;
    height: 220px;
    text-align: justify;
    color: #404040;
}

/* --- 3 columns within a post --- */
div#leftcol {
    width: 45%;
    float: left;
    padding: 10px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border: 1px solid #000;
    margin-top: 15px;
    background: #CCCCCC;
    height: 350px;
    color: #404040;
}
div#rightcol {
    width: 45%;
    float: right;
    padding: 10px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border: 1px solid #000;
    margin-top: 15px;
    background: #CCCCCC;
    height: 350px;
    color: #404040;
}

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

/*----------------------------------------------------------------------------*/
/* --- SIDEBAR TABBED BOXES --- */
/*--------------------------------------------------
    REQUIRED to hide the non-active tab content. 
    But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
    display:none;
}
/*--------------------------------------------------
    .tabber = before the tabber interface is set up
    .tabberlive = after the tabber interface is set up
    --------------------------------------------------*/
#tabmenu {
    margin: 0 auto;
    padding: 25px;
    background: #ffffff;
}  
.tabber {
}
.tabberlive {
}
/*--------------------------------------------------
    ul.tabbernav = the tab navigation list
    li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
    margin:0;
    padding: 3px 0;
    font: bold 9px Verdana, sans-serif;
    width: 210px;
}
ul.tabbernav li {
    list-style: none;
    margin: 0;
    display: inline;
}
ul.tabbernav li a {
    padding: 3px 0.5em;
    margin-left: 3px;
    border: 1px solid #a7a7a7;
    border-bottom: none;
    background: #ffffff;
    text-decoration: none;
    float: right;
}
ul.tabbernav li a:link { 
    color: #404040; 
}
ul.tabbernav li a:visited { 
    color: #202020; 
}
ul.tabbernav li a:hover {
    color: #121212;
    background: #fffff;
    border-color: #a7a7a7;
}
ul.tabbernav li.tabberactive a {
    background-color: #F7F6AF;
    color: #121212;
}
ul.tabbernav li.tabberactive a:hover {
    color: #161616;
    background: #FCFCD4;
}
.tabberend {
    clear:both;
}
/*--------------------------------------------------
    .tabbertab = the tab content
    Add style only after the tabber interface is set up (.tabberlive)
    --------------------------------------------------*/
.tabberlive .tabbertab {
    padding:5px;
    border-top:0;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */

}
/* If desired, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h2 {
    display:none;
}
.tabberlive .tabbertab h3 {
    display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */

.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
    height:200px;
    overflow:auto;
}

/*----------------------------------------------------------------------------*/
/* --- RIGHT SIDEBAR MENU --- */
#navcontainer {
    width: 210px; 
    margin-top: 18px;
    margin-bottom: 18px;
}
#navcontainer h2 {
    width: 210px;
    padding: 0px;
    padding-right: 3px;
    background: #ffffff;
    font-size: 14px;
    line-height: 22px;
}
#navcontainer ul {
    width: 210px;
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    font-family: Arial, Helvetica, sans-serif;
    text-align:right;
}
#navcontainer ul#navlist ul li.cattitles a {
    font-weight: bold;
    margin-bottom: -20px;
    text-decoration: underline;
}
#navcontainer ul#navlist p a {
    font-size: 80%;
}
#navcontainer, #navcontainer a {
    display: block;
    padding: 0px;
    padding-right: 3px;
    width: 200px;
    background-color: #ffffff;
    /*border-bottom: 1px solid #8F8B8B;*/
    line-height: 22px;
}
#navcontainer a:link, #navlist a:visited {
    color: #404040;
    text-decoration: none;
}
#navcontainer a:hover {
    background-color: #ffffff;
    color: #404040;
}

ul#twitter_update_list {
    width:200px;
}
ul#twitter_update_list li {
    border-bottom: 1px dashed #404040;
}
ul.login, ul#tagcloud {
margin-right: -30px;
}
/*----------------------------------------------------------------------------*/
/* --- FOOTER WIDGETS --- */
div#footerwidgets {
    background: #404040;
    width: 936px;
    min-height: 300px;
    overflow: hidden;
}
.footer-item {
    float:left;
    margin-left: 0 auto;
    padding: 10px;
    width: 292px;
    height: 320px;
    color: #cccccc;
    text-align: center;
    line-height: 22px;
    background: #404040;
}
.footer-item li {
list-style-type: none;
}
.footer-item a {
    color: #cccccc;
    font-weight: bold;
}
.footer-item ul {
    padding: 15px;
    background: #404040;
}
.footer-item h3 {
    text-shadow: 2px 3px 2px #000;
    color: #ffffff;
    text-align: center;
}
ul.footerlinks li {
    padding-bottom: 10px;
    list-style-type: none;
    background: url(img/lists.png) top left no-repeat;
    padding-left: 20px;
}

/*----------------------------------------------------------------------------*/
/* --- 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;
}
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background: url(img/three_1.gif);}
.preload2 {background: url(img/three_1a.gif);}

#nav {padding:0; margin:0; list-style:none; height:38px; background:#fff url(img/three_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:14px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(img/three_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(img/three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(img/three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#fff; background: url(img/three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(img/three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(img/three_1a.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:38px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #bbd37e;}
#nav li ul.sub li a.fly
{background:#bbd37e url(img/arrow.gif) 80px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#6a812c; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#6a812c url(img/arrow_over.gif) 80px 6px no-repeat; color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#6a812c url(img/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#bbd37e url(img/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#bbd37e;} 

#topslider {
background: #cccccc;
padding-top: 10px;
padding-bottom: 10px;
}
/*
 * 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;
}