@import url(reset.css); /* Reset CSS */
@import url(jquery.lightbox-0.5.css); /* Lightbox CSS */
 
/* ----------------------------------------------------------------------------------------- 
Stuff and Nonsense Ltd.
The Cow Shed Studio,
Gwaenysgor,
Flintshire, North Wales
LL18 6EP, UK
+44 1745 851848
 
http://www.stuffandnonsense.co.uk
http://www.forabeautifulweb.com
http://www.transcendingcss.com
 
----------------------------------------------------------------------------------------- */

html, 
.entry-comments abbr, 
li.hentry .updated { 
background : rgb(42,30,34); } 
 
body { 
background : transparent url(../img/body.jpg) repeat-x 50% 0;
/* background : transparent url(../img/grid.png) no-repeat 50% 0; */
color : rgb(196,185,192);
font : 13px/1.5 Helvetica, Arial, sans-serif; }
 
/* Headings ----------------------------------------- */
 
h1, h2, h3, h4, h5, h6 { 
color : rgb(196,185,192);
font-weight : normal; }
 
h1, h2 { 
margin-bottom : 0; 
font : 2.5em "Palatino", "Georgia", "Times", "serif"; 
text-shadow : rgb(0,0,0) 1px 1px 1px; 
letter-spacing : -1px; } 
 
h1 { 
position : relative; 
top : -20px; 
text-align : center;
line-height : 1.1; } 

h2#replies { 
position : relative; 
top : -20px; 
text-align : center;
line-height : 1.1; } 
 
form p { 
width : 360px; }
 
blockquote, q { 
font-style : italic; }
 
blockquote p { 
quotes : "\201C" "\201D"; }
 
blockquote p:first-child:before { 
content : open-quote; 
margin-left : -.5em;
font-weight : bold; }
 
blockquote p:last-child:after { 
content : close-quote; 
font-weight : bold; }

pre { 
margin-left : -41px; 
padding-left : 40px; 
border-left : 1px solid rgb(64,53,57);
font-size : 11px; }
 
abbr, acronym {
border-bottom-width : 0; }
 
blockquote pre {
border-width : 0; }

.parenthesis {
position : relative;
font-size : 88%;  }

h2 .parenthesis {
top : -.15em; }

.tel .parenthesis {
top : -.15em; }

.shift {
position : relative;
font-size : 68%;  }

.updated .shift {
top : -.5em; }

.ndash {
position : relative;
top : -.1em; }

.price {
padding : 0 5px;
font-size : 2em; 
letter-spacing : 1px; }

dd {
margin : 0;
padding : 0; }

dl dl {
margin : 0; }

/* Link anchors -------------------------------------- */
 
a, a:visited {
color : rgb(255,255,255); 
text-decoration : none; }
 
a:hover, a:active, a:focus { 
color : rgb(255,255,255); 
text-decoration : underline; }
 
a:active, a:focus { 
position : relative; 
top : 1px; }
 
a[title$="RSS"] { 
position : absolute; 
top : 0; right : 20px; 
width : 20px; 
height : 20px; 
padding : 0; 
background : url(../img/a-rss.png) no-repeat 100% 50%; 
text-indent : -9999px; }
 
.comments a { 
padding-left : 20px; 
background : url(../img/a-comment.png) no-repeat 0 50%; }

a.action {
padding : 5px 20px 4px 20px;
background-color : rgb(64,53,57);
color : rgb(196,185,192);!important; 
border-radius : 10px;
font : bold 11px Helvetica, Arial, sans-serif; 
text-transform : uppercase; 
letter-spacing : 1px; }

a.action:hover {
background-color : rgb(168,35,16); 
color : rgb(255,255,255)!important; 
text-decoration : none; }

a#fdbk_tab {
display : none;
background : transparent url(../img/feedback_trans_tab.png) no-repeat 0 0!important; }

/* Images
----------------------------------------------------------------------------------------- */
 
.entry-caption { 
width : 540px;
text-align : left; }
 
.entry-caption img { 
display : block; 
margin-bottom : .25em; }
 
.entry-caption span { 
display : block; }
 
img.fr { 
float : right; 
margin : 0 0 5px 20px; }

/* Layout ----------------------------------- */

.branding { 
overflow : hidden;
padding : 1.5em 0 4.5em 0; }
 
#branding { 
width : 940px; 
margin : 0 auto; }

.section { 
position : relative; 
width : 860px; 
margin : 0 auto 3em auto; 
padding : 0 40px; 
background : url(../img/group.png) no-repeat; }
 
