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

Title :  Tricia Ferrara
URL :    http://www.triciaferrara.com

Created :  01.05.2008
Modified : 02.01.2010

- - - - - - - - - - - - - - - - - - - - - */
/* G L O B A L - R E S E T
- - - - - - - - - - - - - - - - - - - - - */
/*
	v1.0 | 20080212 
	http://meyerweb.com/eric/tools/css/reset/
*/
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;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

del { text-decoration: line-through; }
ins { text-decoration: none; background: #ffc; }

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

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

/* - - - - - - - - - - - - - - - - - - - - -
	H T M L - E L E M E N T S										
- - - - - - - - - - - - - - - - - - - - - */

body {
	font-size: 68%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #523538;
	text-align: center;
}

html>body { font-size: 11px; }

/* Anchor Links */
a:link { color: #364169; text-decoration: underline; }
a:visited { color: #364169; text-decoration: underline; }
a:hover {  color: #5C7490; text-decoration: none; }
a:active {  color: #5C7490; text-decoration: none; }

/* Headings */
h2, h3, h4, h5, h6 { margin-bottom: 0.25em; font-weight: bold;}
h2 { margin: 1em 0 1em; font-size: 1.5em; }
h3 { margin: 0 0 1.286em; font-size: 1.167em; }
h4 { margin: 0 0 1.5em; font-size: 1em; }
h5 { margin: 0 0 1.8em; font-size: .834em; }
h6 { margin: 0 0 2em; font-size: .75em; }

/* Text Elements */
p, ul, ol, dl, blockquote, pre { font-size: 1em; margin: 0 0 1.75em; line-height: 1.6em; }
blockquote { padding: 0 1.25em; }
small, cite { font-size: 0.9em; }
strong, b, dt, th { font-weight: bold; }
address, cite, em, i, caption, dfn, var { font-style: italic; }

ul, ol { margin: 0 0 2em 2em; }
ul li, ol li { margin-left: 1em; line-height: 1.6em; }

ul { list-style-type: disc; }
ul ul { list-style-type: square; }
ul ul ul { list-style-type: circle; }
ul ul ul ul { list-style-type: disc; }

ol { list-style-type: upper-roman; }
ol ol { list-style-type: upper-alpha; }
ol ol ol { list-style-type: lower-roman; }
ol ol ol ol { list-style-type: lower-alpha; }

dl { margin-bottom: 2em; }
dt { font-weight: bold; }
dd { margin-bottom: 1em; padding-left: 1.5em; }

del { text-decoration: line-through; }
address, abbr, acronym { font-style: normal; }
acronym, abbr { border-bottom: 1px dotted #333; cursor: help; }
acronym { text-transform: uppercase; }
pre, kbd, code, samp, tt, var { font-family: "Courier New", Courier, monospace monospace; }

sub { font-size: .9em; line-height: 1em; vertical-align: sub; }
sup { font-size: .9em; line-height: 1em; vertical-align: super; }


/* =NAVIGATION
- - - - - - - - - - - - - - - - - - - - - */

ul#navlist, ul#navlist li, ul#medialist, ul#medialist li {
	margin: 0;
	list-style: none;
}

/* MAIN NAVBAR */
#globalNav {
	clear:both;
	float:left;
	width:808px;
	height:28px;
}

ul#navlist { list-style: none; }

ul#navlist li {
	margin:0;
	padding:0;
	float:left;
}

ul#navlist li a {
	margin:0;
	padding:0;
	display:block;
	height:28px;
	float:left;
	text-indent:-9000em;
	text-decoration:none;
	background-image: url(../images/navbar.gif);
}

ul#navlist li a.home { width: 77px; background-position: 0 0; }
ul#navlist li a.home:hover, body#home ul#navlist li a.home { background-position: 0 -28px; }

ul#navlist li a.blog { width: 66px; background-position: -77px 0; }
ul#navlist li a.blog:hover { background-position: -77px -28px; }

ul#navlist li a.about { width: 115px; background-position: -143px 0; }
ul#navlist li a.about:hover, body#about ul#navlist li a.about { background-position: -143px -28px; }

ul#navlist li a.videoclips { width: 107px; background-position: -258px 0; }
ul#navlist li a.videoclips:hover, body#videoClips ul#navlist li a.videoclips { background-position: -258px -28px; }

ul#navlist li a.resources { width: 149px; background-position: -365px 0; }
ul#navlist li a.resources:hover, body#resources ul#navlist li a.resources { background-position: -365px -28px; }

ul#navlist li a.media { width: 117px; background-position: -514px 0; }
ul#navlist li a.media:hover, body#media ul#navlist li a.media { background-position: -514px -28px; }

ul#navlist li a.articles { width: 86px; background-position: -631px 0; }
ul#navlist li a.articles:hover, body#articles ul#navlist li a.articles { background-position: -631px -28px; }

ul#navlist li a.contact { width: 91px; background-position: -717px 0; }
ul#navlist li a.contact:hover, body#contact ul#navlist li a.contact { background-position: -717px -28px; }

/* MEDIA NAV */
#medialist {
	width:190px;
	height: 207px;
	padding: 69px 0 0 0;
	background: #ADB9C8 url(../images/sidenav_bg.gif) top left no-repeat;
	overflow:hidden;
}

#medialist li {
	padding: 6px 18px;
	list-style:none;
	line-height: 1.2em;
}

