/*  
Theme Name: Richard Johnson Geeky
Theme URI: http://www.rjohnson.id.au
Description: My own little theme for wordpress
Version: 0.001
Author: Richard Johnson
Author URI: http://www.rjohnson.id.au

*/


/**
 * Tag overrides...
 */
body {
	padding:			0px;
	margin:				0px;
	background-color:	#404040;
	color:				white;
	background-image:	url(images/mouse.gif);
	background-repeat:	no-repeat;
	background-position:center 275px;
	background-attachment:fixed;
}

img {
	border:				0px;
}

form {
	display:			inline;
}

#content a, #footer a {
	color:				#90b7f0;
	text-decoration:	none;
}

#content a:hover, #footer a:hover {
	border-bottom:		1px dotted #90b7f0;
}

/**
 * some of the input fields
 */
input#author, input#email, input#url, textarea#comment, input#s {
	border:				1px solid #5C85BA;
	background-color:	#E1E0E0;
}

/**
 * search field
 */
input#s {
	width:				115px;
}


/**
 * a div that has everything inside it...
 */
#encompassing {
	background-image:	url(images/top_back.gif);
	background-repeat:	repeat-x;
}

/**
 * center content div
 */
#centerContent {
	width:				750px;
	margin:				auto;
}

/**
 * logo
 */
#logo {
	float:				right;
	margin-top:			25px;
}

/**
 * sidebar
 */
#sidebar {
	float:				right;
	width:				238px;
	clear:				both;
	margin-top:			28px;
	background-color:	#323232;
	font-size:			12px;
	font-family:		Arial, sans-serif;
}

/**
 * sidebar list...
 */
#sidebar ul {
	list-style:			none;
	margin: 			0px 25px 0px 25px;
	padding:			0px;
}

#sidebar ul ul {
	margin-bottom:		15px;
	font-size:			12px;
	list-style:			url(images/bullet.gif);
}

#sidebar ul ul li {
	margin-bottom:		7px;
}

#sidebar a {
	color:				#e1e0e0;
	text-decoration:	none;
}

#sidebar a:hover {
	border-bottom:		1px dotted #e1e0e0;
}
#sidebar a:visited {
	/*text-decoration:	line-through;*/
}

#sidebar ul h2 {
	font-family:		Arial, sans-serif;
	/*font-family:		Georgia, sans-serif;*/
	font-size:			16px;
	font-weight:		normal;
	color:				#e8d08e;
}

/**
 * box
 */
#box {
	background-color:	#66686a;
	height:				105px;
}

/**
 * image of the computer
 */
#computerImage {
	margin-top:			30px;
}

/**
 * image of the tag line
 */
#tagImage {
	margin-bottom:		20px;
	margin-left:		140px;
}

/**
 * content
 */
#content {
	margin-top:			30px;
	font-size:			11px;
	font-family:		verdana, sans-serif;
	line-height:		170%;
	background-image:	url(images/content_back.gif);
	background-repeat:	repeat-y;
	background-position:right;
	padding-bottom:		25px;
}

/**
 * left content
 */
#leftContent {
	width:				480px;
}

/**
 * date
 */
#leftContent small {
	/*display:			block;*/
	font-size:			10px;
	font-style:			italic;
}

/**
 * images in the content...
 */
#leftContent img { 
	padding:			5px;
	background-color:	#66686A;
	border:				1px solid #323232;
	margin:				5px;
}

/**
 * post stuff
 */
.post {
	padding-bottom:		5px;
	border-bottom:		1px dotted #e8d08e;
	margin-bottom:		15px;
}

/**
 * H2's in content
 */
#content h2 {
	font-family:		Arial, sans-serif;
	/*font-family:		Georgia, sans-serif;*/
	font-size:			22px;
	font-weight:		normal;
	color:				#e8d08e;
	padding-bottom:		0px;
	margin-bottom:		3px;
	clear:				left;
	padding-top:			15px;
	margin-top:			0px;
}

#content h2 a {
	color:				#e8d08e;
}

#content h2 a:hover {
	border-color:		#e8d08e;
}

/**
 * h3s in content...
 */
#content h3 {
	clear:				left;
	padding-top:			15px;
	margin-top:			0px;
	/*font-family:		Georgia, sans-serif;*/
}


/**
 * footer
 */
#footer {
	clear:				both;
	border-top:			1px solid #66686A;
	border-bottom:		1px solid #66686A;
	padding-bottom:		10px;
	padding-top:		10px;
	background-color:	#323232;
	text-align:			center;
	font-family:		Verdana, sans-serif;
	font-size:			10px;
}

/**
 * comment text area...
 */
textarea#comment {
	width:				100%;
}

/**
 * some alignment stuff i had missed...
 */
.alignleft {
	float: 				left;
}

.alignright {
	float:				right;
}

/**
 * sfir styles...
 */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}