/*------------------------------------------------------------------
FINDS - TABLE OF CONTENTS
.................
1. GENERAL
   1.1 RESETS AND DEFAULTS
   1.2 LINKS
   1.3 HEADERS
2. LAYOUT
   2.1 SKELETON LAYOUT
3. HEADER
   3.1 SITE SEARCH
4. NAVIGATION
5. SHOPPING BASKET
6. BOOKMARKS
7. FORMS
   7.1 MAILING LIST
   7.2 AUTHOR SEARCH
8. CONTENT
   8.1 TOP TEN
   8.2 COMMENTS
9. TRANSLUCENT WINDOW
------------------------------------------------------------------*/


/*------------------------------------------------------------------
1. GENERAL
------------------------------------------------------------------*/

/*------------------------------------------------------------------
1.1 RESETS AND DEFAULTS
------------------------------------------------------------------*/
body#finds
{
font-family: Arial, Helvetica, sans-serif;
}

#finds .module
{
 background         : none;
 border-bottom      : 1px dashed #b8e1af;
}

#finds div.bg
{
 background			: #FFFFFF;
}

#finds input.text,
#finds select.select
{
 border             : 1px solid #DBDCC3;
 color              : #A5A76B;
}

#finds div#header {
 padding:1em 0 0.5em;
}


/*------------------------------------------------------------------
1.2 LINKS
------------------------------------------------------------------*/
#finds div#wrapper a:hover,
#finds div#extras div.cloud a:hover,
#finds div#content div.cloud a:hover,
#finds div#xhr_content a:hover,
div#recomendations li a
{
 color              : #9fa161;
}

#finds div#wrapper h2 a,
#finds div#wrapper h3 a,
#finds div#wrapper h4 a
{
 color              : #878a39;
 text-decoration    : none;
}

#finds div#wrapper a.key
{
 background         : #878A39;
 color              : #fff;
 font-weight        : 700;
 padding            : 0 2px;
 text-decoration    : none;
}

#finds div#wrapper a.key:hover
{
 color              : #fff;
}


/*------------------------------------------------------------------
1.3 HEADERS
------------------------------------------------------------------*/
#finds h2,
#finds h3,
#finds h4
{
 color              : #878A39;
}

#finds h2 em,
#finds h3 em,
#finds h4 em
{
 color              : #1b2e04;
}


/*------------------------------------------------------------------
2. LAYOUT
------------------------------------------------------------------*/

/*------------------------------------------------------------------
2.1 SKELETON LAYOUT
------------------------------------------------------------------*/
#finds div#wrapper
{
 
}

#finds div.border
{
 background-color   : #1b2e04;
}

#finds div.bg {
 padding: 0;
}

#finds ul#breadcrumbs {
 font-size: 1em;
}

/*------------------------------------------------------------------
3. HEADER
------------------------------------------------------------------*/
#finds h1 a
{
 background         : url(../img/finds/h1_logo_finds.png) no-repeat top left;
 height             : 35px;
 margin-top         : 7px;
 width              : 230px;
}

#finds #strip p {
 font-size          : 1.3em;
 margin             : 0;
 margin-bottom      : 0.3em;
 padding-bottom: 32px;
 border-bottom: 5px solid #878a39;
 background: url(../img/finds/h1_logo_sub.png) no-repeat top left;
}

#finds #strip p em {
color               : #7EAB4A;
font-style          : normal;
font-weight         : 600;
}

/*------------------------------------------------------------------
3.1 SITE SEARCH
------------------------------------------------------------------*/
#finds form#site_search input.text
{
 border             : 1px solid #dbdcc3;
 color              : #a5a76b;
}
form#site_search input.text {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #9CCEDD;
    color: #2EA5C8;
    font-size: 1em;
    padding: 2px;
    width: 90px;
}
/*------------------------------------------------------------------
4. NAVIGATION
------------------------------------------------------------------*/

#finds div#navigation dl
{
 background         : #878a39;
 margin-bottom      : 0;
 width              : 166px;
}

#finds div#navigation dl dd ul
{
 background			: #9fa161;
 filter				: alpha(opacity=60);
 opacity			: 0.60;
 width				: 100%;
 margin-bottom      : 0;
}


#finds div#navigation dl dt a,
#finds div#navigation dl dd ul li a{
 color				: #FFFFFF;
}

#finds div#navigation dl dt a:hover
{
 color				: #0e0b02;
}

#finds div#navigation dl dt
{
 border-bottom      : 1px dashed #abad75; 
 float              : none;
 font-weight        : 400;
 margin-right       : 0;
}

#finds div#navigation dl dd ul li
{
 border-bottom      : 1px dashed #bcbd91;
}

#finds div#navigation dl dt.toggle_style
{
/*  font-weight		: bold; */
 margin-bottom      : 0;
}

#finds div#navigation dl dt.toggle_style a span,
#finds div#navigation dl dt.toggle_style a,
#finds div#navigation dl dt.toggle_style a:hover
{
/*  color				: #22333B; */
}


/*------------------------------------------------------------------
5. SHOPPING BASKET
------------------------------------------------------------------*/
#finds div#extras h4#basket_header
{
 color				: #FFFFFF;
 background         : #878A39;
 font-size          : 1em;
}

#finds div#extras ul#basket
{
 background         : #9FA161;
 font-size          : 0.9em;
}

