/* -------------------------------------------------------------------------
Screen Style Sheet - Kelli Ali
last update: 05 December 2008
author: Andy Gosling
email: andygosling@gmail.com
------------------------------------------------------------------------- */

/* colour palette

home		#9A7897
journal		#9280AD
kelli ali	#76A2B4
shop		#7EB6B4
forum		#98AD82
contact		#ABAD82

/* !Eric Meyer's css reset (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;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: 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;
}

/* !layout ------------------------------------------------------------------------- */

body {
	font-size: 75%;
	font-family: "Lucida Grande", "Lucida Sans", Arial, serif;
	color: #CCC;
	background: #191919 url(../images/body_bg.gif) repeat-y top center;
}

#wrapper {
	width: 940px;
	text-align: center;
	margin: 0 auto;
	position: relative;
}

#header {
	width: 940px;
	height: 124px;
	text-align: left;
	background: #191919 url(../images/header_bg.jpg) no-repeat top center;
}

#content {
	background: #191919 url(../images/dev/baseline_grid_20px_3col.gif) repeat-y top center;
	background: #191919 url(../images/content_bg.jpg) repeat-x top center;
	min-height: 500px;
	text-align: left;
}

#navigation {
	padding: 10px 0 0 0;
	width: 940px;
	text-align: center;
	height: 50px;
}

#primaryContent {
	width: 940px;
}

#secondaryContent {
	width: 940px;
	text-align: left;
	background: #212121 url(../images/secondary_bg.gif) no-repeat top right;
}

#profiles {
	clear: both;
	background-color: #191919;
}

#footer {
	clear: both;
	width: 940px;
	background: #212121 url(../images/footer_bg.gif) no-repeat 0 0;
	position: relative;
	height: 70px;
}

.clear {
	clear: left;
}

/* panel bases */

.panelBase,
body #wrapper #baseHome {
	height: 30px;
	border-top: 5px solid #9A7897;
	background: url(../images/swirl_home.png) no-repeat top center;
	margin-bottom: 10px;
}

#journal .panelBase,
body #wrapper #baseJournal {
	border-top: 5px solid #9280AD;
	background: url(../images/swirl_journal.png) no-repeat top center;
}

#about .panelBase,
body #wrapper .baseAbout {
	border-top: 5px solid #76A2B4;
	background: url(../images/swirl_kelliali.png) no-repeat top center;
}

#shop .panelBase,
.shop .panelBase,
body #wrapper .baseShop {
	border-top: 5px solid #7EB6B4;
	background: url(../images/swirl_shop.png) no-repeat top center;
}

#forum .panelBase,
body #wrapper .baseForum {
	border-top: 5px solid #98AD82;
	background: url(../images/swirl_forum.png) no-repeat top center;
}

#contact .panelBase,
body #wrapper .baseContact {
	border-top: 5px solid #ABAD82;
	background: url(../images/swirl_contact.png) no-repeat top center;
}

/* !typography ------------------------------------------------------------------------- */

p {
	font-size: 1em; /* 12px */
	line-height: 1.6666em;
	margin: 1.6666em 0 1.6666em 0;
}

li, dt, dd {
	font-size: 1em; /* 12px */
	line-height: 1.6666em;
	margin: 0 0 1.6666em 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h1 {
	font-size: 2em; /* 24px */
	line-height: 1em;
	margin: 0;
	clear: both;
}

h2 {
	font-size: 1.5em; /* 18px */
	line-height: 1.3em;
	margin: 0 0 1.1111em 0;
}

h3 {
	font-size: 1.3333em; /* 16px */
	line-height: 1.25em;
	margin: 0 0 1.25em 0;
}

h4 {
	font-size: 1.1666em; /* 14px */
	line-height: 1.4285em;
	margin: 0 0 1.4285em 0;
}

h5 {
	font-size: 1em;
	margin: 1.5em 0 1.5em 0;
	font-weight: bold;
}

blockquote p {
	font-style: italic;
	padding-left: 1em;
}

dt, dd {
	font-size: 1em; /* 12px */
	line-height: 1.6666em;
}

#intro p,
p#intro {
	font-size: 1.3333em;
	line-height: 1.25em;
	color: #666;
	margin: 0 0 1.25em 0;
}

p.date {
	font: 0.75em/2.2222em "Lucida Grande", Verdana, Arial, sans-serif;
	color: #9A7897;
	margin: 0 0 1.5em 0;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

p.description {
	font-size: 1.1666em; /* 14px */
	line-height: 1.4285em;
	margin: 0 0 1.4285em 0;
	color: #AFB1B3;
}

p.small {
	font-size: 0.9166em;
	line-height: 1.6363em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

p.alert {
	text-align: center;
	color: #76A2B4;
}

/* pull quote */

q {
	font-style: italic;
	width: 180px;
	padding-bottom: 24px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1666em; /* 14px */
	line-height: 1.35em;
	background: url("http://www.kelliali.com/assets/images/quote_swirl.gif") no-repeat bottom center;
}

q.quoteLeft {
	float: left;
	margin: 0 15px 10px 0;
}

q.quoteRight {
	float: right;
	margin: 0 0 10px 15px;
}

#about q {
	color: #76A2B4;
}

/* !hyperlinks ------------------------------------------------------------------------- */

a:link, a:visited {
	color: #DDD;
	text-decoration: none;
	border-bottom: 1px dotted #999;
}

a:hover, a:active {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #FFF;
	background-color: #FFF;
}

/* kelli ali section */

#about #primaryContent a:link, #about #primaryContent a:visited,
#photoMedium a:link, #photoMedium a:visited,
#photoComments a:link, #photoComments a:visited  {
	border-bottom: 1px dotted #76A2B4;
}

#about #primaryContent a:hover, #about #primaryContent a:active,
#photoMedium a:hover, #photoMedium a:active,
#photoComments a:hover, #photoComments a:active {
	border-bottom: 1px dotted #76A2B4;
	background-color: #76A2B4;
}

/* contact section */

#contact #primaryContent a:link, #contact #primaryContent a:visited {
	border-bottom: 1px dotted #ABAD82;
}

#contact #primaryContent a:hover, #contact #primaryContent a:active {
	border-bottom: 1px dotted #ABAD82;
	background-color: #ABAD82;
}

/* !header ------------------------------------------------------------------------- */

#header p {
	width: 103px;
	height: 124px;
	margin: 0 auto;
	background: url(http://www.kelliali.com/assets/images/kelli_logo.gif) no-repeat 0 15px;
	text-indent: -999em;
}

#header p a:link, #header p a:visited,
#header p a:hover, #header p a:active {
	width: 103px;
	height: 124px;
	display: block;
	border: none;
	background-color: transparent;
}

/* !navigation ------------------------------------------------------------------------- */

#navigation ul {
	width: 880px;
	margin: 0 auto;
}

#navigation ul li {
	float: left;
	background-color: #191919;
	width: 146px;
	margin: 0 1px 0 0;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#navigation ul li a:link,
#navigation ul li a:visited {
	display: block;
	width: 146px;
	height 27px;
	border-bottom-width: 3px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -999em;
	border-bottom-style: solid;
}

#navigation ul li.navhome,
#navigation ul li.navhome a:link,
#navigation ul li.navhome a:visited {
	background-image: url(http://www.kelliali.com/assets/images/nav_home.gif);
}