.section:after {  
content : "."; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden; }
 
.article { 
float : left; 
width : 540px; 
padding-right : 40px; 
border-right : 3px double rgb(64,53,57); }
 
.aside { 
float : right; 
width : 240px; }
 
.group:after {  
content : "."; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden; }

.footer {
background : transparent url(../img/body.jpg) repeat-x 50% 0; 
border-top : 5px solid rgb(24,5,2); }

.one { 
float : left; 
width : 460px; }
 
.two { 
float : left; 
width : 400px; }
 
.three { 
float : left; 
width : 400px; }

.container { 
overflow : hidden;
position : relative; 
width : 860px; 
margin : 0 auto 3em auto; 
padding : 0 40px;  }

.row { 
padding-top : 1.5em;
border-top : 1px solid rgb(64,53,57);
border-bottom : 1px solid rgb(64,53,57); }

.row p {
clear : left; }
 
.container .one { 
width : 240px; 
margin-right : 60px; }
 
.container .two { 
width : 240px; 
margin-right : 60px; }
 
.container .three { 
float : right; 
width : 240px; }

.box {
margin-bottom : 1.5em;
padding : 20px 20px 1px 20px; 
background-color : rgb(24,5,2);
background-color : rgba(24,5,2,.5); 
border-radius : 10px; }

/* Navigation ----------------------------------- */
 
.nav-main { 
overflow : hidden; 
margin-bottom : 1.5em;
padding : 2em 0; 
background : transparent url(../img/nav-main.png) repeat;
border-bottom : 3px double rgb(64,53,57); }
 
#nav-main { 
list-style-type : none;
margin : 0 auto; 
width : 940px; }
 
#nav-main li { 
float : left; 
width : 190px; 
margin-right : 20px; 
padding-right : 20px; 
line-height : 1.2; 
border-right : 1px solid rgb(64,53,57); }
 
#nav-main li:last-child { 
margin-right : 0; 
padding-right : 0; 
border-width : 0; }
 
#nav-main a { 
font : 16px "skolar-1", "skolar-2", "Palatino", "Georgia", "Times", "serif"; 
outline : none; }

#nav-main a:hover { 
color : rgb(255,255,255);
text-decoration : none; }
 
.nav-categories {
list-style-type : none;
margin-bottom : 3em; }
 
.nav-categories li { 
margin-bottom : .5em;
padding-bottom : .5em; 
border-bottom : 1px solid rgb(64,53,57); }
 
.nav-categories li:last-child { 
border-bottom-width : 0; }
 
.nav-categories a { 
display : block; 
overflow : hidden; }
 
.nav-categories a span { 
float : left; }
 
.nav-categories a em { 
float : right; 
font-style : normal; }
 
#thirdparty { 
overflow : hidden; 
list-style-type : none;
width : 940px; 
margin : 0 auto; 
padding-top : 3em; }
 
#facebook, #twitter, #gsfn { 
float : left; 
margin-right : 60px; }
 
#facebook { 
width : 300px; }
 
#twitter { 
width : 240px; }
 
#gsfn { 
width : 220px; 
margin-right : 60px; }
 
a[rel*="facebook"], a[rel*="twitter"], a[rel*="gsfn"] { 
display : block; 
opacity : .5; }
 
a[rel*="facebook"] { 
min-height : 22px; 
padding-left : 40px; 
background : url(../img/a-facebook.png) no-repeat 0 0; }
 
a[rel*="twitter"] { 
width : 185px; 
height : 45px; 
background : url(../img/a-twitter.png) no-repeat 0 0; 
text-indent : -9999px; }
 
a[rel="gsfn"] { 
width : 145px; 
height : 40px; 
background : url(../img/a-gsfn.png) no-repeat 0 0; 
text-indent : -9999px; }
 
a[rel*="facebook"]:hover, a[rel*="twitter"]:hover, a[rel="gsfn"]:hover { 
opacity : 1; }
 
/* advertising
----------------------------------------------------------------------------------------- */
 
#adsense { 
display : none;
margin : 0 auto 3em auto; 
padding : 10px; 
width : 940px; 
text-align : center; }
 
/* Forms ------------------------------------------ */
 
fieldset {
padding : 0;
border-width : 0; }
 
label, label span { 
display : block; }
 
label { 
position : relative;  }
 
label span { 
margin-bottom : .75em;
font : normal 13px Helvetica, Arial, sans-serif; }
 
