/*

	Author: Scott McMurray
	Date:	27th March 2010
	
	This is the main stylesheet for xpressionportadown.org

	
*/



/*--------------------------------------------------------------

  +Resets default browser CSS styles

-------------------------------------------------------------- */

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, ul, li, ol,
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;
}

/*--------------------------------------------------------------

  +Typography

-------------------------------------------------------------- */

body
{
	background: #101010;
	background-image:url( '/images/site-files/background.jpg' );
	background-repeat:repeat-x;
	color: #FFFFFF;
	font-family:Verdana,Arial,Helvetica,Verdana,Sans-Serif;
}

p { margin-bottom: 10px; }

h1, h2, h3, h4, h5 
{
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
}

h1
{
	font-family: 'Reenie Beanie', serif;
	font-size: 72px;
	line-height:1em;
	margin-bottom:0.4em;
}

h2
{
	color:#F60008;
	font-size:2.1em;
	line-height:1.1em;
	margin-bottom:0.5em;
}
h3
{
	font-size:1.7em;
	line-height:1.3em;
	margin-bottom:0.6em;
}

h4
{
	color:#F60008;
	font-size:1.5em;
	line-height:1.5em;
	margin-bottom:0.7em;
}

h5
{
	font-size:1.1em;
	line-height:1.5em;
	margin-bottom:0.9em;
}

h6
{
	color:#F60008;
	font-size:1.1em;
	line-height:1.5em;
	margin-bottom:0.9em;
}

/*--------------------------------------------------------------

  +Navigation

-------------------------------------------------------------- */

a:link { color: #F60008; text-decoration:none; }
a:visited { color: #F60008; text-decoration:none; }
a:hover { color: #FFFFFF; text-decoration:underline; }
a:active { color: #FFFFFF; }

#nav { float:right; font-size: 1.1em; font-family:"Verdana", "Geneva", sans-serif; position:relative; top:-70px; }

#nav li
{ 
	color: #F60008; 
	padding: 0 5px 0 5px; 
	margin: 10px 0 0 0; 
	list-style:none; 
	float:left; 
	border-right: 2px #FFFFFF solid;
}

#nav li.last{ border: none; }

#nav a.selected{ color: #FFFFFF  }

#text-nav { font-size:0.7em; float:left; height: 150px; }
#text-nav .links { color: #F60008; margin-top: 90px; margin-bottom: 5px; font-size:1.1em; width:400px; }
#text-nav .copyright { color: #6F6F6F; }
#text-nav #credit { font-style:italic; }
#text-nav span{ color: #FFFFFF; margin:2px;}

/* --------------------------------------------------------------

    +Layout and Postioning

-------------------------------------------------------------- */


#shell { margin: 0 auto; width: 980px; }



#header div.outer { z-index:-1; float:left; text-align:centre; }
#header div img { vertical-align:text-top; margin-top:20px; }
#header div div.verse-paint { position:relative; float:right; }
#header img.paint { position:absolute; margin-top:0px; }
#header img.verse { position:relative; top:100px; left:80px; }

ul { padding-left:14px; }

#footer { height: 150px; width:980px; margin: 0 auto; margin-top:30px; }



#footer-logo {  max-height:100px; float:left; }
#footer-logo  img { margin-top:14px; z-index: 10; }


/* --------------------------------------------------------------

    +Homepage Specific

-------------------------------------------------------------- */

#photos { float: left; width: 580px; height: 400px; margin-right: 15px; }

img#scroll-up
{
	margin-left: 165px;
	top:286px;
	height:30px;
}


#info-stream { float:left; width: 380px; height:399px; text-align:center; overflow:hidden; margin-top:6px; }
#info-stream .padded { padding:5px; }
#info-stream p { text-align:left; }
#info-stream ul li 
{ 
	list-style: none; 
	height: 115px;  
	width: 375px; 
	border: 3px #FFFFFF solid; 
	margin: 0 0 12px 0; 
}
#info-stream ul li.last { margin: none; }

#info-stream img#scroll-down
{
	position:absolute;
	margin-left: 165px;
	top:670px;
	height:30px;
}

#info-stream ul { padding-left:0px; }

h3 a:link { color:#FFF; }
h3 a:visited { color:#FFF; }

#intro-paragraph
{ 
	float:left;
	width:580px;
	margin: 0 15px 0 0;
	padding: 20px 0 0 0;
	font-size:0.8em;
	z-index: 20px;
	text-align:justify;
}

#intro-paragraph p { z-index: 20; }

#countdown { float:left; width:380px; position:relative; top:20px; left:-5px; }
#countdown p { text-align:center; margin: 10px; font-size: 1.6em; width:100%;  }
#countdown p.clock { font-size: 2.4em; margin: 20px 0 0 10px; width:100%; }
#countdown span { border: 2px #FFFFFF solid; margin: 5px; padding: 5px; }

/* --------------------------------------------------------------

    +Gallery

-------------------------------------------------------------- */

#days {	text-align:center; word-spacing:10px; margin-bottom:20px; }

#days a:link { color: #FFFFFF; text-decoration:none; }
#days a:visited { color: #FFFFFF; text-decoration:none; }
#days a:hover { color: #F60008; text-decoration:underline; }
#days a:active { color: #F60008; }
#days a.selected { color: #F60008; }

#gallery-outer
{
	background-color: #222222;
	width: 860px;
	padding: 20px 0 10px 0;
	margin: 0 0 0 52px;
	-moz-box-shadow:inset 0 0 27px #000000;
	box-shadow:inset 0 0 27px #000000;
	border: 1px #FFFFFF solid;
}

#gallery-thumbs { margin: 30px 0 10px 28px; }
#gallery-thumbs a img { border:3px #FFFFFF solid; margin: 0 0 30px 30px; }
#gallery-thumbs a img.last { margin-left:30px; }


/* --------------------------------------------------------------

    +Contact Form

-------------------------------------------------------------- */

.form 
{ 
	width: 400px; float:left; 
}
.form form
{
	background-color: #222222;
	padding: 20px 0 10px 0;
	margin: 0 0 0 0;
	-moz-box-shadow:inset 0 0 27px #000000;
	box-shadow:inset 0 0 27px #000000;
	width:300px;
	height:190px;
	padding: 20px 
}
.form fieldset label { width:110px; float:left; margin-bottom:5px; }
.form fieldset input { margin-bottom:5px; }

#details { float:left; width:400px; margin-left:100px; }
#details .url { display:none; }
#details .vcard 
{
	height:190px; 
	padding:10px;
	background-color: #222222;
	padding: 20px 0 10px 0;
	margin: 0 0 0 0;
	-moz-box-shadow:inset 0 0 27px #000000;
	box-shadow:inset 0 0 27px #000000;	
	padding: 20px 
}


/* --------------------------------------------------------------

    +Areas

-------------------------------------------------------------- */

#areas ul { font-size:1.1em; font-weight: bold; padding-left:70px; margin-bottom:50px; }


/**Leave everything beneath at the bottom of the file**/

.clear-floats { clear: both; font-size: 1px; height: 1px; line-height: 0px; }