/*
Theme Name: La Geekitude Watercolor
Description: Custom Wordpress theme designed for Elegant Coders La Geekitude Blog by Quintessential Mischief LLC
Version: 1.0
Author: Quintessential Mischief LLC
*/

* 		{ /* removes default margins and padding on all elements */
		margin:		0;
		padding:	0;
		}

body 		{/* set basic siteside styles */
		font-family: calibri, verdana, sans-serif;
		font-size: medium; 
		color: #000000;
		background-color: #499ab5;
		background-image: url(http://www.elegantcoders.com/geekitude/wp-content/themes/lageekitude/images/background.jpg);
		background-repeat: repeat-y;
		background-position: top center;
		background-attachment: fixed;
 		}

img		{ /*remove visible border on images */
		border: none;
		}

fieldset 	{ /* remove visible border on form fieldsets */
		border: 	none;
		}

input.text 	{ /* set the background and text color for form input boxes */
		background-color: #ffffff;
		color: #000000;
		}

	/* img styles required for wordpress wysiwyg to work properly */	
.aligncenter,
div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

.alignleft 	{
		float: left;
		}

.alignright 	{
		float: right;
		}

		/* caption code may be edited as desired for theme */
.wp-caption 	{
}		

.wp-caption img {
  
		}

.wp-caption p.wp-caption-text {
 
		}
	/* end required img styles */

/* header.php specific styles */

div#container	{
		background-color: #ffffff;
		min-width: 770px; 
		max-width: 1200px; 
		width: auto;
		margin-left: auto;
		margin-right: auto;
		margin-top: 25px;
		margin-bottom: 25px;
		padding: 5px 0 25px 15px;
		border: 1px solid #1d5050;
		}
		
div#content	{
		width: 65%;
		margin-left: 30px; 
		line-height: 150%;
		font-size: 103%;
		}
		
div#actions	{ /* style right side image links */
		float: right;
		width: 27%;
		margin-left: 15px;
		margin-right: 25px;
		}

.access		{ /* visually hides text-based blog title */
		display: none;
		}
			
.search		{ /* search box style */
		margin: 15px;
		}

.addthis	{ /* styles for addthis button */
		padding-top: 15px;
		text-align: center;
		}
	
		
/* end header.php specific styles */
								
	
/* footer styles */
div#footer	{
		background-color: #ffffff; 
		min-width: 775px; 
		max-width: 1205px; 
		width: auto;
		margin-left: auto;
		margin-right: auto;
		margin-top: 25px;
		margin-bottom: 25px;
		padding: 5px;
		border: 1px solid #1d5050;
		}		

div#nav		{
		width: 65%;
		margin-left: 30px; 
		padding: 5px 0 5px 0;
		}
		
div#legal	{
		float: right;
		width: 27%;
		margin-top: 5px;
		margin-left: 15px;
		margin-right: 15px;
		padding: 5px 5px 0 5px;
		font-size: smaller;
		border: 1px solid #437777;
		background: #bae5e5;
		}

ul.navlist	{
		margin-left: 0;
		text-indent: 0;
		}
		
ul.navlist li	{
		display: inline;
		border-left: 1px solid #437777;
		padding: 0 20px 0 20px;
		}
		
li.navlast	{
		display: inline;
		border-right: 1px solid #437777;
		padding: 0 20px 0 20px;
		}
		
/* end footer styles */
	

/* sitewide styles */

	/* sitewide headline styles */

h2 		{
		font-size:	1.5em;
		padding:	0.66em 0;
		}

h3, h4, h5, h6	{
		font-size:	1.2em;
		padding:	0.33em 0;
		}
		
	/* end headline styles */
				
	/* sitewide structural styles */					

p 		{
		padding-bottom:	0.66em;
		}

	/* end sitewide structural styles */
	
	/* sitewide alignment styles */
.center		{
		text-align: center;
		}

.floatright	{
		float: right;
		}

.floatleft	{
		float:left;
		}
		
.clearboth	{
		clear: both;
		}
		
.clearleft	{
		clear: left;
		}
		
.clearright	{
		clear: right;
		}

	/* sitewide alignment styles */
	
	/* sitewide font styles */
		
.smallcaps	{
		font-variant: small-caps;
		}
		
	/* end sitewide font styles */


	/* sitewide link styles */	
a:link 		{
		color: #0066cc;
		}
		
a:visited 	{
		color: #0066cc;
		}
		
a:hover		{
		color: #0066cc;
		}
		
a:active 		{
		color: #0066cc;
		}

	/* end sitewide link styles */

	/* end sitewide list styles */
			
ul 		{
  		list-style-type: disc;
  		padding: 15px;
		}
		
ul, ol 		{
 		list-style-position: inside;
  		margin-left: 1.5em;
  		text-indent: -1.5em;
		}

li 		{
  		margin-left: 0.5em;
  		padding: 0;
		}

li p		{
		margin-left: 0.5em;
		text-indent: 0;
		}
		
	/* end sitewide list styles */

/* end sitewide styles */

/* page specific styles */

	/* index.php, single.php, and category.php styles */

div.post	{
		margin-bottom: 25px;
		border: 1px solid #437777;
		padding: 10px 20px 20px 20px;
		}

div.headline	{
		margin: 0;
		padding: 0 0 20px 0;
		}

.arrow		{
		vertical-align: middle;
		padding-top: 3px;
		}

		/* post headline styles */
		
.posttitle	{ /* style post title */
		font-size: 1.5em;
		font-weight: lighter;
		font-variant: small-caps;
		color: #1e4e4e;
		}
						
.posttitle a:link	{
			text-decoration: none;
			color: #0066cc;
			}

.posttitle a:visited	{
			text-decoration: none;
			color: #0066cc;
			}
			