label em { 
position : absolute; 
top : .5em; 
right : 100px; 
font-weight : normal; 
font-style : normal; }
 
fieldset input[type="text"], textarea, #keywords { 
padding : 3px; 
background-color : rgb(42,30,34);
border : 3px double rgb(64,53,57);
font : inherit Helvetica, Arial, sans-serif; 
color : rgb(255, 255, 255); }
 
#comment_form fieldset { 
overflow : hidden; }
 
#comment_form div input[type="text"] { 
float : right; 
width : 160px; }
 
#comment_form .personal label { 
float : left; 
width : 170px; 
margin-right : 10px; }
 
#comment_form .personal label:last-child { 
margin-right : 0; }
 
#comment_form .personal input[type="text"] { 
width : 160px; }
 
#comment_form .cb label { 
float : left; 
width : 160px; 
margin-right : 20px; }
 
#comment_form .cb label:last-child { 
width : 300px;
margin-right : 0; }
 
#comment_form textarea { 
line-height : 1.6;
width : 530px; }

#comment_form img { 
position : relative;
top : 1.5em;
padding : 0; }
 
#contact_form label { 
overflow : hidden;  
margin-bottom : .5em; }
 
#contact_form label span { 
float : left; 
width : 160px; 
margin-right : 20px; }
 
#contact_form label input[type="text"] { 
width : 270px; }
 
#contact_form label select { 
width : 270px; }
 
#contact_form .reply label span { 
float : none; 
width : auto; }
 
#contact_form .reply textarea { 
width : 450px; }
 
#contact_form div { 
width : 460px; }
 
#search_form {
margin-bottom : 3em; }
 
#search_form #keywords { 
margin-right : 10px; 
padding : 3px; 
width : 170px; }

#register_form label {
margin-bottom : .5em; }

#register_form p {
margin-bottom : .5em; }

#register_form p input[type="text"] {
width : 220px; }

#register_form p select {
width : 230px; }
 
/* Tables
----------------------------------------------------------------------------------------- */

th, td { 
padding : .75em 0 .75em 5px;
border-bottom : 1px solid rgb(64,53,57); }

tr:last-child th, tr:last-child td { 
border-bottom-width : 0; }

thead th {
background-color : transparent); }
 
th.summary { 
width : 220px; }
 
/* Branding ------------------------------------------ */

#branding div { 
float : left;
width : 640px; } 
 
#logo { 
position : static; 
width : 650px; 
height : 85px; 
margin : 0; 
padding : 0; 
font-size : inherit; 
background : url(../img/logo.png) no-repeat; 
text-indent : -9999px; }
 
#logo a { 
display : block; 
width : 650px; 
height : 85px; 
outline : none; }
 
#strapline { 
position : relative;
left : -5px;
margin-bottom : .5em; 
font-size : 2.3em; 
line-height : 1.25; 
letter-spacing : -1px; }

#branding #meta {
list-style-type : none;
overflow : hidden;
padding-top : 1.5em; 
border-top : 1px solid rgb(64,53,57); }

#branding #meta ul {
list-style-type : none; 
margin : 0; }

#branding #meta #author {
float : left; 
width : 160px; }

#branding #meta #editors {
float : left; 
width : 200px; }

#branding #meta #amazon {
float : right; 
width : 200px; }

#branding #meta #amazon h4 {
font-size : 13px;
margin-bottom : 0; }

#branding p {
float : right; 
width : 220px; 
margin : 0; }

#branding p img {
padding : 10px;
background-color : rgb(64,53,57); }

#branding p a:hover img {
background-color : rgb(148,142,144); }
 
/* Blog panel ------------------------------------------ */
 
#blog { 
width : 860px; 
margin : 0 auto 3em auto; 
padding : 0 40px; 
background : url(../img/group.png) no-repeat; }
 
#blog:after {  
content : "."; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden; }
 
#blog h2 { 
position : relative; 
top : -20px; 
width : 580px; 
margin : 0 auto 6px auto; 
padding : 0 20px; 
line-height : 1; 
text-align : center; }
 
#blog .one { 
width : 529px; 
margin-right : 40px; 
padding-right : 29px; 
border-right : 1px solid rgb(64,53,57); }
 
#blog .two { 
width : 260px; }
 
/* Blog entries expressed as a list ------------------------------------------ */
 
li.hentry { 
position : relative;
list-style-type : none;
margin-bottom : 4.5em; 
border-bottom : 1px solid rgb(64,53,57); }
 
li.hentry:last-child { 
margin-bottom : 0; }
 