#finds div#wrapper ul#basket a {
 color: #ffffff;
}
 
#finds div#extras ul#basket li.price
{
 background         : #878A39;
}

#finds div#extras ul#basket
{
 border-top         : 1px dashed #1b2e04;
}

#finds div#extras ul#basket li.price
{
 border-top         : 1px dashed #1b2e04;
}

#finds div#extras ul#basket li.empty
{
 color				: #22333B;
 font-size          : 1.1em;
 background         : #FFFFFF;
 border-bottom      : 1px dashed #B8E1AF;
}

/*------------------------------------------------------------------
6. BOOKMARKS
------------------------------------------------------------------*/
#finds a.delicious
{
 background-image   : url(../img/bookmarks/sprite_delicious_finds.gif);
}

#finds a.digg
{
 background-image   : url(../img/bookmarks/sprite_digg_finds.gif);
}

#finds a.facebook
{
 background-image   : url(../img/bookmarks/sprite_facebook_finds.gif);
}

#finds a.reddit
{
 background-image   : url(../img/bookmarks/sprite_reddit_finds.gif);
}

#finds a.stumbleupon
{
 background-image   : url(../img/bookmarks/sprite_stumbleupon_finds.gif);
}


/*------------------------------------------------------------------
7. FORMS

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

/*------------------------------------------------------------------
7.1  MAILING LIST

------------------------------------------------------------------*/
#finds div#mail_form  fieldset input.text,
#finds div#mail_form  fieldset select
{
	width				: 150px;
	padding             : 2px 3px;
}

#finds div#mail_form
{
 width				: 270px;
 height				: 150px;
 background			: #878a39;
 padding			: 5px;
 text-align			: center;
 font-size          : 0.9em;
}

#finds div#mail_form  fieldset legend,
#finds div#mail_form  h3
{
 font-size          : 1.4em;
 color				: #ffffff;
 padding			: 0px 7px;
}
#finds div#mail_form  fieldset legend em,
#finds div#mail_form  h3 em
{
 display            : inline;
 font-weight		: 800;
 font-style			: normal;
 color				: #ffffff;
}
#finds div#mail_form fieldset p
{
 font-size			: 1.1em;
 padding			: 0 10px;
}

/*------------------------------------------------------------------
7.1  AUTHOR FORM

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

#finds div#author_form input.text,
#finds div#title_form input.text
{
 border             : 1px solid #b8e1af;
 color              : #7eab4a;
 padding            : 2px 0;
}

text
#finds div#author_form fieldset
{
 
}

#finds div#author_form fieldset input.text,
#finds div#title_form fieldset input.text,
#finds div#author_form fieldset select,
#finds div#title_form fieldset select
{
 width				: 160px;
}

#finds div#author_form fieldset  legend,
#finds div#title_form fieldset  legend
{
 color				: #878A39;
 font-size			: 1.5em;
}

#finds div#author_form fieldset  label,
#finds div#title_form fieldset  label
{
 display			: block;
 padding			: 5px 0;
}

#finds div#author_form fieldset label span
#finds div#title_form fieldset label span
{
 float				: right;
 width				: 25px;
 text-align			: right;
 padding			: 0 10px 0 0;
}

#finds div#author_form fieldset a
#finds div#title_form fieldset a
{
 float				: right;
 padding			: 0 10px 0 0;
}

#finds div#contest_form
{
 background			: #F0F6EA;
}


/* ------------------------------------------------------------------
8.1 CONTENT
------------------------------------------------------------------*/

#finds div#listing form,
#finds div#listing .form_wrapper
{
 background         : #9FA161;
 color: #ffffff;
}

#finds div.small-print,
#finds p.small-print
{
 font-size           :0.9em;
}

#finds div#listing ol li 
{
border-bottom       : 1px dashed #B8E1AF;
border-top          : 1px dashed #B8E1AF;
}

#finds div#listing ol ul li 
{
 border             : 0;
}

#finds div.small-print h2
{
 margin-top          : 1em;
 font-size           : 1.5em;
}

/* ------------------------------------------------------------------
8. TOP TEN
------------------------------------------------------------------*/

#finds div#top_ten ul li.even,
#finds div#top_ten ul li.odd
{
 padding			: 5px;
 background			: #FFFFFF;
 color              : #ffffff; 
 font-size			: 1.1em;
 border-bottom      : 1px dashed #b8e1af;
}

#finds div#top_ten ul li.even {
 color:#878A39;
}

#finds div#top_ten ul li.odd
{
 background			: #878A39;
}
#finds div#top_ten ul li em
{
 display			: block;
 font-style			: normal;
 color              : #1b2e04;
}
#finds div#top_ten ul li span
{
 float	 			: left;
 clear				: both;
 width			 	: 25px;
 height				: 30px;
 padding			: 0 25px 0 0;
 text-align			: right;
 font-size			: 2em;
 font-weight		: 900;
 color				: #22333B;
}
/* ------------------------------------------------------------------
8. COMMENTS
------------------------------------------------------------------*/
#finds div#extras div#work-comments span.user, 
#finds div#content div#work-comments span.user,
#finds div#content div#work-comments-split span.user
{
 color              : #7EAB4A;
}

/* ------------------------------------------------------------------
8. TRANSLUCENT WINDOW
------------------------------------------------------------------*/

#finds #pop-window
{
 background         : #B9E1AF;
 border-color       : #89AF6B;
}