/*  

Theme Name: littleriver

Description: Custom Theme for Little River Watershed Association

Version: .99

Author: Mike Meyers

*/

/* CSS Document */

/************************************************************************

Listing Order:

==============

1 - Global

2 - Structure/Layout

3 - Main Content

4 - Sub Navigation

5 - Left Navigation

6 - Footer Navigation

************************************************************************/

/***********************************************************************

1 - GLOBAL STYLES

************************************************************************/

body {

background: #7EA3C8;

font: 62.5%/1.6em 'Trebuchet MS', Verdana, Arial, sans-serif;

color: #3E5061;

}

html, body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td { 

margin: 0; 

padding: 0; 

}

a {

text-decoration	: none;

color: #58728C;

}

a:hover {

text-decoration	: underline;

}

.clearer {

clear: both;

line-height: 0;

}

.disappear {

display: none;

}

p, ul, ol {

padding-bottom: 1.4em;

}

a img {

border: none;

}

/***********************************************************************

2 - STRUCTURE/LAYOUT STYLES

************************************************************************/

div#container {

width: 932px;

margin: 20px auto;

font-size: 125%;

}

div#page_topcap, div#page_botcap {

width: 932px;

height: 26px;

}

div#page_topcap {

background: url(images/page_topcap.gif) no-repeat top left;

}

div#page_botcap {

background: url(images/page_botcap.gif) no-repeat top left;

}

div#page {

width: 932px;

background: url(images/page_bg.gif) repeat-y top left;

}

/***********************************************************************

3 - HEADER STYLES

************************************************************************/

div#colorbar {

width: 819px;

height: 31px;

background: url(images/bar2.gif) no-repeat top left;

}

div.double {

width: 818px;

height: 10px;

background: url(images/bar_doublelines.gif) no-repeat top left;

}

div#header {

width: 819px;

margin: 0 auto;

position: relative;

}

div#photos, div#nav {

float: left;

}

div#bc {

margin: 10px;

}

div#photos {

width: 615px;

height: 172px;

overflow: hidden;

}

div#lrlogo {

width: 154px;

height: 86px;

background: url(images/littleriverlogo.jpg) no-repeat top left;

position: absolute;

z-index:1;

top: 144px;

left: 39px;

}

div#lrlogo h1 a {

display: block;

width: 120px;

height: 90px;

outline: none;

}

div#nav {

width: 204px;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

text-transform: uppercase;

color: #E3E4D7;

}

div#nav ul {

list-style-type: none;

margin: 0;

padding: 0;

}

div#nav ul li {

width: 204px;

height: 29px;

}

div#nav ul li a {

display: block;

width: 100%;

height: 100%;

outline: none;

}

div#nav ul li#li_home {

background: url(images/nav_home_over.gif) no-repeat top left;

}

div#nav ul li#li_aboutus {

background: url(images/nav_aboutus_over.gif) no-repeat top left;

}

div#nav ul li#li_news {

background: url(images/nav_news_over.gif) no-repeat top left;
height: 28px;
}


div#nav ul li#li_programs {

background: url(images/nav_programs_over.gif) no-repeat top left;

}

div#nav ul li#li_resources {

background: url(images/nav_resources_over.gif) no-repeat top left;

}


div#nav ul li#li_help {

background: url(images/nav_help_over.gif) no-repeat top left;
height: 28px;

}
            	


div#nav ul li#li_home a {

background: url(images/nav_home.gif) no-repeat top left;

}

div#nav ul li#li_aboutus a {

background: url(images/nav_aboutus.gif) no-repeat top left;

}

div#nav ul li#li_news a {

background: url(images/nav_news.gif) no-repeat top left;

}


div#nav ul li#li_programs a {

background: url(images/nav_programs.gif) no-repeat top left;

}

div#nav ul li#li_resources a {

background: url(images/nav_resources.gif) no-repeat top left;
height: 28px;
}


div#nav ul li#li_help a {

background: url(images/nav_help.gif) no-repeat top left;
height: 28px;
}







