@import url('/index.php/styles/index');

/* ----------------------------------------------------------
    Office of the Quartet Representative CSS
    Managed by: Blue State Digital
    Last Update: November 2009 

    TABLE OF CONTENT

    01 - COMMON STYLE
    02 - LAYOUT
    03 - HOMEPAGE 
    04 - SUBPAGES
    05 - FRAMEWORK

    COLOR GUIDE (Main Site Colors and their Hex Codes)
	
---------------------------------------------------------- */

/* 01 =COMMON STYLE 
---------------------------------------------------------- */

.base { }

.base h1 { color: #496c61; }
.base h2 { }
.base h3 { }
.base h4 { }

.base p { }

.base a { color: #496c61; }

blockquote { }

.base ul, ol { }
.base ul li { }
.base ol li { }
.base li ol, .base li ul { }


/* 02 =LAYOUT
---------------------------------------------------------- */

html { background: #fff; }
body { background: #fff; }
#container { background: url(/page/-/images/quartet/wrapper/background-quartet.jpg) no-repeat -64px -50px; }

ul#navigation li { border-right: 1px solid #164e3c; }

#sidebar #quick-signup input.submit { background: url(/page/-/images/quartet/wrapper/btn-sidebar-quicksignup-go-quartet.png); }

#sidebar #by-the-numbers h4 { color: #66897f; }
#sidebar #by-the-numbers p.serifa-bold { color: #013f2d; }
#sidebar #by-the-numbers p.more-actions a { color: #496c61; }

#footer { background: url(/page/-/images/quartet/wrapper/bg-footer-quartet.png) no-repeat; }
#footer h3 { color: #455d56; }
#footer #family-links li a.agi { background: url(/page/-/images/quartet/wrapper/img-footer-agi-quartet.png) no-repeat 50% 50%; }
#footer #family-links li a.tbff { background: url(/page/-/images/quartet/wrapper/img-footer-tbff-quartet.png) no-repeat 50% 50%; }
#footer #family-links li a.tbsf { background: url(/page/-/images/quartet/wrapper/img-footer-tbsf-quartet.png) no-repeat 50% 50%; }
#footer #family-links li a.quartetrepresentative { background: url(/page/-/images/quartet/wrapper/img-footer-quartet-quartet.png) no-repeat 50% 50%; }
#footer #family-links li a.climatechange { background: url(/page/-/images/quartet/wrapper/img-footer-climate-quartet.png) no-repeat 50% 50%; }
#footer #family-links li a.office { background: url(/page/-/images/quartet/wrapper/img-footer-office-quartet.png) no-repeat 50% 50%; }

/* 03 =HOMEPAGE
---------------------------------------------------------- */

body#home #feature h2 { color: #9cb3ad; }
body#home #feature h2 a { color: #9cb3ad; }
body#home #feature #pager a { background: url(/page/-/images/quartet/wrapper/img-feature-pager-inactive-quartet.png) no-repeat; }
body#home #feature #pager a.activeSlide { background: url(/page/-/images/quartet/wrapper/img-feature-pager-active-quartet.png) no-repeat; }


/* 04 =SUBPAGES
---------------------------------------------------------- */

#news.list div.entry img { border: 2px solid #19503e; }
#news.list div.entry h3 { color: #19503e; }
#news.list div.entry h3 a { color: #19503e; }
#news.list div.entry p.more-actions a { color: #19503e; }
#news.list div.entry p.more-actions a.addthis_button { background: url(/page/-/images/quartet/wrapper/btn-sharethis-quartet.png) no-repeat; padding-left: 15px;}
#news.list h4 { color: #19503e; }
#news.list h4 a { color: #19503e; }

body#news div.large-thumb { border: 3px solid #19503e; border-left: 0; border-right: 0;}
body#news div.large-thumb img.news-image { border-left: 3px solid #19503e; border-right: 3px solid #19503e;}


/* 05 =FRAMEWORK
---------------------------------------------------------- */