/*  
Theme Name: BlueSwirls
Theme URI: http://www.timlawrence.net
Description: Theme created by Tim Lawrence.
Version: 1.0
Author: Tim Lawrence
Author URI: http://www.timlawrence.net/
*/

/* Reset default browser styles */
@import url('reset.css'); 


/******************** OVERALL LAYOUT STYLES (2 FLUID COLUMNS) ******************************/
html {height:100%}
body {
margin:0;
padding:0;
height:100%;
background-color:#000;
color: #000;
font-family: Arial, Helvetica, Tahoma, Sans-serif;
font-size: 62.5%;
}
#iewrap {
	text-align:center;
	padding:0;
	margin:0;
	min-height:100%;	
}
#wrap {
min-height:100%;
margin:0 auto;
width:960px;
background:url('images/sidebar_bg.png') top right repeat-y;
background-color:#fff;
text-align:left;
}
* html #wrap {height:100%} 
#inner-wrap:after {
content:" ";
display:block;
clear:both;
}
#header{
width: 960px;
height: 297px;
background-image:url('images/header_blog.jpg');
}
#header-about{
width: 960px;
height: 297px;
background-image:url('images/header_about.jpg');
}
#footer {
width:960px;
height:244px;
background-color: #333333;
color:#FF00FF;
text-align:center;
background-image:url('images/blogfooter.jpg');

} 
#right {
float:right;
width:300px;
}
#main {
position:relative;
margin-right:300px;
} 
/***************************** END OF GENERAL LAYOUT ***************************/

/***************************** STYLES WITHIN THE HEADER *************************/
#search {
	position:relative;
	float:right;
	padding:20px 20px 0 0;
}
#search img {
	padding:0 0 0 5px;
	vertical-align:middle;
	border:none;
}
#headertext {
	position:relative;
	top:100px; left:240px;
	width:475px;
	font-size:1.3em;
	font-weight:bold;
	color:#253c55;
	line-height:110%;	
}
#headertext p a:link, #headertext p a:visited {
	color:#fff;
	text-decoration:none;
}
#headertext p a:hover {
	text-decoration:underline;	
}
#navigation {
	padding:0;
	margin:0;
	position:relative;
	top:185px;
	left:20px;
}

#navigation ul {
list-style-type: none;
color:#e68a1e;
font-size:1.4em;
font-weight:bold;
}
#navigation ul li {
	display:inline;
	padding:0 10px;
}
#navigation a:link, #navigation a:visited {
	color:#e68a1e;
	text-decoration:none;
}
#navigation a:hover {
	color:#fff;
}
#icons {
	text-align:right;
	padding: 0 10px 0 0;
	margin:0;
	position:relative;
	top:162px;
	left:440px;
	width:50%;
}
#icons ul {
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
}
#icons ul li {
	display:inline;
	padding:0;
}
#icons img {
	border:none;
}
a.tooltip {
	position:relative;
	z-index:24;
	color:#000000;
	text-decoration:none;
}
a.tooltip:hover {z-index:25; }
a.tooltip span {display:none; }
a.tooltip:hover span {
	display:block;
	position:absolute;
	top:-46px; left:-50px;
	width:110px;
	padding:3px;
	border:2px solid #1FC000;
	text-align:center;
	font-weight:bold;
	background-image:url('images/tooltip_bg.png');
	color:#fff;
}
#recent_tweet {
	clear:both;
	float:left;
	position:relative;
	top:90px;
	left:248px;
	width:345px;
}
/******************** STYLES WITHIN THE SIDEBAR ******************************/
.sidebar {
	padding:0 0 50px 0;
}
.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.sidebar ul li{
padding: 10px 0;
}
.sidebar h2 {
	color:#E68A1E;
	padding:7px 0 7px 40px;
	background-image:url('images/sidebar_titles_bg.png');	
}
.sidebar ul li h2{
font-size: 1.6em;
}
.sidebar .ads {
	padding:20px 0 10px 24px;
}
.ad{
	display: inline;
}
#twitterfeed {
	padding:0 0 0 6px;
}
#polldaddy {
	padding:10px 0 0 85px;
}
.sidebar ul ul li{
	padding: 3px 3px 3px 50px;
	font-size:1.4em;
}
.sidebar ul ul li a:link, .sidebar ul ul li a:visited  {
	color:#000;
	text-decoration:none;
}
.sidebar ul ul li a:hover {
	text-decoration:underline;
}
.bookmarks {
	margin:-10px 20px 10px 00;
	font-size:1.0em;
}