div#nav ul li a:hover {

background: none !important;

}

div#nav ul li ul {

background: #002c16;

width: 153px;

height: 50px;

padding: 4px 0;

position: absolute;

left: -999em;

margin-top : -58px;

margin-left: -153px;

}

div#nav ul li:hover ul, div#nav ul li.sfhover ul {

left: auto;

}

div#nav ul li#li_projects ul {

background: #577d2a;

color: #333;

margin-top: -40px;

}

div#nav ul li#li_giveback ul {

background: #accc00;

color: #fff;

margin-top : -25px;

height: 25px;

padding: 0;

}

div#nav ul li ul li {

width: 153px;

text-align: center;

}

div#nav ul li ul li#li_contact {

background: url(images/nav_sub_contact_over.jpg) no-repeat top left;

}

div#nav ul li ul li#li_contact a {

background: url(images/nav_sub_contact.jpg) no-repeat top left;

}

div#nav ul li ul li#li_stories {

background: url(images/nav_sub_sponsors.jpg) no-repeat top left;

}

div#nav ul li ul li#li_stories a {

background: url(images/nav_sub_sponsors.jpg) no-repeat top left;

}

div#nav ul li ul li#li_partner {

background: url(images/nav_sub_partner_over.jpg) no-repeat top left;

}

div#nav ul li ul li#li_partner a {

background: url(images/nav_sub_partner.jpg) no-repeat top left;

}

div#nav ul li ul li#li_friends {

background: url(images/nav_sub_friends_over.jpg) no-repeat top left;

}

div#nav ul li ul li#li_friends a {

background: url(images/nav_sub_friends.jpg) no-repeat top left;

}

div#nav ul li ul li#li_board {

background: url(images/nav_sub_board_over.jpg) no-repeat top left;

}

div#nav ul li ul li#li_board a {

background: url(images/nav_sub_board.jpg) no-repeat top left;

}

div#nav ul li ul li#li_takecare {

background: url(images/nav_sub_takecare_over.jpg) no-repeat top left;

}

div#nav ul li ul li#li_takecare a {

background: url(images/nav_sub_takecare.jpg) no-repeat top left;

}

div#nav ul li ul li#li_travel {

background: url(images/nav_sub_sponsors.jpg.jpg) no-repeat top left;

}

div#nav ul li ul li#li_travel a {

background: url(images/nav_sub_sponsors.jpg) no-repeat top left;

}

div#nav ul li ul li#li_youth {

background: url(images/nav_sub_youthlegacy_over.jpg) no-repeat top left;

}

div#nav ul li ul li#li_youth a {

background: url(images/nav_sub_youthlegacy.jpg) no-repeat top left;

}



div#nav ul li ul li#li_dreamers {

background: url(images/nav_sub_dreamers_over.jpg) no-repeat top left;

}

div#nav ul li ul li#li_dreamers a {

background: url(images/nav_sub_dreamers.jpg) no-repeat top left;

}

div#nav ul li ul li#li_sponsors {

background: url(images/nav_sub_sponsors_over.jpg) no-repeat top left;

}

div#nav ul li ul li#li_sponsors a {

background: url(images/nav_sub_sponsors.jpg) no-repeat top left;

}

div#nav ul li ul li a {

color: #F4F3EF;

line-height: 1em;

padding: 3px 0;

text-align:center;

}

div#nav ul li ul li a:hover {

font-weight: bold;

text-decoration: none;

background: none !important;

}

div#nav ul li#li_about a:hover {

background: url(images/nav_gettoknow_over.gif) no-repeat top left;

}

/*div#nav ul li#li_contact a:hover {

background: url(images/nav_contact_over.gif) no-repeat top left;

}*/

div#nav ul li#li_giveback a:hover {

background: url(images/nav_giveback_over.gif) no-repeat top left;

}

div#nav ul li#li_gettoknow span.disappear {

display: none;

margin: 0;

}

div#headersearch {

position: absolute;

right: 0;

top: 214px;

}