#navigation ul li.navhome,
#navigation ul li.navhome a:link,
#navigation ul li.navhome a:visited {
	background-image: url(http://www.kelliali.com/assets/images/nav_home.gif);
}

#navigation ul li.navjournal,
#navigation ul li.navjournal a:link,
#navigation ul li.navjournal a:visited {
	background-image: url(http://www.kelliali.com/assets/images/nav_journal.gif);
}

#navigation ul li.navabout,
#navigation ul li.navabout a:link,
#navigation ul li.navabout a:visited {
	background-image: url(http://www.kelliali.com/assets/images/nav_kelli_ali.gif);
}

#navigation ul li.navshop,
#navigation ul li.navshop a:link,
#navigation ul li.navshop a:visited {
	background-image: url(http://www.kelliali.com/assets/images/nav_shop.gif);
}

#navigation ul li.navforum,
#navigation ul li.navforum a:link,
#navigation ul li.navforum a:visited {
	background-image: url(http://www.kelliali.com/assets/images/nav_forum.gif);
}

#navigation ul li.navcontact,
#navigation ul li.navcontact a:link,
#navigation ul li.navcontact a:visited {
	background-image: url(http://www.kelliali.com/assets/images/nav_contact.gif);
	width: 145px;
	margin-right: 0;
}

#navigation ul li.navcontact a:link,
#navigation ul li.navcontact a:visited {
	width: 145px;
}

#navigation ul li.navhome a { border-bottom-color: #9A7897; }
#navigation ul li.navjournal a { border-bottom-color: #9280AD; }
#navigation ul li.navabout a { border-bottom-color: #76A2B4; }
#navigation ul li.navshop a { border-bottom-color: #7EB6B4; }
#navigation ul li.navforum a { border-bottom-color: #98AD82; }
#navigation ul li.navcontact a { border-bottom-color: #ABAD82; }

#navigation ul li a:hover,
#navigation ul li a:active {
	display: block;
	width: 146px;
	height 27px;
	background-color: #000;
	color: #FFF;
	background-position: 0 -40px;
}

/* active menu items */

#home #navigation ul li.navhome a:link, #home #navigation ul li.navhome a:visited,
#journal #navigation ul li.navjournal a:link, #journal #navigation ul li.navjournal a:visited,
#about #navigation ul li.navabout a:link, #about #navigation ul li.navabout a:visited,
#shop #navigation ul li.navshop a:link, #shop #navigation ul li.navshop a:visited,
#forum #navigation ul li.navforum a:link, #forum #navigation ul li.navforum a:visited,
#contact #navigation ul li.navcontact a:link, #home #contact ul li.navcontact a:visited {	
	background-position: 0 -40px;
}

#about #navigation ul li.navabout a { border-bottom-color: #000; }

/* !sub navigation ------------------------------------------------------------------------- */

#navigation #subnav ul {
	clear: left;
	width: 880px;
	background-color: #000;
	border-bottom: 3px solid #76A2B4;
	overflow: hidden;
}

#navigation #subnav ul li {
	font-size: 1em; /* 12px */
	float: left;
	padding-right: 20px;
	line-height: 1.6666em;
	margin: 0;
	border: none;
	background-color: #000;
	background-repeat: none;
	background-position: 0 0;
}

#navigation #subnav ul li a:link,
#navigation #subnav ul li a:visited {
	border: none;
	background-color: #000;
	background-repeat: none;
	background-position: 0 0;
}

#navigation #subnav ul li a:hover,
#navigation #subnav ul li a:active {
	background-position: 0 -23px;
}

#subnav ul li#biography {
	margin-left: 246px;
}

#subnav ul li#biography,
#navigation #subnav ul li#biography a:link,
#navigation #subnav ul li#biography a:visited {
	width: 70px;
	background-image: url(http://www.kelliali.com/assets/images/subnav_biog.gif);
}

#subnav ul li#discography,
#navigation #subnav ul li#discography a:link,
#navigation #subnav ul li#discography a:visited {
	width: 84px;
	background-image: url(http://www.kelliali.com/assets/images/subnav_discog.gif);
}

#subnav ul li#collaborations,
#navigation #subnav ul li#collaborations a:link,
#navigation #subnav ul li#collaborations a:visited {
	width: 105px;
	background-image: url(http://www.kelliali.com/assets/images/subnav_collab.gif);
}

#subnav ul li#photos,
#navigation #subnav ul li#photos a:link,
#navigation #subnav ul li#photos a:visited {
	width: 49px;
	background-image: url(http://www.kelliali.com/assets/images/subnav_photos.gif);
}

/* selected pages */

.biography #subnav ul li#biography, .biography #navigation #subnav ul li#biography a:link, .biography #navigation #subnav ul li#biography a:visited,
.discography #subnav ul li#discography, .discography #navigation #subnav ul li#discography a:link, .discography #navigation #subnav ul li#discography a:visited,
.collaborations #subnav ul li#collaborations, .collaborations #navigation #subnav ul li#collaborations a:link, .collaborations #navigation #subnav ul li#collaborations a:visited,
.photos #subnav ul li#photos, .photos #navigation #subnav ul li#photos a:link, .photos #navigation #subnav ul li#photos a:visited {
	background-position: 0 -23px;
}

#about .biography #navigation ul li.navabout a:link, #about .biography #navigation ul li.navabout a:visited,
#about .discography #navigation ul li.navabout a:link, #about .discography #navigation ul li.navabout a:visited,
#about .collaborations #navigation ul li.navabout a:link, #about .collaborations #navigation ul li.navabout a:visited,
#about .photos #navigation ul li.navabout a:link, #about .photos #navigation ul li.navabout a:visited {	
	background-position: 0 -80px;
}

#about .biography #navigation ul li.navabout a:hover, #about .biography #navigation ul li.navabout a:active,
#about .discography #navigation ul li.navabout a:hover, #about .discography #navigation ul li.navabout a:active,
#about .collaborations #navigation ul li.navabout a:hover, #about .collaborations #navigation ul li.navabout a:active,
#about .photos #navigation ul li.navabout a:hover, #about .photos #navigation ul li.navabout a:active {	
	background-position: 0 -40px;
}

/* !page titles ------------------------------------------------------------------------- */

h1 {
	height: 50px;
	margin: 0 0 10px 0;
	text-indent: -999em;
	background-repeat: no-repeat;
	background-position: top center;
}

#about h1 {
	margin: 20px 0 10px 0;
	background-image: url(http://www.kelliali.com/assets/images/title_kelliali.png);
}

#journal h1 {
	background-image: url(http://www.kelliali.com/assets/images/title_journal.png);
}

#about .biography h1 {
	background-image: url(http://www.kelliali.com/assets/images/title_biog.png);
}

#about .discography h1 {
	background-image: url(http://www.kelliali.com/assets/images/title_discog.png);
}

#about .collaborations h1 {
	background-image: url(http://www.kelliali.com/assets/images/title_collabs.png);
}

#about .photos h1 {
	background-image: url(http://www.kelliali.com/assets/images/title_photos.png);
}

#shop h1 {
	background-image: url(http://www.kelliali.com/assets/images/title_shop.png);
}

