/*-----------------------------------------------------------------------------
EFL Geek CSS

version:   1.0
author:    Sean Smith
email:     see web site
website:   http://createsean.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, {
  margin: 1em 0;
}
/* Class for clearing floats */
.clear {
	clear:both;
}



/* Remove border around linked badges */
img {
	border: 0;
}

/* =Typography
-----------------------------------------------------------------------------*/

body {
	font: 62.5% "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Tahoma, Verdana, sans-serif;
	background: url('http://eflgeek.com/themes/geek-3/background-tile.gif') repeat #ffccff;
}
strong, em, b, i, h1, h2, h3, h4, h5, h6, address {
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

/* ----- IDS ----- */

#container{
	width:1024px;
	margin:0 auto;
	padding:;
	background:;
	text-align:;
}

#header{
	position:relative;
	float:left;
	width:541px;
	height:317px;
	margin-top:15px;
	background:url('http://eflgeek.com/themes/geek-3/logo.jpg') no-repeat;
}

#navigation{
	position:relative;
	height:317px;
}
	#navigation ul{
		float: left;
		display: block;
		width: 450px;
		height: 44px;
		margin-top: 18px;
		list-style-type: none;
}
	#navigation li a{
		display: block;
		width: 150px;
		height: 44px;
		outline: none;
}
	#navigation li {
		float: left;
		width: 150px;
		height: 45px;
		margin: 0;
		padding: 0;
		text-decoration: none;
		text-indent: -3000px;
}
.homebutton{
	background: url('http://eflgeek.com/themes/geek-3/home.gif') no-repeat top;
}
.homebutton:hover {
	background-position: bottom;
}
.aboutmebutton{
	background: url('http://eflgeek.com/themes/geek-3/about-me.gif') no-repeat top;
}
.aboutmebutton:hover {
	background-position: bottom;
}

.emailbutton{
	background: url('http://eflgeek.com/themes/geek-3/email.gif') no-repeat top;
}
.emailbutton:hover {
	background-position: bottom;
}
.librarybutton{
	background: url('http://eflgeek.com/themes/geek-3/library.gif') no-repeat top;
}
.librarybutton:hover {
	background-position: bottom;
}
.guestbutton{
	background: url('http://eflgeek.com/themes/geek-3/guest-entry.gif') no-repeat top;
}
.guestbutton:hover {
	background-position: bottom;
}
.classicbutton{
	background: url('http://eflgeek.com/themes/geek-3/classic-posts.gif') no-repeat top;
}
.classicbutton:hover {
	background-position: bottom;
}
.koreanbutton{
	background: url('http://eflgeek.com/themes/geek-3/korean.gif') no-repeat top;
}
.koreanbutton:hover {
	background-position: bottom;
}
.scribblebutton{
	background: url('http://eflgeek.com/themes/geek-3/scribble-board.gif') no-repeat top;
}
.scribblebutton:hover {
	background-position: bottom;
}
.sparebutton{
	background: url('http://eflgeek.com/themes/geek-3/spare.gif') no-repeat;
}
.sparebutton:hover {
	background-position: bottom;
}

#primarycontent{
	position:relative;
	float:right;
	width:483px;
	margin-top:-166px;
}
	#primarycontent h2 {
		text-align: center;
		font-variant: small-caps;
		font-weight: bold:
		margin: 0;
		letter-spacing:2px;
		font-size: 1.8em;
}
	#primarycontent h2 a {
		text-decoration:none;
}
	#primarycontent ol, #primarycontent ul {
		padding-left: 32px;
		background: url('http://eflgeek.com/themes/geek-3/blockquote-bkgd.gif') repeat;
}
	#primarycontent li {
		font-size: 1.2em;
		line-height: 1.1em;
		padding-bottom: 3px;
}

