/*-----------------------------------------------------------------------------------\
|	  		      CSS FOR SIRBASTIAN.COM 			            |
|		   	   Copyright Sirbastian Manning	                            |
|			 		      				            |
\-----------------------------------------------------------------------------------*/

/*  
Theme Name: Sirbastian Manning's Theme
Description: My website theme
Version: 1.0
Author: Sirbastian Manning
Author URI: http://sirbastian.com/
*/

body {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: small;
	text-align: center;
	color: #ccc;
	background: #323232;
	margin: 0;
	padding: 0;
}

a:link,a:visited, a:hover {
	padding-bottom: 0;
	color: #326ea1;
	text-decoration: none;
}

#nav ul:after,#main-body:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#main-body {
	border-top: 4px solid #9EE22E;
	padding: 30px 0;
	min-height: 100%;
}

.hide {
	display: none;
}

a img {
	border: none;
}

#content h2 {
	padding-left: 0px !important;
	font-family: Georgia, serif;
	font-size: 170%;
	line-height: 1.2em;
	letter-spacing: 0;
	color: #8CC829;
	border-bottom: 2px solid #626262;
	margin: 0;
	padding: 0;
}

#content h3 {
	font-family: Georgia, serif;
	font-weight: 400;
	font-size: 140%;
	line-height: 1.5em;
	color: #693;
	border-bottom: 1px solid #626262;
	margin: 0;
	padding: 0;
}

#holder {
	width: 66em;
	font-size: 95%;
	line-height: 1.6em;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}

#content {
	width: 100%;
	float: left;
}

#sidebar {
	width: 22em;
	float: right;
	margin-left: 2em;
	font-size: 90%;
	line-height: 1.5em;
	color: #666b75;
}

#header {
	border-top: 1px solid #464a52;
	background: #424242;
	border-bottom: 1px solid #181818;
	padding: 6.8em 0 0;
}

#header #fname {
	position: absolute;
	top: 30px;
	left: 50px;
	font-size: 3.2em;
	color: #aad208;
}

#header #lname {
	position: absolute;
	top: 70px;
	left: 220px;
	font-size: 3.2em;
	color: #a8a9a8;
}

#logo span {
	display: block;
	width: 191px;
	height: 50px;
}

#nav {
	width: 600px;
	margin: 20px auto 0;
	padding: 0;
}

#nav ul {
	width: 600px;
	list-style: none;
	background: transparent;
	margin: 0;
	padding: 0;
}

#nav li {
	float: left;
	font-family: Georgia, serif;
	font-size: 80%;
	letter-spacing: 2px;
	text-transform: uppercase;
	background: #7FB525;
	margin: 0;
	padding: 0;
}

#nav li a {
	float: left;
	text-decoration: none;
	color: #000;
	border: none;
	padding: 10px 12px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

#nav li a:hover {
	color: #fff;
	background: #343536;
}

/* Footer  */

#footer {
	position: absolute;
	bottom: 12px;
	width: 100%;
	height: 9px;
	line-height: 1.5em;
	text-align: center;
	border-top: 1px solid #3c3c3c;
	background-color: #323232;
}

#footer p {
	color: #565756;
	margin: 0;
	padding: 0;
	font-size: 90%;
}

#footer p:hover {
	color: #737573;
}

/* Tabs yo */

body#home li#tab_home,
body#contact li#tab_contact,
body#portfolio li#tab_portfolio,
body#code li#tab_code,
body#blog li#tab_blog,
body#tumble li#tab_tumblr {
	color: #000;
	background: #9EE22E;
	border-bottom: 1px solid #9EE22E;
	margin-bottom: -2px;
}

body#home li#tab_home a,
body#contact li#tab_contact a,
body#portfolio li#tab_portfolio a,
body#code li#tab_code a,
body#blog li#tab_blog a,
body#tumble li#tab_tumblr a {
	color: #000;
	background: #9EE22E;
}

/* Favorite Apps Page */

.column {
	border-style: solid;
	border-color: #cacaca;
	border-width: 1px;
	float: left;
	width: 18.5%;
	background: #BAE08F;
	margin: 5px;
	padding-bottom: 20px;
	padding: 0;
}

.column h4 {
	padding: 4px;
	text-align: center;
	color: #000;
	margin-left: 0;
	margin-bottom: 5px;
	margin-right: 0;
	margin-top: 0;
	background-color: #ADDD5C;
	text-transform: none;
	font-variant: small-caps;
	display: block;
	border-bottom: solid;
	border-bottom-color: black;
	border-bottom-width: 1px;
}

.column ul {
	margin-left: -10px;
	list-style: none;
}

.column ul a {
	color: #000;
}

/* Blog Style */

.entry_link {
	text-decoration: none !important;
}

.title_box {
	padding-left: 0px !important;
	border-bottom: 2px solid #555;
}

.title_box h1 {
	font-family: Georgia, serif;
	letter-spacing: 0;
	color: #8CC829;
	border: none;
	border-left: 1px solid #323232;
	margin: 0;
	padding: 0;
}

#content div.entry {
	border-bottom: 1px solid #3C3C3C;
	margin: 0 0 20px;
	padding-bottom: 5px;
	padding-left: 2px;
	background: #2f2f2f;
	border-left: 2px solid #9AC70D;
	min-height: 140px;
}

.entry p {
	margin-left: 5px;
}