/******************** FOOTER STYLES ******************************/
#footer-other{
	background-image:url('images/blogfooter.png');
	clear: both;
	width: 960px;
	height: 244px;	
	padding:0;
}
#footer-main{
	background-image:url('images/blogfooter.jpg');
	clear: both;
	width: 960px;
	height: 244px;	
	padding:0;
}
#footer-main #rss {
	float:right;
	margin:110px 45px 0 0;
}
#footer-main img {
	border:none;
}
#footer-about{
	background-image:url('images/about_footer.jpg');
	clear: both;
	width: 960px;
	height: 244px;	
	padding:0;
}
#footer-about img {
	border:none;
}
#flickrphotos{
	float:left;
	text-align:left;
	color:#fff;
	font-weight:bold;
	width:225px;
	padding:40px 0 0 30px;
}
#flickrphotos img {
	border:4px solid #23354B;
	margin:5px;
	width:75px;
	height:75px;
}
#librarything{
	float:left;
	text-align:center;
	color:#fff;
	font-weight:bold;
	width:225px;
	padding:40px 0 0 30px;		
}
#librarything img {
	border:4px solid #23354B;
	margin:5px;
}
#lastfm{
	float:left;
	text-align:center;
	color:#fff;
	font-weight:bold;
	width:225px;
	padding:40px 0 0 30px;		
}
#lastfm img {
	border:4px solid #23354B;
	margin:5px;
	width:75px;
	height:75px;	
}
/******************** FIRST POST (HOME PAGE) ******************************/
.firstpost{
	width:606px;
	height:234px;
	margin:10px 0 0 35px; 
	background-image:url('images/firstpost_bg.png');
}
.firstpost a:link, .firstpost a:visited {
	color:#1173E0;
	text-decoration:none;	
}
.firstpost a:hover {
	color:#2E5177;
}
.firstpost .day {
	position:relative;
	top:48px;
	left:20px;
	font-size:2.4em;
	font-weight:bold;
	color:#858585;
}
.firstpost .month {
	position:relative;
	top:48px;
	left:19px;
	font-weight:bold;
	font-size:1.6em;
	color:#858585;
}
.firstpost h2{
	font-size: 1.8em;
	position:relative;
	top:15px;
	left:75px;
}
.firstpost .postinfo {
	width:450px;
	padding:0;
	font-size: 1.2em;
	font-weight:bold;
	position:relative;
	top:15px;
	left:75px;
}
.firstpost .postinfo a:link, .firstpost .postinfo a:visited {
	color:#3C526A;
	text-decoration:none;	
}
.firstpost .postinfo a:hover {
	text-decoration:underline;
}
.firstpost .comments {
	padding:0;
	margin:0;
	width:25px;
	text-align:center;
	position:relative;
	top:-18px;
	left:560px;
	font-weight:bold;
	font-size:1.6em;	
}
.firstpost .comments a:link, .firstpost .comments a:visited {
	color:#858585;
	text-decoration:none;	
}
.firstpost .comments a:hover {
	color:#3C526A;	
}
.firstpost .postexcerpt {
	width:525px;
	font-size:1.2em;
	color:#3C526A;
	position:relative;
	top:25px;
	left:40px;
	font-weight:bold;
}
.firstpost .readit {
	width:100px;
	font-size:1.2em;
	color:#3C526A;
	position:relative;
	top:65px;
	left:525px;
	font-weight:bold;
}
/******************** POSTS STYLES ******************************/
.post{
	width:606px;
	height:199px;	
	margin:0 0 0 35px; 
	background:url('images/post_bg.png') no-repeat;
}
.post a:link, .post a:visited {
	color:#1173E0;
	text-decoration:none;	
}
.post a:hover {
	color:#2E5177;
}
.post .day {
	position:relative;
	top:10px;
	left:20px;
	font-size:2.4em;
	font-weight:bold;
	color:#858585;
}
.post .month {
	position:relative;
	top:10px;
	left:19px;
	font-weight:bold;
	font-size:1.6em;
	color:#858585;
}
.post h2{
	font-size: 1.8em;
	position:relative;
	top:-15px;
	left:75px;
}
.post .postinfo {
	width:450px;
	padding:0;
	font-size: 1.2em;
	font-weight:bold;
	position:relative;
	top:-13px;
	left:75px;
}
.post .postinfo a:link, .post .postinfo a:visited {
	color:#3C526A;
}
.post .postinfo a:hover {
	text-decoration:underline;
}
.post .comments {
	padding:0;
	margin:0;
	width:25px;
	text-align:center;
	position:relative;
	top:-53px;
	left:560px;
	font-weight:bold;
	font-size:1.6em;	
}
.post .comments a:link, .post .comments a:visited {
	color:#858585;	
}
.post .comments a:hover {
	color:#3C526A;	
}
.post .postexcerpt {
	width:525px;
	font-size:1.2em;
	color:#3C526A;
	position:relative;
	top:-10px;
	left:40px;
	font-weight:bold;
}
.post .readit {
	width:100px;
	font-size:1.2em;
	color:#3C526A;
	position:relative;
	top:5px;
	left:525px;
	font-weight:bold;
}
.entry {
	font-size:1.3em;
	margin:-30px 35px 10px 35px;
	line-height:135%;
}

