/*

COLOR CODES

L GREEN -- #313e02
D GREEN -- #182a00

L BROWN -- #40250c
D BROWN -- #211102

 ORANGE -- #c68100

    TAN -- #f6e195

*/

* {

	margin: 0;
	padding: 0;
	border: 0;

}

html {

	background-color:#313e02;
	background-image:url('../i/bg.png');
	background-repeat:repeat-y;
	background-position: center top;

}

body {

	font-size: 76%;
	font-family: Georgia, "Times New Roman", Times, Serif;
	color: #f6e195;

}

a {

	color: #c68100;
	text-decoration:none;
	outline:none;

}

a:hover {

	color: #fff;

}

ul {

	list-style-type: none;

}

p {

	font-size: 1.1em;
	line-height: 1.4em;
	font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif;

}

noscript {

	font-style:italic;

}

#wrap {

	width: 680px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	background-color: #211102;

}

#heading {

	width: 660px;
	margin: 0 auto 10px auto;
	padding: 0 0 20px 0;
	background-image:url('../i/dash.png');
	background-repeat:repeat-x;
	background-position: center bottom;

}

#heading h1 {

	height: 56px;
	width: 277px;

}

#heading h1 a {

	display:block;
	height: 100%;
	width: 100%;
	text-indent:-9000px;
	overflow:hidden;
	background-image:url('../i/thegiraffe.png');
	background-repeat:no-repeat;
	background-position: 0 0;

}

#heading h1 a:hover {

	background-image:url('../i/thegiraffe.png');
	background-repeat:no-repeat;
	background-position: 0 -60px;

}

#content {

	width: 460px;
	margin: 0 30px 0 0;
	padding-left: 20px;
	float:left;

}

#content #slideshow {

	display:block;
	clear:both;
	height: 550px;
	margin: 10px 0 0 0;

}

#entries li {

	display:block;
	clear:both;
	padding: 15px 0 5px 0;
	background-image:url('../i/dash.png');
	background-repeat:repeat-x;
	background-position: center top;

}

#entries li#nodash {

	background-image:none;
	padding-top:0;

}

#content h3 {

	display:block;
	clear:both;
	margin: 2px 0 2px 0;
	font-size: 1.4em;
	font-weight: normal;

}

#content h2 {

	display:block;
	clear:both;
	margin: 2px 0 3px 0;
	font-size: 2.1em;
	font-weight: normal;
	color: #c68100;
	text-transform:capitalize;

}

#content h2 span {

	color:#f6e195;
	background-color:#313e02;

}

#entries a.thumb {

	border: 5px solid #c68100;
	display:block;
	float:left;
	margin: 5px 10px 0 0;

}

#entries a.thumb:hover {

	border: 5px solid #f6e195;

}

#entries a.thumb img {

	float:left;

}

#entries a.biopic {

	border: 5px solid #c68100;
	display:block;
	float:left;
	margin: 5px 10px 30px 0;

}

#entries a.biopic:hover {

	border: 5px solid #f6e195;

}

#entries a.biopic img {

	float:left;

}

#entries p {

	text-align:justify;
	margin: 0 0 10px 0;

}

#entries p.mp3 {

	margin-top: 10px;

}

#entries p span {

	display:inline;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image:url('../i/dash.png');
	background-repeat:no-repeat;
	background-position: left center;
	white-space:nowrap;
	text-transform:capitalize;

}

#entries p.download {

	margin:-10px 0 15px 0;
	padding:0;
	line-height:normal;

}

#entries p.download span {

	display:block;
	clear:both;

}

#entries p span a {

	background-color: #211102;
	margin-left: 10px;
	padding-left: 5px;

}

#entries h5 {

	font-weight: normal;
	margin: 5px 0 5px 0;
	font-size: 1.1em;

}

#entries h4 {

	display:block;
	clear:both;
	padding:10px 0 10px 0;
	margin: 0;
	font-size: 1.1em;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight: normal;

}

#entries .media {

	display:block;
	clear:both;
	margin: 0 0 20px 0;

}

#entries .media h3 {

	margin: 0 0 5px 0;

}