#contact h1 {
	background-image: url(http://www.kelliali.com/assets/images/title_contact.png);
}

/* !breadcrumb ----------------------------------------------------------------------------- */

#breadcrumb {
	width: 940px;
	text-align: center;
	margin-top: -10px;
	height: 30px;
	background: transparent url(http://www.kelliali.com/assets/images/breadcrumb_rule.gif) no-repeat 0 10px;
}

#breadcrumb p {
	font-size: 0.9166em;
	line-height: 1.6363em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #999;
	display: inline;
	background-color: #2D2D2D;
	padding: 0 6px;
}

#breadcrumb p a {
	padding: 0 2px;
}

/* !mailing list form ------------------------------------------------------------------------- */

#mailingList {
	position: absolute;
	top: 0;
	right: 30px;
	background-color: #313131;
	padding: 3px 4px 4px 6px;
}

#mailingList p {
	margin: 0;
	font-size: 0.9166em;
	color: #9A7897;
	font-family: "Lucida Grande", "Lucida Sans", Arial, serif;
}

#mailingList .email {
	background-color: #DDD;
	border: 1px solid #DDD;
	border-top: none;
	color: #333;
	padding: 2px 3px;
	width: 130px;
	margin: 0 0 0 2px;
}

#mailingList .email:focus {
	background-color: #EEE;
	border: 1px solid #EEE;
	border-top: none;
	color: #222;
}

#mailingList button {
	background-color: #9A7897;
	border: 1px solid #9A7897;
	padding: 1px 2px;
	font-size: 0.9166em;
	margin: 0 0 0 2px;
	color: #EEE;
}

/* !primary content ------------------------------------------------------------------------- */

#primaryContent .column1 {
	clear: both;
	float: left;
	width: 580px;
	margin: 0 20px 0 30px;
}

#primaryContent .column2 {
	float: left;
	width: 280px;
}

#primaryContent .column3 {
	float: left;
	width: 880px;
	margin: 0 20px 0 30px;
}

/* sidepanels */

#primaryContent .sidePanel {
	background: url(../images/sidepanel_bg.png) no-repeat;
	padding-bottom: 3px;
}

#primaryContent .sidePanel h2 {
	margin: 0 0 0 8px;
	height: 45px;
	width: 120px;
	text-indent: -999em;
}

#primaryContent .sidePanel h3 {
	padding-left: 8px;
	padding-right: 8px;
	margin: 0 0 0.625em 0;
}

#primaryContent .sidePanel p {
	padding-left: 8px;
	padding-right: 8px;
	margin: 0;
}

#primaryContent .sidePanel p.headline {
	border-top: 1px solid #212121;
	padding-top: 0.8333em;
}

#primaryContent .sidePanel p.small {
	font-style: italic;
	color: #999;
}

#primaryContent .sidePanel p.date {
	color: #98AD82;
	margin-bottom: 0.8333em;
}

/* !secondary content ------------------------------------------------------------------------- */

#secondaryContent .column1, #secondaryContent .column2, #secondaryContent .column3 {
	padding-bottom: 20px;
	float: left;
	width: 280px;
	margin: 0 0 0 20px;
}

#secondaryContent .column1 {
	clear: both;
	margin: 0 0 0 30px;
}

#secondaryContent .column1 h2,
#secondaryContent .column2 h2,
#secondaryContent .column3 h2 {
	width: 280px;
	height: 45px;
	margin: 0;
	text-indent: -999em;
}

#headlines {
	width: 200px;
	float: left;
	margin: 1.6666em 0;
}

#headlines p {
	font-size: 1.0833em; /* 13px */
	line-height: 1.5384em;
	margin: 0 0 0.7692em 0;
}

#promoPanel {
	margin: 0 0 1.6666em 0;
	width: 565px;
	height: 165px;
	position: relative;
	background: url("http://www.kelliali.com/assets/images/promo_panel6.jpg") no-repeat 8px 8px;
}

#promoPanel img {
	width: 565px;
	height: 165px;
}

#promoPanel  a img {
	top: 0;
	left: 0;
}

#promoPanel a:link,
#promoPanel a:visited,
#promoPanel a:hover,
#promoPanel a:active {
	border: none;
	background-color: transparent;
}

/* gig listing */

#gigList {
	padding-bottom: 1.6666em;
}

#gigList table {
	border-collapse: collapse;
	width: 420px;
}

#gigList th, #gigList td {
	font-weight: normal;
    font-size: 1em;
	margin: 1em;
	padding: 5px 0;
}

#gigList th {
	font: 0.9166em/1.6363em "Lucida Grande", Verdana, Arial, sans-serif;
	color: #A4B8D0;
}

#gigList th.gigDate,
#gigList th.gigVenue {
	width: 107px;
	padding-right: 3px;
}

/* new gig listing */

#gigListNew {
	padding-bottom: 25px;
	margin: 20px 0 40px 0;
	width: 880px;
	background: url("http://www.kelliali.com/assets/images/star.gif") no-repeat bottom center;
}

#gigListNew h2 {
	background: url("http://www.kelliali.com/assets/images/sub_giglist.gif") no-repeat 0 0;
	height: 38px;
	width: 880px;
	text-indent: -999em;
	margin-bottom: 0;
}

#gigListNew table {
	border-collapse: collapse;
	width: 880px;
}

#gigListNew th, #gigListNew td {
	font-weight: normal;
    font-size: 1em;
	margin: 1em;
	padding: 7px 10px 7px 10px;
	border-bottom: 1px solid #3B3B3B;
}

#gigListNew th {
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	color: #9A7897;
}

#gigListNew .tint {
	background-color: #212121;
}

#gigListNew a:link,
#gigListNew a:visited {
	border-color: #9A7897;
}

#gigListNew a:hover,
#gigListNew a:active {
	border-color: #9A7897;
	background-color: #9A7897;
	color: #000;
}

/* profile links */

#profileLinks {
	padding: 17px 0 24px 0;
}

#profileLinks h2 {
	width: 82px;
	height: 15px;
	float: left;
	background-image: url(http://www.kelliali.com/assets/images/sub_profiles.png);
	text-indent: -999em;
	margin: 14px 23px 0 30px;
}

#profileLinks li {
	font-size: 1.0833em; /* 13px */
	line-height: 1.5384em;
	margin: 0 20px 0 0;
	height: 32px;
	float: left;
}

#profileLinks li#myspace,
#profileLinks li#myspace a:link,
#profileLinks li#myspace a:visited {
	width: 94px;
	background-image: url(http://www.kelliali.com/assets/images/profile_myspace.jpg);
}

#profileLinks li#lastfm,
#profileLinks li#lastfm a:link,
#profileLinks li#lastfm a:visited {
	width: 74px;
	background-image: url(http://www.kelliali.com/assets/images/profile_lastfm.jpg);
}

#profileLinks li#facebook,
#profileLinks li#facebook a:link,
#profileLinks li#facebook a:visited {
	width: 85px;
	background-image: url(http://www.kelliali.com/assets/images/profile_facebook.jpg);
}

#profileLinks li#ilike,
#profileLinks li#ilike a:link,
#profileLinks li#ilike a:visited {
	width: 58px;
	background-image: url(http://www.kelliali.com/assets/images/profile_ilike.jpg);
}

