/*
Bold Street Coffee by Subsequence v0.1

1.IMPORT
2.LAYOUT
3.HEADINGS
4.LINKS
5.IMAGES
6.NAVIGATION
7.HEADER
8.FOOTER
9.SUPERSIZED
*/

/* --------- 1.IMPORT --------- */

@import url(reset.css);

/* --------- 2.LAYOUT --------- */
html {background-color:#000000;}
body { overflow:hidden; background-color:#000000; min-width: 600px;}
body.scroll { overflow-x: hidden; overflow-y:auto; }
#header {width:100%; height:38px; padding:7px 0 0 20px;background-color:#000000;}
#header p {font-family: Helvetica, Arial, sans-serif, Verdana; right:20px; color:#fffeea; display:inline; position:absolute; margin-top: -32px; font-weight:100;font-size: 95%;}
#header a {text-decoration:none;}
#header ul {position: relative; margin-top: -20px; margin-left: 205px;}
#header ul li {display:inline; font-family: Arial; font-size: 95%;}
#header img {margin-bottom: -20px;}
#header .twitter {margin-right: 10px;}

#header-dev {position:absolute; top: 0%; width:100%; height:35px; padding:12px 0 0 20px; z-index:3; background: url(http://www.boldstreetcoffee.co.uk/assets/images/trans-black.png);}
#header-dev p {font-family: Arial; right:20px; color:#fffeea; display:inline; position:absolute; margin-top: -20px; font-weight:100;}

#text_page { padding: 60px 0px 0px 80px;}
#text_page h2 { margin-bottom: 10px; font-style: normal; text-align: center;}
#text_page p { font-size: 12pt; margin-bottom: 10px; text-align: justify; font-family: Georgia, Times New Roman, serif; line-height: 1.35em;}
hr { height: 2px; color: #fffeea; background-color: #fffeea; border: none; margin-bottom: 10px; }

#events_page { width: 70%; margin: 0 auto; padding: 60px 0px 0px 0px;}
#events_page h2 { margin-bottom: 10px; font-style: normal; text-align: center;}
#events_page p { font-size: 12pt; margin-bottom: 10px; text-align: justify; font-family: Georgia, Times New Roman, serif; line-height: 1.35em;}
#events_page hr { }
ul.events {margin-top: 20px; margin-bottom: 30px;}
ul.events li { border-top: 1px solid #fffeea; margin-bottom: 10px; padding-top: 20px; min-height: 220px;}
.event_img { float:right; margin-left: 20px; }
ul.events h3 {color:#fffeea; font-size: 200%; font-family: Georgia; letter-spacing:-0.06em; font-weight:bold; }
ul.events li p { font-size: 10pt!important; max-width: 500px;}

span.first { float: left; font-family: Old English, Georgia,serif; font-size: 300%; line-height: 0.85em; margin-right: 0.03em; margin-bottom:-0.25em;}
.clear { clear: both; }
#panel {
height:500px;
background-color:#000000;
color:#fff;
display:none;
}
.contact {
float:right;
width:150px;
height:40px;
margin-right:50px;
text-indent:-9999px;
}
.contact:hover {
background:#322626 url(../images/contact-sprite.gif) 0px 0px no-repeat;
}
.contact-active {
background:#322626 url(../images/contact-sprite.gif) 0px -120px no-repeat;
}
.contact-active:hover {
background:#322626 url(../images/contact-sprite.gif) 0px -80px no-repeat;
}

#contact-form {height:400px;}

/* --------- 3. FONTS --------- */
h1 {margin-left: -9999px; line-height: 0px;}
h2 {color:#fffeea; font-size: 300%; font-family: Georgia; letter-spacing:-0.06em; font-style:italic; font-weight:bold;}
h2 em {color:#fffeea;}
h2.home-text {bottom:15%; margin-left: 20px; position:absolute; z-index:3;}
h2.title-header {font-size: 130%; color:#fffeea; font-family: Arial; width:200px; font-style:normal; margin-top: 0px; padding-top: 0px;}
p {color:#fffeea;font-family: Arial;font-weight:100; font-size: 90%; margin-bottom: 5px;}


/* --------- 3.HEADINGS --------- */


/* --------- 4.LINKS --------- */
a {color:#fffeea; text-decoration:underline;}

/* --------- 5.IMAGES --------- */
.halfimage { width: 500px; padding-top: 20px; float:right; padding-left: 80px; }

.menuimage { height: 400px; padding-top: 50px; float:right; padding-left: 80px; padding-right: 50px; clear: both; }

/* --------- 6.NAVIGATION --------- */
ul#menu li { margin-right: 10px;}

/* --------- 7.HEADER --------- */


/* --------- 8.FOOTER --------- */
.credit {padding: 5px;position:fixed; z-index:3; bottom:2%; right: 2%; background: url(http://www.boldstreetcoffee.co.uk/assets/images/trans-black.png); -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;}

/* --------- 9.SUPERSIZED --------- */
#supersize {background-color:#000000;}
#supersize img, #supersize a{height:100%;width:100%;display:none;}
#supersize .activeslide, #supersize .activeslide img{display:inline;}


/* --------- 10. Blog --------- */
.blog-text-box {width:500px; padding: 10px; bottom:10%; margin-left: 20px; position:absolute; z-index:3; background: url(http://www.boldstreetcoffee.co.uk/assets/images/trans-black.png); -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;}

.blog-text-box h2 {font-size: 200%; margin: 30px 0 10px 0px;} 
.blog-text-box p.date {float:right}

.blog-text-box p.blog-nav {margin-top: 20px;}
.blog-text-box p.blog-nav a:hover {text-decoration: underline;}