body {
	/* background:#333 url('../images/body-gradient.jpg') repeat-x top left; */
	background:#333 url('../images/bg.gif');
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	color:white;
	font-size:12px;
}

a:link 	{
	background-color:transparent;
	color: #217BA7;
	text-decoration:none;
}
	
a:visited {
	background-color:transparent;
	color: #38B0E6;
	text-decoration:none;
}
	
a:active {
	background-color:transparent;
	color: #38B0E6;
	text-decoration:none;
}		
	
a:hover {
	/* background-color:#38B0E6; */
	color:orange;
}

a img {
	border:none;
}

#second_frame a {
	color:#fff;
}

#second_frame a:hover {
	/* background-color:#fff; */
	color:yellow; /* #38B0E6; */
}

#recentphotos a, #photoboxholder a {
	background-color:transparent;
	border:none;
}

p, li, blockquote, dd, dt {
	line-height:140%;
}

acronym {
	color:#444;
	font-style:italic;
	border-bottom:1px solid #ccc;
}

blockquote {
	color:#666;
}

h2.posttitle {
	font-size:20px;
	font-weight:normal;
	padding:0;
	margin:0;
}

h3 {
	font-size:14px;
	font-weight:normal;
}

h4 {
	font-size:12px;
	margin-top:0;
	padding-top:0;
	margin-bottom:0.3em;
	padding-bottom:0;
}

h4 span {
	display:none;
}

h4#title_latestpost {
	width:75px;
	height:14px;
	background-image: url('../images/h4_latestpost.gif');
}

h4#title_latestphoto {
	width:84px;
	height:14px;
	background-image: url('../images/h4_latestphoto.gif');
}

h4#title_recently {
	width:58px;
	height:16px;
	background-image: url('../images/h4_recently.gif');
}

h4#title_commentary {
	width:86px;
	height:16px;
	background-image: url('../images/h4_commentary.gif');
}

h4#title_comments {
	width:75px;
	height:16px;
	background-image: url('../images/h4_comments.gif');
}

h4#title_recommended {
	width:98px;
	height:16px;
	background-image: url('../images/h4_recommended.gif');
}

h4#title_search {
	width:48px;
	height:16px;
	background-image: url('../images/h4_search.gif');
}

h4#title_blogmarks {
	width:86px;
	height:16px;
	background-image: url('../images/h4_blogmarks.gif');
}

h4#title_recentphotos {
	width:94px;
	height:16px;
	background-image: url('../images/h4_recentphotos.gif');
}

h4#title_morephotos {
	width:89px;
	height:16px;
	background-image: url('../images/h4_morephotos.gif');
}

h4#title_albums {
	width:98px;
	height:18px;
	background-image: url('../images/h4_albums.gif');
}

#frame {
	width:661px;
	margin:50px auto;
	text-align:center;
}

#top_frame {
	background:transparent url('../images/logo.jpg') no-repeat bottom left;
	text-align:left;
	padding-left:45px;
	height:auto !important; /* IE ignores this rule, added to counter-act annoying bug in IE6 Win */
	height:100px;
}

#top_inner_frame {
	background:#38B0E6 url('../images/bkgd_nav.gif') no-repeat bottom right;
}

#latest {
	float:left;
	/* margin-left:45px; */
	width:450px;
	background-color:#fff;
	color:#333;
	text-align:left;
	border:8px solid #ccc;
	padding:10px;
	min-height:120px;
}

#nav {
	float:left;
	width:120px;
	text-align:left;
}

#nav ul {
	margin:0 0 0 6px;
	padding:0 0 0 6px;
	list-style-type:none;
	font-size:9pt;
}

#nav ul li {
	margin:0;
	padding:4px;
	list-style-image:none;
}

#nav ul li a {
	display:block;
	width:102px;
	height:20px;
}

#nav ul li a#nav_weblog { 
	background: url("../images/nav_weblog_off.gif") transparent no-repeat top left;
}
#nav ul li a#nav_about {
	background: url("../images/nav_about_off.gif") transparent no-repeat top left;
}
#nav ul li a#nav_archive {
	background: url("../images/nav_archive_off.gif") transparent no-repeat top left;
}
#nav ul li a#nav_photos {
	background: url("../images/nav_photos_off.gif") transparent no-repeat top left;
}
#nav ul li a#nav_extras {
	background: url("../images/nav_extras_off.gif") transparent no-repeat top left;
}


#nav ul li a#nav_weblog_active {
	background: url("../images/nav_weblog_active.gif") transparent no-repeat top left;
	border-right:1px solid #217BA7;
}
#nav ul li a#nav_about_active {
	background: url("../images/nav_about_active.gif") transparent no-repeat top left;
	border-right:1px solid #217BA7;
}
#nav ul li a#nav_archive_active {
	background: url("../images/nav_archive_active.gif") transparent no-repeat top left;
	border-right:1px solid #217BA7;
}
#nav ul li a#nav_photos_active {
	background: url("../images/nav_photos_active.gif") transparent no-repeat top left;
	border-right:1px solid #217BA7;
}
#nav ul li a#nav_extras_active {
	background: url("../images/nav_extras_active.gif") transparent no-repeat top left;
	border-right:1px solid #217BA7;
}