#entries .media .size {

	margin: -10px 0 10px 0;
	font-size:1em;
	text-transform:lowercase;

}

#entries .media label {

	display:block;
	clear:both;
	margin: 0 0 3px 0;

}

#entries .media input {

	width: 200px;
	padding: 2px;
	background-color:#40250c;
	color: #f6e195;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 1em;

}

p.caption {

	font-style:italic;

}

#share {

	padding: 15px 0 15px 0;
	background-image:url('../i/dash.png');
	background-repeat:repeat-x;
	background-position: center top;

}

#share h3 {

	margin: 0 0 10px 0;

}

#share p {

	float:left;
	font-size:1em;
	margin-right: 20px;

}

#share p a {

	display:block;
	float:left;
	padding-left: 20px;
	height: 16px;
	background-image: url('../i/share.png');
	background-repeat: no-repeat;
	letter-spacing: 1px;

}

#share p a#digg { background-position: 0 0; }

#share p a#delicious { background-position: 0 -16px; }

#share p a#sendtofriend { background-position: 0 -32px; }

#sendto {

	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	background-image:url('../i/dash.png');
	background-repeat:repeat-x;
	background-position: center top;
	display:none;

}
#leavecomment form {
	/*display: none;*/
}
#leavecomment,#comments {

	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	background-image:url('../i/dash.png');
	background-repeat:repeat-x;
	background-position: center top;

}

#leavecomment h3 {

	cursor:pointer;
	width: 8em;
}

#leavecomment h3:hover {

	color: #c68100;

}

#sendto h4,#leavecomment h4 {

	font-weight: normal;
	font-size: 1.2em;
	color: #c68100;
	margin: 10px 0 10px 0;

}

#comments h3 {

	margin-bottom:10px;

}

#comments h4 {

	font-weight: normal;
	font-size: 1.4em;
	color: #c68100;
	margin: 0 0 5px 0;
	font-style:italic;

}

#comments ul li {

	margin-bottom: 15px;
	background-color: #40250c;
	padding: 10px;

}

#comments ul li p {

	text-align:justify;

}

#sendto div,#leavecomment div {

	margin: 5px 0 5px 0;

}

#sendto div label,#leavecomment div label {

	display:block;
	clear:both;
	margin: 0 0 5px 0;

}

#sendto div input,#leavecomment div input {

	width: 150px;
	padding: 2px;
	background-color:#40250c;
	color: #f6e195;
	font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
	font-size: 1.1em;

}

#sendto div textarea,#leavecomment div textarea {

	width: 250px;
	height: 100px;
	padding: 2px;
	background-color:#40250c;
	color: #f6e195;
	font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
	font-size: 1.1em;

}

#sendto .submit,#leavecomment .submit {

	width:auto;
	padding: 2px 5px 2px 5px;
	margin: 10px 0 10px 0;
	background-color:#40250c;
	color: #f6e195;
	font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
	font-size: 1.1em;

}

#sendto .submit:hover,#leavecomment .submit:hover {

	background-color: #313e02;

}

#pages {

	padding: 15px 0 15px 0;
	background-image:url('../i/dash.png');
	background-repeat:repeat-x;
	background-position: center top;

}

#pages ul {

	float:left;
	clear:both;
	margin-top: 10px;

}

#pages ul li {

	background-image: none;
	display:block;
	float:left;
	clear:none;
	margin: 0 2px 0 2px;
	padding: 0;
	background-color: #40250c;
	font-size: 1.1em;
	font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
	
}

#pages ul li#cur span {

	display:block;
	padding: .3em .8em .3em .8em;
	clear:none;

}

#pages ul li a {

	display:block;
	padding: .3em .8em .3em .8em;
	clear:none;

}

#pages ul li a:hover {

	background-color: #c68100

}

#sidebar {

	width: 150px;
	float:left;

}

#sidebar h3 {

	height: 18px;
	width: 100%;
	text-indent:-9000px;
	overflow:hidden;
	background-image:url('../i/sbar-headings.png');
	background-repeat:no-repeat;
	display:block;
	clear:both;
	margin: 10px 0 10px 0;
	font-size: 1.6em;
	font-weight: normal;
	color: #c68100;

}