.singlepost {
	margin:25px 0 0 35px;
	height:100%;
	background:url('images/post_bg.png') no-repeat;	
}
.singlepost a:link, .singlepost a:visited {
	color:#1173E0;
	text-decoration:none;	
}
.singlepost a:hover {
	color:#2E5177;
}
.singlepost .day {
	position:relative;
	top:10px;
	left:20px;
	font-size:2.4em;
	font-weight:bold;
	color:#858585;
}
.singlepost .month {
	position:relative;
	top:10px;
	left:19px;
	font-weight:bold;
	font-size:1.6em;
	color:#858585;
}
.singlepost .comments {
	padding:0;
	margin:0;
	width:25px;
	text-align:center;
	position:relative;
	top:-73px;
	left:560px;
	font-weight:bold;
	font-size:1.6em;
	color:#858585;		
}
.singlepost .postinfo {
	width:450px;
	padding:0;
	font-size: 1.2em;
	font-weight:bold;
	position:relative;
	top:-23px;
	left:66px;
}
.singlepost h2 {
	font-size: 1.8em;
	position:relative;
	top:-15px;
	left:75px;
}
.singlepost h3 {
	margin:20px 10px 10px 10px;
}
.singlepost p {
	margin: 10px;
}
.postnav {
	font-size:1.2em;
	margin:0 0 10px 55px;
}

