/*

Full Cream Milk
42 May Lane
Birmingham B14 4AA
United Kingdom
+44 7813 980 116
http://www.fullcreammilk.co.uk/

SCREEN.CSS for Elham Al-Qasimi

*/

@import url(reset.css);

/* === HTML === */

html {
background : rgb(232,228,225) url(../img/bg.png) repeat 50% 50%;
}

/* === BODY === */

body {
font : 14px/1.5 Optima, Candara, Calibri, Arial, sans-serif;
color : rgb(51,51,51);
background : transparent url(../img/compass-rose.png) no-repeat fixed -320px 127px; }

body.index {
background-position : -273px 170px; }

/* === HEADINGS === */

h1, h2, h3, h4, h5, h6 {
font-weight : normal; }

h1, h2 { 
text-shadow : rgba(0,0,0,0.25) 1px 2px 1px; }

h1 { 
color : rgb(255,255,255);
font-size : 2em;
line-height : 1.33;
margin : 0 auto .75em;
width : 860px;
padding-top : 0.67em; }

.index h1 {
width : 740px; }

h2 {
font-size : 2em;
margin-bottom : 1em;
border-bottom : 1px dotted rgb(255,255,255); }

h2.subheading, h4 {
text-transform : uppercase;
letter-spacing : 1px;
margin-bottom : 0.5em;
font-size : 1em;
border-bottom-width : 0; }

h3 {
font-size : 1.5em; }

h4 {
clear : both; }

/* === TYPOGRAPHY === */

blockquote {
font-style : italic; }

hr {
border-top : 1px dotted rgb(255,255,255);
clear : both;
margin : 1em 0; }

p { 
margin : 0 0 1.5em; }

.pull {
font-size : 1.33em; }

strong {
font-weight : bold; }

em {
font-style : italic; }

ul, ol {
margin-bottom : 1em; }

article ul, .equipment ul, .charities ol, .index ol {
margin-left : 1.5em; }

article ul li, article ol li, .charities ol li {
margin-bottom : 0.5em; }

article ol {
margin-left : 2em; }

/* === LINKS === */

a:link, a:visited {
color : rgb(69,89,123); 
text-decoration : none;
border-bottom : 1px dotted rgb(69,89,123); }

a:hover, a:focus, a:active {
color : rgb(49,69,93);
text-decoration : none;
border-bottom : 1px solid rgb(69,89,123);
outline : none; }

h1 a:link, h1 a:visited {
color : rgb(255,255,255);
border-bottom-width : 0;
}

.twitter {
padding-left : 20px;
background : transparent url(../img/twitter-16x16.png) no-repeat 0 50%; }

.fb {
padding-left : 20px;
background : transparent url(../img/facebook-16x16.png) no-repeat 0 50%; }

.rss {
padding-left : 20px;
background : transparent url(../img/feed-16x16.png) no-repeat 0 50%; }

h3 a:link, h3 a:visited, h3 a:hover, h3 a:focus, h3 a:active {
border-bottom-width : 0; }

a.more:link, a.more:visited {
border-bottom-width : 0; }

a.charity:link, a.charity:visited {
border-bottom-width : 0; }

/* === LAYOUT === */

.group {
width : 860px;
margin : 0 auto;
overflow : hidden;
padding-bottom : 2em; }

section {
margin-bottom : 1em; }

.content-main {
float : left;
width : 487px; }

.content-sub {
float : right;
width : 293px; }

.index .content-main {
width : 350px; }

.index .content-sub {
width : 350px; }

.content-main.equal, .content-sub.equal {
width : 410px; }

article.hentry {
border-bottom : 1px dotted rgb(255,255,255);
margin-top : 1em;
clear : both; }

article.hentry.first {
margin-top : 0; }

article.hentry.last {
border-bottom-width : 0; }

.index .hentry {
border-bottom-width : 0; }

.content-sub ul {
list-style-type : none; }

.content-sub.archives ul, .equipment .content-sub ul {
list-style-type : disc; }

.content-sub.archives li {
margin-left : 1em; }

section.social li {
margin-bottom : 0.25em; }

section.photos ul {
float : left; 
margin-bottom : 0;
width : 100%; }

section.photos li {
float : left;
margin-right : 6px;}

.entry-meta {
font-size : 85%;
clear : both; }

.contact .vcard {
float : left;
width : 48%; }