/***********************************************************************

4 - CONTENT STYLES

************************************************************************/

div#contentwrap {

width: 818px;

margin: 0 auto;

padding: 0px 0 0px 0;

}

div#breadcrumb {

font-size: 15px;

text-transform: uppercase;

color: #969c5e;

font-family: Arial, Helvetica, sans-serif;



margin-bottom: 5px;

letter-spacing: 2px;


}

div#breadcrumb span {

padding-bottom: 4px;

border-bottom: 1px solid #d1debc;

}

div#breadcrumb a {

color: #7EA3C8;

}

div#content {

width: 613px;

line-height: 1.5em;

}

div#content div.addpadding {

padding: 0 55px 0 0;

}

div#content, div#sidebar {

float: left;

}

div#sidebar {

width: 200px;

background: url(images/bg_sidebar.gif) repeat-y top left;

}

div#frontpageevents ul{

list-style-type: none;

}


div#frontpageevents a{

font-weight: bold;
text-decoration: underline;


}

div#leftlist ul{

list-style-type: none;
line-height: 1;

}


div#frontpageevents {

background: #E7F3FE;
margin-left: -10x;
width: 370px;
}


div#otherboxes{



}


div#backpageevents ul{

list-style-type: none;

}

div#backpageevents a{

font-weight: bold;
text-decoration: underline;

}

div#backpageevents {

background: url(images/stories_bg.gif) repeat-y top left;

height: 100%;

width: 174px;

padding: 0 17px;

color: #47621f;


}

div#frontpageevents ul{

list-style-type: square;

}

div#frontpageevents h4 {

font-family: Arial, Helvetica, sans-serif;

text-transform: uppercase;

color: #FFF;

font-size: 14px;

letter-spacing: 2px;

background: #5585b6;

text-align: center;

}

div#backpageevents h4 {

font-family: Arial, Helvetica, sans-serif;

text-transform: uppercase;

color: #FFF;

font-size: 10px;

letter-spacing: 2px;

background: #5585b6;

text-align: center;

}

h5 {

font-size: 16px;

text-transform: uppercase;

color: #FFFFFF;

font-weight: bold;

font-family: Arial, Helvetica, sans-serif;

padding-top: 5px;

}



h2 {

background: url(images/bg_h1.gif) no-repeat bottom right;

padding-bottom: 10px;

margin-bottom: 15px;

}

div#content h2 {

font-family: Arial, Helvetica, sans-serif;

text-transform: uppercase;

color: #3E5061;

font-size: 18px;

letter-spacing: 2px;


}

div#content h3 {

font-family: Arial, Helvetica, sans-serif;

color: #3E5061;

font-size: 14px;
}


div#content ul {
margin-left: 15px;
}

h3, dt {

font-size: 16px;

text-transform: uppercase;

color: #3E5061;

font-weight: bold;

font-family: Arial, Helvetica, sans-serif;

padding-top: 5px;

}

dt {

clear: both;

}

dd {

padding-bottom: 15px;

}

div.thetime {

font-family: Arial, Helvetica, sans-serif;

text-transform: uppercase;

color: #9FA374;

font-size: 12px;

font-weight: bold;

padding: 0 0 25px 0;

}

dt strong {

color: #33460B;

}

dd img {

display: block;

float: right;

margin: 0 0 2px 10px;

padding: 2px;

border: 1px solid #9FA374;

}

div.entry ul, div.entry ol {

padding-left: 30px;

padding-top: 7px;

}

div.entry ul li, div.entry ol li {

padding-bottom: .8em;

}

div#contactinfo {

padding-bottom: 5px;

margin-bottom: 15px;

background: url(images/bar_contactdivider.gif) no-repeat bottom left;

color: #474400;

font-weight: bold;

}

div.left {

width: 55%;

float: left;

}

div.right {

width: 38%;

float: left;

}

.floatleft {

display: block;

float: left;

}

.floatright {

display: block;

float: right;

}

.center {

display: block;

margin: 3px auto;

}

div#recentpostlist ul {

