/*-----------------------------------+
 | Site: My Portfolio Site           |
 | Part: Master stylesheet           |
 +-----------------------------------*/

/* Resets
=====================================================================*/

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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}

/* Global
=====================================================================*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.4em;
	color: #fff;
	background: transparent url('images/cult_bg.jpg') repeat 0 0;
}

.clear { clear: both; }
span { display: none; }

/* Typography & Classes
=====================================================================*/

p { margin-bottom: 1em; }
p.title { color: #403e3e; }

a { color: #b5e801; text-decoration: none; }
a:hover { color: #eb678f; text-decoration: none; }

ul { color: #403e3e; }
li { color: #7e7c7c; }
li a { color: #7e7c7c; }
li a:hover { color: #ff7800; }

blockquote, blockquote p { text-indent: -0.5em;	}
hr { margin-top: 30px; border: 1px solid #b7e405; }


/* Divs
=====================================================================*/

#container {
	margin-left: 30px;
	width: 950px;
}

#header { height: 39px; background: #000000; }

#main { margin: 30px 0; padding-bottom: 30px; }

#left { width: 590px; position: relative; float: left; }
#content { background: #000; }
#footer { clear: both; height: 30px; }

#right { width: 350px; float: right; }
#featmedia { width: 350px; background: #000; }
#featproduct1 { margin: 10px 10px 0 0; width: 170px; height: 230px; background: #000; float: left; }
#featproduct2 { margin: 10px 0; width: 170px; background: #000; float: left; }
img.feat { margin: 0; padding: 0; }



/* Headers
=====================================================================*/

#logo { position: absolute; background: #333; float: left; }
#header h1 { width: 170px; height: 39px; display: block; background: transparent url('images/header_cult.jpg') no-repeat 0 0; }

/* Navigation
=====================================================================*/

ul#nav {
	display: block;
	position: relative;
	float: right;
}

ul#nav li { float: left; }
ul#nav li a { display: block; }
ul#nav li#home a { width: 49px; height: 39px; background: transparent url('images/nav_home.jpg') no-repeat 0 0; }
ul#nav li#about a { width: 55px; height: 39px; background: transparent url('images/nav_about.jpg') no-repeat 0 0; }
ul#nav li#store a { width: 53px; height: 39px; background: transparent url('images/nav_store.jpg') no-repeat 0 0; }
ul#nav li#video a { width: 49px; height: 39px; background: transparent url('images/nav_video.jpg') no-repeat 0 0; }
ul#nav li#team a { width: 49px; height: 39px; background: transparent url('images/nav_team.jpg') no-repeat 0 0; }
ul#nav li#contact a { width: 59px; height: 39px; background: transparent url('images/nav_contact.jpg') no-repeat 0 0; }

ul#nav li#home a:hover { background-position: 0 -39px; }
ul#nav li#about a:hover { background-position: 0 -39px; }
ul#nav li#store a:hover { background-position: 0 -39px; }
ul#nav li#video a:hover { background-position: 0 -39px; }
ul#nav li#team a:hover { background-position: 0 -39px; }
ul#nav li#contact a:hover { background-position: 0 -39px; }

/* Title
=====================================================================*/

#index #content h2 { display: block; width: 590px; height: 22px; background: transparent url('images/hdr_blog.jpg') no-repeat 0 0; }
#about #content h2 { display: block; width: 590px; height: 22px; background: transparent url('images/hdr_about.jpg') no-repeat 0 0; }
#video #content h2 { display: block; width: 590px; height: 22px; background: transparent url('images/hdr_video.jpg') no-repeat 0 0; }
#team #content h2 { display: block; width: 590px; height: 22px; background: transparent url('images/hdr_team.jpg') no-repeat 0 0; }
#contact #content h2 { display: block; width: 590px; height: 22px; background: transparent url('images/hdr_contact.jpg') no-repeat 0 0; }


/* Entry
=====================================================================*/

.entry { padding: 20px 20px 10px 20px; }
.entry h4 { font-size: 2.5em; text-transform: uppercase; font-weight: bold; }
.entry p.date { margin: 10px 0 10px 0; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1em;  }
.entry p { margin: 0 0 10px 0; font-family: Georgia, Palatino,Ó Palatino LinotypeÓ, Times, ÒTimes New RomanÓ, serif; font-size: 1.2em; line-height: 1.4em; }
.entry p.intro { font-size: 1.8em; margin-bottom: 1.3em; }

img.team { margin: 0 0 10px 0; padding: 0; }