section .vcard:last-child {
float : right; }

/* === TABLES === */

table {
width : 100%;
margin-bottom : 1em; }

td, th {
padding : 0.25em; }

th {
font-weight : bold;
font-size : 0.85em;
text-transform : uppercase;
border-bottom : 2px solid rgb(255,255,255); }

.odd {
background : rgba(255,255,255,0.33); }

/* = Weather data table = */

.weather {
margin-top : 1em; }

.weather img {
vertical-align : middle; }

.weather th {
border-bottom-width : 0; }

/* = Comments = */

#comments {
margin-top : 1em; }

.entry-comments {
list-style-type : none; }

.entry-comments li {
float : left;
clear : both;
border-bottom : 1px dotted rgb(255,255,255);
margin-bottom : 1em; }

.entry-comments li div {
float : left;
width : 360px; }

.entry-comments .vcard {
font-weight : bold; }

.index .pull {
background : rgba(255,255,255,0.75);
border : 2px dotted rgb(255,255,255);
-webkit-border-radius : 4px;
-moz-border-radius : 4px;
-o-border-radius : 4px;
border-radius : 4px;
padding : 1em;
width : 310px; }

.pull p:last-child {
margin-bottom : 0; }

/* === FORMS === */

#comment_form {
clear : both; }

label, label span {
display : block; }

fieldset {
margin-top : 0.5em; }

fieldset input[type="text"], textarea {
background : rgba(255,255,255,0.85);
border : 1px solid #dbd1b5;
line-height : 1.4em;
color : rgb(0,0,0);
padding : 0.25em;
font : 12px/1.5 Optima, Candara, Calibri, Arial, sans-serif; }

textarea {
width : 416px; }

fieldset input[type="text"]:hover, textarea:hover, fieldset input[type="text"]:focus, textarea:focus {
-moz-box-shadow : 0 0 10px rgba(0,0,0,.25); }

#comment_form .personal label, #contact_form .personal label {
float : left;
width : 213px; }

#comment_form .personal input, #contact_form .personal input {
width : 203px; }

.remember label {
display : inline;
margin-right : 2em; }

.captcha {
margin-top : 1em; }

.captcha img {
vertical-align : middle; }

input[type="submit"] {
margin : 1em 0; }

/* === IMAGES === */

figure { 
clear : both;
float : left;
margin : 0 1em 2em 0;
border-bottom : 1px dotted rgb(255,255,255); }

figure dd { 
margin : 0;
font-style : italic;
color : rgb(117,106,110);
max-width : 284px; }

.journal article.hentry figure {
clear : both;
float : right;
margin : 0 0 1em 2em;
border-bottom : 1px dotted rgb(255,255,255); }

figcaption {
margin : 0 0 0.5em;
font-style : italic;
line-height : 1.33em;
color : rgb(117,106,110);
width : 286px;
clear : both; }

figure dd span {
float : right; }

figure img, article.hentry figure img {
padding : 10px;
background-color : rgb(255,255,255); 
border : 1px solid #dbd1b5;
-webkit-box-shadow : 0 0 10px rgba(0,0,0,.25);
-moz-box-shadow : 0 0 10px rgba(0,0,0,.25);
margin-right : 0; }

article.hentry img, section.photos img, img.gravatar, img.about, .gallery li img {
float : left;
margin : 4px 1em 1em 0;
padding : 4px;
background : #fff;
border : 1px solid #dbd1b5;
-webkit-box-shadow : 0 0 10px rgba(0,0,0,.25);
-moz-box-shadow : 0 0 10px rgba(0,0,0,.25); }

.content-main article.hentry img.photo {
padding : 10px; }

section.photos img {
margin : 0 0 0.5em; }

img.about {
float : right;
margin : 4px 0 1em 1em; }

img.gravatar {
margin : 0 1em 0.5em 0;
-webkit-box-shadow : none;
-moz-box-shadow : none;
}

article.hentry img.map {
background : transparent;
border : 0;
-webkit-box-shadow : none;
-moz-box-shadow : none; }
 
/* === HEADER === */

/* === NAVIGATION === */

/* = Main navigation = */

.main {
margin : 0 auto 1em;
position : relative;
text-transform : uppercase;
background : rgba(117,106,110,0.85);
border-bottom : 1px solid rgb(117,106,110); }