list-style-type: none;

margin: 0;

padding-left: 0;

}

div#recentpostlist ul li a {

color: #47621f;

font-weight: bold;

}

div.entry a {

text-decoration: underline;

}

div.entry a:hover {

text-decoration: none;

}

form#newsletterform label {

display: block;

float: left;

width: 80px;

text-align: right;

margin-right: 4px;

}

form#newsletterform abbr {

border: none;

color: #666;

}

form#newsletterform input#btn_subscribe {

margin-left: 84px;

}

form#newsletterform p {

clear: both;

}

div.entry img.alignleft {

display: block;

float: left;

padding: 3px;

border: 1px solid #78A22F;

margin: 0 15px 5px 0;

}

div.entry img.alignright {

display: block;

float: right;

padding: 3px;

border: 1px solid #78A22F;

margin: 0 0 5px 15px;

}

div.entry img.alignnone {

padding: 7px;

}

ul#alphalinks {

list-style-type: none;

margin: 0;

padding: 0 0 15px 0;

}

ul#alphalinks li {

float: left;

margin: 0 3px;

}

ul#alphalinks li a {

display: block;

padding: 2px;

color: #66622a;

font: bold 14px Helvetica, Arial, sans-serif;

text-decoration: none;

border-bottom: 1px solid #d9d8c9;

}

ul#alphalinks li a:hover {

color: #668E3D;

}

div#highlightbox {

clear: both;

padding: 10px 15px;

margin: 10px 0;

background: #f1f5ce;

}

div#contactbox {

width: 545px;

height: 130px;

overflow: auto;

border: 1px solid #9FA374;

}

div#contactbox table {

width: 100%;

background: #F1F5CE;

}

div#contactbox table tr th {

text-align: left;

color: #F4F6D8;

background: #668E3D;

padding: 3px 5px;

padding-left: 10px;

}

div#contactbox table tr td {

padding: 3px 0 3px 10px;

}



/************ EVENTS STYLES *********************/

div#eventlisting ul {

list-style-type: none;

margin: 0;

padding: 0;

}

/***********************************************************************

5 - SIDEBAR STYLES

************************************************************************/

div#sidebar h3 {

padding-bottom: 5px;

}

div.boxwrap {

width: 208px;

margin: 0 0 5px 2px;

}

div#stories_topcap, div#stories_botcap, div.sidebar_topcap, div.sidebar_botcap {

width: 208px;

height: 11px;

}

div#stories_topcap {

background: url(images/stories_topcap.gif) no-repeat top left;

}

div#stories_botcap {

background: url(images/stories_botcap.gif) no-repeat top left;

}

div.sidebar_topcap {

background: url(images/sidebar_topcap.gif) no-repeat top left;

}

div.sidebar_botcap {

background: url(images/sidebar_botcap.gif) no-repeat top left;

}

div#stories {

background: url(images/stories_bg.gif) repeat-y top left;

height: 100%;

width: 174px;

padding: 0 17px;

color: #47621f;

}

div.box {

background: url(images/sidebar_bg.gif) repeat-y top left;

height: 100%;

width: 174px;

padding: 0 17px;

}

div.box a, div#stories a {

color: #47621f;

font-weight: bold;

text-decoration: underline;

}

div.box a:hover, div#stories a:hover {

text-decoration: none;

}

div.box h3 a, div#stories h3 a {

border: none;

color: #000000;

text-decoration: none;

}

div.storiespagebox {

background: #fff;

background-image: none !important;

}

div.storiespagebox div.box {

background: #fff;

background-image: none !important;

border: 1px solid #cad9b2;

width: 165px;

margin-left: 5px;

padding: 10px 21px 10px 10px;

}

/***********NEW STORIES STYLES***************/

.invisitext{

display: none;

}

div#recentStories{

float:left;

width:397px;

/*height:630px;*/

border-left:1px solid #ccdab4;

/*border-bottom:1px solid #ccdab4;*/

padding-left:10px;

}

div#recentStories h2{

border:none;

