@charset "utf-8";

/* resets */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,address,cite{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* font normalizing, in %, starts at 10.
77	 85  93  100  108  116  123.1  131  138.5  146.5  153.9  161.6  167  174  182  189  197 */

body {
	font:13px/1.231 Tahoma, Geneva, sans-serif;
	color:#deff8d;
}

select,input,button,textarea,button {
	font:99% Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
}

table {
	font-size: inherit;
	font-size:100%;
}

pre,code,kbd,samp,tt {
	font-family:monospace;
	font-size:108%;
	line-height:100%;
}

h1 {
	/*font-size:153.9%;
	font-family:Verdana,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;*/
	font-family: Georgia, "Times New Roman", serif;
	font-size: 200%;
	color: #ff007e;
}

h2 {
	
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 150%;
	word-spacing: .5px;
        letter-spacing: 1px;
}

h3 {
	font-size:123.1%;
	font-family:Verdana,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
}

h4 { font-size: 108%; }

h5 { font-size: 100%; }

h6 { font-size: 100%; }

/* base setting */

body {
	background:#deff8d url(images/main_bg.jpg) top center repeat-y;
	color:#333;
}

sup,sub {
	position:relative;
	vertical-align:0;
	font-size:smaller;
}

sup {
	bottom:0.3em;
}

sub {
	top:0.3em;
}

/*small {
	color:#777;
	font-size:77%;
	line-height:1.5em;
}*/

p {
	margin:.6em 0;
}

.hr {
	border-top:#e6e4dd solid 1px;
}

.hr hr {
	display:none;
}

object {
	margin:1em auto;
}

.aligncenter,div.aligncenter {
	display:block;
	margin:0 auto;
}

.alignleft {
	float:left;
}

.alignright {
	float:right;
}

	/* link color */

a {
	color:#6ba600;
	text-decoration: none;
}

a:hover {
	color:#f39;
	/*text-decoration: underline;*/
}

a:visited {
	color:#2d99c1;
	text-decoration:none;
}

/* clearfix */

.clear {
	clear:both;
}

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}

.clearfix {
	display:block;
}

html[xmlns] .clearfix {
	display:block;
}

* html .clearfix {
	height:1%;
}

/* container */

#wrapper {
	background: url(images/body.png) center 414px no-repeat;
}

/* header */

#header {
	min-width: 784px;
	height: 414px;
	overflow: hidden;
	background: url(images/header.png) top center no-repeat;
}

/* topnav */

#navigation {
	position: relative;
	margin: 0 auto;
	width: 423px;
}

#nav li {
	float: left;
	list-style-type: none;
}


#nav li a {
	margin: 310px 0 0 0;
	padding:0;
	position: absolute;
	display: block;
	top: 0;
	height: 25px;
	width: 423px;
	background: url(images/navMatrix.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

li#blog a {
	left: 0;
	width: 133px;
	background-position: 0 0;
}

li#portfolio a {
	left: 133px;
	width: 141px;
	background-position: -133px 0;
}

li#about a {
	left: 274px;
	width: 150px;
	background-position: -274px 0;
}


/* ====================================== */

li#blog a:hover {
	background-position: 0 -25px;
}

li#portfolio a:hover {
	background-position: -133px -25px;
}

li#about a:hover {
	background-position: -274px -25px;
}

/* ====================================== */

/*li#blog a:active {
	background-position: 0 -50px;
}

li#portfolio a:active {
	background-position: -133px -50px;
}

li#about a:active {
	background-position: -274px -50px;
}*/ 

/* ====================================== */

/*li#blog a:visited,*/#blog .selected {
	left: 0;
	width: 133px;
	background-position: 0 -50px;
}

/*li#portfolio a:visited,*/#portfolio .selected {
	left: 133px;
	width: 141px;
	background-position: -133px -50px;
}

/*li#about a:visited,*/#about .selected {
	left: 274px;
	width: 150px;
	background-position: -274px -50px;
}