li.hentry:after {  
content : "."; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden; }
 
li.hentry .entry-title { 
margin-right : 40px; }
 
li.hentry .updated { 
position : relative; 
top : .9em; 
display : block; 
margin-left : 420px; 
text-align : right; 
font-size : 11px; 
text-transform : uppercase; 
letter-spacing : 2px; }
 
li.hentry .comments { 
position : absolute; 
top : 0; 
right : 0;
font : bold 11px Helvetica, Arial, sans-serif; 
text-transform : uppercase; 
letter-spacing : 2px; }
 
li.hentry address { 
display : none; }

/* Blog entries in full ------------------------------------------ */
 
.entry .section { 
background : url(../img/group.png) no-repeat; }
 
.entry .hentry { 
width : 600px; 
margin : 0 auto; }
 
.entry .entry-title { 
width : 560px; }
 
.entry .entry-summary { 
margin-bottom : 1.5em; 
border-bottom : 1px solid rgb(64,53,57); }
 
.entry blockquote { 
margin-left : -41px; 
padding-left : 40px; 
background : url(../img/blockquote.png) no-repeat 0 50%; }

.entry .entry-meta { 
padding-top : 1.5em;
border-top : 1px solid rgb(64,53,57);
text-indent : 0; }

/* New comments ------------------------------------------ */
 
.entry-comments li { 
position : relative; 
margin-bottom : 4.5em; 
border-bottom : 1px solid rgb(64,53,57);
list-style-type : none; }

.entry-comments a[rel="bookmark"] { 
z-index : 2; 
position : absolute; 
top : .25em; 
left : -25px; 
font : normal 11px Helvetica, Arial, sans-serif; }
 
.entry-comments h4 { 
font-size : 14px; }
 
.entry-comments abbr { 
position : relative; 
top : .9em; 
display : block; 
margin-left : 380px; 
font : bold 11px Helvetica, Arial, sans-serif; 
text-align : right; 
text-transform : uppercase; 
letter-spacing : 2px; }
 
.entry-comments img {
z-index : 1; 
position : absolute; 
top : 0; 
right : 0; 
padding : 10px;
background-color : rgb(24,5,2); }
 
.entry-comments blockquote { 
margin : 0 0 1.5em 0; 
padding : 0 80px 0 0; 
background : transparent; 
border-left-width : 0; 
font-style : normal; }
 
.entry-comments p + p { 
text-indent : 0; }
 
.entry-comments blockquote p:last-child { 
margin : 0; }

.entry-comments .comment-tools { 
margin-left : 0; 
padding-left : 0;  }

.entry-comments .comment-tools li { 
list-style-type : none; 
display : inline;
position : static; 
margin : 0 20px 0 0; 
border-bottom-color : transparent; }

.entry-tweets {
margin-top : 3em;
padding-top : 1.5em; 
border-top : 3px double rgb(64,53,57); }

.tweet {
overflow : hidden; 
position : relative; 
padding : 1.5em 0 2em 0; 
border-bottom : 1px solid rgb(64,53,57); }

.tweet:last-child {
border-width : 0; }

.tweet blockquote {
margin : 0 0 1.5em 0; 
padding : 0 80px 0 0; 
background : transparent; 
border-left-width : 0; 
font-style : normal; }

.tweet blockquote p:last-child { 
margin : 0; }

.tweet img {
z-index : 1; 
position : absolute; 
top : 1.5em; 
right : 0; 
width : 40px;
height : 40px;
padding : 5px; 
border-width : 1px; }

/* Legacy comments ------------------------------------------ */

#legacy h2 { 
margin-bottom : 1em;}

#legacy li { 
position : relative; 
margin-bottom : 4.5em; 
list-style-type : none; }

#legacy a[title="Permalink"] {
z-index : 2; 
position : absolute; 
top : .25em; 
left : -25px; 
font : bold 11px Helvetica, Arial, sans-serif; }

#legacy h4 { 
font : bold 11px Helvetica, Arial, sans-serif; 
text-transform : uppercase; 
letter-spacing : 2px; }

#legacy h4 span { 
display : block; }

#legacy blockquote { 
margin : 0; 
padding : 0 80px 0 0; 
background : transparent; 
border-left-width : 0; 
font-style : normal; }

#legacy p br {
display : none; }

/* Gallery ------------------------------------------ */

ul.thumbgallery {
overflow : hidden;
list-style-type : none;
margin-left : 0; }

ul.thumbgallery li{
float : left;
width : 180px;
margin : 0 20px 10px 0;  }

