@charset "utf-8";

  /* 
   www.AlyssaAnnePhotography.com Main Stylesheet
   Designed by: DesignRegeneration
   Last updated on 05-14-2009
   by hawes.matt@gmail.com
   */



/*-------------------------------------------------------------------------------------------------------------- */
/* Reset Styles ------------------------------------------------------------------------------------------------ */

/* Resetting Again technique developed by Eric Meyer (http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/) */

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, tr, th, td {
	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;
}

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

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

del {
	text-decoration: line-through;
}

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

/*-------------------------------------------------------------------------------------------------------------- */
/* Layout ------------------------------------------------------------------------------------------------------ */

#page { /* element for vertical center, including page background graphic, works with center.js */
	position: relative; /* needed for safari */
	height: 600px;
	background-image: url(../graphics/background.gif);
	background-repeat: repeat-x;
	background-position: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#wrapper { /* wrapper with height for vertical center, and width/margin for horizontal center */
	height: 600px;
	width: 760px;
	margin: 0 auto; /* horizontal alignment in standards compliant browsers */
}

img#branding { /* logo */
	float: left;
	padding-bottom: 9px;
}

#nav { /* main nav */
	float: right;
	padding-top: 75px;
}

#nav a {
	margin-right: 8px;
}

#content { /* main content area */
	clear: both;
	background-color: #c2ce9e;
	height: 460px;
	border: 4px solid #553519;
	padding-top: 0px;
	padding-right: 36px;
	padding-bottom: 0px;
	padding-left: 36px;
}

#inside #content { /* inside page content area padding, not applicable on gallery */
	padding: 10px;
}

#content #content-image { /* inside page image */
	float: left;
}

#content #content-area { /* inside page content area works with jScrollPane */
	float:right;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #553519;
	padding-left: 10px;
}

#content #content-text { /* inside page content area works with jScrollPane */
	overflow: auto;
	width: 300px;
	height: 460px;
}

#footer { /* footer area is not used */
	height: 0px;
}

/*-------------------------------------------------------------------------------------------------------------- */
/* Typography -------------------------------------------------------------------------------------------------- */

#content p {
	margin-bottom: 20px;
	font-size: 12px;
	color: #422712;
	line-height: 20px;
}

#content a:link,
#content a:visited,
#content a:hover,
#content a:active {
	color: #422712;
}

#content h1 {
	font-size: 12px;
	color: #422712;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 20px;
}

#content h2 {
	margin-top: 20px;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #422712;
}

#content ul {
	margin-bottom: 15px;
}

#content li {
	list-style-type: square;
	margin-left: 40px;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 5px;
	color: #422712;
}

#content li ul {
	margin-bottom: 0px;
}

#content li ul li {
	list-style-type: square;
	margin-left: 50px;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 5px;
	margin-top: 5px;
	color: #422712;
}

/*-------------------------------------------------------------------------------------------------------------- */
/* jScrollPane Scroll Bar Colors ------------------------------------------------------------------------------- */

#content-area .jScrollPaneTrack { /* scroll bar track color */
	background-color: #b9c496;
}

#content-area .jScrollPaneDrag { /* scroll bar color */
	background-color: #DAE7B2;
}

#content-area .jScrollPaneDragTop { /* top of the scroll bar - not used */
	height: 0px;
}

#content-area .jScrollPaneDragBottom { /* bottom of the scroll bar - not used */
	height: 0px;
}

#content-area a.jScrollArrowUp { /* scroll up arrow graphic */
	height: 15px;
	background: url(../graphics/arrow_up.gif) no-repeat 0 0px;
}

#content-area a.jScrollArrowUp:hover { /* scroll up arrow hover state graphic sprite - not used */
	background-position: 0 0;
}

#content-area a.jScrollArrowDown { /* scroll down arrow graphic */
	height: 15px;
	background: url(../graphics/arrow_down.gif) no-repeat 0 -0px;
}

#content-area a.jScrollArrowDown:hover { /* scroll down arrow hover state graphic sprite - not used*/
	background-position: 0 0;
}