#sidebar h3#about {

	background-position: 0 0;
	margin: 5px 0 10px 0;

}

#sidebar h3#archives {

	background-position: 0 -20px;
	
}

#sidebar h3#safari {

	background-position: 0 -40px;
	
}

#sidebar h3#links {

	background-position: 0 -60px;
	
}

#sidebar h3#search {

	background-position: 0 -80px;
	
}

#sidebar h4 {

	background-color: #40250c;
	width:140px;
	font-size: 1em;
	font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
	clear:both;
	margin: 5px 0 5px 0;

}

#sidebar h4 a {

	display:block;
	color: #f6e195;
	padding: 3px 15px 3px 5px;
	background-image:url('../i/down.png');
	background-repeat:no-repeat;
	background-position: 122px center;

}

#sidebar h4 a:hover {

	color: #fff;

}

#sidebar form select {

	width: 150px;
	margin: 5px 0 5px 0;
	padding: 2px;
	background-color:#40250c;
	color: #f6e195;
	font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
	font-size: 1.1em;
	
}

#sidebar form select option {

	padding-left: 10px;

}

#sidebar form div {

	display:block;
	float:left;
	clear:both;
	margin-bottom:10px;

}

#sidebar form input {

	display:block;
	clear:none;
	float:left;
	width: 134px;
	height:1.1em;
	padding: 3px;
	margin-bottom:5px;
	background-color:#40250c;
	color: #f6e195;
	font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
	font-size: 1.1em;


}

#sidebar form button {

	display:block;
	clear:both;
	padding: 3px 3px 2px 23px;
	color: #f6e195;
	font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
	font-size: 1.1em;
	background-color:#40250c;
	background-image:url('/i/mag.png');
	background-position:5px center;
	background-repeat:no-repeat;
	

}

#sidebar form button:hover {

	background-color:#313e02;

}

#sidebar h5 {

	font-weight: normal;
	margin: 5px 0 5px 0;
	font-size: 1.1em;

}

#sidebar ul {

	font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
	font-size: 1.1em;
	margin-left: 5px;

}

#sidebar ul li {

	margin: 0 0 2px 0;

}

#footer {

	display:block;
	clear:both;
	padding-top: 20px;
	margin: 20px 10px 0 10px;
	background-image:url('../i/dash.png');
	background-repeat:repeat-x;
	background-position: center top;

}

#footer p {

	width: 500px;
	margin: 0 auto;
	font-size: 1.1em;
	font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
	font-style: italic;
	text-align:center;

}


img.userpic {

	margin: 5px 0 5px 0;

}

.clear {

	display:block;
	clear:both;
	visibility:hidden;

}

span.hi {

	background-color:#313e02 !important;
	background-image:none !important;
	display:inline !important;
	padding:inherit !important;
	margin:auto !important;
	font-family:inherit !important;
	text-transform:inherit !important;

}

#leavecomment #comment_form { display: none; }

.phpdefault { color:#82914c; font-weight: bold;}

.phpkeyword { color:#c68100; font-weight: bold;}

.phpstring  { color:#f6e195; font-weight: normal;}

.phpcomment { color:#FF8000; font-weight: normal;}

code { 
	white-space:pre;
	font-family: monospace !important;
	font-size: 1.2em;
	color:#fff;
	background-color:#40250c; 
	margin-left: 15px;
	padding: 10px 10px;
	display: block;
	border-left: 3px solid #c68100;
	overflow: auto;
	max-height: 420px;
	width: 420px;
}

#entries p code span {
	background-image: none;
	text-transform: none;
	font-family: monospace !important;
}


/*
via:
http://css-tricks.com/overriding-the-default-text-selection-color-with-css/

I like to highlight text as I'm reading, so I added this. <3 haveboard
*/

/*
Good stuff! Mind if I fudge with the colors? <3 Ferryboat
*/

::selection {
	background: #313e02; /* Safari */
	}
::-moz-selection {
	background: #313e02; /* Firefox */
}