/* Classes
----------------------------------------------------------------------------------------- */
 
.course h1 { 
width : 560px; }
 
.class { 
list-style-type : none;
position : relative; 
margin-bottom : 3em;
padding-right : 360px; 
border-bottom : 1px solid rgb(64,53,57); }
 
.class:last-child {
border-bottom-width : 0; }
 
.class div.register { 
position : absolute; 
top : 0; 
right : 0; 
list-style-type : none;
width : 280px; }
 
.vcalendar { 
width : 100%; 
margin-bottom : 24em; /* Temporary fix */ }

.current, .past { 
margin-bottom : 3em; /* Temporary fix */ }
 
/* Reviews
----------------------------------------------------------------------------------------- */
 
.hreview .description { 
margin-left : 180px;  }
 
.hreview .vcard { 
float : left; 
width : 160px; 
margin-right : 20px; 
font-style : normal; }
 
.hreview .reviewer {
font-size : 11px; 
text-transform : uppercase; 
letter-spacing : 2px; }
 
.hreview .fn { 
text-transform : uppercase; 
letter-spacing : 2px; }
 
.hreview img { 
float : right; }
 
/* aside ------------------------------------------ */
 
.aside .vcard { 
float : none; 
width : auto; 
margin-right : 0; }
 
.aside .tel { 
margin-bottom : .5em; 
padding-bottom : .5em; 
font-size : 2em;
letter-spacing : 2px;
line-height : 1; }
 
.aside .adr { 
margin-bottom : 1.5em; }
 
.aside .hreview { 
margin : 0 0 3em 0; 
padding : 0; 
border-bottom : 3px solid rgb(64,53,57); }
 
.aside .hreview .description { 
margin-left : 0; }
 
.aside label span { 
display : none; }
 
#sidebar { 
padding : 10px; 
border : 3px double rgb(64,53,57); }
 
#sidebar h3 { 
font-size : 1.2em; }
 
#sidebar img { 
margin : 0 auto; 
width : 146px; }
 
#sidebar > p { 
margin-bottom : 0; }
 
#nav_amazon { 
overflow : hidden; }
 
#nav_amazon li { 
float : left; 
width : 16px;
margin-right : 5px; }
 
#nav_amazon li:last-child { 
margin-right : 0; }
 
#nav_amazon a {
display : block;
width : 16px; 
text-indent : -9999px; }
 
li#us a { background : url(../img/usa.png) no-repeat 0 50%; }
li#uk a { background : url(../img/uk.png) no-repeat 0 50%; }
li#de a { background : url(../img/de.png) no-repeat 0 50%; }
li#ca a { background : url(../img/ca.png) no-repeat 0 50%; }
li#jp a { background : url(../img/jp.png) no-repeat 0 50%; }
li#fr a { background : url(../img/fr.png) no-repeat 0 50%; }
 
/* Footer ------------------------------------------ */
 
#footer { 
overflow : hidden; 
margin : 0 auto; 
padding : 3em 0;
width : 940px; }
 
#footer .vcard { 
float : left; 
width : 280px; 
margin-right : 40px; 
padding-left : 40px; 
background : url(../img/vcard.png) no-repeat 0 5px; }
 
#footer .nav { 
float : left; 
width : 200px; 
margin-right : 100px; }
 
#footer .nav ul {
list-style-type : none; }
 
#footer .copyright { 
float : left; 
width : 240px; 
text-indent : -15px; }

/* Workshop promotion ------------------------------------------ */

#promo-workshop {
overflow : hidden;
margin : 0 auto 3em auto;
width : 934px; 
background-color : rgb(64,53,57); 
border : 3px double rgb(0,0,0); 
font-family : Georgia, Times, serif; }

#promo-workshop .intro {
float : left; 
padding : 40px 20px 20px 20px;
width : 260px; }

#promo-workshop .intro p + p {
margin-bottom : 0; 
line-height : 1.2; }

#promo-workshop .content {
position : relative; 
float : left; 
padding : 30px 20px 20px 280px;
width : 334px; 
background : rgb(0,0,0) url(../img/promo-workshop.jpg) no-repeat 0 100%; }

#promo-workshop .content h3 {
color : rgb(196,185,192); }

#promo-workshop .content ul {
list-style-type : none; }

#promo-workshop .content li {
overflow : hidden; 
position : relative; 
margin-bottom: 1em;
padding-bottom : 1em;
border-bottom : 1px solid rgb(64,53,57); }