.main ul { 
margin : 0 auto;
/* overflow : hidden; */
width : 860px;
position : relative;
min-height : 37px;
list-style-type : none; }

.index .main ul {
width : 740px; }

nav ul li {
float : left; }

.main ul li a:link, .main ul li a:visited { 
text-decoration : none;
border-bottom-width : 0;
color : rgb(204,204,204);
text-shadow : 1px 1px 1px rgba(0,0,0,0.5);
display : block;
padding : 8px 16px; }

.main ul li a:hover, .main ul li a:focus, .main ul li a:active {
color : rgb(255,255,255);
background : rgba(117,106,110,1);
text-shadow : 1px 1px 3px rgba(255,255,255,0.5);
text-decoration : none; }

.main ul li.selected {
padding : 8px 16px;
color : rgb(255,255,255);
text-shadow : 1px 1px 3px rgba(255,255,255,0.5); }

.main ul li a.selected:link, .main ul li a.selected:visited {
color : rgb(255,255,255);
text-shadow : 1px 1px 3px rgba(255,255,255,0.5);
text-decoration : none; }

.main ul li a.selected:hover, .main ul li a.selected:focus, .main ul li a.selected:active {
color : rgb(255,255,255);
background : rgba(117,106,110,1);
text-shadow : 1px 1px 3px rgba(255,255,255,0.5);
text-decoration : none; }

#sponsor-logos {
position : absolute;
top : -75px;
right : 0;
text-align : center;
width : 214px;
height : 35px; }

.index #sponsor-logos {
top : -118px; }

#sponsor-logos img {
float : right;
-moz-box-shadow : none;
-webkit-box-shadow : none;
background : none;
border-width : 0;
margin : 0;
padding : 0 0 0 20px; }

#sponsor-logos a:link, #sponsor-logos a:visited {
padding : 0;
height : 35px; }

#sponsor-logos a:hover, #sponsor-logos a:focus, #sponsor-logos a:active {
background : transparent; }

/* === PAGINATION === */

.pagination { 
clear : both;
padding-top : 1.5em; }

.pagination li { 
display : inline; 
margin-right : 1px; 
border : 1px solid rgb(255,255,255); }

.pagination li a, .pagination li a:link, .pagination li a:visited { 
padding : 2px 3px; 
font-size : 11px;
text-transform : uppercase;
border-bottom-width : 0; }

.pagination li a:hover, .pagination li a:focus, .pagination li a:active {
background : rgba(255,255,255,0.85); }

/* === FOOTERS === */

footer[role="contentinfo"] {
border-top : 1px solid rgb(97,86,90);
position : relative;
width : 100%;
background : rgb(117,106,110);
float : left;
padding-bottom : 2em;
min-height : 5em; }

footer div {
width : 860px; 
margin : 0 auto;
position : relative; }

.index footer div {
width : 740px; }

footer[role="contentinfo"] p {
margin : 1em 0 0;
color : rgb(255,255,255);
/* text-shadow : rgba(0,0,0,0.25) 1px 2px 1px; */ }

footer[role="contentinfo"] a:link, footer[role="contentinfo"] a:visited {
color : rgb(255,255,255);
border-bottom-width : 0; }

footer[role="contentinfo"] a:hover, footer[role="contentinfo"] a:focus, footer[role="contentinfo"] a:active {
color : rgb(255,255,255);
text-decoration : underline; }

footer.entry-meta {
font-size : 85%; }

footer a[rel="self"] {
overflow : hidden;
display : block;
position : absolute;
top : -95px;
right : -55px; 
width : 150px;
height : 158px; 
background : transparent url(../img/compass-rose-f.png) no-repeat 50% 50%; 
text-indent : -9999px; }

.index footer a[rel="self"] {
right : -75px; }

/* === PAGE-SPECIFIC STYLES === */

/* = Index = */

header[role="banner"] {
width : 100%;
height : 6em;
background : rgba(117,106,110,0.5) url(../img/compass-rose-s.png) no-repeat 100% 0;
border-bottom : 2px solid rgb(255,255,255);
}

.index header[role="banner"] {
height : 9em; }

article header {
height : auto;
background : inherit;
border-bottom-width : 0; }

article header h3 {
font-weight : bold;
font-size : 1.15em; }

.index .group {
width : 741px;
padding : 1em; }

