/* Cleaned CSS: */

/* user css */

/* PASTE YOUR STYLE SHEET HERE */
/*	Template: (#47) Surf Wax America	 */
/*	Date: February 9, 2008		*/
/*	S2 Style: Mixit		*/
/*	Available at http://community.livejournal.com/thefulcrum/	*/
/*	Made by Liz a.k.a. grrliz.livejournal.com	*/

* {margin: 0px; padding: 0px; }

font {font-family: inherit; font-size: inherit; color: inherit;}

html {margin: 0px; padding: 0px; font-size: 100%; /* IE hack */ }

body {
	margin: 0px;
	padding: 0px;
	background: url("https://p2.dreamwidth.org/6aafc1dd6a6f/-/img.photobucket.com/albums/v388/grrliz/other/layouts/free/47_bg.gif") top center repeat-y #F5F6D4;
	color: #493F0B;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	font-size: 62.5%;
	text-align: center;
	}

a, a:link, a:visited, a:active {color: #493F0B; text-decoration: none;}
a:active {outline: none;}
a:hover {text-decoration: underline;}

blockquote {margin: 1em 2em; padding: 1em; border: 2px solid #393106; background: #493F0B;}
blockquote:first-line {text-transform: uppercase;}

input, textarea, select {border: 1px solid #393106; background: #413808; color: #F5F6D4;}

small {color: #6F611A; font-size: 1em !important;}

/* ----------------------------------------- */
/* ---------- PAGE STRUCTURE --------------- */
/* ----------------------------------------- */

/* -- don't touch the stuff below -- */

#page, #header, #content, #footer {position: relative; top: 0;}
#footer {margin: -1px 0 0 0; /* HACK - removes space between content and footer */}
#page-inner, #header-inner, #content-inner, #alpha-inner, #beta-inner, #gamma-inner, #footer-inner {position: static;}
#header-inner, #alpha-inner, #beta-inner, #gamma-inner {overflow: hidden; /* hide content that is larger than the element dimensions */}
#alpha-inner[id] { overflow: visible; } /* FF MAC & PC will clip pager-top when accessing page anchor */

/* -- don't touch the stuff above -- */

#container {position: relative; width: 720px; margin: 0px auto; font-size: 1.2em; line-height: 1.5em;}
#container-inner {}

#page {margin: 0px auto; padding: 0px; text-align: center;}

#header {position: relative;}
#header-inner {margin: 0px auto; background: url("https://p2.dreamwidth.org/425e7dcc7808/-/img.photobucket.com/albums/v388/grrliz/other/layouts/free/47_headerinner.gif") top center no-repeat transparent;}

#content {}

#alpha {padding: 0px 10px; background: url("https://p2.dreamwidth.org/bcae4c97a3f3/-/img.photobucket.com/albums/v388/grrliz/other/layouts/free/47_entries.gif") top center repeat-y #493F0B; color: #E6EFC0;}
	#alpha-inner {border-top: 6px solid #A7C520; border-bottom: 6px solid #84AA0F; text-align: left;}

#beta {clear: both; background: url("https://p2.dreamwidth.org/995b0db61797/-/img.photobucket.com/albums/v388/grrliz/other/layouts/free/47_links.gif") top center repeat-y transparent; color: #493F0B;}
	#beta-inner {padding: 10px 10px 20px 10px; background: url("https://p2.dreamwidth.org/ce4d793961f5/-/img.photobucket.com/albums/v388/grrliz/other/layouts/free/47_linksinner.gif") bottom center no-repeat transparent; text-align: left;}



/* specific page view details */

.lj-view-tags #alpha-inner,
.lj-view-month #alpha-inner,
.lj-view-archive #alpha-inner,
.lj-view-day .day h2,
.lj-view-day .skiplinks {margin: 0px auto; padding: 1em; text-align: left;}

.lj-view-tags #alpha-inner a,
.lj-view-month #alpha-inner a,
.lj-view-archive #alpha-inner a {color: #84AA0F;}

.lj-view-tags #alpha-inner ul {margin: 0 4em 1em 2em;}

.lj-view-month #alpha-inner div {text-align: left !important;}
.lj-view-month select {width: 200px; margin: 0px 2px;}




/* ---------------------------- */
/* ---------- HEADER ---------- */
/* ---------------------------- */

#header-content {position: relative; overflow: hidden; padding: 65px 10px 0px 10px; }

#header-text {height: 200px; background: url("https://p2.dreamwidth.org/5dd788246d68/-/img.photobucket.com/albums/v388/grrliz/other/layouts/free/47_flower.gif") bottom left no-repeat;}

#header-text ul.nav {position: absolute; top: 29px; right: 23px; list-style-type: none; text-transform: lowercase; }
#header-text ul.nav li {float: left; background:url("https://p2.dreamwidth.org/d9bd14d119f8/-/img.photobucket.com/albums/v388/grrliz/other/layouts/free/47_navl.gif") left top no-repeat #000; color: #ffffff; margin: 0px 0px 0px 2px; padding: 0px 0px 0px 8px;}
#header-text ul.nav a {display: block; padding: 10px 8px 3px 0px; background:url("https://p2.dreamwidth.org/21717dfb5913/-/img.photobucket.com/albums/v388/grrliz/other/layouts/free/47_navr.gif") right top no-repeat transparent; color: #F5F6D4; text-align: center; text-decoration: none;}
#header-text ul.nav a:hover {color: #493F0B;}

#header-name {position: absolute; bottom: 60px; right: 23px; padding-left: 150px; font-weight: bold; font-size: 20px; text-align: right; text-transform: lowercase;}
	.lj-view-friends #header-name {}
#header-name a {color: #493F0B;}
#header-name a:hover {color: #84AA0F; text-decoration: none;}
#header-description {display: none;}


/* ----------------------------- */
/* ---------- ENTRIES ---------- */
/* ----------------------------- */

/* previous and next links */
.stream-header {display: none; text-align: center;}
.stream-footer {margin: 10px; padding: 0.5em 0; border: 2px solid #393106; background: #413808; }
.stream-footer p {margin: 0px; padding: 0px 10px;}
.stream-footer p a {color: #84AA0F;}

/* entry container */
.asset {clear: both; margin: 10px; border: 2px solid #393106; background: #413808; text-align: left;}
	.lj-view-month .asset, .lj-view-archive .asset {margin: 0px; border: 0px; background: transparent;}
	.asset a {color: #84AA0F; text-decoration: underline;}
	.asset a:hover {color: #E6EFC0;}
.asset-inner {}
.asset-header {padding: 0 0 0.4em 0;}	
	.lj-view-entry .asset-header {padding: 0; }

/* entry subject */
h2.page-header2 {margin: 0px; padding: 0.5em 1em; background: #393106; font-size: 1.1em;}
	.lj-view-tags h2.page-header2 {background: transparent !important;}
h2.page-header2 a, .lj-view-tags h2 {color: #84AA0F; font-weight: normal; text-decoration: none;}
h2.page-header2 a:hover {color: #84AA0F;}


/* date and time */
div.asset-header ul {width: 100%; margin: 0px; padding: 0px; text-align: right;}
div.asset-header li.item {padding: 0.5em 1em;}
	abbr.datetime {color: #6F611A; font-size: 1em; text-transform: uppercase; text-align: right;}

/* entry body, meta, tags */
.asset-content {}

/* entry text */
.asset-body {padding: 0 1em 1em 1em;}
.asset-body ol, .asset-body ul {margin: 1em 1em 1em 2em; padding: 1em 1em 1em 3em; border: 2px solid #393106; background: #493F0B;}
.asset-body dt {border-bottom: 2px solid #393106; text-transform: uppercase;}
	.asset-body dt a {text-decoration: none; border: none;}
.asset-body dd {margin-left: 3.6em; padding: 10px; border: 2px solid #393106; border-top: 0px; background: #493F0B;}

/* userpic and username */
.user-icon {float: right; margin: 0px 0px 10px 10px; background-color: transparent !important; text-align: center;}
.user-icon img {padding: 10px; border: 1px solid #6F611A; background: #393106;}
.user-icon span {background-color: transparent !important; text-align: center;}
.user-icon a {background: transparent; color: #493F0B;}
.asset .ljuser {display: inline !important;}
.asset .ljuser a {background: transparent !important; color: #84AA0F !important;}
.asset .ljuser a:hover {color: #E6EFC0;}
.asset .ljuser a b {font-weight: normal;}
.asset .ljuser img {border: 0px; padding: 0px; background: transparent;}

/* mood, music, location */
.lj-currents ul {margin: 0px; padding: 1em 1em 0 1em; text-transform: lowercase; list-style-type: none;}
.lj-currents ul li {display: inline; padding-right: 2em;}
.lj-currents ul li a {text-decoration: none;}
.lj-currents img {}
.entryMetadata-label {padding-right: 0.5em;}
.entryMetadata-content {margin-left: 2px;}

/* --- tags --- */
.asset-tags {padding: 0 1em; text-transform: lowercase;}
.asset-tags-header {display: block; float: left; width: 3em; /* matches .asset-tags-content width */ height: 100% !important; font-size: 1em !important; font-weight: normal;}
.asset-tags-list {margin: 0 0 0 3em; padding: 0px; list-style-type: none;}
.asset-tags-list li {display: inline; padding-right: 5px;}
.asset-tags-list a {text-decoration: none; white-space: normal !important;}


/* comments bar */
ul.asset-meta-list {clear: both; list-style-type: none; width: 100%; margin-top: 1em; padding: 3px 0px 2px 0px; background-color: #393106; text-align: center;}
li.asset-meta-comments {display: inline;}
li.asset-meta-comments a {padding: 5px 10px; color: #E6EFC0; font-weight: normal; text-decoration: none; text-transform: lowercase;}
li.asset-meta-comments a:hover {background: #312A03; color: #E6EFC0;}

div.asset-header ul.asset-meta-list {background: transparent !important;}

.prevnext, .prev, .next {color: #color: #84AA0F; text-align: left;}


/* ----------------------------- */
/* ---------- SIDEBAR ---------- */
/* ----------------------------- */

.widget {display: inline; float: left; width: 350px; background: url("https://p2.dreamwidth.org/242bcc7ecd03/-/img.photobucket.com/albums/v388/grrliz/other/layouts/free/47_betabar.gif") center 25px no-repeat transparent; color: #493F0B; font-size: 1.1em;}
.widget-inner {position: relative; padding: 0 1em 1em 1em;}

.widget-header {padding: 10px 0px 10px 0px; color: #526D02; font-size: 16px; font-weight: normal; text-transform: uppercase;}
	.categories-widget .widget-header {padding-left: 20px; background: url("https://p2.dreamwidth.org/b3c8f5b30657/-/img.photobucket.com/albums/v388/grrliz/other/layouts/free/47_tag.gif") left center no-repeat transparent;}
	.typelist-widget .widget-header {padding-left: 20px; background: url("https://p2.dreamwidth.org/5527671b47e4/-/img.photobucket.com/albums/v388/grrliz/other/layouts/free/47_link.gif") left center no-repeat transparent;}
	.calendar-widget .widget-header {padding-left: 20px; background: url("https://p2.dreamwidth.org/d23922d7d9d0/-/img.photobucket.com/albums/v388/grrliz/other/layouts/free/47_calendar.gif") left center no-repeat transparent;}
	.archive-widget .widget-header {padding-left: 20px; background: url("https://p2.dreamwidth.org/bf98f598d204/-/img.photobucket.com/albums/v388/grrliz/other/layouts/free/47_pagesummary.gif") left center no-repeat transparent;}
	.customtext-widget .widget-header {padding-left: 20px; background: url("https://p2.dreamwidth.org/a30771d6019f/-/img.photobucket.com/albums/v388/grrliz/other/layouts/free/47_freetext.gif") left center no-repeat transparent;}

.widget-content {max-height: 230px; 
		/* watch me hack! don't touch the stuff below */
		overflow:auto;
		overflow-x:hidden;
		overflow-y:auto;
		/* don't touch the stuff above */	
		/* I'm actually pretty appalled that I'm using coloured scroll bars below*/
		scrollbar-face-color: #A7C520;
		scrollbar-highlight-color: #84AA0F;
		scrollbar-3dlight-color: #84AA0F;
		scrollbar-shadow-color: #84AA0F;
		scrollbar-darkshadow-color: #84AA0F;
		scrollbar-track-color: #A7C520;
		scrollbar-arrow-color: #84AA0F;
		}
		
.widget-content ul {list-style-type: none;}
.widget-content li {padding-bottom: 0.5em;}

.widget a {color: #493F0B;}
.widget a:hover {color: #493F0B; text-decoration: underline;}

/* profile */
.about-me-widget {display: none; text-align: center;}
.about-me-widget .widget-header a {color: #493F0B;}
.about-me-widget .widget-header a:hover {}
.about-me-widget dl, .about-me-widget dd, .about-me-widget dt {margin: 0px; padding: 0px; width: 100%;}

/* calendar */
.calendar-widget {position: relative;}
	.calendar-widget table {width: 320px; margin-left: -5px; text-align: center;}
	.calendar-widget th, .calendar-widget td {border: 1px solid #84AA0F; background: #A2C01D;}
	.calendar-widget p {}
	.calendar-widget tr:first-child a, .calendar-widget tr:first-child a:hover {background-color: transparent; border: 0px !important; font-weight: bold;}
	.calendar-widget td a {display: block; width: 100%; background: #9AB717;}
	.calendar-widget td a:hover {display: block; width: 100%; background: #84AA0F; color: #493F0B; text-decoration: none;}
	.calendar-widget td a:hover {display: block; width: 100%; background: #84AA0F; color: #493F0B; text-decoration: none;}

/* link list */
.typelist-widget li.item {background: url("https://p2.dreamwidth.org/242bcc7ecd03/-/img.photobucket.com/albums/v388/grrliz/other/layouts/free/47_betabar.gif") bottom center no-repeat transparent;}

/* tags */
.categories-widget li.item,
.categories-widget li.tag {background: url("https://p2.dreamwidth.org/242bcc7ecd03/-/img.photobucket.com/albums/v388/grrliz/other/layouts/free/47_betabar.gif") bottom center no-repeat transparent;}

/* post summary */
.archive-widget li.item {background: url("https://p2.dreamwidth.org/242bcc7ecd03/-/img.photobucket.com/albums/v388/grrliz/other/layouts/free/47_betabar.gif") bottom center no-repeat transparent;}

/* free text */
.customtext-widget {}

/* syndication, LiveJournal link, designer link */
.syndicate-widget,
.powered-widget,
.designed-widget {display: none;}


/* ----------------------------------- */
/* ---------- COMMENTS PAGE ---------- */
/* ----------------------------------- */

/* Comments ---------------------------------------*/
#comments {text-align: center;}
	.lj-view-entry #alpha-inner {padding-top: 1em;}
	.lj-view-entry #alpha a {color: #84AA0F;}
.comments-inner {margin: 0px auto; text-align: left;}

div.comments-inner h2 {background: transparent !important; font-weight: normal;}

.comment {margin: 1em; padding: 1em; border: 2px solid #393106; background: #413808; }
.comment-body {}
.comment-odd {}
.comment-even {}

.comments-nav {padding: 0.8em 0; text-align:center;}

.comment-meta .user-icon {float: right;}

/* --- reply, freeze, screen, etc ---  */
.comment-links {margin-top: 1em; font-weight: normal; text-align: right; font-size: 1em;}
.comment-subject {font-weight: bold; }
.comment-date {margin-top: 1em; margin-bottom: 1em;}

/* Fix height in IE */
.comment {height: 1%;}

/* Quick Reply  ---------------------------------------*/
.quickreply {margin-top: 1em; width: 90%; padding-top: 5px; padding-bottom: 10px; border: 0px !important;}
#commenttext, #subject {width: 90%;}
#comment-form {width: 500px;}


/* ------------------------------ */
/* ---------- ARCHIVES ---------- */
/* ------------------------------ */

/* Calendar/Archive ---------------------------------------------------------------------- */

ul.year {text-align: center; padding: 0px;}
ul.year li {display: inline; padding: 0px 5px;}
        
table.yeartable {width: 100% !important; margin-left: auto; margin-right: auto;}
table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #393106;}
table.yeartable td.yearday {background: #413808; text-align: center;}
table.yeartable td.yeardate a {font-size: 2em;}
td.yearmonth {border-style: none; font-weight: bold;}

dd.viewsubjects {margin: 0 0 .75em .75em;}

.lj-view-month table {}
.lj-view-month widget table {margin: 0px !important;}



/* ------------------------------------- */
/* ---------- USERPIC POP-UPS ---------- */
/* ------------------------------------- */

div.ContextualPopup div.Inner {padding: 5px; border: 2px solid #393106; background: #493F0B; color: #E6EFC0 !important; text-align: left;}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {color: #aaaaaa !important;text-decoration: none !important; font-weight: normal;}
div.ContextualPopup div.Inner a:hover {color: #84AA0F;}
div.ContextualPopup .Relation, div.ContextualPopup .Content .OnlineStatus {color: #E6EFC0; font-weight: bold !important;}



/* -------------------------- */
/* ---------- MISC ---------- */
/* -------------------------- */

/* Sponsored Plus ---------------------------------------*/
#ad-5linkunit {clear: both;}
#ad-leaderboard {margin-bottom: 10px;}

/* Utility Code --------------------------------------------------- */
/* clear floats, inspired by positioniseverything.net/easyclearing.html */
.comment-body:after,
#page-inner:after,
#header-inner:after,
#header-photo:after,
#content-inner:after,
#alpha-inner:after,
#beta-inner:after,
#gamma-inner:after,
#delta-inner:after,
#footer-inner:after,
.widget .user-pic:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0.1px;
}

/* float in post bodies around enclosures */
#content-inner,
.asset-body {
height: 1%;
}

/* Win IE < 7 */
* html #header-name a { word-wrap: break-word; }





/* ----------------------------------------------------------------------- */
/* ---------- PLEASE PASTE ANY FURTHER CSS OVERRIDES BELOW HERE ---------- */
/* ----------------------------------------------------------------------- */