#medialist li a {
	display: inline-block;
	display: block;
	text-decoration:none;
	font-weight:bold;
	color: #333;
}

#medialist li a:hover { color: #576980; }

#medialist cite {
	font-size: 0.9em;
	font-style:italic;
	font-weight:normal;
	text-decoration:underline;
}

/* =LAYOUT
- - - - - - - - - - - - - - - - - - - - - */
.hide { display:none; }

.clear { clear: both; }

#wrap1 {
	text-align:left;
	padding-top:30px;
	background: transparent url(../images/compass_small.gif) -24px -64px no-repeat;
}

#wrap2 {
	padding-bottom:42px;
	background: transparent url(../images/compass_big.jpg) bottom right no-repeat;
}

/* ROUNDED CORNERS */
#corners {
	margin:0 auto;
	width:850px;
	border-top:7px solid #C7D58F;
	border-right:5px solid #C7D58F;
	border-left:5px solid #C7D58F;
	background-color:#FEEBC9;
}

.tl {
	position: relative;
	background:transparent url(../images/corners_tl.gif) top left no-repeat;
	left: -5px;
	top: -7px;
}

.tr {
	position: relative;
	padding-top:7px;
	margin-bottom:-21px;
	background:transparent url(../images/corners_tr.gif) top right no-repeat;
	top: -7px;
}

.br {
	position: relative;
	background:transparent url(../images/corners_br.gif) bottom right no-repeat;
	right: -10px;
	bottom: -7px;
}

.bl {
	position: relative;
	padding-bottom:7px;
	background:transparent url(../images/corners_bl.gif) bottom left no-repeat;
	left: -10px;
}

#content {
	margin-left:14px;
	width: 808px;
}

#hd { width:808px; }

/* COLUMNS */
#leftcolumn {
	float: left;
	width: 193px;
	margin-right:9px;
}

#maincolumn { float:left; }

#rightcolumn {
	float:right;
	width: 190px;
}

#footer {
	clear:both;
	width:808px;
}

h1#logo {
	overflow: hidden;
	float:left;
	width:408px;
	height:0px;
	padding: 86px 0 0 0;
	background: #D8E2B0 url(../images/logo.gif) center top no-repeat;
}

/* HOME PAGE DETAILS */
#hd.slogan1 {
	margin: 14px 0 4px 0;
	width:808px;
	height:20px;
	background: transparent url(../images/slogan1.gif) top center no-repeat;
}

#homeBlurb {
	padding-top:1.2em;
	padding-bottom:1em;
	width:408px;
	background-color:#D8E2B0;
	float:left;
	height:288px;
	overflow: auto;
}

p.hometext {
	font-size: 1em;
	line-height: 1.6em;
	margin: 0 6px 0 10px;
	padding: 0 10px 1em 10px;
	border-left: 4px solid #8597AC;
	background-color:#D8E2B0;
}

#leftcolumn.tricia1, #maincolumn.imgA, #rightcolumn.imgB { height: 620px; }

#leftcolumn.tricia1 {
	width: 190px;
	background: transparent url(../images/tricia1.jpg) top left no-repeat;
}

#maincolumn.imgA {
	width: 408px;
	background: transparent url(../images/home_imgA.jpg) bottom center no-repeat;
}

#rightcolumn.imgB {
	width: 190px;
	background: transparent url(../images/home_imgB.jpg) bottom right no-repeat;
}

#footer.imgC {
	width: 808px;
	height:41px;
	background: transparent url(../images/home_imgC.jpg) bottom center no-repeat;
}

/* OTHER PAGE DETAILS */
#hd.pagehead, .pagehead {
	width:808px;
	height:114px;
	background: transparent url(../images/hd_grphc.jpg) top right no-repeat;
}

#leftcolumn.tricia2, .tricia2 {
	width: 190px;
	padding-top:234px;
	background: transparent url(../images/tricia2.jpg) top left no-repeat;
}

#maincolumn.widecolumn, .widecolumn {
	margin: 1em 1em 2em 2em;
	width: 540px;
}

#footer.slogan2, .slogan2 {
	width:808px;
	height:48px;
	background: transparent url(../images/slogan2.gif) bottom center no-repeat;
}

/* MEDIA PAGE DETAILS */
div.article {
	background-color: #F6E4C4;
	padding: 20px 10px 19px 20px;
	margin: 20px 0 0 0;
}

div.article h2 {
	margin-top: 0;
	padding-top: 0;
}

div.article p {
		width: 400px;		
}

div.article .imgright {
	float: right;
	margin: 0 20px 0 40px;
	border: 5px solid #C8BDB4;
}

.mediaInfo {
	float:right;
	padding-top: 32px;
	width:440px;
}

.mediaInfo h2 {
	margin-bottom: 0.25em;
	font-size:1.4em;
}

.mediaInfo small {
	margin-bottom: 2em;
	display: block;
}

img.coverArt {
	float:left;
	margin:36px 32px 24px 0;
	border:0px;
}

.mediaInfo small { }

.mediaInfo p {
	margin-right:36px;
	font-size:0.9em;
}

p.details {
	font-size:1.2em;
	font-style:italic;
}