/*  
Theme Name: Wayside Violet
Theme URI: http://waysideviolet.com
Description: Flowers and nature.
Version: 1.0
Author: Joel G Goodman
Author URI: http://joel.thegoodmanblog.com
*/

/* 
Grey: #f5f5f5
blue: #c4d0ff
green: #77ad7e
white: #e8edff 
black: #333


*/

/* RESET */

* {margin: 0; padding: 0;}
html {overflow-y: scroll;}
html body {height: 100%;}
body {font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; }
ul {list-style: none;}
ol {list-style: decimal outside;}
a { outline: none; text-decoration: none;}
a img {border: none;}
img {vertical-align: middle;}
table {border-collapse: collapse;}

/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

/* UTILITY */
.floatRight{float:right; }
.floatLeft{ float:left; }
.clear { clear:both; }
.button { border: 1px solid #777; 
          background: #c4d0ff;
		  padding: 1px 8px; 
		  font-size: 1.1em;
		  -moz-border-radius: 5px; 
		  -webkit-border-radius: 5px; 
		  color: #254d80; 
		  font-weight:normal;
		  text-transform:lowercase;
	  }
.button:hover { background: none; }

/* WP IMAGES */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #c4d0ff;
   text-align: center;
   background-color: #f5f5f5;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}



/* TYPOGRAPHY */
h1 { font-size: 3.0em; color: #666; }
h2 { font-size: 2.5em; color: #666; }
h3 { font-size: 2.0em; color: #666; }
h4 { font-size: 1.3em; font-weight: bold; color: #333; }

p { font-size: 1.35em; padding-bottom: 1.0em; line-height: 1.6em;}
ul { font-size: 1.3em;
	 padding-top: 5px;
	 padding-bottom: 5px;}
a { color: #77ad7e; font-weight: bold;}
a:hover { text-decoration: underline;}

/* STRUCTURE */
body { background: #f5f5f5 url(./img/bgright.png) no-repeat fixed top right;
	   color: #222; 
      }

#header { float:right;   
		  width: 322px; 
		  height: 157px;
		  position: fixed;
		  margin-right: 0px;
		  top: 0%;
		  right: 0;
		  }
#header img { top:0%; position: fixed; width: 322px; height:157px; z-index: 50; }
#header h1 { text-indent: -9999px; }
#blogDesc { margin-top: 55px; height: auto; float:right; margin-right: 35px; width:auto; position: relative; color: #666666; z-index: 99; }
#wrapper { 
			padding-top: 30px; 
			margin-bottom: -60px;
			min-height: 100%; 
			height: auto !important; 
			height: 100%;
}



.post { width: auto; max-width:750px; margin-right: 20px; margin-bottom: 75px;}
.postWrap {float:left;
			   }
.titleGroup { 
		    background: url(./img/titlebg.png) repeat-x left;
		    height: 80px; }
.titleL { 
		 height: 100%; 
		 float: left;
		 background: url(./img/titlebranch.png) no-repeat left;
}
.titleL h1 { max-width: 550px; overflow: hidden; }		    
		    
.titleDate { color: white; 
			 float: right;
			 height: 100%;
			 margin-top: -2px;
			 width: 140px;
			 background: url(./img/title-cap.png) no-repeat right;
			 text-align: center;
}
.titleDate p { padding: 9px 0 9px;
			   margin-top: 11px;  
			   font-size: 2.0em; 
			   font-weight:600;
			   width: 140px;
			   border-left: dashed thin white;
			   line-height: 0.9em;
			   }
.postTitle { padding: 15px 0 0 45px; margin-bottom: -2px; }
.postTitle a, .titleTags a { color: white; text-decoration: none;}
h1.postTitle a:hover, .titleTags a:hover { color: white; text-decoration: underline;}
.postTitle { color: white; }
.titleTags { padding-left: 46px; 
			 color: #254d80; 
			 font-weight: bold; 
			 font-size: 1.2em;}
.titleTags a { color: #254d80; }

.postContent { max-width: 750px;
			   margin-left: 45px;
			   padding-right: 175px; 
			   margin-top: 5px;
			   }
.postMeta { float:right;
		    height: auto;
			width: 120px;
			padding-left: 20px;
			border-left: dashed thin #dbd2b7;
			}
.fullMeta { font-size: 1.0em; font-style: italic; color: #888;}
#singleMeta { margin-left: 45px; }
#singleComments { margin-left: 45px; }
#singleComments ol{ list-style:none; }
input { padding: 4px; }

.authGrav { width: 100px; height: 100px; background: url(./img/gravbg.png); margin-top:auto; margin-bottom: auto; vertical-align:middle; }
img.avatar { border: 2px solid #dbd2b7; margin-top: 12px; margin-left: 12px;}
ul.metaList { margin-left: 6px; }
.navigation { margin-left:45px; margin-right: 45px;}
.navigation a{  border: 1px solid #777; 
          background: #c4d0ff;
		  padding: 1px 8px; 
		  font-size: 1.1em;
		  -moz-border-radius: 5px; 
		  -webkit-border-radius: 5px; 
		  color: #254d80; 
		  font-weight:normal;
		  text-transform:lowercase; }
.navigation a:hover { background: none; text-decoration:none;}

/* SIDEBAR */
#sb { float: right; 
	  width: 200px;
	  position:fixed;
	  right: 0;
	  margin-top: 110px;
	  text-align: center;
	  margin-right: 25px;
	
	  }
#sb h2 { font-size:2.0em; }
#sb li.linkcat { list-style:none; }
#sb ul.postArchives { background:url(./img/widgetbg.png) repeat-y; 	
                   -moz-border-radius: 15px;
				   -webkit-border-radius: 15px;}
#sb .links ul.xoxo {background:url(./img/widgetbg.png) repeat-y; 
                    -moz-border-radius: 15px;
				    -webkit-border-radius: 15px;
}

.widget { padding-bottom: 25px; }				

/* COMMENTS */
ol.commentlist { list-style:none;}
ol.commentlist a {color: #254d80;}
ol.commentlist a:hover { color: #333; }
.comGrav { width: 100px; height: 100px; background: url(./img/gravbg.png); float: right;}
.commentlist li { margin: 10px 10px 20px -45px; 
				  padding:10px 10px 10px 45px; 
				  min-height: 100px; 
				  background: url(./img/combg.png) no-repeat bottom;
				  border-bottom:thin solid #cfd1ff;
				  border-right:thin solid #cfd0ff;
				  -moz-border-radius: 15px;
				  -webkit-border-radius: 15px;
				  }
.commentmetadata { position: relative; bottom:0; }
#commentform input {border: thin solid #c4d0ff; 
			       -moz-border-radius: 15px;
				   -webkit-border-radius: 15px;
				   padding: 0.5em;}

textarea#comment { border: thin solid #c4d0ff; 
			       -moz-border-radius: 15px;
				   -webkit-border-radius: 15px;
				   padding: 0.5em;
				   font-family: Arial, Helvetica, sans-serif;
				  }

/* FOOTER */

#push {height:55px; }	  
#footer { height: 60px; 
		  width: 100%;
		  color: white; 
		  text-align:left; 
		  border-top: #e8edff solid 3px;
		  background: rgb(80, 80, 80); /* For No RGBa Support */
		  background: rgba(51, 51, 51, 0.6);
		  
		  }
#footer a { color:white; font-weight:bold; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
p.box { font-size:0.8em; line-height:1.1em;width: 300px;padding-top:10px;  }
.box img {margin-right: 10px; float:left;}

#legal {margin-left: 15px; font-size: 1.2em; color:white; float: left; z-index:10; position:relative; padding-bottom:0;}
#fExtra { float: right; margin-right: 15px; font-size: 1.2em; color:white; z-index:10; position:relative; text-align: center; padding-top:5px;padding-bottom: 0; margin-bottom:0;}
.feedLink { background: url(./img/rss.png) no-repeat; padding-left: 20px; padding-bottom: 2px; padding-top:1px; vertical-align:middle; height: 16px;}