/*  
Theme Name: gruskin
Theme URI: http://meex.it
Description: started from 5thirtyone, and changed everything
Version: 1.0
Author: Thomas M Alisi
Author URI: http://morpheus.micc.unifi.it/alisi/

This theme was designed and coded by Derek Punsalan. Later was hardly corrected by grudelsud.
You can find his ramblings and additional work at http://5thirtyone.com/
Please give credit where credit is due.

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* +global
************************************/
* { margin: 0; padding: 0; }

a {text-decoration: none; outline: none; color: #71219E;}
a:hover {background: #EAD4F7;}
h1, h2, h3 {text-transform: lowercase; letter-spacing: -1px;}
h1 {font-size: 140%;}
h2 {font-size: 130%;}
h2 span {color: #EAD4F7;}
h3 {font-size: 120%;}
strong {}
a img { border: 0; }

body {
	background: #333;
	text-align: center;
	font-family: "Arial","Lucida Grande",Helvetica, Verdana, sans-serif;
	font-size: 90%;
	line-height: 120%;
}

.content { width: 90%; margin: 0 auto; text-align: left; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.clearer { clear: both; }
.hidden { display: none; }

/* +header content
************************************/
#head { text-align: right; padding: 10px 0; color: #EEEEEE; border-bottom: 4px solid #EAD4F7; }
#head-quote { height: 150px; background: url(images/head_me.gif) center left no-repeat; padding-left: 210px; overflow: hidden; text-align: right; }

#head-nav { text-align: right; }
#head-nav ul { list-style-type: none; }
#head-nav ul li { display: inline; margin-left: 15px; }
#head-nav a { font-size: 120%; color: #EAD4F7; font-weight: bold; text-decoration: none; letter-spacing: -1px; }
#head-nav a:hover { background: #333; color: #EEEEEE; }

/* +top content
************************************/
#top { background: #fff url(images/bottom_grad.gif) repeat-x bottom left; color: #444; padding-bottom: 20px; }
#top h1, #top h2, #top h3, #top p, #top pre, #top blockquote, #top form, #top fieldset, #top ul, #top ol { margin: 1em 0; }	

#top-left { float: left; width: 70%; }

#top-left .post h2 { line-height: 1em; margin: 1em 0 0 0; }
.post h2 a { color: #71219E; margin: 0; padding: 0; }
.post h2 a:hover {}
#top-left .post h3 { background: url(images/brick.png) center left no-repeat; text-indent: 25px; font-size: 90%; margin: 0.5em 0 0 0; }

.indexComment, .asideComments { text-align: right; font-size: 80%; }

#navbar { float: right; width: 25%; margin: 10px 0 0 0; }
#navbar h2 { margin: 0; padding: 7px 0 0 0; text-align: right; }
#navbar ul { list-style: none; }
#navbar ul li { border: 1px solid #eee; border-width: 1px 0 0 0; display: block; overflow: hidden; }
#navbar ul li a { display: block; padding-left: 4px; }
#navbar ul li a:hover {}
#navbar ul li h2 { font-size: 100%; padding: 2px 0 0 0; }

/* +single post
************************************/

.entry { border: 1px dotted #999; border-width: 0 0 1px 0; }
.entry blockquote, { margin-left: 1em; background: #EEE; }
.entry ol { margin-left: 0.2em; }
.entry ul { margin-left: 0.2em; }
.entry ul li { list-style: none; background: url(images/bullet_purple.png) no-repeat top left; padding-left: 1.2em; }
.entry img { padding: 4px; border: 1px solid #eee; border-bottom-color: #ddd; border-left-color: #ddd; background: #fff; }
.entry img a:hover {background: #E9EFF5;}

/* +footer content
************************************/
#bottom { color: #ddd; border-top: 4px solid #EAD4F7; padding-top: 2em; font-size: 85%; }
#bottom p { margin: 1em 0; }
#bottom h2 span { color: #CF89F7; }
#bottom a { color: #CF89F7; }
#bottom a:hover { color: #71219E; background: #EAD4F7; }
#bottom ul { list-style: none; margin: 0; padding: 0; }
#bottom li { display: block; border-top: 1px solid #555; }

#bottom ul.asides { list-style: none; margin: 0; padding: 0; }
#bottom .asides li { display: block; margin: 1em 0 1em 0; border: 1px solid #EAD4F7; border-width: 0 0 1px 0; }

.bottom-left { float: left; width: 45%; }
.bottom-right { float: right; width: 45%; text-align: right; }

#footer { margin: 10px 0; padding: 0; }
#footer a { color: #EAD4F7; }
#footer a:hover { background: #EAD4F7; color: #71219E; }

/* +flickrstream content
************************************/
#bottom ul.flickrstream { list-style: none; margin: 0 0 10px 0; padding: 0; }
#bottom .flickrstream li { display: inline; margin: 0; padding: 0; border: 0; }	
#bottom .flickrstream li img { margin: 10px 10px 0 0; border: 1px solid #EAD4F7; padding: 2px; }
#bottom .flickrstream li a:hover { background: #333; }

/* +comments
************************************/

ol.commentlist, ol.pingslist { list-style: none; }
.commentlist li, .pinglist li { margin: 0 0 3px 0; padding: 3px 0 0 3px; background: #555; }

#author, #email, #url, #comment, #mcspvalue { color: #eee; width: 100%; background: #333; border: 1px solid #555; padding: 2px;  }
#author:focus, #email:focus, #url:focus, #comment:focus, #mcspvalue:focus { background: #eee; color: #333; }
#author:focus, #email:focus, #url:focus, #comment:focus, #mcspvalue:focus, #submit:focus {border: 1px solid #6f6f6f;}
#submit { background: #333; border: 1px solid #555; color: #555; font-size: 1em; padding: 1px; }
#comment { overflow: auto; }

/* +livesearch
*************************/
input[type=text], textarea { color: #333; padding: 2px 0 2px 2px; margin: 0; }
input#livesearch { border: 1px solid #EEE; width: 97.1%; }
input#s { width: 75%; }
.livesearchform input[type=submit] { margin: 0; }
#LSResult { width: 98%; z-index: 100; background: #EEE; }
#searchcontrols { text-align: center; padding: 1px; background: #999999; }
#searchcontrols small { margin: 0; padding: 0; }
.LSRow:hover, #LSHighlight, #LSHighlight:hover { background: #EAD4F7; }
#LSResult:hover #LSHighlight { background: none; border: none; padding: 5px 2px; }
#LSHighlight small, #LSHighlight small span a { color: #999; }
.LSRow { padding: 5px 10px; border: 1px dotted #333; border-width: 1px 0 0 0; }
.LSRow span a { word-spacing: -1px; line-height: 1em; font-weight: normal; color: #bbb; }

/* contactform styling */
.contactright {color: #bbb;}
#contactsubmit { background: #71219E; color: #eee; border: 1px solid #EAD4F7; font-size: 1em; padding: 1px; }
.contacterror { padding:2px; font-size: 0.9em; border: 1px solid #EAD4F7 !important; width:208px; }
.contacterror:focus { color: #444; border: 1px solid #EAD4F7 !important; }
#wpcf_your_name, #wpcf_email, #wpcf_website, #wpcf_msg { font-family: "arial", verdana, sans-serif; padding:2px; font-size: 0.9em; border: 1px solid #bbb; width:208px; }
#wpcf_your_name:focus, #wpcf_email:focus, #wpcf_website:focus, #wpcf_msg:focus { color: #444; border: 1px solid #EAD4F7 !important; overflow:auto; }