/******************************** COMMENTS STYLES ********************************/
ol {
	padding:25px 0 0 0;
}
ol li {
	margin:0 25px 0 25px;
	padding:25px;
	font-size:1.3em;

}
.alt {
	margin:0 25px 0 25px;
	background-color:#D4ECFB;
	padding:25px;	
}
ol li div {
	
}
#postreply {
	margin:35px;
	font-size:1.3em;	
}
#postreply p {
	margin: 5px 0;
}
/****************************** STATIC PAGE STYLES ********************************/
#page-container{
font-size:1.0em;
line-height:200%;
float: left;
width: 660px;
padding:20px 0 0 0;
background-position: top left;
}
#page-container a:link, #page-container a:visited {
	text-decoration:none;
	color:#1173DE;	
}
#page-container a:hover {
	text-decoration:underline;
	color:#E68A1E;
}
#aboutpage-container{
font-size:1.4em;
line-height:110%;
float: left;
width: 660px;
padding:20px 0 0 0;
background-image:url('images/about_bg.jpg');
background-position: top left; 
}
#aboutpage-container a:link, #aboutpage-container a:visited {
	text-decoration:none;
	color:#1173DE;	
}
#aboutpage-container a:hover {
	text-decoration:underline;
	color:#E68A1E;
}
/********************************* CATEGORY PAGE STYLES ******************************/
#category_head {
	color:#3F6AAE;
	margin:25px 0 15px 30px;
	font-size:1.8em;
	font-weight:bold;
	border-bottom:1px solid #3F6AAE;
	width:600px;
}
.category-meta {
	font-size:1.4em;
	position:relative;
	top:-10px;
	left:30px;
}
#nav-above {
	padding:0;
	position:relative;
	top:-15px;
	left:30px;
	width:550px;	
}
#nav-above a:link, #nav-above a:visited {
	color:#3F6AAE;
	text-decoration:none;
}
#nav-above a:hover{
	text-decoration:underline;
}
/*
#nav-below {
	padding:2px 0 0 0;
	height:15px;
	border-top:1px solid #A2D9FE;
	border-bottom:1px solid #A2D9FE;	
} */
.nav-category {
	float:left;
	position:relative;
	top:50px;
	left:30px;
	
}
.nav-category a:link, .nav-category a:visited {
	color:#3F6AAE;
	text-decoration:none;
}
.nav-category a:hover{
	text-decoration:underline;
}

#categorypost {
	background-image:url('images/archive_bg.png');
	margin:0 0 0 25px;
	height:100px;
	clear:left;	
}
#categorypost h2 {
	position:relative;
	top:15px;
	left:75px;
}
#categorypost .tags {
	position:relative;
	top:15px;
	left:75px;
	width:400px;
	padding:0;
}
#categorypost .day {
	position:relative;
	font-size:1.6em;
	top:-8px;
	left:25px;
}
#categorypost .month {
	font-size:1.3em;
	position:relative;
	top:-8px;
	left:22px;
}
#categorypost .comments {
	position:relative;
	top:-33px;
	left:567px;
}
.catexcerpt {
	font-size:1.2em;
	color:#3C526A;
	position:relative;
	float:left;
	top:-25px;
	left:75px;
	width:475px;
	font-weight:bold;
}
/********************************** ARCHIVES STYLES *****************************/
#arcpost {
	margin:5px 0 5px 50px;
	padding:0;
	background-image:none;
	height:20px;
	width:600px;
}
#arcpost h2 {
	font-size:1.4em;
}
#arcpost a:link, #arcpost a:visited {
	color:#3F6AAE;
	text-decoration:none;
}
#arcpost a:hover{
	text-decoration:underline;
}
#arcpost .comments {
	font-size:.8em;
	color:#A7A6AA;
	font-weight:normal;
}
/********************************** SEARCH RESULTS *******************************/
.searchresults {
	width:660px;
	height:400px;
	background-image:url('images/noresults.png'); 	
}
#notfound {
	width:360px;
	height:400px;
	background:url('images/404.png') no-repeat; 
	font-weight:bold;
	font-size:1.2em;
	padding:220px 50px 0 275px;
	line-height:150%;	
}
#notfound a:link, #notfound a:visited {
	color:#3F6AAE;
	text-decoration:none;
}
#notfound a:hover {
	text-decoration:underline;
}
#search_head {
	color:#3F6AAE;
	margin:25px 0 15px 30px;
	font-size:1.8em;
	font-weight:bold;
	border-bottom:1px solid #3F6AAE;
	width:600px;
}
#searchpost {
	background-image:url('images/archive_bg.png');
	margin:10px 0 0 25px;
	height:50px;
}
#searchpost h2 {
	position:relative;
	top:15px;
	left:75px;
}
#searchpost .tags {
	position:relative;
	top:15px;
	left:75px;
	width:400px;
	padding:0;
}
#searchpost .day {
	position:relative;
	font-size:1.6em;
	top:-8px;
	left:25px;
}
#searchpost .month {
	font-size:1.3em;
	position:relative;
	top:-8px;
	left:22px;
}
#searchpost .comments {
	position:relative;
	top:-32px;
	left:567px;
}