.index .content-main h3 {
line-height : 1.33em; }

/* = Journal = */

.schedule thead a {
border-bottom-width : 0; }

.schedule thead th {
text-align : center;
border-bottom-width : 0; }

.schedule thead th img {
vertical-align : top;
margin : 0 2em; }

.schedule th, .schedule td {
text-align : center; }

.schedule .not-current {
color : #aaa; }

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

.gallery li {
float : left; }

/* = Schedule = */

.schedule .content-main ul {
margin-left : 16px; }

.schedule .detail thead th {
text-align : left;
border-bottom-width : 2px; }

.schedule .detail th, .schedule .detail td {
text-align : left;
vertical-align : top; }

.schedule .detail .time {
width : 10em; }

/* = Equipment = */

.equipment .tech {
background : transparent url(../img/phone.png) no-repeat 85% 0; }

.equipment .foot {
background : transparent url(../img/skis.png) no-repeat 85% 100%; }

.equipment .eat {
background : transparent url(../img/bottle.png) no-repeat 85% 100%; }

.equipment .face {
background : transparent url(../img/goggles.png) no-repeat 75% 50%; }

/* = Contact = */

.tel {
padding-left : 20px;
background : transparent url(../img/tel.gif) no-repeat 0 50%; }

.email {
padding-left : 20px;
background : transparent url(../img/email.gif) no-repeat 0 50%; }

/* = Sponsors = */

.sponsor-logo {
height : 120px; }

.sponsor-logo img {
margin-left : 105px;
border : 1px solid #dbd1b5; }

.sponsor-logo .nbd {
margin-top : 24px; }

.partners {
list-style-type : none; }

.partners li {
border-bottom : 1px dotted rgb(255,255,255);
padding-top : 1em; }

.partners img {
float : left;
margin : 0 1em 0.5em 0; }

.partners h4 {
clear : none; }

.partners p {
margin-left : 114px; }

/* = Charities = */

.charity-logo {
height : 100px; }

.charity-logo img {
vertical-align : middle; }

.charity-logo a {
border-bottom-width : 0; }

.content-main .charity-logo img {
margin-top : 14px; }

.charities .content-main figure {
margin : 0 1em 1em 0; }

/* = Press = */

.press article.web {
background : transparent url(../img/world_link.png) no-repeat 100% 0; }

.press article.pdf {
background : transparent url(../img/page_white_acrobat.png) no-repeat 100% 0; }

.press article.video {
background : transparent url(../img/film.png) no-repeat 100% 0; }

.press article.podcast {
background : transparent url(../img/ipod_sound.png) no-repeat 100% 0; }

/* === SLIDESHOW === */

.slideshow { position : relative; width : 719px; height : 404px; margin : 0 auto 1.5em; padding : 10px; background-color : #fff; border : 1px solid #dbd1b5; -webkit-box-shadow : 0 0 10px rgba(0,0,0,.25); -moz-box-shadow : 0 0 10px rgba(0,0,0,.25); }
.slideshow-images { z-index : 1; position : absolute; }
.slideshow p { z-index : 2; position : absolute; top : 10px; left : 10px; margin : 0 10px 0 0; padding : 10px; background : rgba(255,255,255, .80); color : rgb(0,0,0); font-size : 1.3em; width : 699px; }
.slideshow p span { font-size : 0.65em; float : right; margin-top:0.5em; }

footer a[rel="self"]:hover {
-moz-transform : translate(0,0) rotate(4.5deg);
-o-transform : translate(0,0) rotate(4deg);
-webkit-transform : translate(0,0) rotate(4.5deg);
transform : translate(0,0) rotate(4deg); }

footer a[rel="self"] {
-moz-transition : all 0.5s ease-in-out;
-o-transition : all 0.5s ease-in-out;
-webkit-transition : all 0.5s ease-in-out;
transition : all 0.5s ease-in-out; }

.photos img:hover {
-moz-transform : translate(0,0) rotate(4deg);
-o-transform : translate(0,0) rotate(4deg);
-webkit-transform : translate(0,0) rotate(4deg);
transform : translate(0,0) rotate(4deg); }

.photos img {
-moz-transition : all 0.25s ease-in-out;
-o-transition : all 0.25s ease-in-out;
-webkit-transition : all 0.25s ease-in-out;
transition : all 0.25s ease-in-out; }