#profileLinks li#twitter,
#profileLinks li#twitter a:link,
#profileLinks li#twitter a:visited {
	width: 85px;
	background-image: url(http://www.kelliali.com/assets/images/profile_twitter.jpg);
}

#profileLinks li a:link, #profileLinks li a:visited {
	height: 32px;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	text-indent: -999em;
	border: none;
}

#profileLinks li a:hover, #profileLinks li a:active {
	background-position: 0 -52px;
}

/* !home page ------------------------------------------------------------------------- */

/* !promo panel */

#promoPanel {
	background-color: #393939;
	padding: 8px;
}

/* !latest journal entry */

#journalLatest {
	background-color: #171717;
	padding: 20px;
}

#journalLatest img {
	float: left;
}

#home #journalLatest p.description {
	background: url("http://www.kelliali.com/assets/images/sub_latestjournal.png") no-repeat 0 0;
	height: 15px;
	width: 213px;
	text-indent: -999em;
	margin: 0.2em 20px 1em 220px;
}

#home #journalLatest h2,
#home #journalLatest p {
	margin: 1em 0 1em 220px;
}

#journalLatest a:link, #journalLatest a:visited {
	color: #E3E3E3;
	text-decoration: none;
	border-bottom-color: #9A7897;
}

#journalLatest a:hover, #journalLatest a:active {
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #9A7897;
	background-color: #9A7897;
	color: #000;
}

/* !audio player */

#audioPlayer {
	background-color: #191919;
	padding-bottom: 1px;
	position: relative;
}

/* !latest news */

#latestNews h2 {
	background: url("http://www.kelliali.com/assets/images/sub_latestnews.png") no-repeat 0 15px;
}

/* !gig list */

#gigList h2 {
	background: url("http://www.kelliali.com/assets/images/sub_gigs.png") no-repeat 0 15px;
}

#primaryContent #gigList p.info {
	padding-bottom: 0.8333em;
}

#gigList p {
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
}

#gigList p span {
	font: 0.75em/2.2222em "Lucida Grande", Verdana, Arial, sans-serif;
	color: #9A7897;
	margin: 0 0 1.5em 0;
	text-transform: uppercase;
}

/* !recent journal entries */

#home #secondaryContent .column1 h2 {
	background: url("http://www.kelliali.com/assets/images/sub_recentjournal.png") no-repeat 0 20px;
}

#home #secondaryContent .column1 p {
	border-bottom: 1px solid #3b3b3b;
	padding: 0.5em 0;
	margin: 0;
}

#home #secondaryContent .column1 p a:link,
#home #secondaryContent .column1 p a:visited {
	border-color: #9A7897;
}

#home #secondaryContent .column1 p a:hover,
#home #secondaryContent .column1 p a:active {
	border-color: #9A7897;
	background-color: #9A7897;
	color: #000;
}

/* forum latest */

#home #secondaryContent .column2 h2 {
	background: url("http://www.kelliali.com/assets/images/sub_intheforum.png") no-repeat 0 20px;
}

#home #secondaryContent .column2 .forumPost {
	border-bottom: 1px solid #3b3b3b;
	padding: 0.5em 0 0 0;
	margin: 0;
}

#home #secondaryContent .column2 .forumPost p {
	margin: 0;
}

#home #secondaryContent .column2 p.postAuthor {
	font: 0.75em/2.2222em "Lucida Grande", Verdana, Arial, sans-serif;
	color: #98AD82;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding: 0 0 0.5em 0;
}

#home #secondaryContent .column2 p a:link,
#home #secondaryContent .column2 p a:visited {
	border-color: #98AD82;
}

#home #secondaryContent .column2 p a:hover,
#home #secondaryContent .column2 p a:active {
	border-color: #98AD82;
	background-color: #98AD82;
	color: #000;
}

/* new shop arrivals */

#home #secondaryContent .column3 p a:link,
#home #secondaryContent .column3 p a:visited {
	border-color: #7EB6B4;
}

#home #secondaryContent .column3 p a:hover,
#home #secondaryContent .column3 p a:active {
	border-color: #7EB6B4;
	background-color: #7EB6B4;
	color: #000;
}

#home #secondaryContent .column3 h2 {
	background: url("../images/sub_newshoparrivals.png") no-repeat 0 20px;
}

#home #secondaryContent .column3 .itemImage {
	float: left;
	margin: 0.5em 0 0 0;
}

#home #secondaryContent .column3 .itemImage a:link,
#home #secondaryContent .column3 .itemImage a:visited {
	border: 1px solid #333;
	display: block;
	height: 80px;
}

#home #secondaryContent .column3 .itemImage a:hover,
#home #secondaryContent .column3 .itemImage a:active {
	border: 1px solid #7EB6B4;
}

#home #secondaryContent .column3 .shopItemInfo {
	margin-left: 100px;
}

#home #secondaryContent .column3 .shopItemInfo p {
	margin: 0.5em 0;
}

#home #secondaryContent .column3 .clear {
	padding-top: 0.5em;
	border-bottom: 1px solid #3b3b3b;
}

/* !journal ------------------------------------------------------------------------- */

/* journal latest */

#journal #journalLatest {
	background-color: #191919;
	padding: 20px;
}

#journal #journalLatest .journalSummary {
	background: url("http://www.kelliali.com/assets/images/rule.gif") no-repeat center bottom;
}

#journal #primaryContent .journalSummary h3 {
	margin: 0 0 0.625em 0;
	text-align: center;
}

#journal #primaryContent .journalSummary p.date {
	margin: 0 0 0.75em 0;
	color: #9280AD;
	text-align: center;
}

#primaryContent #archive h2 {
	height: 30px;
}

#primaryContent #archive h3 {
	color: #9280AD;
	font-size: 1em; /* 12px */
	line-height: 1.6666em;
	border-top: 1px solid #212121;
	padding: 0.8333em 8px 0 8px;
	margin: 15px 0 0 0;
}

#journal #archive {
	padding-bottom: 15px;
}

#journal .sidePanel p.date {
	color: #9280AD;
}

#journal #primaryContent .journalSummary p {
	margin: 0.8333em 0 0.8333em 0;
}

#journal a:link, #journal a:visited {
	border-color: #9280AD;
}

#journal a:hover, #journal a:active {
	border-bottom-style: solid;
	background-color: #9280AD;
	color: #000;
}

#journal #primaryContent .column1 .entry {
	clear: left;
	background-color: #171717;
	padding: 20px;
}

#journal #primaryContent .entry h2 {
	color: #9280AD;
	font-size: 2em; /* 24px */
	line-height: 1.5em;
	margin: 0 0 0.6em 0;
	clear: both;
	text-align: center;
}

#journal #primaryContent #archive h2 {
	background: url("../images/sub_archive.png") no-repeat 0 15px;
	width: 260px;
}

#journal #primaryContent #pastEntries h2 {
	background: url("../images/sub_pastEntries.png") no-repeat 0 15px;
	width: 260px;
}

#journal #primaryContent #recentEntries h2 {
	background: url("../images/sub_recentjournal2.png") no-repeat 0 15px;
	width: 260px;
}

.links {
	text-align: center;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
}

#home .links {
	text-align: left;
}