.feedback a:link, .feedback a:hover, .feedback a:visited {
	text-decoration: none !important;
}

#commentlist li {
	padding: 5px;
	padding-bottom: 1px;
	border: 1px solid #3C3C3C;
	background: #2F2F2F;
}

.entry ul li {
	list-style: url('http://sirbastian.com/greenFiles/imgs/bullet.png') inside circle;
}

cite {
	font-size: 110%;
}

#commentlist hr {
	border: 0;
	margin-top: 0px;
	background: #292929;
}

li.isHigh hr {
	border: 0;
	margin-top: 0px;
	background: #444 !important;
}

#commentlist .alt {
	border: 1px solid #474747;
}

input.inputc {
	background: #272727;
	border: 1px solid #9EE22E;
	color: #b1fa00;
	padding: 5px;
	font: 100% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#commentform input {
	background: #272727;
	border: 1px solid #9EE22E;
	width: 20%;
	color: #b1fa00;
	padding: 5px;
	font: 100% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

textarea#comment, textarea.posText {
	background: #272727;
	border: 1px solid #9EE22E;
	color: #b1fa00;
	width: 100%;
	padding: 5px;
	font: 100% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#commentlist li.isHigh {
	border-left-color: #9EE22E;
	background-color: #292929;
}

input#submit {
	border: 2px solid #4a4a4a;
	background: #272727;
	color: #7dff00;
}

/* Blog Footer  */

#blog_footer {
	width: 100%;
	line-height: 1.5em;
	text-align: center;
	border-top: 1px solid #3c3c3c;
	background-color: #323232;
}

#blog_footer p {
	color: #565756;
	margin: 0;
	padding: 0;
	font-size: 90%;
}

#blog_footer p:hover {
	color: #737573;
}

/* Portfolio Page */

.portfolio_item {
	padding: 10px;
	border: 3px solid #4a4a4a;
	background: #272727;
}

dd a:link, dd a:visited, dd a:hover {
	color: #5d841d;
}

dl dd.download, dd.website {
	display: inline;
}

dd.description {
	padding: 5px;
	padding-left: 50px;
}

dd.download a {
	

}

dd.website a {
	


}

dt.project {
	font-weight: bold;
	font-size: 110%;
	color: #8cc829;
}

dt img {
	float: left;
	display: block;
	margin: 2px 8px 0 0;
	border: 2px solid #353535;
	background: #fffefa;
}

dt.huh {
	background-color: #2F2F2F;
}

#portfolio hr {
	width: 50%;
	border: none;
}

/* 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 {
	
}

.sIfR-alternate {
	visibility: hidden;
}

.sIFR-hasFlash #lname {
	visibility: hidden !important;
}

.sIFR-hasFlash #fname {
	visibility: hidden !important;
}

.entry-date {
	margin: 0 0 0 -58px;
	color: #000;
}

.entry-date, .comments-link {
	width: 55px;
	height: 44px;
	position: absolute;
	font: bold 11px uppercase georgia, serif;
	text-transform: uppercase;
	/*			back

ground: #9AC70D url('http://sirbastian.com/greenFiles/imgs/corner_bg.png') left top no-repeat;
*/			
			background: #9AC70D;
	display: inline;
}

.entry-perm {
	height: 20px;
	position: absolute;
	color: #fff;
	background: #242424;
	margin: 0 0 0 -59px;
	margin-top: 90px;
	width: 54px;
	border-top: 1px solid #3C3C3C;
	border-bottom: 1px solid #3C3C3C;
	border-left: 1px solid #3C3C3C;
	text-align: center;
}

.entry_perm span a, .entry_perm span a:visited, .entry_perm span a:hover; {
	color: #6D6D6D;
}

.entry-date span, .comments-link span {
	display: block;
	text-align: center;
}

span.author a {
	text-decoration: none;
	color: #0079B0;
}

.entry-date span.month {
	padding: 8px 0 0;
}

.comments-link {


/*			background: #5F881B url('http://sirbastian.com/greenFiles/imgs/bl_corner_bg.png') left bottom no-repeat;
*/			color: #fff;
	background: #5F881B;
	margin: 0 0 0 -58px;
	margin-top: 45px;
	width: 54px;
}

.comments-link:hover {
	width: 60px;
	margin: 0 0 0 -64px;
	margin-top: 45px;
}

.comments-link span {
	display: block;
	margin: 15px 0 0;
	width: 65px;
	height: 29px;
	overflow: hidden;
}

.comments-link a {
	color: #fff;
	margin-right: 3px;
}

.entry_text {
	
}

/* Mac setup entry */

.costs {
	color: #0F0;
}

.dev {
	border-bottom: 1px solid #5C14D3;
}

.info {
	border-bottom: 1px solid #BB14D3;
}

.applist>li {
	list-style-type: none;
	margin-top: 10px;
}

.applist li img {
	position: relative;
	top: 50px;
	margin-right: 10px;
}

ol {
	margin-bottom: 40px;
}

ol ul {
	margin-left: 50px;
}

ol ul {
	margin-bottom: -40px;
}

.setup_title {
	margin-left: 10px !important;
	margin-right: 10px !important;
	border-bottom: 1px solid #292929 !important;
}

.smaller_title {
	font-size: 65%;
	color: #89AF49 !important;
	margin-left: 10px !important;
	margin-right: 10px !important;
}

a.free {
	color: #F0B05D;
}

strong.fftweak {
	color: #98C351;
}