/* 
CSS for www.tibetandawn.com
Author: Reuben Whitehouse

============================
Created: October 1st 2005
============================
Modified: 
November 23rd 2005 - Range next/prev buttons
October 17th 2005 - Range items layout
March 6th 2006 - Main nav dl's right padding reduced
June 27th 2006 - Wimpy player styles added
Jan 3rd 2007 - 'Off' class bullet created for temporary shutdown
============================

The following articles websites were useful in the development of this CSS:
Sizing text with em's tips from http://www.clagnut.com/blog/348/ 
Using definition lists for products tips from http://www.stuffandnonsense.co.uk/archives/e-commerce_definition_lists.html
Text / BG colour contrast testing on http://www.juicystudio.com/services/colourcontrast.php
*/

/* ==========
++ STYLING ++
============ */

body 
{ 
margin: 0;
padding: 0;
font-family: "lucida sans", lucida, "lucida sans unicode", geneva, arial, verdana, sans-serif; 
font-size: 62.5%;
color: #444; 
background: #fff; 
text-align: center;
}

h1
{
display: none;
}

a
{
color: #0a50a1;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}

/* ======================================== <- div specific */

/* ====================================== <- logo and intro */
#logo-intro h2
{
text-transform: uppercase;
margin: 0;
font-size: 1.5em;
line-height: 130%;
color: #f4a945;
}

#logo-intro img
{
float: left;
margin: 0 30px 0 40px;
border: 0;
}

#logo-intro .intro-firstline
{
color: #c61629;
}

/* ========================================= <- main nav */
#main-nav dl
{
margin: 0;
float: left;
font-size: 1.3em;
text-transform: uppercase;
}
#main-nav dt
{
padding-left: 11px;
color: #c61629;
font-weight: bold;
}
#main-nav dd
{
margin: 4px 0 0 0;
/* style in place to hide the quantity of items in each category being output by the cbs_category plugin: */ color: #fff;
}

#main-nav ul
{
margin: 0;
padding: 0;
}
#main-nav li
{
padding-left: 11px;
list-style-type: none;
background: url(http://www.tibetandawn.co.uk/images/bullet-blue-small.gif) no-repeat;
background-position: 0 4px;
}

#main-nav a
{
font-weight: bold;
}

#main-nav form
{
margin: 0;
}

#main-nav input
{
padding: 2px;
font-size: 0.9em;
}
#main-nav .textinput
{
width: 100px;
text-transform: none;
}
#main-nav .button
{
margin-top: 4px;
text-transform: uppercase;
}

#main-nav .search
{
padding-left: 0;
color: #9e9b23;
font-weight: bold;
}

#main-nav .searchnav
{
padding-left: 12px;
}

#main-nav .buttons
{
margin: 0;
padding: 0;
}
#main-nav .buttons li
{
padding-left: 10px;
list-style-type: none;
background: none;
}
#main-nav .buttons dd
{
margin: 0;
padding: 0;
}
#main-nav .buttons a
{
border: 0;
color: #fff;
}
#main-nav .buttons input
{
padding: 0;
margin: 0;
}

/* ================================ <- homepage main content */

#home-content dl
{
clear: left;
}
#home-content dt
{
font-size: 1.4em;
color: #c61629;
font-weight: bold;
text-transform: uppercase;
padding-left: 11px;
background: url(http://www.tibetandawn.co.uk/images/bullet-red-small.gif) no-repeat;
background-position: left 4px;
}
#home-content dd
{
float: left;
width: 100px;
margin: 5px 0 0 11px;
font-size: 1.1em;
}

#home-content ul
{
margin: 0 0 15px 0;
padding: 0;
}
#home-content li
{
list-style-type: none;
}

#home-content img
{
border: 1px solid #aaa;
}

#home-content .advert
{
margin-left: 11px;
}

#home-content .price
{
color: #9b9825;
padding-top: 3px;
}

/* =============== <- rangepage AND search results page main content */

#range-content dt
{
font-size: 2.2em;
color: #c61629;
font-weight: bold;
text-transform: uppercase;
}

#range-content .intro
{
padding-bottom: 15px;
color: #a3d2e0;
}

#range-content .info
{
padding-top: 5px;
color: #444;
font-size: 1.2em;
font-weight: lighter;
text-transform: none;
}

#range-content dd
{
margin: 5px 0 0 0;
padding-bottom: 15px;
font-size: 1.1em;
border-bottom: 1px solid #c8e6ed;
}

#range-content ul
{
margin: 0 0 15px 90px;
padding: 0;
}
#range-content li
{
margin-right: 10px;
list-style-type: none;
float: left;
vertical-align: center;
}
#range-content #wimpy
{
display: block;
width: 87px;
height: 23px;
text-align: right;
padding-right: 6px;
padding-top: 1px;
background: url(http://www.tibetandawn.co.uk/images/listen-range-bg.gif) no-repeat;
}

#range-content img
{
margin-right: 10px;
border: 1px solid #aaa;
float: left;
}

#range-content p
{
margin: 0 0 6px 90px;
line-height: 150%;
}

#range-content a
{
font-weight: bold;
text-transform: uppercase;
}

#range-content .buy
{
padding: 5px;
font-size: 115%;
color: #fff;
}

#range-content .help
{
font-size: 1.2em;
line-height: 150%;
margin-left: -90px;
border-bottom: 0px;
}
#range-content .help strong
{
color: #c61629;
font-weight: lighter;
}
#range-content .help a
{
text-transform: none;
font-weight: lighter;
}

#range-content .price
{
font-size: 110%;
color: #9b9825;
font-weight: bold;
text-transform: uppercase;
}

#range-content form
{
display: inline;
}

#range-content strong
{
color: #c61629;
text-transform: uppercase;
}

/* for the more info button, to remove border thats applied to all other images: */
#range-content .button
{
border: none;
}

#range-content .nextprev
{
padding: 20px 0 20px 0;
font-size: 1.2em;
}
#range-content .nextprev strong
{
margin-right: 10px;
color: #9b9825;
}
#range-content .nextprev a
{
margin-right: 5px;
padding: 4px;
color: #fff;
background-color: #0a50a1;
}

/* ============================== <- productpage main content */

#product-content dt
{
font-size: 2.2em;
color: #c61629;
font-weight: bold;
text-transform: uppercase;
}
#product-content dd
{
margin: 5px 0 0 0;
font-size: 1.1em;
}

#product-content ul
{
float: left;
margin: 0 10px 15px 0;
padding: 0;
}
#product-content li
{
padding-bottom: 7px;
list-style-type: none;
color: #c61629;
font-weight: bold;
text-transform: uppercase;
}
#product-content #wimpy-detail
{
text-align: center;
padding: 20px 0 5px 0;
background: url(http://www.tibetandawn.co.uk/images/wimpy-product-bg.gif) no-repeat;
}

#product-content p
{
line-height: 140%;
margin: 0 0 20px 170px;
}

#product-content img
{
border: 1px solid #aaa;
}

#product-content .about
{
margin-top: 105px;
font-size: 1em;
}

#product-content strong
{
color: #c61629;
}

#product-content .purchase
{
color: #9b9825;
}

#product-content form
{
display: inline;
}
#product-content select
{
margin: 10px 0 20px 0;
vertical-align: middle;
}

/* ======================== <- blog and other articles main content */

#blog-content h3
{
margin: 7px 0 4px 0;
padding-left: 11px;
font-size: 2.2em;
color: #f4a945;
font-weight: bold;
text-transform: uppercase;
}
#blog-content h4
{
margin: 10px 0 0 0;
font-size: 1.2em;
color: #f4a945;
font-weight: bold;
text-transform: uppercase;
}

#blog-content .intro
{
margin: 0;
padding-bottom: 10px;
padding-left: 11px;
font-size: 1.2em;
color: #555;
font-style: italic;
font-weight: lighter;
text-transform: none;

line-height: 150%;
}

#blog-content ul
{
margin: 0 0 15px 0;
padding: 0;
}
#blog-content li
{
margin-top: 5px;
padding-left: 11px;
list-style-type: none;
background: url(http://www.tibetandawn.co.uk/images/bullet-orange-small.gif) no-repeat;
background-position: 0px 4px;
}

#blog-content .date
{
margin-left: -11px;
padding-left: 11px;
font-size: 1.2em;
color: #666;
background: url(http://www.tibetandawn.co.uk/images/bullet-orange-small.gif) no-repeat;
background-position: 0px 4px;
}

#blog-content .article
{
margin: 0;
padding-bottom: 10px;
font-size: 1.1em;
line-height: 150%;
border-top: 1px solid #c8e6ed;
}

#blog-content p
{
padding-left: 0;
line-height: 150%;
}

#blog-content ol
{
margin: 20px 0 0 0;
line-height: 150%;
}
#blog-content ol li
{
background: none;
}

#blog-content ul
{
margin-left: -11px;
padding-left: 11px;
line-height: 150%;
}

#blog-content form
{
padding-left: 18px;
}
#blog-content input
{
font-family: "lucida sans", lucida, "lucida sans unicode", geneva, arial, verdana, sans-serif; 
font-size: 100%;
color: #1a1a1a; 
}

#blog-content textarea
{
width: 250px;
font-family: "lucida sans", lucida, "lucida sans unicode", geneva, arial, verdana, sans-serif; 
font-size: 100%;
color: #1a1a1a; 
}

#blog-content .postacomment
{
margin: 0 0 0 -18px;
line-height: 225%;
}


#blog-content .comments ol
{
list-style-type: none;
margin: 10px 0 10px 0;
padding: 0;
line-height: 175%;
}
#blog-content .comments li
{
padding: 9px 9px 9px 0;
margin-bottom: 10px;
border-bottom: 1px solid #c8e6ed;
}

#blog-content .commentsandform
{
background: none;
}

#blog-content .preview
{
margin: 0 0 0 -18px;
line-height: 225%;
}
#blog-content .preview input
{
text-transform: capitalize;
}

.author
{
margin-top: 0;
}

.comment
{
margin: 9px 0 0 -18px;
padding: 9px;
background: #eaeaea;
}

#blog-content p
{
padding-left: 0;
line-height: 150%;
}

/* ============================= <- blog snippets and other info */
#blog-info h3
{
margin: 0;
padding-left: 11px;
font-size: 1.2em;
text-transform: uppercase;
color: #f4a945;
}

#blog-info h4
{
margin: 5px 0 0 0;
font-size: 1.2em;
font-weight: lighter;
line-height: 140%;
}

#blog-info ul
{
margin: 0 0 55px 0;
padding: 0;
}

#blog-info li
{
margin-top: 10px;
padding-left: 11px;
list-style-type: none;
background: url(http://www.tibetandawn.co.uk/images/bullet-orange-small.gif) no-repeat;
background-position: left 5px;
}

#blog-info p
{
margin: 10px 0 20px 0;
padding-left: 11px;
}

#blog-info .snippet p
{
margin: 5px 0 0 0;
padding: 0;
}

#blog-info .date
{
color: #666;
}

#blog-info p img a, #blog-info p a img, #blog-info p img
{
border: none;
}

/* ====================================== <- copyright, etc. */
#copyright-etc h3
{
margin: 0;
padding-left: 11px;
font-size: 1.2em;
text-transform: uppercase;
color: #f4a945;
}

#copyright-etc dt
{
float: left;
padding-left: 11px;
}

#copyright-etc dd
{
margin: 0;
}

#copyright-etc ul
{
margin: 0;
padding: 0;
}
#copyright-etc li
{
list-style-type: none;
display: inline;
}

#copyright-etc p
{
margin: 4px 0 0 0;
padding-left: 11px;
background: url(http://www.tibetandawn.co.uk/images/bullet-orange-small.gif) no-repeat;
background-position: left 3px;
}

#copyright-etc .copyright
{
margin: 10px 0 10px 0;
background: none;
color: #555;
line-height: 170%;
}

/* ====================================== <- error pages */

#error-content h3
{
margin: 7px 0 4px 0;
padding-left: 11px;
font-size: 2.2em;
color: #fff;
background: #c61629;
font-weight: bold;
text-transform: uppercase;
}

#error-content ul
{
margin: 0 0 15px 0;
padding: 0;
}
#error-content li
{
margin-top: 10px;
padding-left: 11px;
list-style-type: none;
font-size: 1.1em;
line-height: 150%;
background: url(http://www.tibetandawn.co.uk/images/bullet-orange-small.gif) no-repeat;
background-position: left 5px;
}

/* ======================================= <- extra classes */

/* hide accessibility aids: */
.accessibility
{
display: none;
}

/* page breaker: */
.clear
{
clear: both;
}

#otherarticle
{
padding-left: 11px;
line-height: 150%;
font-size: 1.2em;
}
#otherarticle h4
{
margin: 0;
font-size: 1.2em;
text-transform: uppercase;
color: #f4a945;
}

.gotocomments
{
margin: 6px 0 0 -11px;
padding-left: 11px;
background: url(http://www.tibetandawn.co.uk/images/bullet-blue-small.gif) no-repeat;
background-position: left 4px;
}

.off
{
margin-top: 10px;
}

/* ======================================= <- IE6 specifics */

* html #blog-content .date
{
background: none;
}

/* ============
++ STRUCTURE ++
============ */

#container
{
width: 770px;
margin: 0 auto;
padding: 0;
text-align: left;
}

#logo-intro
{
height: 90px;
padding-top: 40px;
background: url(http://www.tibetandawn.co.uk/images/tibetan-dawn-headerbg.gif) no-repeat;
}

#main-nav
{
padding: 15px 0 0 29px;
}

#main-content
{
float: left;
width: 458px;
padding: 15px 0 0 29px;
}

#blog-info
{
margin-left: 518px;
padding: 15px 0 0 29px;
}

#copyright-etc
{
clear: both;
padding: 50px 0 10px 29px;
background: url(http://www.tibetandawn.co.uk/images/tibetan-dawn-footerbg.gif) no-repeat #fef8df;
}

#range-content
{
padding-left: 11px;
}

#product-content
{
padding-left: 11px;
}

/* ======================================= <- IE6 specifics */

* html #copyright-etc
{
clear: both;
padding: 25px 0 10px 29px;
background: url(http://www.tibetandawn.co.uk/images/tibetan-dawn-footerbg.gif) no-repeat #fef8df;
}