#journal #primaryContent #journalLatest h6 {
	height: 50px;
	width: 400px;
	text-align: center;
}

#journal #primaryContent #journalLatest h6 img {
	display: inline;
}

#journal #primaryContent #journalLatest h2 {
	float: none;
	height: 30px;
	text-align: center;
	font-size: 0.916em; /* 11px */
	line-height: 2.5em;
	margin: 0;
	color: #777;
	text-align: center !important;
	background: url("../images/date_rule.gif") no-repeat center center;
	margin: 0 0 1.5em 0;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

#journal #primaryContent #journalLatest h2 img {
	float: none;
}

#journal #primaryContent #journalLatest h2 span {
	background-color: #171717;
}

/* icons */

.linkJournal {
	background: url("../images/icon_journal.gif") no-repeat 0 1px;
	padding-left: 20px;
}

.linkComment {
	background: url("../images/icon_comment.gif") no-repeat 0 1px;
	padding-left: 20px;
}

#journal .linkJournal {
	background-image: url("../images/icon_journal2.gif");
}

#journal .linkComment {
	background-image: url("../images/icon_comment2.gif");
}

/* entry page */

#journal #primaryContent .entry p.date {
	font-size: 0.916em; /* 11px */
	line-height: 2.5em;
	margin: 0;
	color: #777;
	text-align: center;
	background: url("../images/date_rule.gif") no-repeat center center;
}

#journal #primaryContent .entry p.centred {
	text-align: center;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	color: #777;	
}

#journal #primaryContent .entry h3 {
	color: #9280AD;
}

#journal #primaryContent .entry p.date img {
	background-color: transparent;
	padding: 0;
	margin: 0;
}

#journal #primaryContent .entry p.date span {
	background-color: #171717;
}

#journal #primaryContent .entry .intro p {
	font-size: 1.1666em; /* 14px */
	line-height: 1.4285em;
	margin: 1.4285em 0 1.4285em 0;
}

.journalSummary {
	padding-bottom: 1.6666em;
	margin-bottom: 1.6666em;
}

#journal #recentJournal p.date {
	color: #9280AD;
}

#journal #primaryContent .column1 .entry img {
	padding: 1px 1px 16px 1px;
	background: #393939 url("../images/journal_photo_swirl.gif") no-repeat bottom center;
	margin: 20px 0 4px 0;
}

#bookmarks {
	text-align: center;
	font-size: 0.916em; /* 11px */
	padding-bottom: 1.6666em;
}

#bookmarks a:link, #bookmarks a:hover {
	padding-bottom: 4px;
	margin: 0 5px;
}

#bookmarks a:hover, #bookmarks a:active {
	color: #9280AD;
	border-bottom-style: solid;
	background-color: transparent;
}

.bannerPhoto {
	margin: 20px 0;
}

.bannerPhoto p {
	text-align: center;
	font-style: italic;
	color: #777;
	margin: 0.3em 0 0 0;
}

/* !comments */

#journal #secondaryContent {
	background: #212121 url("../images/secondary_bg2.gif") no-repeat top left;
}

#journal #secondaryContent .column1 {
	width: 580px;
}

#journal #comments h2 {
	background: url("../images/sub_comments.png") no-repeat 0 15px;
}

#comments .count {
	clear: left;
	font-size: 1.6666em;
	line-height: 1em;
	margin: 0 0 1em 0;
	float: left;
	width: 35px;
	color: #9280AD;
}

#comments .commentBody {
	padding-bottom: 10px;
	margin-left: 40px;
}

#comments p {
	margin-top: 0;
}

#comments p {
	margin-bottom: 0.8333em;
}

#comments .author {
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	color: #777;
}

#comments .author span {
	color: #9280AD;
}

.comment {
	clear: left;
	background: url("http://www.kelliali.com/assets/images/rule2.gif") no-repeat left bottom;
	margin-bottom: 0;
	padding: 20px;
}

.commentCount {
	margin-bottom: 30px;
}

/* !add a comment */

#journal #secondaryContent .column2 {
}

#journal #addcomment h2 {
	background: url("../images/sub_addcomment.png") no-repeat 0 15px;
	margin: 0;
}

#journal #addcomment p {
	margin: 0;
}

#journal #addcomment p.remember {
	margin-top: 0.5em;
}

#journal #addcomment p.notify {
	margin-bottom: 1em;
}

#journal #addcomment #comment_form {
	margin: 0;
	width: 280px;
}

#journal #secondaryContent label {
	clear: left;
	width: 70px;
	display: block;
	float: left;
}

#journal #secondaryContent input.loginInfo,
#journal #secondaryContent textarea,
.captcha .captchaInput input {
	background-color: #EEE;
	border: 1px solid #191919;
	font-family: "Lucida Grande", "Lucida Sans", Arial, serif;
	font-size: 0.9166em;
	color: #333;
}

#journal #secondaryContent input.loginInfo {
	width: 200px;
	float: right;
	padding: 2px 3px;
}

#journal #secondaryContent textarea {
	width: 274px;
	padding: 2px 2px;
}

.captcha {
	padding-bottom: 20px;
}

.captcha p {
	font-size: 0.916em; /* 11px */
	line-height: 2.5em;
}

.captcha .captchaImage {
	height: 30px;
}

.captchaInput input {
	padding: 2px 3px;
	width: 133px;
}

/* preview comment */

p.rule {
	margin-bottom: 20px;
	padding: 0;
}

#journal .preview #secondaryContent .column1 h2 {
	background: url("../images/sub_preview.png") no-repeat 0 15px;
	margin: 0;
}

#journal .preview #secondaryContent .column2 h2 {
	background: url("../images/sub_edit.png") no-repeat 0 15px;
	margin: 0;
}

/* !kelli ali ------------------------------------------------------------------------- */

#about #primaryContent .column1 .intro {
	clear: left;
	background-color: #191919;
	padding: 20px;
}

#about #primaryContent .column1 .intro h2 {
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	text-align: center;
	background: url("http://www.kelliali.com/assets/images/rule.gif") no-repeat center bottom;
	font-size: 1.3333em; /* 16px */
	line-height: 1.25em;
	padding-bottom: 40px;
	margin: 30px 0 1.25em 0;
}

#about #primaryContent p.ruleAbove {
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	text-align: center;
	padding-top: 40px;
	background: url("http://www.kelliali.com/assets/images/rule.gif") no-repeat center top;
}

/* releases sidepanel */

#about #releases h2 {
	background: url("http://www.kelliali.com/assets/images/sub_releases.png") no-repeat 0 15px;
	width: 165px;
}

#about #releases h3 {
	padding: 0 8px;
	font-size: 1.1666em; /* 14px */
	line-height: 1.4285em;
	margin: 0 0 0.7142em 0;
}

#about #primaryContent .sidePanel dl {
	margin:  0;
	padding: 10px 0 0 0;
}

#about #primaryContent .sidePanel dt {
	clear: both;
	padding: 0.5em 0 0.5em 8px;
	margin: 0;
	float: left;
	width: 50px;
	color: #76A2B4;
	border-top: 1px solid #212121;
}

#about #primaryContent .sidePanel dd {
	margin: 0;
	padding: 0.5em 8px 0.5em 0;
	margin-left: 58px;
	border-top: 1px solid #212121;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
}

/* favourites */

