/*
	Theme Name: TwoToneSpirit
	Theme URI: http://www.justinholmes.com
	Description: Gradient licked borders and toned, widget-driven sidebar
	Version: 1.0
	Author: Justin holmes
	Author URI: http://www.justinholmes.com/ http://www.acroyear2.org/
	Tags: widgets, blue, white, right sidebar, fixed width, two columns, valid CSS, valid XHTML, widget ready, 2 column, 2 columns, clean, simple, free, Gravatar, light, minimal, minimalist, sidebar right, tags, Two Column, widgetized, widget
*/

/* whole page */
#menu {
background:#b4befd;
bottom:0;
height:85px;
position:fixed;
width:100%;
z-index:25;
}

#menu-bg {
background:#b4befd url(/wp-content/themes/justinholmes/images/gradient-bottom-flip.jpg) repeat-x center -12px;
bottom:0;
height:85px;
position:fixed;
width:100%;
z-index:25;
left:260px;
}

body {
	margin: 0em;
	padding: 0em;
	color: #1e2138;
	background: #DCDCDC url(/wp-content/themes/justinholmes/images/bg-pencil.png) fixed;
	font-family: Verdana, Helvetica, sans-serif, arial;
	font-size: 14px;
	line-height: 1.3em;
}

#post-bottom {
margin-top:85px;
margin-bottom:10px;
}
#page {
min-height:825px;
overflow:hidden;
padding-bottom:100px;
padding-left:60px;
}

#page-page {
background:#FFFFFF url(/wp-content/themes/justinholmes/images/home-gradient.jpg) fixed repeat-x;
width:80%;
max-width:1000px;
margin: 0px auto;
}

#page-content {
margin-left:100px;
margin-right:100px;
}

#profile-pic {
position:relative;
vertical-align:middle;
}

#profile-pic img{
	display:block;
	}


#leftside {
bottom:131px;
float:left;
height:100%;
position:fixed;
width:12%;
}


h1 a, h3 a, h1 a:visited, h3 a:visited {
	color: #1e2138;
	background: inherit;
	text-decoration: none;
}

a {
	color: blue;
	text-decoration: none;
}

a img {
border:none;
}

a:hover, #sidebar a:hover {
color:green;
	text-decoration: underline;
}
a:visited {
	color: #a360ff;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

blockquote {
	margin: 1em 2em 1em 1em;
	font-size: 0.9em;
}

/* end whole page */




/* content area */
#content {
width:500px;
padding-left:20px;
}

#content h2 {
font-size:1.6em;
margin:20px 0 0;
padding:0;
line-height:25px;
}

#content .post {
	margin: 0em 0em 0em;
}

#content h3 {
	margin: 0em;
	padding: 0em;
	
	font-size: 1.25em;
}

#content .postmetadata {
	color: #777777;
	background: inherit;
	
	font-size: 0.9em;
}

.time {
font-size:10px;
}

#content .navigation {
	margin: 2em 0em 0em;
	padding: 0em;
	
	display: block;
}

#content .goback {
	margin: 0em 0.5em 0em 0em;
	padding: 0em;
	
	float: left;
	
	font-size: 1.25em;
}

#content .goforward {
	margin: 0em 0em 0em 0.5em;
	padding: 0em;
	
	float: right;
	
	font-size: 1.25em;
}

#comments {
	margin: 2em 0em 1em;
	padding: 0em;
	
	clear: both;
}

.commentlist {	
	margin: 0em;
	padding: 0em;
	width: 480px;
	font-size: 0.9em;
}

.commentlist li {
	margin: 0em;
	padding: 0em;
	
	list-style-type: none;
}

.commentlist img.avatar {
	float: right;
	margin-left: 1em;
}

.commentmetadata {
	margin: 0em 0em 2em;
	color: #777777;
	background: inherit;
}

#content #respond {
	margin: 2em 0em 1em;
	padding: 0em;
	
	clear: left;
}
/* end content area */


/* these rules are added for compatibility with WordPress Theme Directory */

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {

	float: left;
}

.alignright {
	float: right;
}



