/* index
-------------------------------------------------------------------------------------- */
/*
* Filename: 			style.css
* Description: 			global CSS (master)
* Version:          	        1.0.0 (YYYY-MM-DD)
* Website:			www.shyman.co.uk
* Author:			Will Scott - www.goldhook.co.uk
 
/* colorscheme
--------------------------------------------------------------------------------------- */
/*
header 1/2 title colours:			  #333
header 3/4 title colour: 			#a3a3a3
main text colour: 						#00446;
link hover + visited: 				#431611
link active: 		   	   				#670001
*/
 
/* Browser CSS-Reset
--------------------------------------------------------------------------------------- */
/* Eric Meyer's Reset Reloaded */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}	
:focus {outline: 0;}
ol, ul {list-style: none;}	
table {border-collapse: separate; border-spacing: 0;}	
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
img, a img {border: 0;}
 
/* globals 
--------------------------------------------------------------------------------------- */
 
html {background: #fff;}
body#shygirl {background: url(/dev/images/stripe-strip2.jpg);}
body {background: #94ccfa url(/dev/images/gradient.jpg) top left repeat-x;
	color: #000;
	display: table;
	font-family: Graublau, Trebuchet; 
	width: 100%; 			 /* This rule is primarily there for Internet Explorer 6 and below on Windows */
height: 100%;
line-height: 1.3em;
	}
a img { border: 0; }
 
/* Typography
--------------------------------------------------------------------------------------- */

@font-face {font-family: Graublau; src: url('GraublauWeb-Regular.eot') !important;}
@font-face {font-family: Graublau;  src: url(/fonts/GraublauWeb-Regular.woff) format("woff"), url(/fonts/GraublauWeb.otf) format("opentype");}
	
p, ul li, legend, form, label {font-size: 1em; font-family: Graublau, Arial; color: #003333;	margin: 2px; text-indent:0;} 

h1 {font-size: 4em/1em; color: #eee; font-weight: bold; padding:0 30px 5px 20px;}
h2 {font-size: 1.6em; color: #a3a3a3;	margin-top: 1em;	margin-bottom: 0em;	} 
h3 {color: #003333; padding: 2px; margin: 10px 0 10px 0; font-size: 1.3em; }
h4 {color: #fff;	font-size: 1.2em;	font-style: italic;}
h5 {color: #ccc; font-size: 1.25em;}  
a {text-decoration: none;}

.helvet {font-size: 1.3em/1em; color: #6699cc; border-bottom: 1px solid #6699cc; width: 50%; margin: 5px 0 15px 5px;}

h3 #about_foot {width: 189px; height: 36px;	background: url("/images/about_shy.png");text-indent: -9999px;}

.event_drop p {padding: 0; margin: 0; }
#feature_boxes h3 {padding: 0; margin: 0;}
#feature_boxes p {line-height: 1.5em; width: 270px; height: 80px; margin: 0; paddding: 0;}
#feature_boxes p a {background: #6699cc; text-decoration: none;}
#feature_boxes p a:hover {background: #eee; color: #000; text-decoration: none;}
.featured_item p, .event_box p {background: #003366; color: #eee; width: 100%; height: 100%; margin: 0; padding: 0; }

.footer ul li {display: inline; color: #000033; margin-right: 50px; margin-top: 10px; }
.footer h3 {margin-left: 125px;}

.galley p, ul li, tr td, select {padding: 2px; }
.galley h3 {color: #ccc; padding: 0 0 15px 0; }
.gallgrid a:active, .gallgrid_last a:active {color: #996633;line-height: 8px; border-bottom: 1px solid #cc6600;}
.gallgrid a.selected, .gallgrid_last a.selected {color: #cc6600; background: #000; border-bottom: 1px solid #000;}
.gallgrid a.selected:hover, .gallgrid_last a.selected:hover {color: #cc6600; border-bottom: 1px solid #eee;}
.gallgrid p, .gallgrid_last p {font: 14px arial #ccc; padding-right: 2px; line-height: 18px; width: 60%;}

#homebody p a {color: #ccc;}
#homebody p a:hover {background: #ccc; color: #004D73;}

.right_boxes h1 {margin: 0; padding: 0;}
.right_boxes p {text-align: right; line-height: 1.3em; font-size: 1em; }
.right_boxes h2 {text-align: right; line-height: 0.7em; font-size: 1.4em; padding: 0; margin: 10px 0 2px 0; }
.right_boxes p a {color: #ccc; text-decoration: none;}
.right_boxes p a:hover {color: #003366; border-bottom: 1px solid #003366; padding: 0 0 0 90px; }
.right_boxes p a:selected {color: white; border-bottom: 1px solid black;}
.right_boxes h2 a {color: white;}
.right_boxes h2 a:hover {color: #003366; }

#shyman_box h1 a  {height: 42px; background: url(/dev/images/shyman_shoplink.png) top right no-repeat; display: block; overflow: hidden; text-indent: -999px; opacity: 0.3; }
#shyman_box h1 a:hover {opacity:1;}
#shygirl_box h1 a  {height: 50px; background: url(/dev/images/shygirl_shoplink.png) top right no-repeat; display: block; overflow: hidden;text-indent: -999px; opacity: 0.3;}
#shygirl_box h1 a:hover {opacity:1;}

ul.sponsor li {font: 1em; padding: 0 5px; 0 5px; margin: 0 0 0 15px;}
ul.sponsor li ul li {font-size: 0.9em; border: none; color: #eee;}

.sponsor_links img {background: white; width: 110px; height: 110px; padding: 5px; margin; 1px; border: 3px solid #004466; display: block;}
.sponsor_links tr td a {color: white; }
.sponsor_links tr td {padding-right: 5px; }

.standfirst {color: #eee; font-family: Graublau; font-size: 1.1em; padding: 5px; margin: 5px 25px 5px 0; }

#the_content p {padding-left: 10px;}

/* main layout elements
--------------------------------------------------------------------------------------- */ 
 
/* wrapper */
#the_content {margin: 95px 0 0 140px;display: block; width: 71%; z-index: 1; position: relative; overflow:hidden;  }
.transparency  {zoom: 1; opacity:0.3; filter:alpha(opacity=30); 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); -moz-opacity:0.3; background-color:#003366; height: 100%; width: 100%; position:absolute;top:0px; left:0px;  z-index:-1;}
.more_transparency  {zoom: 1; opacity:0.1; filter:alpha(opacity=10); 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); -moz-opacity:0.1; background-color:#eee; height: 100%; width: 100%; position:absolute;top:0px; left:0px;  z-index:-1;}

  
/* nav */
#navlines {margin-left: 145px; height: 200px; position: absolute;}
#navlines span a  {float: left; height: 705px; width: 200px; z-index: 0; position: relative; margin-right: 2px; }
#navlines span a:hover {background:#003366 100%; opacity: 0.4;  }

/* header */
.header {height: 800px; float: left; padding: 5px 20px 0 5px;}
#logohead {width: 119px;}

/* footer */
.footer {background:url(/dev/images/footer.jpg) left; clear: all; height: 140px; padding: 5px; position: relative; z-index: 1; }
.footer_shygirl {background: inherit; height: 140px; padding: 5px; position: relative; z-index: 1;}

/* content 
---------------------------------------------------------------------------------------*/
#homebody {position:relative;  width: 70%; display: block; text-align: left; }
#home_info {display: block; background: #000033; margin: 0 0 15px 5px; padding: 4px; float: right; width: 30%;}
#text_fade {z-index: 1; position: relative;  overflow: auto; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; border: 1px solid #9999cc; display: block; padding: 5px; margin: 5px 0 15px 5px;}
.movie {padding: 5px; width: 550px; height: 350px; margin: 0 auto;}
.fade ul li {list-style: none; position: relative;   display: inline; margin-left: 40px;}
.fade ul li div { position: relative;  display: none; display: inline;}		

/* Jquery styles */
.nextSlide:hover {background-image: url(/dev/images/nextslide.jpg);	background-repeat: no-repeat;	background-position: right bottom;}
.prevSlide:hover  {background-image: url(/dev/images/prevslide.jpg);	background-repeat: no-repeat;	background-position: left bottom;}
.home_movie {background: #eee; width: 350px; height: 300px; border: 1px solid black; margin-top: 5px; float: left;}
#slideShow1{	width: 400px;	height: 276px;	border: 1px solid #ccc;	padding: 10px;	background-color: #fff;	margin: 0 0 5px 10px;}
.slideCaption{	background-color: #FFFFCC;	padding: 2px;	}

/* Right-hand boxes */
.right_boxes {float: right; margin-top: 5em; z-index: 1; width: 20%;  border-left: 1px solid #6699cc; }
#shyman_box, #shygirl_box, #newsletter_box {padding: 5px; margin-bottom: 2px;}
	
#newsletter_box {background: url(/images/news_bg.gif); margin: 0 0 10px 0; display: block; float: right; text-align: right; }

/*Featured boxouts */
#feature_boxes {margin-top: 10px;}
.event_box {background:url(/dev/images/feature1.png) bottom left no-repeat; width: 280px; float: right; margin: 0; padding: 0;}
.featured_item {background:url(/dev/images/hometee1.png) bottom left no-repeat #336699; width: 280px; margin: 0;}
.thumb_left {margin-right: 6px; float: left; display: block; background: #003366;}
.event_drop, .item_drop {display: none;}

.clothes_highlights {background: inherit; margin: 6px 0 16px 6px; padding: 5px; line-height: 1.8em; }
.clothes_highlights:hover {background: white; overflow: auto; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; border: 1px solid #fff; display: block; padding: 5px; margin: 5px 0 15px 5px;}


/* Forms */

.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(/dev/images/checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}

legend {background: #ccc;}
.radio {background: url(/dev/images/radio.gif) no-repeat;}
.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px;
	background: url(/dev/images/select.gif) no-repeat;
	overflow: hidden;
}

/* Gallery style */
.gallery {z-index: 1; }
.gallery h3 {padding: 2px; border-bottom: 1px solid #6699cc;}
.gallery img {border: 1px solid #ccc;  padding: 1px; width: 100px; height: 100px;}
.gallery table tr td {padding: 0 2px 2px 0; }
.gallery table tr td img {border: 1px solid #000033;}

#gall1 {display: inline; margin-left: auto; margin-right: auto;}
#gall1 img {border: 2px solid #000066; padding: 1px; margin-bottom: 20px; }
.galley {width: 100%;}

.gallgrid, .gallgrid_last {width: 25%; float: left; margin-top: 20px;}
.gallgrid img, .gallgrid_last img {background: inherit;}
.gallgrid img:hover, .gallgrid_last img:hover {background: #a7a7a7; line-height: 8px; }

.underline {clear: both; margin-top: 9px;} /* purely here for decoration */
img.left {float: left; padding: 2px; margin: 1px; }
img.right {float: right; padding: 5px; margin: 5px;} 
.mainpic img {float: left;}

/* end of this stylesheet
---------------------------------------------------- */