#about #secondaryContent p {
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	margin-top: 0;
}

#about #secondaryContent .column1 h2 {
	background: url("http://www.kelliali.com/assets/images/sub_music.png") no-repeat 0 20px;
}

#about #secondaryContent .column2 h2 {
	background: url("http://www.kelliali.com/assets/images/sub_books.png") no-repeat 0 20px;
}

#about #secondaryContent .column3 h2 {
	background: url("http://www.kelliali.com/assets/images/sub_films.png") no-repeat 0 20px;
}

/* !biography ------------------------------------------------------------------------- */

/* landing page */

.biography #biogLanding {
	width: 880px;
	background-color: #191919;
	padding-top: 20px;
}

.biography #biogLanding #biogIntro {
	width: 220px;
	float: left;
	margin-left: 20px;
	padding: 162px 20px 20px 20px;
	background: #212121 url("http://www.kelliali.com/assets/images/biog_image.jpg") no-repeat 8px 8px;
}

.biography #biogLanding #biogIntro p {
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	margin: 0.8333em 0;
}

.biography #biogLanding .panelBase {
	clear: left;
	width: 260px;
	float: left;
	margin-left: 20px;
	background-color: #191919;
}

.biography #biogLanding #biogSummaries {
	width: 560px;
	margin: 0 20px 0 300px;
}

.biography #biogLanding .biogSummary {
	padding-bottom: 25px;
	margin-bottom: 15px;
	background: url("http://www.kelliali.com/assets/images/rule.gif") no-repeat center bottom;
}

.biography #biogLanding .biogSummary h2,
.biography #biogLanding .biogSummary p.more {
	text-align: center;
}

.biography #biogLanding .biogSummary p {
	margin: 0.8333em 0;
}

/* entry page */

.biography #primaryContent .column1 .entry {
	clear: left;
	background-color: #171717;
	padding: 20px;
}

.biography #primaryContent .entry h2 {
	color: #76A2B4;
	font-size: 2em; /* 24px */
	line-height: 1.5em;
	margin: 0 0 0.6em 0;
	padding-bottom: 40px;
	clear: both;
	text-align: center;
	background: url("../images/rule3.gif") no-repeat center bottom;
}

#about .biography #primaryContent .column1 .intro {
	background-color: transparent;
	padding: 0;
}

.biography #primaryContent .intro p {
	font-size: 1.1666em; /* 14px */
	line-height: 1.4285em;
	margin: 0 0 1.4285em 0;
}

.biography #primaryContent .column1 .entry img {
	float:left;
	margin: 0.3em 20px 10px 0;
}

#chapters h2 {
	background: url("http://www.kelliali.com/assets/images/sub_chapters.png") no-repeat 0 15px;
}


.biography #primaryContent .sidePanel p {
	padding-bottom: 0.8333em;
}

/* !discography / collaborations ------------------------------------------------------------------------- */

.discography #footer,
.collaborations #footer {
	margin-top: 20px;
}

.discogItem {
	clear: left;
	padding: 20px;
	margin-left: 30px;
	width: 840px;
	background: #191919 url("http://www.kelliali.com/assets/images/rule.gif") no-repeat center bottom;
}

.discogItem .coverArt {
	width: 120px;
	float: left;
}

.discogItem .coverArt img {
	border: 1px solid #000;
}

.discogItem h2 {
	margin: 0 0 1.1111em 0;
}

.discogItem h2 span {
	font: /* 13px */ 0.72em Georgia, "Times New Roman", serif;
	font-style: italic;
	margin: 0 0 1.5384em 0;
	color: #76A2B4;
}

/* info column 1 */

.discogItem .info1 {
	width: 280px;
	float: left;
	margin-right: 20px;
}

.discogItem .info1 dl {
	padding-bottom: 0.8333em;
}

.discogItem .info1 dt {
	float: left;
	width: 80px;
	color: #999;
	margin-bottom: 0;
}

.discogItem .info1 dd {
	float: left;
	width: 200px;
	margin-bottom: 0;
}

.discogItem .info1 p {
	clear: left;
	margin: 1.6666em 0 1.6666em 0;
}

.discogItem .info1  p.discogLabel {
	color: #999;
	margin-bottom: -1.6666em;
}

/* info column 2 */

.discogItem .info2 {
	width: 420px;
	float: left;
}

.discogItem .info2 h3 {
	font-size: 1em; /* 12px */
	line-height: 1.6666em;
	margin: 0;
	color: #999;
}

.discogItem .info2 p {
	margin-top: 0;
}

/* audio player */

.audioplayer {
	margin : 10px 0 20px 0;
	padding: 0;
	width: 350px;
}

.audioplayer table {
	height: 30px;
	width: 350px;
}

.audioplayer object,
.audioplayer embed {
	margin: 0;
}

/* !photos ------------------------------------------------------------------------- */

#about .photos #thumbnails {
	margin: 0 30px;
	width: 860px;
	padding: 30px 0 0 20px;
	background-color: #191919;
}

#about .photos .thumbnail {
	float: left;
	margin: 0 9px 9px 9px;
}

#about .photos .thumbnail a:link,
#about .photos .thumbnail a:visited {
	background-color: #393939;
	padding: 1px 1px 15px 1px;
	display: block;
	border: none !important;
	background: #393939 url("http://www.kelliali.com/assets/images/photo_swirl.gif") no-repeat 0 101px;
	height: 101px;
}

#about .photos .thumbnail a:hover,
#about .photos .thumbnail a:active {
	background-color: #76A2B4;
	padding: 1px 1px 15px 1px;
	display: block;
	border: none;
	background: #76A2B4 url("http://www.kelliali.com/assets/images/photo_swirl.gif") no-repeat -102px 101px;
}

/* styles for new photo gallery */

#about .photos h2,
#photoMedium h2,
#about .photos #recentPhotos h2,
#photoComments h2 {
	float: none;
	height: 30px;
	text-align: center;
	font-size: 0.916em; /* 11px */
	line-height: 2.5em;
	margin: 0;
	color: #777;
	text-align: center !important;
	background: url("../images/date_rule.gif") no-repeat center center;
	margin: 0 0 0 0 !important;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

#about .photos #recentPhotos h2 {
	width: 100%;
	background-image: url("../images/date_rule_280px.gif");
	text-indent: 0;
}

#about .photos #recentPhotos {
	padding-top: 10px;
}

#about .photos h2 img {
	float: none;
}

#about .photos h2 span,
#about #photoMedium h2 span {
	background-color: #191919;
}

#galleryList {
	background-color: #191919;
	padding: 10px 20px 20px;
}

#galleryList table {
	width: 540px;
}

#galleryList td {
	vertical-align: middle;
}

#about .photos #galleryList td.thumbnail {
	margin: 0;
	width: 102px;
	padding-top: 10px;
}

#about .photos #galleryList td.description {
	margin: 0;
	padding: 10px 0 0 20px;
	width: 418px;
}

/* recent photos */

#about .photos .sidePanel {
	background-image: none;
	background-color: #191919;
	padding: 5px;
}

#about .photos .sidePanel table {
	margin-top: 10px;
}

#about .photos .sidePanel .thumbnail {
	width: 80px !important;
	margin: 0 5px 10px 5px;
}