#nav ul li a#nav_weblog:hover {
	background: url("../images/nav_weblog_on.gif") transparent no-repeat top left;
	border-right:1px solid #fff;
}
#nav ul li a#nav_about:hover {
	background: url("../images/nav_about_on.gif") transparent no-repeat top left;
	border-right:1px solid #fff;
}
#nav ul li a#nav_archive:hover {
	background: url("../images/nav_archive_on.gif") transparent no-repeat top left;
	border-right:1px solid #fff;
}
#nav ul li a#nav_photos:hover {
	background: url("../images/nav_photos_on.gif") transparent no-repeat top left;
	border-right:1px solid #fff;
}
#nav ul li a#nav_extras:hover {
	background: url("../images/nav_extras_on.gif") transparent no-repeat top left;
	border-right:1px solid #fff;
}

#nav .navtext {
	display:none;
}

#nav p {
	padding:4px;
	font-size:10px;
}

#second_frame {
	color:#13465F;
	float:left;
	margin-top:2px;
	padding-left:45px;
	width:284px;
	text-align:left;
}

#article #second_frame, #photoalbum #second_frame {
	width:auto;
}

.widebox, .alertbox {
	/* background:#55BBEB url('../images/widebox_bkgd3.jpg') repeat-x bottom; */
	font-size:11px;
	width:248px;
	text-align:left;
	background-color:#4AB0E0;
	border:8px solid #2C93C2;
	margin:0 2px 2px 0;
	padding:10px;
}

.widebox h3:first-child {
	padding-top:0;
	margin-top:0;
}

.alertbox {
	background-image:none;
	background-color:#ff6;
	text-align:center;
}

.recentposts {
	font-size:11px;
	font-weight:bold;
	width:482px;
	text-align:center;
	background-color:#2C93C2;
	margin-bottom:2px;
	margin-right:2px;
	color:#ccc;
	padding:2px;
}

.recentposts p {
	margin:2px;
}

#article .widebox {
	clear:both;
	width:450px;
}

.widebox ul, .halfbox ul, .halfbox2 ul {
	list-style-type:none;
	padding:0 0 0 10px;
	margin:0 0 0 10px;
}

.widebox li, .halfbox li, .halfbox2 li {
	list-style-image: url('../images/list-arrow-white.gif');
}

#top_frame li {
	list-style-image: url('../images/list-arrow-blue.gif');
}
	
#photoalbum .halfbox {
	width:206px;
}

.halfbox, .halfbox2 {
	font-size:11px;
	float:left;
	width:248px;
	/* background:#55BBEB url('../images/widebox_bkgd3.jpg') repeat-x bottom; */
	background-color:#4AB0E0;
	border:8px solid #2C93C2;
	margin-bottom:2px;
	text-align:left;
	padding:10px;
}

.halfbox2 {
	margin-right:2px;
}

.footer {
	margin-top:30px;
	font-size:11px;
	color:#ccc;
	clear:both;
	text-align:center;
	margin-bottom:2px;
	border:1px solid #217BA7;
	background-color: #217BA7;
}
	
#recentphotos {
	text-align:left;
	float:left;
	width:180px;
	margin-top:2px;
	margin-left:2px !important;
	margin-left:0px;
	background-color:#217BA7;
	padding:10px;
}
#recentphotos img {
 	border:1px solid #38B0E6;
}
#recentphotos h4 {
	margin:0;
}
#recentphotos p {
	margin:0 0 2px 0;
}

.formelement, textarea {
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	color:#13465F;
	background-color:#76C9EE;
	border:1px solid #2C93C2;
	font-size:11px;
}

.formelement2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	color:#13465F;
	background-color:#fff;
	border:1px solid #2C93C2;
	font-size:11px;
}

.formelement {
	width:150px;
}

textarea {
	width:400px;
}

input.submit {
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	font-size: 12px;
	font-weight:bold;
	background-color:#2582AE;
	color:#fff;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus  {
	border: 1px solid #13465F;
  	background-color:#fff;
  	color:#13465F;
}

form {
	margin:0;
}

.comment {
	overflow:hidden;
	font-size:12px;
	border-bottom:1px solid #76C9EE;
}

.commentdate {
	font-size:11px;
	color:#217BA7;
}

.commentguide, .commentfields {
	float:left;
	width:200px;
}

fieldset {
	border:1px solid #76C9EE;
	background-color:#54BBEA;
}

legend {
	font-weight:bold;
	color:#fff;
}

.postdate {
	font-size:11px;
	color:#666;
	float:right;
}

.small {
	font-size:11px;
	color:#666;
}

th, td {
	text-align:left;
	vertical-align:top;
	padding:0.4em;
}

tfoot td {
	text-align:right;
}

.photobox p {
	float:left;
	width:175px;
	padding:10px;
	margin:0;
}

.photobox img {
	border:1px solid #fff;
}

#photoboxholder {
	width:400px;
	margin:0px auto;
	text-align:left;
}

.boxleft {
	border-right:1px solid #2C93C2;
}

img.imageright, .picright {
	float:right;
	margin:4px;
}

code {
	color:green;
	font-family:monaco, courier;
	font-size:10px;
}

#albumtitle {
	color:#999;
	font-weight:normal;
}

.ads {
	background-color:white;
	text-align:center;
}

dt { font-weight:bold; }
dd { padding-bottom:1em; }

hr { height: 1px; color: #ccc; border: none; } /* For Internet Explorer */
html>body hr { height: 1px; background-color: #ccc; border: none; } /* For Gecko-based browsers */
html>body hr { height: 1px; background-color: #ccc; border: 0px solid #ccc; } /* For Opera and Gecko-based browsers */