background: url(images/recentStories.gif) top left no-repeat;

width:371px;

height:13px;

}div#resourcelist ul{list-style-type: square;}
div#resourcelist a{font-size: 14px;font-weight: bolder;color: #47621fletter-spacing: 2px;padding-right: 3px;}div#resourcelist {line-height: 1.5;}div#resourcelist h2{font-family: Arial, Helvetica, sans-serif;color: #969C5E;font-size: 14px;letter-spacing: 3px;list-style-type: none;}
div#recentStories dl{

float:left;

width:185px;

height: 50px;

padding-right: 10px;

padding-top:0;

margin: 0;

display: inline;

line-height: 13px;

}

div#recentStories dt{

float: right;

margin:0;

padding:0;

border: 0;

width:122px;

clear: none;

padding-top: 0px;

line-height: inherit;

}

div#recentStories a{

text-decoration: underline;

font-family: Trebuchet, Arial;

margin:0;

padding:0;

color:#47621f;

font-size: 11px;

font-weight: bold;

text-transform: uppercase;

}

div#recentStories a:hover{

text-decoration: none;

}

div#recentStories dl dd img{

padding:0;

margin: 0 8px 0 0;

border:none;

float:left;

}

div#recentStories dl dd{

margin:0;

padding:0;

color:#47621f;

font-size: 11px;

}

div#recentStories a.more{

margin: 0 0 0 196px;

}

div#rightContainer{

float:left;

width:406px;

/*height:630px;*/

border-left:1px solid #7EA3C8;

border-bottom:1px solid #7EA3C8;

border-right:1px solid #7EA3C8;

}

div#tellYourStory{

float:left;

width:183px;

padding-left:20px;

}

div#tellYourStory h2{

border:none;

background: url(images/lwrastories.gif) top left no-repeat;

width:148px;

height:31px;

margin:0;

}

div#tipsOnHow{

float:left;

width:182px;

border-left:1px solid #ccdab4;

padding-left:20px;

}

div#tipsOnHow h2{

border:none;

background: url(images/tipsOnHow.gif) top left no-repeat;

width:148px;

height:31px;

margin:0;

}

div#featuredStory{

float:left;

width:341px;

border-top:1px solid #ccdab4;

border-bottom:1px solid #ccdab4;

padding-left:65px;

padding-top:10px;

text-align: center;

}

div#featuredStory h2{

border:none;

background: url(images/featuredLWRAStory.gif) top left no-repeat;

text-align: center;

width:257px;

height:12px;

padding:0 0 10px 0;

margin:0;

}

div#featuredLWRAStory h3{

border:none;

text-align: center;

width:257px;

height:12px;

padding:10px 0 15px 0;

margin:0;

}

div#featuredLWRAStory p{

width:257px;

}

li.odd, li.even {

width: 180px;

height: 50px;

font-size: 10px;

float: left;

line-height: 1em;

}

li.odd a, li.even a {

font-size: 11px;

line-height: 1.2em;

}

li.odd h3, li.even h3 {

padding-top: 0;

}

li.odd {

padding-left: 4px;

}

li.even {

padding-left: 10px;

}

div.imgcontainer {

width: 54px;

height: 39px;

float: left;

margin: 0 6px 11px 0;

text-align: right;

}

div.needsborder {

border: 1px solid #ddd; 

text-align: right !important;

}

div#bottomSortedSearch{

float:left;

width:386px;

padding-left:20px;

padding-top:10px;

}

div#bottomSortedSearch h2{

border:none;

background: url(images/sortLWRAStoriesBy.gif) top left no-repeat;

width:255px;

height:13px;

margin:0;

}

div#bottomSortedSearch div.btnBox{

width:175px;

height:19px;

float:left;

display: inline;

margin:0 10px 10px 0;

}

div.btnBox a {

display: block;

width: 100%;

height: 100%;

text-decoration: none;

padding: 3px 0 0 5px;

background-color: #e6eecd;

font: bold 11px Arial, Helvetica, sans-serif;

text-transform: uppercase;

text-align: center;

}