.posttitle a:hover	{
			text-decoration: underline;
			color: #0066cc;
			}

.postsubhead	{ /* style h2 subhead */
		font-size: 0.8em;
		text-indent: 20px;
		font-weight: lighter;
		margin-top: -15px;
		color: #1d4e4e;
		}

div.postdate	{ /* style post date */
		display: inline;
		float: right;
		font-size: smaller;
		font-weight: bold;
		}
		
		/* end post headline styles */
		
		/* style category link in posts */

div.categoryline	{
			text-indent: 10%;
			font-style: italic;
			}

.categoryline a:link	{
			text-decoration: none;
			}

.categoryline a:visited	{
			text-decoration: none;
			}
			
.categoryline a:hover	{
			text-decoration: none;
			}

		/* end style category link in posts */
		
		/* drop shadow css around posts and comments */
	
.shadow-container 	{
			position: relative;
			left: 3px;
			top: 3px;
			margin-right: 3px;
			margin-bottom: 3px;
			}
 
.shadow-container .shadow2,
.shadow-container .shadow3,
.shadow-container .shadowbox	{
				position: relative;
				left: -1px;
				top: -1px;
				}
 
.shadow-container .shadow1	{
				background: #F1F0F1;
				}
 
.shadow-container .shadow2 	{
				background: #DBDADB;
				}
 
.shadow-container .shadow3 	{
				background: #B8B6B8;
				}
 
.shadow-container .shadowbox 	{
				background: #ffffff;
				/*	border: 1px solid #848284; */
				/*	padding: 10px; */
				}
		/* enddrop shadow css around posts and comments */
		
		/* post to post navigation styles */
.postnav		{
			margin-top: 20px;
			border-top-style: dotted;
			border-color: #6FC9C9;
			padding: 20px 0 10px 0;
			text-align: center;
			}

.pipe			{
			padding: 0 20px 0 20px;
			}

		/* end post to post navigation styles */
		
		/* comment area styles */
			 			
ol#commentlist 		{
			margin-left: 12%;
			padding: 20px 0 0 0;
			text-indent: 0;
			}

#commentlist li 	{
			list-style: none;
			margin-bottom: 14px;
			}

#commentlist cite 	{
			padding: 7px;
			display: block;
			font-style: normal;
			border-top: 1px solid #399999;
			border-bottom: 1px solid #399999;
			}	

.commentbox		{
			border: 1px solid #437777;
			padding: 10px 20px 20px 20px;
			}

.commenttext		{
			padding: 10px 0 0 0;
			}

.commentreg		{
			margin-left: 15%;
			}

#comment, #author, #email, #url		{
					border: 1px solid #999999;
					}

.commentlink a:link	{
			text-decoration: none;
			color: #0066cc;
			}

.commentlink a:visited	{
			text-decoration: none;
			color: #0066cc;
			}
			
.commentlink a:hover	{
			text-decoration: underline;
			color: #0066cc;
			}

.commentballoon		{
			float: left;
			padding-right: 15px;
			}

		/* end comment area styles */
		
		/* morelink styles */
				
.morelink a:link	{
			text-decoration: none;
			color: #0066cc;
			}

.morelink a:visited	{
			text-decoration: none;
			color: #0066cc;
			}
			
.morelink a:hover	{
			text-decoration: underline;
			color: #0066cc;
			}

		/* end morelink styles */
	
	/* endindex.php, single.php, and category.php styles */

	/* category page styles */
		
.categoryhead	{ /* headline style on category pages */
		display:inline;
		/* text-align: center; */
		padding-bottom: 10px;
		}
		
.categoryicon 	{ /* style category headline folder image */
		padding-right: 10px;
		padding-bottom: 10px;
		vertical-align: middle;
		}
		
	/* end category page styles */		
		
	/* 404 page specific styles */

div#error	{
		margin-bottom: 25px;
		border: 1px solid #437777;
		padding: 10px 20px 20px 20px;
		}		

	/* end 404 page specific styles */

	/* tweets category and posts styles */	
				
div.tweetbox	{ /* format for the tweet post */
		border: 1px solid #437777;
		background: #bae5e5;
		margin: 1.0em 0;
		padding: 8px;
		}
		
.tweettext	{ /* format for the tweet content */
		padding: 0 15px 5px 140px;
		}
		
.tweetactions	{ /* format and style tweet action links menue */
		float: right;
		border: 1px solid #437777;
		background: #ffffff;
		margin: 5px 5px 5px 10px;
		padding: 5px;
		}
		
.tweetmeta	{ /* format meta data about the tweet */
		font-style: italic;
		padding-top: 25px;
		}

	/* end tweets category and posts styles */

	/* subscription page styles */

div#feedburner	{
		border: 1px solid #437777;
		color: #999;
		margin-left: 170px;
		width: 200px;
		padding: 0 0 10px 10px;
		font-weight: bold;
		font-style: italic;
		}
		
.rssicon	{
		vertical-align: middle;
		padding-right: 20px;
		}

.feedstyle	{
		font-size: larger;
		}
		
.feedstyle a:link	{
			text-decoration: none;
			}
					
.feedstyle a:active	{
			text-decoration: none;
			}
			
.feedstyle a:visited	{
			text-decoration: none;
			}
			
.feedstyle a:hover	{
			text-decoration: underline;
			}
	/* subscription page styles */				

	/* about Barbara page styles */

.biopic			{
			float: right;
			padding-left: 15px;
			padding-bottom: 10px;
			}
	/* end about Barbara page styles */

	/* styles for wordpress pages */
	
.pagehead	{ /* format headline */
		/* text-align: center; */
		padding-bottom: 10px;
		}

	/* end styles for wordpress pages */
										
/* end page specific styles */