/*
Theme Name: GeoffF
Theme URI: http://geofff.com/
Description: GeoffF Theme by <a href="http://www.existonline.com.au/">Exist Online | Web Solutions, Graphic and Print Design, Multimedia Development</a>.
Version: 1.0
Author: Exist Online
Author URI: http://www.existonline.com.au/
Date Created: 15.Dec.09
Date Last Edited: 16.June.2010
Tags: geoff franklin, web design, graphic, print, multimedia
*/

/************************* start - GENERAL */
html, body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #444;
	height: 100%;
}
body {
	background: url(img/bg_bottom.png);
	cursor: default;
	font-size: 62.5%;
}
a {
	color: #A61BAA;
	cursor: pointer;
}
div.reset {
	border: medium none; clear: both; display: block; font-size: 1px; height: 0px;
	line-height: 1px; margin: 0; padding: 0;
}
/*************************** end - GENERAL */

div#page_wrapper {
	background: #FFF url(img/bg_top.png) repeat-x;
	border-bottom: 1px solid #DDD;
	float: left;
	width: 100%;
}

/************************* start - HEADER */
div#header {
	height: 201px;
	margin: 0 auto;
	position: relative;
	width: 970px;
	}
	/* LOGO */
	div#logo {
		bottom: 13px;
		height: 144px;
		left: -52px;
		position: absolute;
		width: 487px;
		}
		div#logo a {
			background: url(img/logo.png);
			display: block;
			height: 144px;
			text-indent: -9999px;
			width: 487px;
		}
	/* Twitter */
	div#twitter {
		background: url(img/sprites.png);
		bottom: 0;
		color: #666;
		font-size: 1.1em;
		height: 78px;
		line-height: 1.4em;
		padding: 45px 8px 45px 168px;
		position: absolute;
		right: 0;
		width: 187px;
		}
		div#twitter a {
			border-bottom: 1px dotted #999;
			text-decoration: none;
			}
			div#twitter a:hover {
				border: none;
				color: #CA21CD;
			}
/*************************** end - HEADER */

div#content_wrapper {
	margin: 0 auto;
	width: 970px;
}

/************************* start - CONTENT - MAIN */
div#content-main {
	float: left;
	width: 520px;
	}
	/* G'day, I'm Geoff */
	div#content-main h2 {
		background: url(img/sprites.png) 0 -171px;
		float: left;
		height: 187px;
		margin: 50px 0 0 15px;
		position: relative;
		text-indent: -9999px;
		width: 496px;
		}
		div#content-main h2 a {
			display: block;
			padding: 0 0 4px;
			position: absolute;
			right: 0;
			}
			div#content-main h2 a.geoff {
				height: 43px;
				top: 0;
				width: 317px;
			}
			div#content-main h2 a.design {
				height: 33px;
				top: 61px;
				width: 100px;
			}
			div#content-main h2 a.websites {
				height: 33px;
				top: 106px;
				width: 141px;
			}
			div#content-main h2 a.cool {
				height: 33px;
				top: 151px;
				width: 178px;
				}
				div#content-main h2 a:hover {
					border-bottom: 2px dotted #A61BAA;
				}
	/* Horizontal Rule */
	div#content-main hr {
		border-bottom: 1px solid #FFF;
		border-left: none;
		border-right: none;
		border-top: 1px solid #CCC;
		float: left;
		margin: 30px 0 20px;
		width: 100%;
	}
	/* Sorry guys */
	div#content-main h3 {
		color: #222;
		clear: both;
		font-size: 2.2em;
		font-style: italic;
		margin: 0 0 15px;
	}
	/* Sorry guys */
	div#content-main p {
		font-size: 1.4em;
		line-height: 1.3em;
		margin: 0 0 30px;
		}
		div#content-main p a {
			font-weight: bold;
			text-decoration: none;
			}
			div#content-main p a:hover {
				color: #CA21CD;
				text-decoration: underline;
			}
	/* SOCIAL NETWORKS */
	ul#social-networks {
		float: left;
		margin: 0 0 30px;
		width: 520px;
		}
		ul#social-networks li {
			float: left;
			height: 85px;
			margin: 0 5px 20px 0;
			width: 168px;
			}
			ul#social-networks li a {
				border-bottom: 2px dotted #FFF;
				display: block;
				font-size: 1.4em;
				font-weight: bold;
				height: 85px;
				text-decoration: none;
				width: 168px;
				}
				ul#social-networks li a:hover {
					border-bottom: 2px dotted #A61BAA;
					color: #CA21CD;
					}
					ul#social-networks li a span {
						background: url(img/sprites.png);
						display: block;
						height: 57px;
						width: 57px;
						}
						ul#social-networks li.facebook a span {
							background-position: -363px 0;
							}
							ul#social-networks li.facebook a:hover span {
								background-position: -420px 0;
							}
						ul#social-networks li.myspace a span {
							background-position: -363px -57px;
							}
							ul#social-networks li.myspace a:hover span {
								background-position: -420px -57px;
							}
						ul#social-networks li.twitter a span {
							background-position: -363px -114px;
							}
							ul#social-networks li.twitter a:hover span {
								background-position: -420px -114px;
							}
					ul#social-networks li a em {
						color: #444;
						float: left;
						font-size: 0.8em;
						font-style: italic;
						font-weight: normal;
						}
						ul#social-networks li a:hover em {
							color: #CA21CD;
						}