.date img {
	border: 0px !important;
}
.blogwrap {
	background:url('http://eflgeek.com/themes/geek-3/entry-top.gif') no-repeat left top;
	margin-bottom: 10px; 
	padding-top:24px;
}
	.blogwrap h2 {
		height: 29px;
}
	.blogwrap p {
		padding-bottom: .9em;
		line-height: 1.2em;
		font-size: 1.2em; 
}
.randomwrap{
	background:url('http://eflgeek.com/themes/geek-3/random-quote-top.gif') no-repeat left top;
	padding-top:23px;
	min-height: 42px;
}
	.randomwrap h2 {
		font-size: 1.6em !important;
}
.randombottom{
	font-size: 1em;
	padding-left: 15px;
	padding-right: 40px;
	background: url('http://eflgeek.com/themes/geek-3/entry-footer.gif') no-repeat left bottom;
	min-height: 52px;
}
.blogentry{
	background: url('http://eflgeek.com/themes/geek-3/entry-body.gif') repeat-y; 
	padding-left:15px;
	padding-right:40px;
}
.quoteentry{
	/* background: url('http://eflgeek.com/themes/geek-3/entry-body.gif') repeat-y; */
	padding-left:15px;
	padding-right:25px;
}
#primarycontent .randomquote{
	background: url('http://eflgeek.com/themes/geek-3/first-entry-second-top.gif') no-repeat left top;
	margin-left: -15px;
	padding-left: 30px;
	padding-right: 12px;
	min-height: 90px;
	font-size: 1.4em;
	font-style: italic;
	/* add font-family here later - something cursive but not comic sans*/
}
.blogtalk{
	font-size: 1em;
	padding-left: 15px;
	padding-right: 40px;
}
	.blogtalk hr {
		border: 0;
		color: #0D0C5F;
		background-color: #0D0C5F;
		height: 1px;
		width: 75%;
		text-align: center;
		margin: 5px auto;
		clear: both;
}
	.blogtalk img {
		border: 0 !important;
}

.entryfooter{
	min-height:52px;
	background: url('http://eflgeek.com/themes/geek-3/entry-footer.gif') no-repeat left bottom;
}
#primarycontent img{
	border: 2px solid #000;
}

/* comment formatting */
#commentlist{
	width:483px;
	background: url('http://eflgeek.com/themes/geek-3/comment-top.gif') no-repeat;
	padding-top:35px;
}
	#commentlist p {
		line-height: 1.2em;
		margin-bottom: 0.8em;
}
.commentarea {
	margin: 5px 5px 0px 10px;
}
.commentfooter {
	margin: -28px 0px 0px -11px;
	background: url('http://eflgeek.com/themes/geek-3/comment-footer.gif') no-repeat bottom;
	height: 28px;
}
.commentlistbody{
	background: url('http://eflgeek.com/themes/geek-3/comment-body.gif') repeat-y;
	float:left;
	width: 460px;
	min-height: 12px;
}
.commentauthor{
	position: relative;
	float: left;
	margin: 3px;
	padding: 3px;
	width: 110px;
	font-size: 1em;
	text-align: center;
}

.commentcontentAU{
	float: left;
	width: 315px;
	margin: 3px;
	padding-right: 6px;
	padding-bottom: 13px;
	padding-left: 3px;
	color: #002DFF;
	font-size: 1.3em;
	background: url('http://eflgeek.com/themes/geek-3/swoosh-blue.gif') no-repeat bottom;
}
.commentcontent{
	float: left;
	width: 315px;
	margin: 3px;
	padding-right: 6px;
	padding-bottom: 13px;
	padding-left: 3px;
	font-size: 1.2em;
	background: url('http://eflgeek.com/themes/geek-3/swoosh-orange.gif') no-repeat bottom;
}
.commentcontent2{
	float: left;
	width: 315px;
	margin: 3px;
	padding-right: 6px;
	padding-bottom: 13px;
	padding-left: 3px;
	font-size: 1.2em;
	background: url('http://eflgeek.com/themes/geek-3/swoosh-green.gif') no-repeat bottom;
}
.commentwrap {
	clear: both;
}
.commentform{
	clear: left;
	padding: 0px 0px 28px 0px;
}
#comment_form {
	clear:both;
	margin-top: 0;
}
.commentformbody{
	background: url('http://eflgeek.com/themes/geek-3/comment-body.gif') repeat-y;
}

#secondarycontent{
	position:relative;
	float:left;
	width:520px;
	background:url('http://eflgeek.com/themes/geek-3/secondarycontent-bkgd.gif') no-repeat;
	font-size:1em;
}
	#secondarycontent ul li{
		list-style-type: none;
		font-size: 1.2em;
}
	#secondarycontent ul li a{
		display: block;
		width: 100%;
}

	#secondarycontent a:link {
		text-decoration: none;
		color: #5C09F6;
}
	#secondarycontent a:visited {
		text-decoration: none;
		color: #5C09F6;
}
	#secondarycontent a:hover {
		text-decoration: none;
		color: #5C09F6;
		background-color: #FFDA0F;
}
	#secondarycontent a:active {
		text-decoration: none;
		color: #5C09F6;
		background-color: #FFDA0F;
}

