* { padding: 0; margin: 0; } /*global definition for padding and margin*/

html { height: 101%; background:#00061E url(/images/bg_page.jpg) repeat-x 0 0; }

body { font-size: 100%; height: 100%; }

h1, h2, h3, h4, h5 { font: normal 100%/100% arial, verdana, sans-serif; color: #000; padding: 0 0 5px 0; }
h1 { font-size: 1.6em; line-height: 100%; }
h2 { font-size: 1.4em; line-height: 100%; }
h3 { font-size: 1.2em; line-height: 100%; }
h4 { font-size: 1.0em; line-height: 100%; }
h5 { font-size: 0.9em; line-height: 100%; }

p, ol, ul, table, dl { font: normal .75em/150% Arial, Verdana, sans-serif; padding: 0 0 10px 0; }

a, a:visited { color: #369; outline:none; /*removes dotted outline around links in FF*/ }
a:hover { color: #369; text-decoration: none; }

dl { padding: 0 0 5px 10px; }
dt { font-weight: bold; }
dd { margin: 0 0 5px 0; }

ol { padding: 0 0 0 15px; }
ol li { padding: 0 0 5px 0; }

ul { padding: 0 0 0 20px; }
ul li { padding: 0 0 5px 0; }

th { font-weight: bold; }
td { padding: 3px 0; }

img { border: none; }
option{ margin-right: 10px;}

#wrapper { width: 900px; margin: 0 auto; background:#fff; border-right:5px solid #C0C0C0; border-left:5px solid #C0C0C0; border-bottom:5px solid #C0C0C0; }

#header { width:900px;/* height: 200px; */background:url(/images/bg-header.gif) repeat; border-top:5px solid #C0C0C0; border-bottom:5px solid #C0C0C0; }
#header h1 {  font-size:34px; font-weight:bold; float:right; padding:75px 20px 20px 15px;}
#header h1 a { color:#fff; text-decoration:none; }

#bio { float:right; border:4px solid #ccc ; width:300px; padding:10px 20px; margin-bottom:20px; }
#bio h2 { color:#999; font-size:16px; line-height:125%; }

#blog_home { float:left;}
#blog_home, #blog_home p { width:450px;}

#flickr_home { float:right; }

#content { padding:25px; }
#content p {font-size:14px;}

.flickr { background:url(/images/flickr.jpg) no-repeat 0 0; padding:22px 0 0 0; width:50px;}
.twitter { background:url(/images/twitter.jpg) no-repeat 0 0; padding:16px 0 0 0; width:16px;}

.sidebox { float:left; width:400px;}
.sidebox_top { padding:15px; }

#twitter_update_list { list-style-type:none; padding:0;}

#twitter_update_list li { font-size:15px; border-bottom:1px solid #ccc; margin-bottom:5px;}

.flickr_badge_image { float:left; padding:0 5px 10px 5px;}

#good_guy {
	padding: 15px 15px 15px 70px;
	background: #f0c5b6 url(/images/bg_big_no.gif) no-repeat 15px 15px;
	border: 2px solid #e59d83;
	color: #78625b;
	margin-bottom: 15px;
}

#good_guy h1 { font-weight:bold; }




/************ styles for notice/error divs ************/
#error, #notice, #success { width:90%; margin:0 auto 10px auto; padding:5px; border:2px solid #DDD; }
#error p, #notice p, #success p { margin-left:20px; padding:0; font-size:12px; color:#000; }
#error a, #notice a, #success a { text-decoration:none; padding:0 3px; }
#error a:hover, #notice a:hover, #success a:hover { color:#000; border:1px solid #000; }
#error { background-color:#FBE3E4; color:#8A1F11; border-color:#FBC2C4; }
#notice { background-color:#FFF6BF; color:#514721; border-color:#FFD324; }
#success { background-color:#E6EFC2; color:#264409; border-color:#C6D880; }
#error a { border: 1px solid #8A1F11; color:#8A1F11; }
#notice a { border: 1px solid #514721; color:#514721; }
#success a { border: 1px solid #264409; color:#264409; }

/**************************************************
											CLASSES
**************************************************/
.clear { clear: both; }
.formfield { width: 250px; font-size: 16px; margin: 0; padding: 2px; }

.hint { color:#999; font-style:italic; } /*style for defaultValueActsAsHint method*/

.replacement { height:0px !important; display:block; overflow:hidden;}

/************ styles for tagged page ************/
.tagged_h2 { border-bottom:1px solid #CCC; margin:0 0 5px 0; }
.tagged_date { font-size:11px; line-height:200%; color:#666; padding:0; }
.tagged_tags { padding:0 0 25px 0; }
.tagged_photo { float:left; margin:17px 24px 22px 23px; }

/************ styles for pagination ************/
.pagination {
	font: normal .75em/150% Arial, Verdana, Arial,sans-serif;
	padding: 3px;
	margin: 3px;
	text-align: center;
}
.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #666;
	text-decoration: none;
	color: #666;
	font-size: 1.0em !important;
}
.pagination a:hover, .pagination a:active { border: 1px solid #000; color: #000; }
.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #666;
	font-weight: bold;
	background-color: #666;
	color: #FFF;
}
.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #DDD;
	color: #999;
}
/************************/