div.btnBox a:hover {

background-color: #dce5be;

}

div#tagcloud {

clear: both;

width: 350px;

/*background-color: #e6eecd;*/

margin: 10px 0;

padding: 10px;

}

input#searchBtn{

background: url(images/search.gif) top left no-repeat;

width:117px;

height:24px;

display: inline;

margin:0 6px 0 -1px;

float: left;

}

input#searchInput{

background: url(images/searchInput.gif) top left no-repeat;

width:238px;

height:22px;

display: inline;

float:left;

border: 0;

padding: 2px 0 0 5px;

}

form#searchform {

clear: both;

}

input#s {

height: 18px;

width: 235px;

}



input#searchsubmit {

vertical-align: middle;

margin-left: 3px;

}

/***********************************************************************

6 - FOOTER STYLES

************************************************************************/

div#footer {

text-align: center;

color: #33460B;

font-size: 90%;

}

div#footer ul {

list-style-type: none;

padding-left: 180px;

}

div#footer ul li {

float: left;

text-align: center;

margin: 2px 3px;

/*border-right: 1px solid #737A35;*/

padding: 0 7px;

line-height: .9em;

}

div#footer ul li a {

color: #33460B;

}

/***********************************************************************

7 - COMMENTS STYLES

************************************************************************/

form#commentform textarea {

width: 450px;

height: 200px;

}

h3#comments {

margin-bottom: 20px;

}

h3#respond {

margin: 30px 0 10px 0;

}

h3#comments, h3#respond {

font-size: 16px;

text-transform: uppercase;

color: #000000;

font-weight: bold;

font-family: Arial, Helvetica, sans-serif;

}

ol.commentlist {

width: 90%;

list-style-type: none;

}

ol.commentlist li {

padding: 20px 15px 5px 15px;

margin-bottom: 10px;

clear: both;

position: relative;

}

ol.commentlist li.alt {

/*background: #F3F7D8;*/

background: #f4fce7;

}

span.numbered {

font-family: Arial, Helvetica, sans-serif;

font-size: 36px;

color: #DCE9C6;

font-weight: bold;

line-height: 1em;

position: absolute;

top: 10px;

right: 15px;

}

p.postmetadata {

padding: 5px 25px;

border: 1px dotted #E4DEB6;

border-left: none;

border-right: none;

width: 85%;

text-align: center;

line-height: 1em;

margin: 5px auto 20px auto;

color: #9FA374;

}

.tip {

color: #333;

background-color: #fff;

width: 200px;

border: 1px solid #668e3d;

z-index: 13000;

padding: 7px;

font-size: 11px;

}

.tip-top {

font-weight: bold;

font-size: 11px;

margin: 0;

color: #668E3D;

padding: 8px 8px 4px;

}

.tip-bottom {

font-size: 11px;

padding: 4px 8px 8px;

}

/***********************************************************************

1 - GLOBAL STYLES

************************************************************************/

div.searchresults {

width: 835px !important;

}

div.searchresults div#tellYourStory, div.searchresults div#tipsOnHow {

width: 180px;

float: left;

padding-right: 10px;

}

div.searchresults div#tipsOnHow {	

border-right:1px solid #ccdab4;	

border-left:1px solid #ccdab4;

}

div.searchresults div#bottomSortedSearch {

width: 380px;

float: left;

}

div.searchresults div.entry {

width: 500px;

float: left;

padding-left: 60px;

}

div.searchresults div.post {

border-bottom: 1px dashed #ccc;

margin-bottom: 20px;

height: 100%;




}

div.searchresults p.storymeta {

font-size: 11px;

font-weight: bold;

}

div.searchresults div.imgcontainer {

width: 54px;

height: 39px;

float: left;

text-align: center;

margin-right: 20px;

}

div.searchresults div#barofinfo {

border-bottom: 1px solid #CCDAB4;

margin-bottom: 20px;

height: 100%;

padding-bottom: 10px;

}

div.navigation {

clear: both;

}

