/* Custom styles */
@import "custom.css";

/*------------------------------------------------------------------
[ STYLE.CSS ] Main Stylesheet
--------------------------------------------------------------------

[Table of contents]

1.	RESET

2.	MAIN STYLES
2.a  Tags defaults
2.b  Base layout
2.c  Navigations
2.d  Elements, ID's & Classes

3.	FORMS
3.a  Form styles
3.b  Individual forms

4.	PLUGINS

5.	PRINT


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

1.	RESET
	Global reset for all HTML elements

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

@media handheld, projection, screen, print {

* { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; }
html { height: 100% }
body { background: #fff; color: #000; font-size: 100.01%; min-height: 101%; text-align: left }
img, fieldset, abbr, acronym { border: 0 }
ul, ol { list-style: none }
table { border-collapse: collapse; border-spacing: 0; width: 100% }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left }
q:before, q:after, blockquote:before, blockquote:after { content: '' }
input, select, textarea, button { font-size: 1em; line-height: normal; width: auto; vertical-align: middle }
textarea { height: auto; overflow: auto }
option { padding-left: 0.6em }
button { background: none; border: 0; cursor: pointer; text-align: center }



} @media handheld, projection, screen {


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

2.	MAIN STYLES
	General definitions

--------------------------------------------------------------------

/*-------------------------------
2.a Tags defaults
---------------------------------
[?] Tags only. No classes or ID's here.
*/
	
body {
	font-family: "Lucida sans", Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.5em;
	text-align: center;
	padding: 0 0 30px;
	color:#666666;
}


strong { color: #202325; font-weight: bold }
em { font-style: italic }


/* Headlines */
h1 {
	color: #fffffa;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 15px;
}

h2 {
	color: #fffffa;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 20px;
}
h3 {
	color: #fffffa;
	font-size: 1.35em;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 15px;
}
h4 {
	color: #fffffa;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 15px;
}
h5 {
	color: #fffffa;
	font-size: 1em;
	margin: 0 0 15px;
}
h6 {
	color: #fffffa;
	font-size: .90em;
	margin: 0 0 15px;
}

#footer h5 {
	margin-bottom:0 !important;
}


/* Anchors */
a, a:link, a:visited {
	text-decoration: none;
}
a:hover, a:active, a.active {
	text-decoration: underline;
}


/*-------------------------------
2.b Base layout
---------------------------------
[?] Mostly ID's. Classes & tags allowed.
*/

#wrap {
	margin: auto;
	text-align: left;
	width: 1000px;

}
	#header, #footer, #footerWrap {
		float: left; display: inline;
		clear: both;
		position: relative;
	}
	#header {
		height: 105px;
		width: 100%;
		background: #000000;
	}
	#home #header {
		height: 105px;
	}
		#logo { margin: 0 }

			#logo a {
				cursor: pointer;
			}

	#content {
		width: 100%;
	}
		#contentWrap {
			margin:10px;
			width: 940px;
			padding:20px;
			background-color:#FFFFFF;
		}
		#home #contentWrap { padding: 0px; width:980px; }
		#home #top { padding: 20px }
		#home #albums { padding: 20px 10px 0px 10px; float:left; }
		
	



/*-------------------------------
2.c Navigations
-------------------------------*/

/* Page Nav */

#nav_wrapper {
	height: 30px;
	width:960px;
	margin: 0 auto;
}




}