/*   
Theme Name: imaginality
Theme URI: http://www.ionopolis.com/themes/ionopolis
Description: ionopolis is my first attempt at making a wordpress theme
Author: Darren Hill
Author URI: http://www.darrenrhill.com
Version: 0.1
.
Hey, if you are daft enough to want to use this then just give me credit
.
*/

body {
	background-image: none;
	background-color: #FFFFFF;
}

a {
	color: #666666;
}

a:hover {
	color:#990000;
}

#container {
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	background-color: white;
	/*background-image: url(images/test.png);*/
	background-repeat: repeat-x;
}

#header {
	height:150px;
	background-image: url(images/header_shelf1.png);
}

#header h1{
	padding-top:20px;
	padding-left: 100px;
}

#header .description {
	color: #999999;
	text-align: left;
	margin-top: -75px;
	font-family: Georgia;
	margin-left: 320px;
	font-style: italic;
}
/* #navigation {
background: red;
} */


/* the following is the navigation code. For full details on how it works see my evernote */

#navigation {
background: black;
height: 30px;
font-size:16pt;
}

#navigation ul
{
margin: 0;
padding: 0px;
list-style-type: none;
}

#navigation ul li { display: inline; }

#navigation ul li a
{
	text-decoration: none;
	color: #fff;
	background-color: #000000;
}

#navigation ul li a:hover
{
	color: #fff;
	background-color: #333333;
}

/* end of nabigation code */

#content {
background: white;
}

.post-date {
	color: #990000;
	padding-left: 10px;
}
.post-title {
	padding-left:10px;
	}

.entry {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left:10px;
}

#sidebar {
}

#sidebar h2 {
	color: #FFFFFF;
	background-color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 10px;
}

#sidebar2 {
}

#sidebar2 h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #990000;
	font-size: 14px;
	padding-left: 10px;
}


/* sociable plugin bits */

div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
        background: none;
        float:left; /* IE FIX */
        display: inline !important;
        list-style-type: none;
        margin: 0;
        padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

#footer {
background: white;
}

/* the fonts */

#header H1 {
font-family: verdana;
font-size: 3em;
}