/*  
Theme Name: Wiggly
Theme URI: http://wildwiggle.com/
Description: The sexy, playful theme that makes you happy.
Version: 1.6
Author: Jeremy Carlson
Author URI: http://jeremycarlson.com/
*/

/* ---------------------- SOME BASICS TO RESET ---------------------- */

#test textarea { width: 100% }

* { margin: 0; padding: 0 }

img { border: 0 }


/* ---------------------- CODE TO ALIGN FOOTER ---------------------- */
/* Based on example #3 in http://alistapart.com/articles/footers/ */
			
/* Backslash hack - hide code from IE-mac until next comment\*/
html { height: 100% }
/* Without that declaration, IE-Mac degraded relatively well. 
With it, it created scroll bars w/ height in relation to the monitor size (I believe) */

body { height: 100% }

#container {
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
	}

html>body #container { height: auto }

#footer {
	position: absolute;
	clear: both;
	bottom: -1px; /* Compensate for variable calculations of 100% */
	}

/* ---------------------- POSITIONING & BACKGROUNDS ---------------------- */
/* No font styling or colors here */

body { background: #fd9 url(images/curves.gif) no-repeat left top }

#nav {
	float: left;
	position: relative;
	z-index: 3;
	width: 160px;
	padding: 18px 0 160px 12px;
	background: url(images/flower_trim.gif) no-repeat left bottom;
	}

#nav li { display: block; list-style: none }

#logo { margin: 0 0 20px 12px }

#content {
	position: relative;
	margin-left: 297px;
/* Hack for Safari, which will create a line break for floated items if
the containing box doesn't have a top border. Annoying. */
	border-top: 1px solid #fd9;
	margin-top: -1px;
/* End of hack */
	}

#content li { margin: .2em 0 .6em 1em }

/* -- -- -- -- Special Signup Form in Corner -- -- -- -- */

#signup {
	position: relative;
	float: right;
	background: #fd9 url(images/signup.gif) no-repeat bottom right;
	padding: 5px 15px 86px 77px;
	width: 157px;
	}
/* The Tan Hack for dealing w/ IE5.x/Win Box Model Issues. */
* html #signup {
	width: 249px; 
	w\idth: 157px;
}

#signup p { margin: .2em 0 }

#signup small a {
	display: block;
	background: url(images/info_signup.gif) no-repeat left top;
	margin: 2px 0;
	padding: 1px 0 1px 20px;
	}

/* -- -- -- -- Form Styles -- -- -- -- */

form { float: left }

form.fancy {
	background: url(images/dotstest.gif) repeat-y right top;
	padding-right: 30px;
	}

label.tab {
	float: left;
	clear: left;
	position: relative;
	display: block;
	width: 12em;
	margin: 0 10px 3px 0;
	}

form p {
	clear: left;
	}

fieldset {
	border: 0px none;
	margin: 0 0 1em;
	}

input.right { float: right }

/* -- -- The following styles are to be used in pairs. -- -- */
/* .article goes w/ .title; .main goes with .extra */
/* .mainform added - for use on pages w/ forms */

.title {
	background: #fd9;
	top: -30px;
	padding: 0 0 10px;
	margin: 0 75px -30px 5px;
	width: 164px;
	}

.article {
	margin-right: 77px; /* corresponds to .title right margin */
	background: url(images/dotstest.gif) repeat-y right top;
	padding-right: 30px;
	}

.title, .extra {
	display: inline; /* Fixes IE double margin on floats - see http://www.positioniseverything.net/explorer/floatIndent.html */
	position: relative;
	clear: right;
	float: right;
	}

.extra {
	width: 179px;
	margin: 0 25px;
	}

.main { margin-right: 249px }
.mainform { margin-right: 20px }

/* Set z-indices to ensure that the signup form and title link are accessible */
#signup, .title { z-index: 1 }

/* But we'll need the .main box to be in front of those, so... */
.main {	z-index: 2 }

/* Bottom padding for the following loosely corresponds to footer p - 
need this otherwise the footer overruns the content. */
.article, .main, .mainform {
	position: relative;
	padding-top: 30px;
	margin-bottom: 80px;
	}

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

#footer {
	text-align: right;
	width: 100%;
	background: url(images/footer.gif) no-repeat top right;
	}

#footer p { padding: 40px 40px 20px; margin: 0 }

