html {
     overflow: -moz-scrollbars-vertical;
     height:101%;
}


*	{
margin:0;
padding:0;
}

body	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:75%;
	background:url(../images/bg.png) repeat fixed;
}

img 	{
	border:none;	
}

#wrapper	{
	margin:0 auto;
	width:506px;
	
}

#header	{
	background:url(../images/header.png) no-repeat;
	height:366px;
	
	
}

#logo	{
	margin-left:60px;
}

a.top {
	padding:5px	0;
	margin-bottom:15px !important;
	margin-left:350px;

	text-decoration:none;
	border-bottom:1px solid #000;
	color:#666;
}

a.top:hover	{
	color:#000;
}

h1.title	{
	font-size:1.8em;
	text-transform:uppercase;
	display:block;
	border-bottom:1px solid #000;
	padding:10px 0;
	margin:10px 0 5px 0;

}

/*   tabs     */

#tabs	{
position:absolute;
top:323px;

}


#tabs >div	{

background:url(../images/mainbg.png) repeat-y;
	width:410px;
	margin-top:-15px;
	padding: 5px 50px 10px 50px;
}
#tabs ul	{
	margin-bottom:39px;
	margin-left:20px;
}

#tabs ul  li	{
	display:inline;	
	list-style:none;
	padding:5px 15px;
	font-size:1.2em;
}

#tabs ul li a	{
	color:#000;
	text-decoration:none;
	padding:5px;
}

#tabs ul li a:hover	{
	color:#FFF;
	background:#b4a200;
}

.ui-tabs .ui-tabs-hide {
     display: none;
	 background:url(../images/mainbg.png)
}


.ui-tabs-panel	{
	
	
}


.ui-tabs-selected a, .ui-state-active a, .ui-state-focus a	{
	color:#FFF;
	background:#b4a200;
	border:none;
}

/*      resume/about         */

h1, h2, h3	{
	padding:5px 0;	
}

h1	{
	font-size:1.7em;
	
}

h2	{
	font-size:1.5em;
	
}

h3	{
	font-size:1.2em;
}

h3.place	{
	font-size:1.2em;
	padding:1px 0;

}

h3.mytitle	{
	font-size:1.4em;
	padding:1px 0;
}

h4	{
	font-size:1.1em;
}

h4.date	{
	font-size:1em;
	font-weight:normal;
	padding:1px 0;
}

p	{
	font-size:1.1em;
	padding:10px 0;
}

p.description	{
	font-size:1.1em;	
}

.resumebody	{
	margin-left:25px;	
}


#resume ul	{
	margin-bottom:5px;
}

#resume ul li	{
	list-style-type:circle;
	display:block;
	padding: 1px 0 1px 20px;
}


/*   portfolio		*/

.jobs		{
	padding:10px 0;
}

.items	{
	
		
}

a span.portfolioitem		{
	font-size:1.4em;
	padding:5px 0;
	color:#000;
	display:block;
	
}

span.portfolioitem {
	font-size:1.4em;
	padding:5px 0;
	color:#000;
	display:block;
	
}

a:hover span.portfolioitem	{
	color:#b4a200;
	
}


.screenshot	{
	

}

img.itempic	{
	
}

p.detail	{
	margin:5px 0;
	border:1px solid #666;
	padding:5px;
	font-size:1em;
}

span.programs	{
	font-size:.9em;
	margin-top:10px;
	display:block;
}

/*      contact        */

#form, fieldset	{
	border:none;
}


#form input, #form textarea	{
	width:300px;
	float:right;
	margin-top:1px;
	padding:3px;
	
}

#form textarea#the_comment	{
	height:80px;
}

.submit_form input#submit {
	width:100px;
}

#submit	{
	
	background:#fff;
}

#submit:hover	{

	color:#FFF;
	background:#b4a200;

}
/*      footer        */

#footer	{
	
	background:url(../images/footer.png) no-repeat !important;
	margin-top:0px;
	width:506px;
	height:125px;
}

#social	{
	width:300px;
	margin:auto;
	padding-top:45px;
}

a.bkmark img	{
	margin:0 10px;	
}

a:active, a:focus {
	outline:0;	
}