#promo-workshop .content li:last-child {
margin-bottom : 0;
padding-bottom : 0;
border-bottom-width : 0; }

#promo-workshop .content li h4 {
margin-bottom : 0; 
color : rgb(196,185,192);
font-size : 12px; 
text-transform : uppercase; 
letter-spacing : 2px; }

#promo-workshop .content li h4 a {
color : rgb(255,255,255); }

#promo-workshop .content li p {
margin-bottom : 0; }

#promo-workshop .content li a.action {
position : absolute; 
top : 0; 
right : 0; }

#promo-workshop .content .teenytiny {
position : absolute; 
right : 20px;
bottom : 10px;
font : bold 11px Helvetica, Arial, sans-serif; }

#promo-workshop .content .teenytiny:active, 
#promo-workshop .content .teenytinya:focus { 
position : absolute; 
top : auto; }

/* DVD promotion ------------------------------------------ */

#promo-dvd {
overflow : hidden;
margin : 0 auto 4.5em auto;
width : 934px; 
background-color : rgb(64,53,57); 
border : 3px double rgb(0,0,0); 
font-family : Georgia, Times, serif; }

#promo-dvd .intro {
float : left; 
padding : 20px;
width : 260px; }

#promo-dvd .content {
float : left; 
padding : 20px 0;
width : 600px; }

#promo-dvd .content ul {
overflow : hidden;
list-style-type : none; 
margin : 0; }

#promo-dvd .content li {
float : left; 
width : 160px; 
margin-right : 40px; }

#promo-dvd .content li:last-child {
margin-right : 0; }

#promo-dvd .content img {
padding : 10px;
background-color : rgb(51,42,46); }

#promo-dvd .content a:hover img {
background-color : rgb(148,142,144); }

/* Recommended ------------------------------------------ */

ul.recommended {
list-style-type : none; }

ul.recommended li {
margin-bottom : .75em; }

ul.recommended li strong {
display : block; }

/* Index template ------------------------------------------ */

.index .branding { 
padding-bottom : 3em; }

.index #branding {
margin-bottom : 3em; }
 
.index #logo { 
margin-bottom : 0; 
margin-left : -6px; } 

.index #blog { 
background : url(../img/index-group.png) no-repeat; }

.index .one .updated { 
margin-left : 390px; 
font : bold 11px Helvetica, Arial, sans-serif; }

.index li.hentry .comments { 
top : .5em; }

.index .two .hentry { 
margin-bottom : 1.5em; }
 
.index .two .hentry:last-child { 
margin-bottom : 0;
border-bottom-width : 0;  }
 
.index .two .entry-summary { 
margin-bottom : 1em; }
 
.index .two .updated { 
display : none; }

.index #footer .nav { 
margin-right : 80px; }
 
.index #twitter { 
width : 220px; }

/* Announcing template ------------------------------------------ */

.announcing h1 {
margin-bottom : -.25em; }

.announcing h1 + p {
margin-bottom : 3em;
padding-bottom : 1.5em;
border-bottom : 1px solid rgb(64,53,57);
font : 12px Georgia, Times, serif; 
text-transform : uppercase; 
letter-spacing : 2px;
text-align : center; }

.announcing .note {
font-size : 11px; }

/* Easy Slider ------------------------------------------ */

.slider {
position : relative;
float : right!important;
width : 220px!important; }

#slider { 
overflow : hidden;
width : 220px; }	

#slider ul {
list-style-type : none;
margin : 0;
padding : 0; }

#slider li { 
overflow : hidden; 
width : 220px;
height : 220px; 
margin : 0;
padding : 0; }

#slider li img {
padding : 10px;
background-color : rgb(64,53,57); }

#slider li a:hover img {
background-color : rgb(148,142,144); }
	
#prevBtn, 
#nextBtn { 
position : absolute;
left : -30px;
top : 90px;
display : block;
width : 30px;
height : 30px; }
	
#nextBtn { 
left : 220px; }	

#prevBtn a, 
#nextBtn a {  
outline : none;
display : block;
width : 30px;
height : 30px;
background:url(../img/a-prev.png) no-repeat 0 0; 
text-indent : -9999px; }	

#nextBtn a { 
background : url(../img/a-next.png) no-repeat 0 0; }

/* Webkit and Mozilla ------------------------------------------ */

a.action {
-moz-border-radius : 10px;
-webkit-border-radius : 10px; }

.box {
-moz-border-radius : 10px;
-webkit-border-radius : 10px; }

input[type="text"], textarea { 
-webkit-transition : all 0.25s linear; }