/*
Theme Name: Nuba Cocktails
Theme URI: http://www.shoot-the-moon.co.uk/
Description: A funky sophisticated for Nuba brand ID.
Author: Shoot the Moon Manchester
Version: 1.0
License: Single Site License
Tags: 
*/

@import url("css/reset.css");  /* Import our reset stylesheet */
@import url("css/menu.css");  /* Import our menu stylesheet */

/* SIDE */	
ul#menu {
	position: absolute;
	right: -130px;
	top: 30px;
	list-style: none;
	padding: 0;
	margin: 0;
	}


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

body {background:#000; color:#fff; font-size:1em; font-family:Verdana, Geneva, sans-serif; }

p {font-size: 0.75em; line-height: 1.2em; padding-bottom: 15px; }
p.notice {width: 774px; position:absolute; top:-70px; text-align: center; font-size:100%;}
p.shake {color: #fff; float: left; line-height: 1.2em; margin: 15px 0 0 30px; font-weight:700; width: 45%; font-size:1em;}
p.spin { position: absolute; right: 210px; top: 20px; font-size: 0.75em; }
p.copyright {color:#fff; font-size:0.6em; line-height:1.2em; width:50%; float:left;}
p.author {width: 50%; float:right; font-size:0.6em; line-height:1.2em; text-align:right;}
p.author a {color:#fff;}
p.author img {bottom:-3px;}

h1{ position:absolute; left:10000px; display:none; z-index:5; }
	
h2 {font-size:2.5em; margin: 0 0 20px 0; letter-spacing:-0.063em; font-weight:700;}
h3 {font-size:1em; margin: 0 0 10px 0; letter-spacing:-0.063em; font-weight:700;}

.clear {clear:both;}

#wrapper { width: 780px; padding: 100px 0 10px 0; margin: 0 auto; z-index: 3; }

#main-content {
width: 774px;
border:3px solid #fff;
z-index:2;
-moz-border-radius:10px;
border-radius: 10px;
background: #000 url(images/stem-stretch.jpg) repeat-y 157px;
}

#main-header {width: 716px; height:33px; padding:0 32px; z-index:10;}
#main-header #social { float:left; top: 10px; }

.tweet {
	background: url(images/twitter-bird.png) no-repeat 360px 0px;
	color: white;
	font-size: 0.60em;
	font-weight: bold;
	height: 33px;
	text-align: left;
	width: 400px;
	float: right;
}
	
	.tweet ul.tweet_list {
		padding: 0 45px 0 0;
		list-style: none;
		line-height: 1.2em;
		bottom: 8px;
	}

#grid {background: url(images/grid.png) repeat scroll 0 0 transparent;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
	}
	
#left { float:left; padding:30px 0 0 30px; width: 357px; min-height:450px;}

/*#logo {margin:0 auto; width:266px; display:block;}*/
#logo {
	position:absolute;
	display:block;
	z-index: 1;
	bottom: 96px;
	left: 35px;
	}
	
#top { 
position: absolute;
display: block;
z-index: 1;
top: 0px;
left: 35px;
width: 266px;
height: 268px;
	}

#stem {
position: absolute;
display: block;
z-index: 1;
height: 40%;
top: 258px;
left: 35px;
	}

#base { 
position: absolute;
display: block;
z-index: 1;
bottom: 96px;
left: 35px;
height: 24px;
	}

/*logo img {display:block; position:absolute; bottom:0;}*/

#bottle {
	position: absolute;
	width: 363px;
	display: block;
	z-index: 1;
	bottom: 0px;
	left: 0;
	}

/*#bottle-holder { width:363px; position:absolute; bottom:20px; z-index:10;}*/	
/*#bottle img {display:block; position:absolute; bottom:0;}*/

/*#nuba-holder-main {width:363px; min-height:500px; float:left; }*/
/*#nuba-holder {bottom: 20px; height: 819px; left: 50px; position: absolute; width: 220px; z-index: 100;}*/
/*#nuba-holder embed {position:absolute; bottom:0; right:50px;}*/
/*#nuba-main img {position:absolute; bottom:0;}*/

#right {float:right; padding:30px 30px 0 0; width: 400px; min-height: 500px;}

#main-footer {width: 716px; padding:0 32px; margin:10px auto 32px;}
    
#footer {
	height:96px;
	background: #45484d; /* old browsers */
	background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* ie */
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	}

.contact-alt {font-size: 0.85em; line-height: 1.2em; width:50%; font-weight:700;}

#footer #contact {float: left; margin: 15px 0 0 30px; width: 45%;}
#footer #contact p {color: #fff; line-height: 1.2em; font-weight:700; font-size:1em; letter-spacing:-0.063em;}
#footer #drinkaware {float: right; margin: 10px 25px 0 0; width: 30%;}

a.drinkicons {float:right; display:block; width:107px; height:31px; text-indent: -999em; text-decoration:none;}
a.drinkaware {float:right; display:block; width:144px; height:73px; text-indent: -999em; text-decoration:none; clear:right;}