#about .photos .sidePanel .thumbnail a:link,
#about .photos .sidePanel .thumbnail a:visited {
	padding: 0;
	background-image: none;
	height: 78px;
	width: 78px;
	border: 1px solid #393939 !important; 
}

#about .photos .sidePanel .thumbnail a:hover,
#about .photos .sidePanel .thumbnail a:active {
	padding: 0;
	display: block;
	border: 1px solid #76A2B4 !important; 
	background-image: none;
}

#about td.thumbs .title {
	text-align: center;
}

#about td.thumbs .title,
#galleryCategory .title,
#photoComments .posted {
	font-size: 0.9166em;
	line-height: 1.6363em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #777;
	padding: 0 6px;
}

#photoComments .posted {
	padding: 0;
}

#photoComments .posted span {
	color: #76A2B4;
}

#photoComments .comment {
	clear: left;
	background: url("http://www.kelliali.com/assets/images/rule.gif") no-repeat bottom center;
	margin-bottom: 0;
	padding: 0 0 20px 0;
}

#photoComments .comment p {
	margin: 0 0 0.8333em 0;
}

#about .photos .caption {
	text-align: center;
}

#about .photos #imageFull {
	text-align: center;
	width: 840px;
}

#about .photos #imageFull .image,
#photoMedium table td .image {
	padding: 1px 1px 16px 1px;
	background: #393939 url("../images/gallery_photo_swirl.gif") no-repeat bottom center;
	margin: 20px 0 4px 0;
}

#photoNav {
	position: relative;
	height: 60px;
	width: 840px;
}

#photoNav p {
	margin: 0 !important;
	text-align: center;
	font-size: 0.9166em;
	line-height: 1.6363em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #CCC;
}

#photoNav .commentlink {
	position: absolute;
	top: 0;
	left: 200px;
	width: 440px;
}

#photoNav .previous {
	background: url("../images/icon_previous.gif") no-repeat top left;
	padding-left: 42px;
	position: absolute;
	top: 0;
	left: 0;
}

#photoNav .next {
	background: url("../images/icon_next.gif") no-repeat top right;
	padding-right: 42px;
	position: absolute;
	top: 0;
	right: 0;
}

#photoNav .commentlink {
	position: absolute;
	top: 0;
	left: 200px;
	width: 440px;
}

#photoNav .commentlink p {
	background: url("../images/icon_comment3.gif") no-repeat 0 1px;
	padding-left: 20px;
	padding-bottom: 10px;
	display: inline;
}

/* photo medium pop-up */

body#photoMedium {
	background: #191919 url("../images/gallery_popup_bg.gif") no-repeat bottom right;
}

#photoMedium table {
	width: 100%;
}

#photoMedium table td {
	text-align: center;
}

#photoMedium h2 span {
	background-color: #191919;
}

.windowclose {
	position: absolute;
	bottom: 15px;
	right: 15px;
}

/* photo comments pop-up */

body#photoComments {
	background: #191919 url("../images/gallery_popup_bg.gif") no-repeat bottom right;
	margin: 0;
}

body#photoComments #wrapper {
	width: 500px;
	margin: 20px auto;
	text-align: left;
}

#photoComments table {
	width: 100%;
}

#photoComments table td {
	text-align: center;
}

#photoComments h2 span {
	background-color: #191919;
}

#photoComments textarea {
	font-family: "Lucida Grande", "Lucida Sans", Arial, serif;
	color: #333;
	font-size: 1em;
	padding: 5px;
}

#photoComments .windowclose {
	position: relative;
	float: right;
}

/* gallery categories */

#jumpNav {
	position: absolute;
	top: 295px;
	right: 40px;
}

#galleryCategory {
	width: 840px;
}

#galleryCategory td {
	text-align: center;
	padding: 20px 0 0 4px;
	width: 210px;
}

#about .photos #galleryCategory a:link,
#about .photos #galleryCategory a:visited {
	background-color: #393939;
	padding: 1px 1px 15px 1px;
	display: block;
	border: none !important;
	background: #393939 url("http://www.kelliali.com/assets/images/photo_swirl2.gif") no-repeat 0 201px;
	height: 201px;
	width: 200px;
}

#about .photos #galleryCategory a:hover,
#about .photos #galleryCategory a:active {
	background-color: #76A2B4;
	padding: 1px 1px 15px 1px;
	display: block;
	border: none;
	background: #76A2B4 url("http://www.kelliali.com/assets/images/photo_swirl2.gif") no-repeat -202px 201px;
}

#about .photos .paginate {
	text-align: center;
	margin: 1.666em 0;
}

/* !shop ------------------------------------------------------------------------- */

#shop #primaryContent .column1 {
	padding-bottom: 20px;
}

/* closed message */

#shop .closed #primaryContent .column1 {
	clear: both;
	float: left;
	width: 880px;
	margin: 0 0 0 30px;
	text-align: center;
}

#shop .closed #primaryContent .column1 h2 {
	text-indent: -999em;
	margin: 0 auto;
	width: 420px;
	height: 199px;
	background: #191919 url("http://www.kelliali.com/assets/images/shop-closed.gif") no-repeat left bottom;
}

#shop .closed #primaryContent .column1 .panelBase {
	margin: 0 auto;
	width: 420px;
}

/* shop intro page */

#shop #primaryContent .column1 .shopItem {
	clear: left;
	padding: 20px;
	background: #191919 url("http://www.kelliali.com/assets/images/rule.gif") no-repeat left bottom;
}

#shop #primaryContent .column1 .featured {
	padding-bottom: 30px;
}

#shop #primaryContent .column1 .itemImage {
	float: left;
	margin: 0;
	padding: 0;
}

#shop #primaryContent a:link, #shop #primaryContent a:visited,
#shop #breadcrumb a:link, #shop #breadcrumb a:visited,
.shop a:link, .shop a:visited {
	color: #E3E3E3;
	text-decoration: none;
	border-bottom-color: #7EB6B4;
}

#shop #primaryContent a:hover, #shop #primaryContent a:active,
#shop #breadcrumb a:hover, #shop #breadcrumb a:active,
.shop a:hover, .shop a:active {
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #7EB6B4;
	background-color: #7EB6B4;
	color: #000;
}

#shop #primaryContent .column1 .itemImage a:link,
#shop #primaryContent .column1 .itemImage a:visited {
	border: 1px solid #333;
	display: block;
	height: 80px;
}

#shop #primaryContent .column1 .featured .itemImage a:link,
#shop #primaryContent .column1 .featured .itemImage a:visited {
	height: 200px;
}

#shop #primaryContent .column1 .itemImage a:hover,
#shop #primaryContent .column1 .itemImage a:active {
	border: 1px solid #7EB6B4;
}

#shop #primaryContent .column1 .shopItemInfo {
	float: left;
	width: 430px;
	margin-left: 20px;
}

#shop #primaryContent .column1 .featured .shopItemInfo {
	width: 310px;
}

#shop #primaryContent .column1 .shopItemInfo h2,
#shop #primaryContent .column1 .shopItemInfo p {
	margin: 0 0 1em 0;
}

#shop #customerInfo {
	padding: 8px;
}

#shop #customerInfo .alert {
	background: #FFD800 url(http://www.kelliali.com/assets/images/alert_bg.jpg) no-repeat;
	border: 1px solid #191919;
	margin: 0 10px 20px 10px;
	padding: 8px 0;
}