#widecolumn{
	position:relative;
	float:left;
	width: 290px;
}

	#widecolumn h2{
		background: url('http://eflgeek.com/themes/geek-3/wide-col-second-pin.gif') no-repeat;
		text-align: center;
		padding-top: 25px;
		margin-top:-7px;
		margin-bottom: 0px;
}

	#widecolumn h2.widecol-1st-pin {
		background: url('http://eflgeek.com/themes/geek-3/wide-column-pin-first.gif') no-repeat;
		padding-top: 50px;
}

	#widecolumn hr {
		border: 0;
		color: #0D0C5F;
		background-color: #0D0C5F;
		height: 1px;
		width: 75%;
		text-align: center;
		margin: 3px auto;
}

	#widecolumn p {
		margin-top: 3px;
		margin-bottom: 8px;
		font-size: 1.4em;
}
ul.nav_categories ul {
	margin-left: 10px;
}
.tackbodywide {
	background: url('http://eflgeek.com/themes/geek-3/wide-column-paper-repeat.gif') repeat-y;
	padding: 5px 15px 5px 5px;
}
/* adds bottom fold to paper background */
.widebodywrap {
	background: url('http://eflgeek.com/themes/geek-3/widecolumn-paper-bottom.gif') no-repeat left bottom;
	margin-left: 10 px;
	padding: 5px 15px 47px 0px;
}

#narrowcolumn{
	position:relative;
	float:right;
	width: 215px;
	margin-top:-25px;
	padding-top:50px;
}

	#narrowcolumn h3 {
		background: url('http://eflgeek.com/themes/geek-3/narrow-col-second-pin.gif') no-repeat;
		margin-bottom:0px;
		padding-top:30px;
		text-align: center;
}
	#narrowcolumn h3 .narrowcol-1st-pin{
		background: url('http://eflgeek.com/themes/geek-3/narrow-col-pin-first.gif') no-repeat;
		margin-bottom:0px;
		padding-top:30px;
		text-align: center;
}
	#narrowcolumn fieldset {
		border: none;
		text-align: center;
}
	#narrowcolumn ul li{
		font-size: 1em;
}
/* adds bottom fold to paper background */
.narrowbodywrap {
	background: url('http://eflgeek.com/themes/geek-3/narrow-column-paper-bottom.gif') no-repeat left bottom;
	padding: 5px 0px 30px 0px;
}
.tackbodynarr{
	background: url('http://eflgeek.com/themes/geek-3/narrow-col-paper-repeate.gif') repeat-y;
	padding: 5px 15px 5px 5px;
}

#footer{
	margin-top: 10px;;
	padding-top: 5px;;
	background: #000;
	color: #CCC;
	border-top: 6px #FFDA0F solid;
	text-align: center;
	font-size:0.9em;
}
	#footer p{
		magin-bottom: 2px;
		padding-top: 2px;
}
	#footer a:link {
		text-decoration: none;
		color: #fff;
}
	#footer a:visited {
		text-decoration: none;
		color: #fff;
}
	#footer a:hover {
		text-decoration: underline;
		color: #fff;
}
	#footer a:active {
		text-decoration: underline;
		color: #fff;
}

#submission {
	float: right;
	width: 68%;
	margin-bottom: 10px;
	margin-right:5px;
	color: #333;
	text-align: left;
	border: 2px dashed #999;
	padding: 5px;
	font: 1.1em/130% 'Lucida Grande', Verdana, Arial, Sans-Serif;
	line-height: 1.6em;
	background: #CCC url('http://eflgeek.com/themes/geek-3/guest_entry_bkgd.gif');
}
.submitfield {
	position: relative;
	float:left;
	width:400px;
	text-align: left;
}
.submitother:{
	position: relative;
	float: left;
	text-align: left;
}

/*--- RSS button ---*/
#rss{
	margin: 0 auto;
	text-align: center;
}
#rss img {
	border: 0;
}
/* ----- CLASSES ----- */
code {
	display: block;
	font-size: 1.2em;
	font-family: mono;
	background: #EFEFEF;
}

.hide{
	display:none;
}
.show{
	display:block;
}
.clear{
	clear:both
}
.paginate{
	text-align: center;
	padding-top: 5px;
}
.guest {
	position:relative;
	right: 1px;
	float:left;
	margin-top:5px;
	margin-right:10px;
	border: orange 3px solid;
	background: #fff;
}
.pencil {
	position: absolute; 
	top: -20px; left: 210px;
}
.subhead {
	font-variant: small-caps;
	font-weight: bold;
	font-size: small;
	text-decoration: underline;
}
.leftimg {
	position:relative;
	right: 1px;
	float:left;
	border: 1px solid #000;
	margin-top:5px;
	margin-right:10px;
}
.rightimg {
	position:relative;
	left: 1px;
	float:right;
	border: 1px solid #000;
	margin-top:5px;
	margin-left:10px;
}
.classicbox {
	border: 2px solid #ccc;
	padding: 2px;
	background: url('http://eflgeek.com/themes/geek-3/blockquote-bkgd.gif') repeat;
}
.classicspace {
	height: 2px;
}
#rotate{
	overflow:hidden;
	height:90px;
}
.divider {
	margin: 7px auto;
	border: 0;
	width: 80%;
	height: 5px;
	color: #ccc;
	background-color: #6F6F6F;
	text-align: center;
	
}