/*************************** end - CONTENT - MAIN */

/************************* start - CONTENT - SIDEBAR */
div#content-sidebar {
	float: right;
	width: 450px !important;
	width: 440px;
	}
	div#content-sidebar h3 {
		text-indent: -9999px;
	}
/************************* start - SLIDER CONTENT */
.anythingSlider ul li div.banner {
	height: 439px;
	margin: 35px auto 0;
	width: 388px;
	}
	/* Slide images */
	.anythingSlider ul li div.banner.web_jrfs {
		background: url(img/banner_web_john-ryan-freight-services.jpg);
	}
	.anythingSlider ul li div.banner.photos_cars {
		background: url(img/banner_photography_cars.jpg);
	}
	.anythingSlider ul li div.banner.web_phcms {
		background: url(img/banner_web_powerhouse-cms.jpg);
	}
	.anythingSlider ul li div.banner.photos_landscapes {
		background: url(img/banner_photography_landscape.jpg);
	}
	.anythingSlider ul li div.banner.web_bodycentral {
		background: url(img/banner_web_body-central.jpg);
	}
	.anythingSlider ul li div.banner.web_dayshelf {
		background: url(img/banner_web_dayshelf-fire-systems.jpg);
	}
	.anythingSlider ul li div.banner.web_fos {
		background: url(img/banner_web_financial-ombudsman-service-online-training.jpg);
	}
	.anythingSlider ul li div.banner.web_foundersforum {
		background: url(img/banner_web_founders-forum.jpg);
		}
		/* Slide blurbs */
		.anythingSlider ul li div.banner div.blurb {
			background: url(img/bg_banner-blurb.png);
			bottom: 55px;
			color: #FFF;
			font-size: 1.2em;
			font-weight: bold;
			height: 45px;
			line-height: 1.1em;
			padding: 10px;
			position: absolute;
			width: 368px;
			}
			.anythingSlider ul li div.banner div.blurb a {
					color: #FFF;
					text-decoration: none;
					}
					.anythingSlider ul li div.banner div.blurb a:hover {
						text-decoration: underline;
					}
			.anythingSlider ul li div.banner div.blurb span {
				display: block;
				font-size: 0.8em;
				font-weight: normal;
				padding: 5px 0 0;
				}
				
/*************************** end - SLIDER CONTENT */
/*************************** end - CONTENT - SIDEBAR */

/************************* start - FOOTER */
div#footer {
	background: url(img/sprites.png) no-repeat center -529px;
	clear: both;
	color: #999;
	font-size: 1.1em;
	height: 80px;
	margin: 0 auto;
	text-align: center;
	width: 970px;
	}
	div#footer p {
		padding: 40px 0 0;
		}
		div#footer p a {
			text-decoration: none;
			}
			div#footer p a:hover {
				color: #CA21CD;
				text-decoration: underline;
			}
/*************************** end - FOOTER */