#shop #primaryContent #customerInfo .alert h3 {
	color: #993300;
	margin-bottom: 0.3em;
}

#shop #primaryContent #customerInfo .alert p {
	color: #191919;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

#shop #primaryContent #customerInfo .alert p a:link,
#shop #primaryContent #customerInfo .alert p a:visited {
	color: #993300;
	border-bottom-color: #993300; 
}

#shop #primaryContent #customerInfo .alert p a:hover,
#shop #primaryContent #customerInfo .alert p a:active {
	color: #FFF;
	border-bottom: none;
	background-color: #993300;
	border-bottom: 1px solid #993300;
}

#shop #primaryContent #customerInfo h2 {
	width: 220px;
	background: url(http://www.kelliali.com/assets/images/sub_customer_info.png) no-repeat 0 15px;
}

#shop #primaryContent #customerInfo h3 {
	color: #7EB6B4;
}

#shop #primaryContent #customerInfo p {
	font-size: 0.9166em; /* 11px */
	line-height: 1.8181em;
	margin: 0 0 0.9090em 0;
}

#shop .price {
	color: #7EB6B4;
	font-size: 1.3333em;
}

#shop .price .status {
	color: #999;
	font-size: 0.7em;
	padding: 3px 0 3px 20px;
	margin-left: 20px;
}

#shop .price {
	color: #7EB6B4;
	font-size: 1.3333em;
	margin-bottom: 0 !important;
}

#shop p.note {
	margin-top: 0 !important;
	color: #9A7897;
	font-size: 0.9166em;
}

/* stock levels */

.instock { background: url(http://www.kelliali.com/assets/images/icon_shop_instock.gif) no-repeat 0 0; }
.lowstock { background: url(http://www.kelliali.com/assets/images/icon_shop_lowstock.gif) no-repeat 0 0; }
.outstock { background: url(http://www.kelliali.com/assets/images/icon_shop_outstock.gif) no-repeat 0 0; }
.preorder { background: url(http://www.kelliali.com/assets/images/icon_shop_preorder.gif) no-repeat 0 0; }

/* customer info stock guide */

#customerInfo dl {
	padding-left: 10px;
}

#customerInfo dt {
	padding-left: 20px;
	margin-bottom: 0;
}

#customerInfo dd {
	font-size: 0.9166em;
	line-height: 1.6363em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding-left: 20px;
	color: #999;
	margin-bottom: 0.8333em;
}

/* options menu */

#shop #primaryContent .column1 .shopItemInfo ul li {
	float: left;
	margin-right: 2px;
}

#shop #primaryContent .column1 .shopItemInfo ul li a:link,
#shop #primaryContent .column1 .shopItemInfo ul li a:visited {
	color: #FFF;
	background-color: #333;
	padding: 1px 5px;
	border: none;
	display: block;
}

#shop #primaryContent .column1 .shopItemInfo ul li a:hover,
#shop #primaryContent .column1 .shopItemInfo ul li a:active {
	color: #000;
	background-color: #7EB6B4;
}

#shop #primaryContent .column1 .shopItemInfo ul li.inactive {
	padding: 1px 5px;
	color: #171717;
	background-color: #222;
}

/* shop item details page */

#shop.details #primaryContent .column1 .shopItem {
	clear: left;
	padding: 20px;
	background-color: #171717;
	background-image: none;
}

/* !contact page ------------------------------------------------------------------------- */

#contact #primaryContent .column1 .contactInfo {
	clear: left;
	background-color: #191919;
	padding: 20px;
	text-align: center;
}

#contact #primaryContent .column1 .contactInfo h2 {
	float: none;
	height: 30px;
	text-align: center;
	font-size: 0.916em; /* 11px */
	line-height: 2.5em;
	margin: 0;
	color: #777;
	text-align: center !important;
	background: url("../images/date_rule.gif") no-repeat center center;
	margin: 0 0 0.5em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

#contact #primaryContent .column1 .contactInfo p {
	margin: 0 0 2.5em 0;
}

#contact #primaryContent .column1 .contactInfo .highlight {
	color: #ABAD82;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.1666em; /* 14px */
	line-height: 1.4285em;
}

#contact #primaryContent .column1 .contactInfo img {
	float: none;
}

#contact #primaryContent .column1 .contactInfo span {
	background-color: #171717;
}

#contact #primaryContent .column2 .image {
	background-color: #393939;
	padding: 8px;
}

/* !footer ------------------------------------------------------------------------- */

#footer p {
	font-size: 0.9166em;
	line-height: 1.6363em;
	margin: 0;
	color: #555;
}

#footer p#credit {
	width: 230px;
	position: absolute;
	top: 25px;
	left: 30px;
	text-align: left;
	height: 20px;
}

#footer p#credit a:link, #footer p#credit a:visited {
	color: #555;
	height: 20px;
	display: block;
	text-decoration: none;
	border: none;
	padding: 0 1px 0 33px;
	background: url("http://www.kelliali.com/assets/images/antenna_logo.gif") no-repeat 0 0;
}

#footer p#credit a:hover, #footer p#credit a:active {
	color: #FFF;
	text-decoration: none;
	background: url("http://www.kelliali.com/assets/images/antenna_logo.gif") no-repeat 0 -50px;
}

#footer p#copyright {
	width: 230px;
	position: absolute;
	top: 25px;
	right: 30px;
	text-align: right;
}

#footer p {
	margin: 0;
}

/* footer menu */

#footer ul {
	width: 380px;
	position: absolute;
	top: 25px;
	left: 280px;
}

#footer ul li {
	font-size: 0.9166em;
	line-height: 1.6363em;
	padding: 0 6px 0 6px;
	margin: 0;
	display: inline;
}

#footer ul li a:link,
#footer ul li a:visited {
	color: #888;
	border: none !important;
	padding: 0 2px;
}

#footer ul li a:hover,
#footer ul li a:active {
	background-color: #333;
	color: #FFF;
}

#home #footer ul li.navhome a:link, #home #footer ul li.navhome a:visited,
#journal #footer ul li.navjournal a:link, #journal #footer ul li.navjournal a:visited,
#about #footer ul li.navabout a:link, #about #footer ul li.navabout a:visited,
#shop #footer ul li.navshop a:link, #shop #footer ul li.navshop a:visited,
#forum #footer ul li.navforum a:link, #forum #footer ul li.navforum a:visited,
#contact #footer ul li.navcontact a:link, #contact #footer ul li.navcontact a:visited {	
	color: #FFF;
	background-color: transparent;
}

/* !notifications ------------------------------------------------------------------------- */

body#notification {
	background-color: #191919;
	background-image: none;
}

#notification #wrapper {
	margin: 100px auto 0 auto;
	width: 502px;
	background: #303030 url(../images/notification_header.jpg) no-repeat 0 0;
	padding: 90px 40px 30px 40px;
}

#notification .panelBase {
	width: 582px;
	margin: 0 auto;
}

#notification h1 {
	width: 502px;
	height: 34px;
	text-indent: -999em;
	margin-top: 30px;
}

.thankyou h1 {
	background: url(../images/h1_thankyou.gif) no-repeat top center;
}