body{font:13px/1.231 helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea{font:99% helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strike, strong, sub, sup, 
tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
li{list-style-type: none;}

html { 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	background: url("../images/walthall9_bg.gif") #848772;
	color:#848772;
	position:relative;
}

/* type&links*/
a{text-decoration: none;}

li a, td a{ 
	color:#fa9d1b; 
}
li a:hover, td a:hover{color:#999; border-bottom:rgba(120,120,120, 0.8) 1px solid}

h2{
	color:#fa9d1b;
}

h1,h1 a, h2{font-size:56px;text-shadow:0 1px 0 rgba(120,120,120, 0.6);}

h3{font-size:131%;}

h4, p, a { font-size:108%;}

#head a{
	color:#fff; text-shadow:0 2px 0 rgba(0,0,0, 0.2);
}

#foot a{	
color:#fa9d1b;
	
}

#head a:hover{
	color:#333;border-bottom:rgba(120,120,120, 0.8) 2px solid
}

#head h1 a:hover{
	border:none; text-shadow:0 1px 0 rgba(255,255,255, 0.2);
}

#foot a:hover{
	color:#333;  
}

#foot p, #foot a{
	font-size:93%;
}

.main-text{
	padding-top:6px;
	color:#848772;	
}

.underline, a.underline{
	margin:5px 0; 
	padding:2px 0;
	border-bottom:1px solid rgba(120,120,120, 0.2); 
	display:block; 
	font-weight:bold; 
}

.sidehead, .gray{color:#ccc;}
.small{font-size:300%;}

/* sections */
#main,#head,#foot{
	width:900px; 
	margin:0 auto;
}

#head, #foot{
	padding:10px 0px;
	color:#fff;
}

#head{
	margin-top:50px; 
	position:relative;
}

#main{
	padding:20px 0;
	background:#fff;
}

#offset{
	background:url(/workspace/images/offset_bg.gif) repeat-y
}

/* Nav */
#head #nav{
	position: absolute;
	right: 0px;
	bottom: 15px;
}
#head #nav li{
	display:inline;
	width:75px;
	padding-left:10px;
}
#head #nav a{
	display:left;
	padding-bottom:2px;
}
#head #nav a:hover{
	color:#ccc;
}
#head #nav a.active{
	border-bottom:2px solid #666;
}
#head #nav a.admin-links{
	color:#fa9d1b;
}

/* Sections-> Content */

#content {
	width:610px;
	float:left;
	display:block; 
	padding:0px 0px 10px 0px;
}
#content h2{font-size:300%;}
#content p a{color:#fa9d1b;}
#content p a:hover{color:#999; border-bottom:rgba(120,120,120, 0.8) 1px solid}
.maintext{}

#about, #work{
	width:580px;
}

#work h4{
	margin:10px 0 5px 0;
	color:#aaa;
}
#work p{
	margin:5px 0 10px 0;
}

#work li a img{
	display:block;
	width:570px;
	padding:4px;
	border:1px solid #ccc;
	background:#eee;
}
#work li a:hover img{
	padding:3px; 
	border:2px solid #ccc;
	background:#eee;
}

.site-wrap{margin:0px 0px 20px 0px}

.more{
	font-size:93%; 
	float:right;
	border-bottom:1px solid #fff;
}

#about p{
	margin-bottom:10px;
}

#about h3.intro{
	font-size:200%;
	margin-bottom:5px;
}

/* Sections->Sidebar */
.sidebar{
	width:276px;
	float:right;
	margin-right:10px;
	padding:0px;
}

.sidebar table{
	width:100%;
}

.sidebar h2{
	font-size:300%;
}

.sidebar-wrap{
	margin:0px 20px 10px 0px; 
}

.sidebar-wrap table, .sidebar table a{
	font-size:11px;
}

.sidebar-wrap table td{
	padding:0px 5px 1px 0px;
}

.sidebar-wrap li{
	font-size:85%; 
	padding-bottom:5px; 
	margin-top:5px
}

.twitter li{
	border-bottom:1px solid rgba(120,120,120, 0.2);
}

.twitter li a{
	color:#848772;
}

.twitter li a:hover{
	background-color:#eee; border:none;
}

.delicious li{
	border-bottom:1px solid rgba(120,120,120, 0.2);
}

.delicious li a{
	color:#848772;
}

.delicious li a:hover{
	background-color:#eee; border:none;
}

.flickr li{
	display:inline;
}

.flickr a:hover{border:none;}

.flickr li a img{
	background-color:#eee; 
	border:1px solid #ccc;
	padding:3px;
}

.flickr a:hover img{
	border-bottom:2px solid #666;
	padding-bottom:2px;
}

/* Form */
#guideline {
	float: right;
	color: #333;
	width: 200px;
	font: 85% ,"Helvetica Neue", Helvetica, Arial, sans-serif; 
	margin: 20px 0 0 15px;
}

#guideline h4 {
	font: 108%, "Helvetica Neue", Helvetica, Arial, sans-serif; 
	text-transform: uppercase;
	border-bottom: 1px dotted #aaa;
	padding-bottom: 6px;
}

#guideline ul {
	list-style-type: square;
	margin: 6px 0 30px 15px;
}

#guideline li {
	margin: 0 5px 12px;
}

form {
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #afc79f;
	margin-top: 20px;
}

form fieldset {
	background: #eee;
	border: none;
	font-size: 93%;
	padding: 10px 15px;
	margin: 1px;
}

form label {
	display: block;
	position: relative;
	color: #3f5a3e;
	font-size: 0.95em;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

form label small {
	position: absolute;
	right: 0;
	color: #3f5a3e;
	font-size: 93%;
	text-transform: none;
	text-align: right;
	margin-left: 40%;
}

form label small a:hover {
	color: #ccc;
	border-color: #888; 
}

form input[type="text"], form textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	display: block;
	width: 100%;
	padding: 3px 0;
	background-color: #eee;
	color:#333;
}

form textarea {
	height: 200px;
}

form input[type="submit"]#submit {
	display: block;
	float: right;
}

form label.required input {
	background-color: #fff;
}

form p.success {
	color: #2c421b;
	background-color: #8acd55;
	padding: 5px 15px;
	border-top: 1px solid #a9fa68;
	border-bottom: 1px solid #6fa444;
	margin: 1px !important;
}

form p.error {
	color: #5f311b;
	background-color: #fb834b;
	border-top: 1px solid #fcc8a4;
	border-bottom: 1px solid #ae5832;
	padding: 5px 15px;
	margin: 1px !important;
}

form label.error{
	color: #b12123;
	font-weight: bold;
}

form#publish-article {
	text-align: center;
}

form#publish-article fieldset button#submit {
	cursor: pointer;
	color: #333;
	background: url("../images/button.gif") 0 0 no-repeat;
	width: 130px;
	height: 30px;
	border: none;
}