/*
Theme Name: WeedyBeta
Theme URI: http://weedygarden.net
Description: Ugly take two.
Version: 2
Author: Erik Runyon
Author URI: http://weedygarden.net/
*/

/* Begin Typography & Colors */
html {margin:0; padding:0;}
body {font-size:12px; /* Resets 1em to 10px */ font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; background:#fff url(images/leaves-right.jpg) top right no-repeat; color:#333;}
#wrapper {font-size:100%;}

#skip-links {display:none;}
#content {font-size:100%}

.widecolumn .entry p {font-size:1.05em;}
.narrowcolumn .entry, .widecolumn .entry {line-height:1.4em;}
.widecolumn {line-height:1.6em;}
.narrowcolumn .postmetadata {}

.alt { background-color:#f8f8f8; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
small { font-family:Arial, Helvetica, Sans-Serif; font-size:0.9em; line-height:1.5em; }

h1, h2, h3,
h4, h5, h6 { font-family:Georgia, Times, "Times New Roman", serif; font-weight:bold; } 
h1 {margin:0 0 20px; font-size:260%; color:#1f4919; line-height:1.2em;}

#homelink {display:block; width:378px; height:179px;}

h2 {margin:1em 0 0.25em; font-size:200%; line-height:1em;}
h2.pagetitle {font-size:1.6em; margin-top:30px; text-align:center;}
#sidebar h2 {margin:5px 0 0; padding:0; font-family:'Lucida Grande', Verdana, Sans-Serif; font-size:1.2em;}

h3 {font-size:140%;}
h3 {padding:0; margin:30px 0 0;}
h3.comments {padding:0; margin:40px auto 20px ;}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color:#333;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration:none;}

.entry p a:visited {color:#b85b5a;}
.commentlist li, #commentform input, #commentform textarea {font:0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li {font-weight:bold;}
.commentlist cite, .commentlist cite a {font-weight:bold; font-style:normal; font-size:1.1em;}
.commentlist p {font-weight:normal; line-height:1.5em; text-transform:none;}
#commentform p {font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight:normal;}

#sidebar {font:1em 'Lucida Grande', Verdana, Arial, Sans-Serif;}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color:#777;}

pre	{overflow:auto; width:620px; margin:0 0 20px; padding:10px; background:#f9f9f9; border:1px solid #ccc; border-width:1px 0; font-family:monospace;}
code {font:1.2em 'Courier New', Courier, Fixed;}
code span.brackets 					 {font-weight:bold;}
code span.comment 	  			 {color:#999;}
code span.keywords,
code span.tag                {color:#8c4a1c;}
																
code.javascript span.string,      
code.css span.urls,               
code.css span.selectors,          
code.ruby span.string,
code span.instance			     {color:#03c;}
																
code.javascript span.global,      
code.css span.properties,         
code.ruby span.symbol,
code span.method 			      {color:#2c85cc;}

.css .comment {color:gray;}
.css .properties {color:navy;}
.css .selectors {color:maroon; font-weight:bold;}
.css .units {color:red;}
.css .urls {color:green;}

.note {padding:10px 20px; font-size:90%; border:1px solid gray; background-color:#ffffdf;}

acronym, abbr, span.caps {font-size:0.9em; letter-spacing:.07em;}

a, h2 a:hover, h3 a:hover {color:#215f00; text-decoration:none;}
a:hover {color:#147; text-decoration:underline;}

#wp-calendar #prev a, #wp-calendar #next a {font-size:9pt;}
#wp-calendar a {text-decoration:none;}
#wp-calendar caption {font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align:center;}
#wp-calendar th {font-style:normal; text-transform:capitalize;}

/* End Typography & Colors */

/* Begin Structure */
body 					{margin:0; padding:0; }
#wrapper 			{margin:0 auto 0 70px; padding:0; width:960px;}
#header 			{width:100%; margin:0; padding:50px 0 20px;}
#header h3		{margin:0;}
#header h3 a	{color:#215F00; font-size:300%; text-shadow:1px 1px 3px rgba(119,119,119,.8);}
#header h4		{margin:0;}

#content	{float:left;}

.narrowcolumn {float:left; padding:0 0 20px 45px; margin:0px 0 0; width:450px;}
.widecolumn 	{width:640px; margin:0; padding:0;}

.post {margin:0 0 40px;}
.post hr {display:block;}
.widecolumn .post {margin:0;}
.narrowcolumn .postmetadata {padding-top:5px;}
.widecolumn .postmetadata {margin:30px 0;}
.widecolumn .smallattachment {text-align:center; float:left; width:128px; margin:5px 5px 5px 0px;}
.widecolumn .attachment {text-align:center; margin:5px 0px;}

.postmetadata {clear:left;}

#footer {float:left; clear:both; width:100%; padding:0; margin:30px 0 0; border-top:1px solid #999;
  background:#d7e4a4;
  background:-webkit-gradient(linear,left bottom,left top,color-stop(0.34, rgba(215,228,164,.8)),color-stop(0.67, rgba(189,204,129,.8)));
  background:-moz-linear-gradient(center bottom,rgba(215,228,164,.8) 34%,rgba(189,204,129,.8) 67%);
}
#footer_inner {float:left; margin:0; padding:20px 70px; text-align:left;}

#social_links 		{float:left; list-style:none; margin:0; padding:0;}
#social_links li	{float:left; display:inline; margin:0 18px 0 0; padding:0;}
#social_links a		{float:left; display:block; line-height:1.8em;}
#social_links a img {margin-right:4px;}
#feed							{}
#twitter					{}
#facebook					{}
#flickr						{}

/* End Structure */

/* Begin Images */
p img {padding:0; max-width:100%;}
p img.centered {display:block; margin-left:auto; margin-right:auto;}
p img.alignright {padding:2px; margin:0 0 10px 15px; display:inline; border:1px solid gray;}
p img.alignleft {padding:2px; margin:0 15px 10px 0; display:inline; border:1px solid gray;}
.alignright {float:right;}
.alignleft {float:left}
/* End Images */

/* Begin Lists

Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ol,
html>body .entry ul {margin:10px 0 10px 35px; padding:0;}
html>body .entry li {margin:3px 0;}

.postmetadata ul, .postmetadata li {display:inline; list-style-type:none; list-style-image:none;}

#sidebar ul, #sidebar ul ol {margin:0; padding:0;}
#sidebar ul li {list-style-type:none; list-style-image:none; margin-bottom:15px;}
#sidebar ul p, #sidebar ul select {margin:5px 0 8px;}
#sidebar ul ul, #sidebar ul ol {margin:5px 0 0 10px;}
#sidebar ul ul ul, #sidebar ul ol {margin:0 0 0 10px;}
ol li, #sidebar ul ol li {list-style:decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {margin:3px 0 0; padding:0;}
/* End Entry Lists */

/* Begin Form Elements */
#searchform {margin:10px auto; padding:0;}
#searchform label {display:block;}
#sidebar #searchform #s {width:108px; padding:2px;}
#sidebar #searchsubmit {padding:1px;}

.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center;}
select {width:130px;}
#commentform input {width:170px; padding:2px; margin:5px 5px 1px 0;}
#commentform textarea {width:100%; padding:2px;}
#commentform #submit {margin:0; float:right;}
/* End Form Elements */

/* Begin Comments*/
.alt {margin:0; padding:10px;}
.commentlist {padding:0; text-align:justify;}
.commentlist li {margin:15px 0 3px; padding:5px 10px 3px; list-style:none;}
.commentlist p {margin:10px 5px 10px 0;}
#commentform p {margin:5px 0;}
.nocomments {text-align:center; margin:0; padding:0;}
.commentmetadata {margin:0; display:block;}
/* End Comments */

/* Begin Sidebar */
#sidebar {float:left; width:240px; margin:0; padding:20px 0 10px 30px;}
#sidebar form {margin:0;}
/* End Sidebar */

/* Begin Calendar */
#wp-calendar {empty-cells:show; margin:10px auto 0; width:155px;}
#wp-calendar #next a {padding-right:10px; text-align:right;}
#wp-calendar #prev a {padding-left:10px; text-align:left;}
#wp-calendar a {display:block;}
#wp-calendar caption {text-align:center; width:100%;}
#wp-calendar td {padding:3px 0; text-align:center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color:#fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor:help;}
acronym, abbr {border-bottom:1px dashed #999;}
blockquote {margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd;}
blockquote cite {margin:5px 0 0; display:block;}

.center {text-align:center;}

hr {display:none;}

a img {border:none;}

.navigation {display:none; float:left; width:100%; text-align:center; margin:10px 0; padding:10px 0; border-color:#ddd; border-style:solid; border-width:1px 0;}
/* End Various Tags & Classes*/