/*
Theme Name: WordWorms
Theme URI: http://wordworms.com
Description: Theme for WordWorms.com
Version: 1 (WP2.7.1)
Author: JTWilcox
Author URI: http://jtwilcox.com
Tags: simple, fun, custom
*/

/* COLORS

green: #84b01a
light gray: #e5e5e5
dark gray: #636363

*/

/* RESET */

ul						{ list-style: disc outside; color: #84b01a; }
ol						{ list-style: decimal outside; }
a						{ outline: none; text-decoration: none; color: #84b01a; }
a:hover					{ text-decoration: underline; color: #84b01a; }
a img					{ border: none; background: none; }
img						{ vertical-align: middle; border: 0; }
table					{ border-collapse: collapse; }

/* UTILITY */			

.floatright				{ float: right; position: absolute; right: 0; }
.floatleft				{ float: left; position: absolute; left: 0; }
.clear					{ clear: both; }
.button					{ border: 1px solid #84b01a; background: white; padding: 3px 8px; 
						  color: #84b01a; }
.button:hover			{ border-color: #84b01a; background: #84b01a; color: white; }
.line					{ margin-top: 15px; height: 10px; border-top: dotted thin gray; clear: both;}


/* STRUCTURE */

html, body				{ margin: 0; padding: 0; }
body					{ background: black; font-size: .6em; font-family: "Trebuchet MS"; color: black; }

#container				{ width: 700px; margin: 0 auto; }
#header					{ margin: 0; padding: 0; height: 207px; width: 700px; }
#nav					{ width: 700px; height: 39px; background: gray url(images/navbg.gif) repeat-x;
						  margin: 0; padding: 0; text-align: center; }
#content				{ background: white url(images/contentbg.gif) repeat-y; width: 700px; 
						  margin: 0; padding: 0; clear: both; }
#contentinner			{ width: 620px; margin: 0; padding: 0 40px 20px; }
#contentbottom			{ width: 700px; height: 20px;
						  background: white url(images/footerbg.gif) no-repeat bottom center; }
#footer					{ width: 660px; margin: 0; padding: 20px; color: gray; text-align: center; }


/* NAV */

#nav a						{ text-decoration: none; }
.navtext						{ visibility: hidden; }
.home							{ width: 81px; height: 39px; margin-left: 170px;
								  background: url(http://wordworms.com/images/nav/home-A.gif) no-repeat; float: left; }
body#home .home, .home:hover	{ width: 81px; height: 39px; margin-left: 170px;
								  background: url(http://wordworms.com/images/nav/home-B.gif) no-repeat; float: left; border: 0; }
.about							{ width: 84px; height: 39px; margin-left: 50px;
								  background: url(http://wordworms.com/images/nav/about-A.gif) no-repeat; float: left; }
body#about .about, .about:hover	{ width: 84px; height: 39px; margin-left: 50px;
								  background: url(http://wordworms.com/images/nav/about-B.gif) no-repeat; float: left; border: 0; }
.archive						{ width: 92px; height: 39px; margin-left: 50px;
								  background: url(http://wordworms.com/images/nav/archive-A.gif) no-repeat; float: left; }
body#archive .archive, .archive:hover	{ width: 92px; height: 39px; margin-left: 50px;
								  background: url(http://wordworms.com/images/nav/archive-B.gif) no-repeat; float: left; border: 0; }
								  

/* TYPGROGRAPHY */

p, li					{ font-size: 1.3em; line-height: 1.2em; margin: 0 0 10px 0; }
h1						{ font-size: 3.6em; font-family: Georgia, serif; font-weight: normal; }
h2						{ font-size: 2.4em; font-family: Georgia, serif; font-weight: normal; 
						  color: black; margin: -.01px 0 5px; font-style: italic; }
h3						{ font-size: 2.6em; font-family: Georgia, serif; font-weight: normal; 
						  margin: 0 0 10px 0; }
h4						{ color: gray; font-size: 1.3em; }


/* BLOG ENTRIES */

.postcontent			{ margin: 0 15px 5px 15px; }
ol.commentlist			{ list-style: none; }
cite					{ margin-top: 15px; font-family: Georgia, serif; font-style: italic; 
						  font-size: 1.4em;  }
.post h4				{ font-size: 1.6em; font-family: Georgia, serif; font-style: italic; 
						  margin: 10px 0 15px 0; color: black; }
.post h5				{ font-size: 1.2em; font-family: Georgia, serif; font-style: italic; 
						  margin: 15px 0 5px 0; color: black; }
.postdate				{ font-size: 1.2em; font-family: Georgia, serif; color: gray; }


/* COMMENTS */

#comments				{ font-size: 1.5em; }
#respond				{ font-size: 1.5em; }
.commentlist li			{ padding: 10px 10px 1px 10px; font-size: 1em; margin-right: 40px; }
.commentlist li.alt		{ padding: 10px 10px 1px 10px; font-size: 1em; margin-right: 40px; }
.commenttext			{ font-size: 1em; }
.commentslink			{ margin-top: 15px; height: 17px; font-size: 1.2em;
						  font-family: Georgia, serif; font-style: italic; }
.commentadd				{ margin-top: 15px; height: 16px; color: gray;
						  font-family: Georgia, serif; font-style: italic; font-size: 1.2em; }
.alt					{ background: #f1f1f1; }


/* SEARCH */

#searchform				{ background: #efefef; padding: 3px; text-align: center; }
#searchform .hidden		{ font-size: 1.2em; font-family: Georgia, serif; font-style: italic; }


/* ARCHIVE */
#archiveheader			{ text-align: center; width: 620px; }
#archiveheader h2		{ color: gray; }


/* NEXT-PREV BAR */
#nextprevtop			{ margin: 0 0 15px 0; height: 28px; padding: 0 5px 5px 5px; 
						  background: url(images/nptopbg.gif) repeat-x; }
#nextprevbottom			{ margin: 15px 0 0 0; height: 28px; 
						  background: url(images/npbotbg.gif) repeat-x bottom;
						  padding: 0 5px 5px 5px; text-align: center; margin-bottom: 2px; }
.leftbutton				{ border: 1px solid #84b01a; background: white; padding: 3px 8px;
						  margin-top: 5px; float: left; font-size: 1.3em; color: #84b01a; }
.leftbutton:hover		{ border: solid 1px #84b01a; background: #84b01a; float: left; 
						  font-size: 1.3em; color: white; }
.rightbutton			{ border: 1px solid #84b01a; background: white; padding: 3px 8px; 
						  margin-top: 5px; float: right; font-size: 1.3em; color: #84b01a; }
.rightbutton:hover		{ border: solid 1px #84b01a; background: #84b01a; float: right; 
						  font-size: 1.3em; color: white; }