div.navigation div.alignleft {

width: 45%;

float: left;

}

div.navigation div.alignright {

width: 45%;

float: right;

}

/***********************************************************************

7 - HOME NEW STYLES

************************************************************************/

div#thehomepage div#content {

width: 818px;

}

div#thehomepage div#left {

width: 380px;

float: left;

}

div#thehomepage div#left h2 {

background: none;

}

div#thehomepage div#right {

width: 410px;

float: right;

}

div#upperrighthome {

border: 1px solid #c6d6ac;

padding: 5px;

height: 100%;

}

div#upperrighthome div#programsintro {

width: 180px;

float: left;

margin-left: 7px;

padding: 15px 4px;

}

div#upperrighthome div#featured {

width: 180px;

float: left;

border-left: 2px solid #c6d6ac;

margin-left: 7px;

padding: 15px 5px 15px 5px;

color: #99a600;

font-weight: bold;

font-family: Helvetica, Arial, sans-serif;

text-align: center;

}

div#upperrighthome div#featured p {

margin-bottom: 0;

padding-bottom: 0;

}

div#upperrighthome div#homefeatured h3 {

color: #000000;

padding-bottom: 5px;

}

div#upperrighthome div#homefeatured h3 a {

color: #000000;

}

div#promos {

width: 180px;

padding: 15px 16px 15px 0;

float: left;

}

div#lowerrighthome {

border: 1px solid #c6d6ac;

padding: 5px;

height: 100%;


}

div.newbox {

padding: 5px;

margin-bottom: 15px;

}

div.newbox input#txt_email {

width: 130px;

float: left;

color: #999;

}

div.newbox input#txt_email:focus {

color: #333;

}

div.newbox input#btn_subscribe {

display: block;

background: #d5e5b8;

border: 1px solid #c6d6ac;

font: 10px bold Arial, Helvetica, sans-serif;

color: #456814;

text-transform: uppercase;

padding: 1px 2px;

float: right;

margin: -19px 0 0 0;

}

div#sponsorbar {

float: left;



border: 1px solid #c6d6ac;

padding: 7px;

}

div#joinrss {

border-right: 1px solid #c6d6ac;



margin-right: 7px;

padding-right: 7px;


}

div#sponsors {

border-right: 1px solid #c6d6ac;
border-left: 1px solid #c6d6ac;
float: left;

margin-left: 0px;
margin-right: 0px;
padding-top: 17px;
padding-right: 10px;
padding-left: 10px;

width: 187px;
}

div#joinnow {

border-right: 1px solid #c6d6ac;

float: left;

margin-right: 0px;
margin-left: 0px;

padding-left: 10px;

width: 180px;

padding-right: 10px;
}

/***********************************************************************

1 - ECARDS STYLES

************************************************************************/

div#cardsample {

background: url(images/bg_ecard.jpg) no-repeat top left;

width: 450px;

height: 350px;

float: left;

padding: 12px 0 0 12px;

}

div#minicards {

width: 150px;

float: left;

}

div#minicards ul {

list-style-type: none;

margin: 0;

padding: 10px 0 0 0;

}

div#minicards ul li img {

vertical-align: top;

}

div#ecardinfo {

clear: both;

}

div#ecardinfo h3 {

padding-bottom: 5px;

}

div#ecardinfo div#frominfo, div#ecardinfo div#toinfo, div#ecardinfo div#personalize, div#ecardinfo div#delivery {

width: 280px;

float: left;

padding-top: 5px;	

}

div#ecardinfo div#personalize, div#ecardinfo div#delivery {

padding-top: 20px;

}

div#ecardinfo div#personalize textarea {

width: 215px;

height: 100px;

font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;

}

div#ecardinfo div#previewsend {

clear: both;

}

/***********************************************************************

1 - SPONSOR TEMPLATE STYLES

************************************************************************/


********************************************/

#photos img

{

margin: 0;

padding: 0;

}

div.post {

width: 100;

float: left;

padding-right: 10px;


margin-top: 0px;

}