.wp-caption {
	border: 1px solid #1e2138;
	text-align: center;
		padding-top: 4px;
	margin: 10px;
font-size:12px;
line-height:15px;
}

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

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

/* end Theme Directory compatibility */

/* sidebar */
#sidebar {
background:#B4BEFD none repeat scroll 0 0;
float:left;
z-index:20;
width:230px;
padding-top:10px;
}

.postform {
width:160px;
}

#sidebar .widget
{
margin-left:20px;
width:215px;
}

#sidebar a {
color: #1e2138;
}

#sidebar h2 {
	margin: 0em;
	padding: 0em;
	font-size: 1.0em;
}

#sidebar h2 a, #sidebar h2 a:visited {
	color: black;
}

#sidebar h2 a:hover {
	color: white;
	background: #1070c0;
}

#sidebar ul {
	margin: 0em;
	padding: 0em;
}

#sidebar ul li {
	margin: 0em 0em 1em;
	padding: 0em;
	list-style-type: none;
}



#sidebar ul li p, #sidebar ul li ul, #sidebar ul li ol {
	font-size: 0.8em;
}

#sidebar ul li ul li, #sidebar ul li ol li {
	margin: 0em;
	padding: 0em;
list-style-type: disc;
}

#sidebar .textwidget {
	font-size: 0.8em;
	clear:both;
	margin-right:30px;
}
/* end sidebar */

/* footer */
#footer {
border:2px solid #DCDCDC;
clear:left;
float:left;
margin:20px;
padding:5px;
width:600px;
}

#footer p {
	margin: 0em;
	padding: 0em;
	
	font-size: 0.8em;
	
	text-align: center;
}
/* end footer */

div.sociable {
clear:left;
}

#recent-posts
{
clear:right;
}

#sidebar h4
{
clear:right;
}

#wp-cumulus
{
position:relative;
right:50px;
}

.catcloud
{
color:#1e2138;
}

.catcloud a, .catcloud a:visited
{
color:black;
}

#category-cloud
{
clear:right;
width:240px;
}

#homebutton h1 {
	font-size: 2em;
	line-height: 1.75em; /* weird IE7 bug fix */
	float: left;
        color:#fff;
        position:relative;
        bottom:3px;
}

h1 a:hover {
color:white;
}

#homebutton a:hover {
text-decoration: underline;
}

#menubutton {
float:right;
margin-right:2em;
}


#homebutton {
float:right;
clear:right;
width:20%
height:85px;
margin-right:6%;
}





/* Mashup Page */

#left-column {
float:left;
width:50%;
clear:left;
margin-top:2em;
margin-left:auto;
}

#right-column {
float:right;
width:50%;
clear:right;
margin-top:2em;
margin-right:auto;
}

#top-level {
position:relative;
top:1em;
style:inline;
}

#news-left {
	margin: auto auto;
        margin-top:2em;
	padding: 0em;
        float:left;
        clear:left;
        width:90%;
        position:relative;
        left:5%;
}

#news-right{
	margin: auto auto;
        margin-top:2em;
	padding: 0em;
        float:right;
        clear:right;
        width:90%;
        position:relative;
        right:5%;
}

#news-left h2, #news-right h2 {
font-size:1.5em;
font-weight:bold;
text-align:center;
margin:auto auto;
position:relative;
}



#headlines {
position:relative;
top:2em;
margin:auto auto;
width:85%;
font-size:11px;
padding-left:5px;
padding-right:5px;
border:2px dashed gray;
line-height:.9em;
}

#headlines h1{
font-size: 15px;
}

#headlines p{
margin-top:4px;
}

#headlines a{
font-size:14px;
}

#newscat {
clear:right;
float:right;
width:40%;
border-bottom-color:black;
border-bottom-style:solid;
border-bottom-width:1px;
border-left-color:black;
border-left-style:solid;
border-left-width:1px;
border-right-color:black;
border-right-style:solid;
border-right-width:1px;
border-top-color:black;
border-top-style:solid;
border-top-width:1px;
position:relative;
font-size:12px;
line-height:5px;
}

#newscat h4 {
font-size 12px;
margin-top:10px;
margin-bottom:10px;
margin-right:auto;
margin-left:auto;
text-align:center;
}