/* ----- Blockquotes ----- */
#primarycontent blockquote {
	border-left: 2px solid #ccc;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 10px;
	padding: 5px;
	background: url('http://eflgeek.com/themes/geek-3/blockquote-bkgd.gif') repeat;
}
#primarycontent blockquote p{
	line-height: 1em;
}

.rightquote {
	position:relative;
	left: 1px;
	float:right;
	margin-left:10px;
	font-size: x-large;
	font-style: italic;
	width: 225px;
	padding:3px;
	line-height:110%;
}

.leftquote {
	position:relative;
	left: 1px;
	float:left;
	margin-right:10px;
	font-size: x-large;
	font-style: italic;
	width: 225px;
	padding:3px;
	line-height:110%;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}

/* polling module */

.poll-side{
	border: 1px solid #000;
	margin:1px;
	font-family:verdana, arial, sans-serif;
background: #fff;
	color:#000;
	font-size:x-small;
	font-weight:normal;
	line-height:140%;
	padding:5px;
	width:180px;
	text-align: left
}
.pollQuestion{
	font-family:verdana, arial, sans-serif;
	color:#003366;
	text-align: left;
	font: bold 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	line-height:140%;
}

.pollResult {
	border-bottom: 1px solid #000;
}

.poll{
	position:relative;
	right: 1px;
	float:left;
	border: 1px solid #000;
	margin-right:10px;
	font-family:verdana, arial, sans-serif;
	color:#000;
	font-size:x-small;
	font-weight:normal;
	line-height:140%;
	background-color:#FAF6F7; 
	padding:5px;
	width:180px;
	text-align: left
}
.pollBarImage{
	border: 2px solid #000;
}

#twitter_div{

}

/* EMAIL PAGE STYLES */

#email {
	margin-top: 25px;
}

#email textarea {
	background: #FBE35B;
	padding: 0.5em;
	font-size: 1.5em;
}

#email input {
	background: #FBE35B;
	font-size: 1.5em;
}
#email input:focus, #email textarea:focus {
	background: #F9F297;
}


/* file type icons added to links -->http://www.askthecssguy.com/2006/12/showing_hyperlink_cues_with_cs_1.html -->
-----------------------------------------------------------------------------*/

a[href $='.pdf'] { 
	padding-right: 20px;
	background: transparent url('http://eflgeek.com/themes/geek-3/icon_pdf.gif') no-repeat center right;
}
a[href $='.xls'] { 
	padding-right: 20px;
	background: transparent url('http://eflgeek.com/themes/geek-3/excel.png') no-repeat center right;
}
a[href $='.ppt'] { 
	padding-right: 20px;
	background: transparent url('http://eflgeek.com/themes/geek-3/ppt.png') no-repeat center right;
}
a[href $='.pptx'] { 
	padding-right: 20px;
	background: transparent url('http://eflgeek.com/themes/geek-3/ppt.png') no-repeat center right;
}
a[href $='.pps'] { 
	padding-right: 20px;
	background: transparent url('http://eflgeek.com/themes/geek-3/ppt.png') no-repeat center right;
}
a[href $='.pub'] { 
	padding-right: 20px;
	background: transparent url('http://eflgeek.com/themes/geek-3/publisher.png') no-repeat center right;
}
a[href $='.zip'] { 
	padding-right: 20px;
	background: transparent url('http://eflgeek.com/themes/geek-3/tag-zip.gif') no-repeat center right;
}
a[href $='.doc'] { 
	padding-right: 20px;
	background: transparent url('http://eflgeek.com/themes/geek-3/word.png') no-repeat center right;
}
a[href $='.docx'] { 
	padding-right: 20px;
	background: transparent url('http://eflgeek.com/themes/geek-3/word.png') no-repeat center right;
}
a[href $='.mp3'] { 
	padding-right: 20px;
	background: transparent url('http://eflgeek.com/themes/geek-3/mp3.png') no-repeat center right;
}