/* Stephie Reiss.com Styling - Web design by Chameleon Kid Media */

/* Start Meyer Reset ---------------------------------------------------------------- */

/* v1.0 | 20080212 */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End Meyer Reset -----------------------------------------------------------*/

/* Basic Settings and text styling ------------------------------------------------------- */

body {
	font-family: "Gill Sans MT",Helvetica,Arial,Sans Serif;
	font-size:63%;
	background: #333230 url(../images/content-bg.jpg) repeat-x 0 0;
	}

p {
	font-family: "Gill Sans MT",Helvetica,Arial,Sans Serif;
	font-size:1.3em;
	margin:1em 0 0 0;
	line-height:1.2em;
	color: #979797;
	}

/* Headings */

h1 {
	font-size: 2.5em;
	font-family: "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	color: #8c5f02;
	font-weight: 100;
	}
	
h2 {
	font-size: 2.5em;
	font-family: "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	color: #8c5f02;
	font-weight: 400;
	}
	
h3 {
	font-size: 1.75em;
	font-family: "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	color: #8c5f02;
	font-weight: 100;
	}
	
h4 {
	font-size: 1.5em;
	font-family: "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	color: #8c5f02;
	font-weight: 100;
	}
	
h5 {
	font-size: 1.25em;
	font-family: "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	color: #8c5f02;
	font-weight: 100;
	}
	
h6 {
	font-size: 1em;
	font-family: "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	color: #8c5f02;
	font-weight: 100;
	}
	
/* Link Styling */
	
a:link {
	color: #8c5f02;
	text-decoration: none;
	}
	
a:visited {
	color: #4d4b54;
	text-decoration: none;
	}
	
a:hover {
	color: #8c5f02;
	text-decoration: underline;
	}
	
a:active {
	color: #8c5f02;
	text-decoration: none;
	}

/* List styling */

ul {
	list-style: none;
	list-style-type: none;
	}
	
li {
	list-style: none;
	list-style-type: none;
	}
	
/* Basic structure and layout ------------------------------------------------------ */

#wrapper {
	width:100%;
	text-align:center;
	}
	
#wrapper-inner {
	width:960px;
	margin: auto;
	background:transparent url(../images/content-panel-bg3.png) no-repeat 0 0;
	}
	
#header {
	height:84px;
	width:960px;
	padding: 103px 0 0 0;
	}
	
#content-body {
	width:960px;
	text-align:left;
	overflow:hidden;
	margin:0 0 25px 0;
	}
	
#col-left {
	float:left;
	width:560px;
	margin: 0 0 0 38px;
	padding: 0 0 0 0;
	}
	
#col-right {
	float:left;
	width:305px;
	margin: 0 0 0 5px;
	padding:0 0 0 10px;
	border-left:1px solid #4d4b55;
	}
	
#footer {
	width:100%;
	background: #4d4b55 url(../images/footer-bg.jpg) repeat-x 0 0;
	padding: 45px 0 0 0;
	overflow:hidden;
	}
	
/* Detailed page elements and Divs ------------------------------------------------------ */

#logo {
	float:left;
	width:282px;
	height:51px;
	margin:0 0 0 38px;
	}
	
#logo h1 {
	width:282px;
	height:51px;
	text-indent:-9999px;
	background: transparent url(../images/stephie-logo.jpg) no-repeat 0 0;
	}

#header-navigation {
	float:left;
	margin:16px 0 0 160px;
	width:420px;
	text-align:center;
	}
	
#header-navigation li {
	display:inline;
	font-size: 2em;
	font-family: "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	margin:0 15px 0 0;
	}
	
#header-navigation li a:link, #header-navigation li a:visited  {
	color:#f9f5e2;
	text-decoration:none;
	}
	
#header-navigation li a:hover, #header-navigation li a:active, #header-navigation li a.current  {
	color:#8c5f02;
	text-decoration:none;
	}
	
#featured-slider {
	float:left;
	width:878px;
	height:282px;
	margin:0 20px 25px 38px;
	overflow:hidden;
	-moz-box-shadow: 5px 5px 8px #2a2928;
	-webkit-box-shadow: 5px 5px 8px #2a2928;
	box-shadow: 5px 5px 8px #2a2928;
	}
	
#col-left p {
	color:#efecd9;
	}
	
span.cron {
	font-weight:600;
	color:#efecd9;
	}
	
#gallery-outer {
	margin:0 0 0 38px;
	width:878px;
	}
	
#footer-nav {
	float:right;
	margin: 0 60px 42px 0;
	width:899px;
	text-align:right;
	}
	
#footer-nav li {
	display:inline;
	font-size: 1.5em;
	font-family: "Gill Sans MT",Helvetica,Arial,Sans Serif;
	margin:0 10px 0 0;
	}
	
#footer-nav li a:link, #footer-nav li a:visited {
	color:#f9f5e2;
	text-decoration:none;
	}
	
#footer-nav li a:hover, #navigation li a:active, #navigation li a.current  {
	color:#8c5f02;
	text-decoration:none;
	}
	
#footer-notes {
	float:right;
	margin: 0 70px 10px 0;
	width:280px;
	text-align:right;
	clear:both;
	}
	
#footer-notes p {
	font-size:1.1em;
	margin:0;
	line-height:1.1em;
	margin-bottom:0.4em;
	}
	
#footer-notes a:link, #footer-notes a:visited {
	color:#FFF;
	text-decoration:none;
	}
	
#footer-notes li a:hover, #navigation li a:active  {
	color:#8c5f02;
	text-decoration:none;
	}
	
img.profile {
	margin:5px 8px 60px 0px;
	float:left;
	border: 1px solid #f9f5e2;
	}
	
p.profile {
	margin:28px 0 10px 0px;
	color:#FFFFFF;
	font-weight:600;
	}
	
span.profile {
	font-size:16px;
	margin:20px 0 10px 0px;
	color:#979797;
	font-weight:100;
	}
	
@media only screen and (device-width: 768px) {
Textarea {
  	width:350px;
	}
}