/* ====================================== */

/* content */

#content {
	margin: 0 auto;
	width: 748px;
	padding: 0 18px;
	background: url(images/border.png) 1px top repeat-y;
	overflow: hidden;
	height: 1%;
	min-height: 300px;
}

#mainContent {
	float: left;
	width: 480px;
	background-color: #fff;
	padding: 0px 20px;
	line-height: 20px;
}

#mainContent h2 {
	color:#ff007e;
}

#mainContent h2 a{
	color:#ff007e;
}

#mainContent h2 a:hover{
	color:#f39;
}

#mainContent dt {
	/*border: 2px solid #ff0066;*/
        margin: 20 px;
}

#postdate {
	/*padding: 50px;*/
	padding-top: 5px;
	font-size: .8em;
}

/* =========================================== */
/* Single Main Content */

#mainContent h2.test {
	padding-top: 30px;
}

/* =========================================== */

#content.portfolio {
	margin-top: -35px;
}

.wp-caption-dd, .wp-caption-text {
	color: #ff037f;
	font-size: 11px;

}

#sidebar {
	padding: 0 10px;
	border-left: 1px dotted #333;
	width: 190px;
	float: right;
	margin-right: 10px;
}

#sidebar h3 {
	font-size: 20px;
	color: #654321;
}

#sidebar #text-3 h3.widgettitle{
	width: 146px;
	height: 28px;
	background: url(images/textHeaders.gif) no-repeat top;
	text-indent: -9999px;
	background-position: 0 -133px;
}

#categories-3 h3{
	width: 146px;
	height: 27px;
	background: url(images/textHeaders.gif) no-repeat top;
	text-indent: -9999px;
	background-position: 0 -52px;
}

#archives-3 h3{
	width: 146px;
	height: 27px;
	background: url(images/textHeaders.gif) no-repeat top;
	text-indent: -9999px;
	background-position: 0 -79px;
}

#sidebar #ngg-webslice h2 {
	width: 146px;
	height: 26px;
	background: url(images/textHeaders.gif) no-repeat top;
	text-indent: -9999px;
	background-position: 0 -161px;
}


#sidebar #resume {
	margin-bottom: 25px;
	width: 146px;
	height: 27px;
	background: url(images/textHeaders.gif) no-repeat top;
	text-indent: -9999px;
	background-position: 0 -26px;
}

#sidebar #contact {
	margin-bottom: 10px;
	width: 146px;
	height: 27px;
	background: url(images/textHeaders.gif) no-repeat top;
	text-indent: -9999px;
	background-position: 0 -107px;
}


/* ====== TWITTER ============ */

a.twitter-user {
	color: #FF9900;
}

#twitter-1 h3 {
	width: 146px;
	height: 26px;
	background: url(images/textHeaders.gif) top no-repeat;
	text-indent: -9999px;
	display: block;
}

li.twitter-item {
	padding: 10px 0;
	border-bottom: 1px solid #666;
	/*font-size: 16px;*/
}

#twitter-1 {
	padding: 10px 0;
}

#categories-3 {
	padding: 10px 0;
}

#archives-3 {
	padding: 10px 0;
}

#sep {
	border: 1px solid #DDD;
	/*width: 500px;*/
	margin: 30px 0;
}

/* footer */

#footer {
	min-width:784px;
	height:101px;
	overflow:hidden;
	background: url(images/footer.png) top center no-repeat;
        color: #6ba600;
}

#footer p {
	text-align: center;
	padding-top: 25px;
	margin-bottom: 0;
}

#footerNav {
	padding: 0 0 10px 0;
	margin: 0 auto;
	width: 771px;
}

#footerNav ul {
	/*width: 771px;*/
	list-style-type: none;
	font-size:85%;
	padding: 0 0 10px 0;
	margin: 0 auto;
	width: 113px;

}

#footerNav li {
	float: left;
	font-style: bold;
	display: inline;
	padding: 0 0 10px 0;
}