/* documentation on the following '.clearfix' solution to clearing floats at the end of boxes is found at http://www.positioniseverything.net/easyclearing.html */

/* NOTE: the '.clearfix' class (or renamed equivalent) should be applied to the box CONTAINING the float */
.clearfix:after,
.mainform:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix,
.mainform {display: inline-block;}

/* Backslash hack - hide code from IE-mac until next comment\*/
.clearfix,
.mainform {display: block;}

* html .clearfix,
* html .mainform {height: 1%;} /* End hide from IE-mac. The * makes this rule apply only to IE - the "Tan Hack" is documented at http://www.positioniseverything.net/articles/box-model.html */


/* CSS HACK: The following rule imports the stylesheet ONLY in IE5.0/Win.
See http://www.tantek.com/CSS/Examples/ie50winbandpass.html for details. */
@media tty {
 i{content:"\";/*" "*/}}; @import 'ie50win.css'; {;}/*";}
}/* */


/* ---------------------- TEXT STYLES ---------------------- */

body {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 1.3em;
	}

#nav, .title, h1, h2 em, .quote, .author {
	font-family: Georgia, Times, serif;
	}

#nav {
	font-weight: bold;
	font-size: 110%;
	color: #641;
	}

#nav ul ul, #nav small {
	font-weight: normal;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	}

#nav small { margin-top: .5em }

#nav li { margin: 4px 0 }
#nav li li { margin: 0 0 3px; line-height: 1.1em }

h1, h2, h3 {
	line-height: 1.2em;
	font-weight: normal;
	margin: 1em 0;
	}

h1 {
	size: 1.8em;
	color: #715;
	}

h2 {
	size: 1.5em;
	color: #c02;
	}

h3 {
	font-size: 1.1em;
	color: #413;
	}

input { background: #fff }

label.errortext {
	color: #c02;
	font-weight: bold;
	}

.main p, .article p { line-height: 1.4em }

.extra, 
.main .quote, .article .quote,
.main .author, .article .author
{ font-size: 90% }

h1+h2 { margin-top: -.5em }

p, #content ul { margin-bottom: 1em }

blockquote { margin-left: 1em }


.feature {
	font-size: 130%;
	line-height: 1.4em;
	}

.feature strong {
	font-size: 140%;
	color: #c02;
	}

.quote {
	color: #635;
	line-height: 1.5em;
	margin: 2em 0 0;
	}

.quote+.quote { margin: .5em 0 }

.author { margin: 0 0 1em 15px }

.author, .thoughts {
	font-style: italic;
	color: #715;
	}

.title h1 { font-size: 1.4em; line-height: 1.3em }
.title strong { font-size: 150% }
.title em { font-size: 80% }
.title strong em { font-size: 66% }
.title p {
	margin-top: 10px;
	text-align: right;
	font-size: 90%;
	font-style: italic;
	}
.title p strong {
	text-transform: lowercase;
	font-variant: small-caps;
	font-style: normal;
	}

#footer { color: fff }

.fineprint {
	font-size: 85%;
	color: #333;
	}

a { color: #31b }
h2 a, a:hover, #signup a:hover { color: #c02 }
h2 a:hover { color: #413 }

#nav a, #footer a, h2 a { color: inherit; font-weight: inherit }
/* Sadly, the above elegant styles don't cut it in IE6. So: */
#nav a, #nav a:visited { color: #641 }
#nav .current_page_item a { color: #fec }
#nav .current_page_item li a { color: #641 } /* change back to Nav color for child list items */

#footer a, #signup a, #nav a:hover, #nav .current_page_item li a:hover { color:#fff }

#nav a, .title a, .edit a { text-decoration: none }

.section {
	margin-top: 1.5em;
	}

/* ------------------- STYLES RE LOGIN/EDIT ------------------- */

.meta { display: none }

p.edit { margin: 1em 0 }

.edit a { /* Shows up when editing site */
	padding: 3px 5px;
	background: #fff;
	font-size: 90%;
	}

/* ---------------------- IMAGE REPLACEMENT ---------------------- */

.image { text-indent: -1000em }

h2.image { height: 27px }

.extra h2.image { position: relative; left: -10px }

#whats_wigglin { background: url(images/whats_wigglin.gif) no-repeat }

#what_makes_you_wiggle {
	height: 145px;
	background: url(images/what_makes_you_wiggle.gif) no-repeat;
	position: relative;
	left: -13px;
	margin: 0;
	}