/* Display stylesheet for www.talula.org.uk */
/* Coded by Djenan Kozic, djenan.kozic@infoserve.com -- 22-05-2009 */

/* YUI RESETS */
@import url("yui-resets.css");

/* GENERAL STYLES */
body { background: #87c4f5 url('../images/bg.jpg') repeat-x top; font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Sans-serif; }
.clear { clear:both; }

/* BRANDING */
.branding { width:900px; height:290px; background:white url('../images/branding-bg.gif') no-repeat top left; margin:50px auto 0; }
.branding a, .branding h1, .branding h2 { float:left; display:none; visibility:hidden; }

.content-wrapper { background-color:white; width:858px; margin:0 auto; padding:18px 21px 0; }

/* NAVIGATION */
.navigation { padding:0; width:197px; float:left; margin-bottom:20px; }
.navigation li { display:block; }
.navigation li a { color:#6cd0f3; text-decoration:none; display:block; text-transform:uppercase; padding:4px 3px; font-size:13px; border-bottom:1px dotted #faba2f; width:191px; letter-spacing:-0.1em; }
.navigation li a.last { border:none; }
.navigation li a:hover { color: #3ea1f4 }

/* SPECIAL OFFERS */
.special-offers { background:transparent url('../images/special-offers-bg.gif') no-repeat top left; width:161px; height:245px; clear:left; padding:16px 18px; }
.special-offers h2 { color:white; text-transform:uppercase; line-height:13px; font-size:16px; letter-spacing:-0.1em; }
.special-offers h2 span { font-size:38px; line-height:29px; }
.special-offers p { color:#4a4a4a; font-size:13px; line-height:18px; padding-top:18px; }

/* CONTENT */
.content { width:618px; float:right; padding:0; }
.content h2 { line-height:36px; color:#3da0f4; padding:0 0 9px 0; margin:0 0 18px 0; font-size:28px; border-bottom:1px dotted #faba2f; letter-spacing:-0.05em; }
.content h3 { line-height:18px; color:#535353; font-size:14px; font-weight:normal; margin-bottom:0px; }
.content h4 { line-height:18px; color:#3da0f4; font-size:14px; font-weight:normal; margin-bottom:0px; }
.content h5 { line-height:18px; color:#3da0f4; font-size:12px; text-transform:uppercase; font-weight:bold; margin-bottom:0px; }
.content h6 { line-height:18px; color:#3da0f4; font-size:12px; text-transform:uppercase; font-weight:normal; margin-bottom:0px; }
.content p, .content li { line-height:18px; font-size:12px; color:#878787; padding-right:50px; }
.content ul { list-style:square; padding:0 16px 0; }
.content ul, .content p { padding-bottom:18px; }
.content h2 + p { color:#46bbeb; font-weight:bold; }
.content a { color:#46bbeb; }

/* FOOTER */
.footer { clear:both; width:858px; background:white url('../images/footer-bg.gif') no-repeat bottom left; padding:18px 21px; margin:0 auto 50px; }
.footer span.org { font-weight:bold; color:#3c6a8e; }
.footer hr { border:none; border-bottom:1px dotted #faba2f; background-color:white; height:0; margin-bottom:18px; }
.footer cite { padding-left:10px; }
.footer p { font-size:11px; line-height:18px; color:#0094dd; padding-left:5px; padding-right:5px; }
.footer a { color:#3c6a8e; }
.footer a:hover { text-decoration:none; }
.footer strong { font-weight:bold; padding-left:10px; color:#3c6a8e; }