/* meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
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, 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; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1; color: black; background: white; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }
/* reset done */

body {
	nbackground: url(/tsp/images/layout/line_portrait/grid.png) repeat-y center center;
	font-family: 'helvetica', 'arial', sans-serif;
	font-size: 16px;
	line-height: 150%;
	margin: 0;
	padding: 0;
}

#all { 
	nbackground: url('/tsp/images/layout/line_portrait/rules.png') repeat 0 -1px;
	color: #222
	margin: auto;
	margin-top: 42px;
}

#content, #bottom, #top, #page-links, #webcam p:first-child {
	margin: auto;
	max-width: 50em;
	width:expression( document.body.clientWidth > (500/12) * parseInt(document.body.currentStyle.fontSize) ?  "50em": "auto" );
}
#pirates .section-main #content, #my .section-main #content, #captions .section-main #content, #blog .section-main #content, #blog .section-main #page-links, #links .section-main #content, #links .section-main #page-links, #recent #content, #recent #page-links {
	max-width: 33em;
	width:expression( document.body.clientWidth > (500/12) * parseInt(document.body.currentStyle.fontSize) ?  "33em": "auto" );
}
#top {
	background: url(/tsp/images/layout/line_portrait/portrait-small.png) no-repeat 1.5em 3em;
	margin-top: -1px;
	padding: 3em 2em 0;
	position: relative;
}

h1 {
	font-size: 3em;
	font-weight: normal;
	line-height: 1.0em;
	padding: 0 0 0 133px;
}

h1 a {
	font-weight: normal;
	text-decoration: none;
}

h4 {
	margin: .5em 0 0;
}

.big,
#greeting h3 {
	font-size: 1.125em;
	font-weight: normal;
	line-height: 1.33333em;
}
#greeting h3 {
	margin: 0;
	padding: 1.33333em 0 0 133px;
}
#member_bar {
	color: #000;
	display: block;
	font-size: .875em;
	line-height: 1.7142em;
	padding: 0 0 1.7142em 133px;
}
.small,
#member_bar,
.info {
	font-size: .875em;
	line-height: 1.7142em;
}

.info {
	color: #555;
	margin: 0;
}

#main_links {
	margin: 1.5em 0 0 133px;
	padding: 0;
	text-align: left;
	height: 1.5em;
}
#main_links dt {
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}
#main_links dt a {
	border: 1px solid black;
	display: block;
	float: left;
	margin: -1px .3em 0 0;
	padding: 0px 10px 0px;
	text-decoration: underline;
}

#home #home_link a, #blog #blog_link a ,#links #links_link a , #captions #captions_link a , #pirates #pirates_link a , #thisweek #thisweek_link a, #recent #recent_link a {
	background-color: #8af;
	border-bottom-color: #8af;
	font-weight: bold;
}
#main_links dd { display: none; }

#page-links {
	list-style-type: none;
	margin-bottom: -1.5em;
	position: relative;
	text-align: right;
	width: 100%;
}
#page-links li {
	display: inline;
	font-size: .875em;
}

#body {
	background: url(/tsp/images/layout/line_portrait/gradient.png) repeat-x center top;
}

a {
	color: #f00;
	padding: 2px 0 0;
}
a:visited {
	color: #04f;
}
a:hover {
	background-color: #04f;
	color: #fff;
}

img {
	background-color: #fff;
	border: 2px solid #000;
	padding: 2px;
}

a img {
	border-color: #f00;
}
a:visited img {
	border-color: #04f;
}
a:hover img {
	border-color: #04f;
}

abbr.date {
	border-bottom: none;
}
abbr.date .year:before, abbr.date .month:before {
	content: "/ ";
}
abbr.human .year:before, abbr.human .month:before {
	content: "";
}
abbr.date .time:before {
	content: "@ ";
}
abbr.date .timezone {
	display: none;
}

h2 {
	font-size: 1.5em;
	line-height: 1em;
	padding: 1em 0 1em;
	text-transform: capitalize;
}
h3 {
	font-size: 1.25em;
	padding: .6em 0;
}

#page_links {
	clear: both;
	text-align: center;
}

#bottom-seperator {
	border: 0;
	border-bottom: 3px solid #f00;
	clear: both;
	margin: 0 2em 1.375em;
	padding: 1.375em 0 0;
}
#bottom {
	padding-bottom: .0625em;
}

.webcam {
	margin-bottom: 1.5em;
	text-align: center;
}
.webcam a:hover {
	background-color: white;
	padding: 0;
}
.webcam img {
	height: 14.5em;
}
.webcam p:first-child {
	margin: 0;
	line-height: 0;
}
.webcam p:first-child a:hover {
	padding: 0;
}
#webcam-footer .caption-for-image {
	display: none;
} 

ul, ol, blockquote, p, dl, table {
	margin: 0 0 1.5em;
}

dt, dd {
	margin: 0;
	padding: 0;
}

ul, ol {
	padding-left: 2.5em;
}

sup {
	font-size: .875em;
	line-height: .3em;
	vertical-align: super;
}

blockquote {
	background: url('/tsp/images/layout/line_portrait/rquote.png') no-repeat right bottom;
	margin-right: 1em;
	padding-right: 2em;
	padding-left: 3em;
}
blockquote *:first-child {
	background: url('/tsp/images/layout/line_portrait/lquote.png') no-repeat 0 0;
	margin-left: -2.4em;
	padding-left: 2.4em;
}

.note-title, .online-page-title,.recent-page-title,.read-title, .sent-title,.visit-title,.entry-title, .caption-title,.star-title, .comment-title, .view-title {
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 27px;
}
.caption-title { background-image: url(/tsp/images/layout/caption.png); }
.entry-title { background-image: url(/tsp/images/layout/post.png); }
.star-title { background-image: url(/tsp/images/layout/star.png); }
.view-title { background-image: url(/tsp/images/layout/view.png); }
.comment-title { background-image: url(/tsp/images/layout/comment.png); }
.visit-title { background-image: url(/tsp/images/layout/visit.png); }
.read-title { background-image: url(/tsp/images/layout/received.png); }
.sent-title { background-image: url(/tsp/images/layout/sent.png); }
.note-title { background-image: url(/tsp/images/layout/note.png); }
.online-page-title { background-image: url(/tsp/images/layout/online.png); }
.recent-page-title { background-image: url(/tsp/images/layout/recent.png); }

.warning {
	color: #f63;
	font-weight: bold;
	text-align: center;
}

.list {
	padding: 0 0 0 1.5em;
}
.list_item {
	min-height: 6em;
	padding: 0 0 0 15.1em;
	position: relative;
}
.list_item h4 {
	display: inline;
	left: 0;
	margin: 0;
	position: absolute;
	top: 0em;
}
.list_item h4 a:first-child {
	padding: 0;
}
.list_item h4 img {
	float: left;
	height: 2.49em;
	margin: 0 .3em 0 0;
	width: 2.49em;
}
.list_item .info {
	margin: 0;
}

span.send-link {
	font-size: .75em;
}

.short-list {
	float: left;
	width: 31.7%;
	padding-bottom: 1.5em;
}
.short-list+.short-list {
	margin-left: 1.7%;
}
.short-list ol {
	list-style-position: inside;
	margin: 0;
	padding: 0;
}
.short-list li {
	padding: 0;
}

table {
	margin-bottom: 2.25em;
	width: 100%;
}

table th {
	border-bottom: 1px solid black;
	font-size: 1.125em;
	line-height: 1.2777em;
	vertical-align: middle;
	padding: 0 0 .66666em;
}
table th a img {
	border: 0;
	margin-bottom: -4px;
	padding: 0;
}
table th.number {
	margin: 0;
	padding-right: .85em;
	padding-left: .85em;
	text-align: center;
}
table th.number a { padding: 0; }

tbody tr:hover { background-color: #f8f8f8; }
tbody tr:first-child td {
	padding-top: .75em;
}
table td {
	font-size: 1em;
	padding: 0;
	padding-bottom: .75em;
	vertical-align: middle;
}
td.number {
	padding-right: 0;
	text-align: center;
}

tfoot td {
	border-top: 1px solid black;
	padding-top: .75em;
}


#feed-icon {
	border: 0;
	padding: 0;
}

.comments-num {
	margin: 0 1.0em 0 0;
}
.comments-num {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 23px;
}
.comments-num {
	background-image: url('/tsp/images/layout/line_portrait/small-comment-balloon.png');
	background-repeat: no-repeat;
	background-position: 2px 0;
	padding-right: 1px;
}
.comments-num:hover {
	background-image: url('/tsp/images/layout/line_portrait/small-comment-balloon-hover.png');
}

.form_item {
	margin-bottom: 1.5em;
}
.form_item h4 {
	margin: 0;
}
.form_item .input-element {
	margin-right: 34%;
}
.section-main .form_item .input-element { margin-right: 0; }

.form_item textarea {
	width: 100%;
}

input[type=password],input[type=text],textarea {
	border: 2px solid #555;
	padding: 2px;
}
.fieldWithErrors input[type=password], .fieldWithErrors input[type=text], .fieldWithErrors textarea {
	border: 0;
	padding: 0;
}
.fieldWithErrors {
	border: 2px solid red;
}

#remove-icon-form {
	float: left;
	margin-right: 1.2em;
}
#remove-icon-form, #upload-icon-form {
	float: left;
	padding: 0;
	margin-top:.75em;
	position: relative;
	width: 48%;
}
/***********captions stuff*************************************/
.caption { 
	float: left;
	padding: 0;
	margin-bottom: 3em;
	margin-top:.75em;
	position: relative;
	width: 48%;
}

#caption-1, #caption-3, #caption-5, #caption-7, #caption-9, #caption-11 {
	clear: both;
	margin-right: 1.2em;
}
.caption h3 {
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 12em;
	padding: .75em 0 0;
}
.caption .photo {
	position: absolute;
	top: 0;
}
.caption .author {
	font-size: .875em;
	margin-bottom: 1.7142em;
}
.caption img {
	height: 11.5em;
	margin: 0 0 -8px;
}

.caption .info {
	font-size: .875em;
}

.caption .date {
	display: block;
}
.caption .date, .caption .comments-num {
	margin: 0 1.0em 0 0;
}

#caption {
	float: left;
	margin: 0 0 1.5em;
	width: 66%;
}	
#caption .photo {
	line-height: 0;
}
#caption .author {
}
#caption img {
	height: 20.5em;
}
#caption .date, #caption .views-num {
	margin: 0 1.0em 0 0;
}
#caption .views-num {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
#caption .views-num { background-image: url('/tsp/images/layout/line_portrait/small-view.png'); }
#caption .bullet { display: none; }

.photo-note-reference {
	border: 1px solid black;
	overflow: hidden;
}
.photo-note-reference div {
	border: 1px solid white;
	display: block;
	height: 100%;
}

#caption .new, #caption .new div {
	border-style: dashed;
}
#caption .new .referenceFunction {
	background-color: white;
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid black;
	display: none;
	height: 11px;
	margin: -1px;
	padding: 0;
	text-indent: -9000px;
	width: 11px;
}

#caption .new:hover .referenceFunction {
	display: block;
}
#caption .new .referenceFunction:hover {
	background-color: white;
}
#caption .new .move-link {
	background-image: url('/tsp/images/layout/move.png');
	cursor: move;
}
#caption .new .resize-link {
	background-image: url('/tsp/images/layout/resize.png');
	cursor: se-resize;
}
#caption .new .cancel-link {
	background-image: url('/tsp/images/layout/close.png');
}
#caption-photo:hover .highlight,#caption-photo #caption .new:hover, #caption-photo .pending:hover {
	outline: 2px solid #ffff99;
}

/***********this week stuff*************************************/
#thisweek .short-list {
	padding-bottom: 3em;
}
#thisweek .short-list h3 {
	nbackground-color: pink;
	font-size: 1.125em;
	line-height: 1.33333em;
	margin-top: .6666em;
	padding-top: 0;
	padding-bottom: .6666em;
}
#thisweek .short-list ol {
	list-style-type: none;
	padding: 0;
}
#thisweek .short-list li {
	clear: left;
	position: relative;
}
#thisweek .short-list .name {
	display: block;
	float: left;
	overflow: hidden;
	height: 1.5em;
	width: 80%;
}
#thisweek .short-list .count {
	position: absolute;
	right: 2em;
}
#thisweek .short-list li span.seperator {
	display: none;
}
#sent-activity {
	clear: both;
	margin-left: 0;
}

#activity-list {
	clear: both;
}

/***********online stuff ************************************/
#pirates .active {
	background-color: #edf2ff;
}
#pirates-list td:first-child, #pirates-list td:first-child+td, #pirates-list td:first-child+td+td {
	padding: 0;
}
#pirates-list td {
	padding: .75em .5em .75em 0;
}
#pirates-list td img {
	float: left;
	height: 1.7em;
	width: 1.7em;
}

#legend img {
	border: 0;
	margin: -4px 0;
	padding: 0;
}
#legend {
	padding-bottom: 1.5em;
	text-align: center;
}
#legend h3 {
	display: none;
}
#legend dt, #legend dd {
	display: inline;
}
#legend dt {
	margin-right: .5em;
	margin-left: 3.5em;
}
#legend dt:first-child {
	margin-left: 0;
}

#pirate-statistics h2 {
	text-align: center;
}
#pirate-statistics dt {
	clear: both;
	float: left;
	margin-right: 1em;
	text-align: right;
	width: 47%;
}

/******* front page ***********************************************/
.welcome {
	float: left;
	margin: 0;
	width: 48.5%;
}
/*
#webcam {
	margin-left: 1.8%;
	text-align: center;
	margin: 0;
	padding: 0;
}
#webcam p {
	margin: 0;
}
#webcam img {
	height: 16em;
	margin-bottom: -8px;
}
*/
.caption-for-image {
	font-size: .875em;
	margin: 0;
	padding: 0;
}
.lists {
	clear: both;
}

/***********recent stuff ************************************/
#recent-list {
	list-style-type: none;
	padding: 0;
}
#recent-list h3 {
	font-size: 1em;
	line-height: 1.5em;
	margin-left: -1.7em;
	padding: 0 0 0 1.7em;
}
#recent-list h3 span {
	display: none;
}
#recent-list p {
	margin: 0;
}
#recent-list li {
	margin-bottom: 1.5em;
}

#recent-list .new h3:before {
	background-color: yellow;
	border: 1px solid black;
	content: "New";
	font-size: .8em;
	float: left;
	line-height: 1.3em;
	margin-right: .5em;
	padding: 0 .3em;
}

#recent-list li.profile-summary h3, #recent-list li.registration-summary h3, #recent-list li.link-summary h3,#recent-list li.note-summary h3, #recent-list li.caption-summary h3, #recent-list li.post-summary h3, #recent-list li.comment-summary h3 {
	background-repeat: no-repeat;
	background-position: 0 1px;
}

#recent-list li.registration-summary h3, #recent-list li.profile-summary h3 { background-image: url(/tsp/images/layout/online.png); }
#recent-list li.post-summary h3 { background-image: url(/tsp/images/layout/post.png); }
#recent-list li.caption-summary h3 { background-image: url(/tsp/images/layout/caption.png); }
#recent-list li.comment-summary h3 { background-image: url(/tsp/images/layout/comment.png); }
#recent-list li.note-summary h3 { background-image: url(/tsp/images/layout/note.png); }
#recent-list li.link-summary h3 { background-image: url(/tsp/images/layout/link.png); }

/***********links stuff */
#links-list {
	list-style-type: none;
	margin-bottom: -1.5em;
	padding: 0;
}

#links-list > li {
	nbackground: url(/tsp/images/layout/line_portrait/link-arrow.png) no-repeat left top;
	margin-bottom: 4.5em;
	margin-left: -1.5em;
	padding-left: 1.5em;
}
#links p.link-p:before {
	content: url(/tsp/images/layout/line_portrait/link-arrow.png);
	padding-right: .4em;
}
#links-list li p.info {
	margin: 0;
}

#links-list li .date {
	margin: 0 1em 0 0;
}
#links-list li .comments-num {
	background: transparent;
	padding-left: 0;
}
#links-list li .comments-num:hover {
	background: #04f;
}
#link-text {
	margin: 0 0 1.5em;
	width: 66%;
}	
#link-text .date, #link-text .views-num {
	margin: 0 1.0em 0 0;
}
#link-text .views-num {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
#link-text .views-num { background-image: url('/tsp/images/layout/line_portrait/small-view.png'); }
#link-text .bullet { display: none; }

#related-links ul {
	list-style-type: none;
	padding: 0;
}


/***********blog stuff */
.entry {
	padding: 0;
	margin: 0 0 3em;
	position: relative;
}
.entry:last-child {
	padding-bottom: 0;
}
.entry .comments-num {
	background: url(/tsp/images/layout/line_portrait/comment-balloon.png) no-repeat center top;
	left: 0;
	margin-left: -7.3em;
	padding: 0 0 3em;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 6.5em;
}
.entry .comments-num .num {
	color: white;
	display: block;
	font-size: 3em;
	line-height: .7em;
	padding: .35em 0 0;
}
.entry .comments-num .word {
	color: white;
	line-height: .6em;
	padding: 0;
}
.entry .stars-num {
	padding: 0 0 0 2em;
}

.entry ul, #entry-text ul {
	list-style-type: square;
	padding-left: 1em;
}
#entry-text {
	float: left;
	margin: 0 0 1.5em;
	position: relative;
	width: 66%;
}	
#entry-text .date, #entry-text .views-num, #entry-text .comments-num {
	margin: 0 1.0em 0 0;
}
#entry-text .views-num {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
#entry-text .views-num { background-image: url('/tsp/images/layout/line_portrait/small-view.png'); }
#entry-text .bullet { display: none; }
#caption-notes,#entry-notes {
	float: right;
	margin: 0;
	padding: 0;
	width: 32%;
}
#caption-notes ol,#entry-notes ol {
	color: #555;
	font-size: .875em;
	margin: 0 0 3.4285em;
	padding: 0 0 0 1.4em;
}
#caption-notes li,#entry-notes li {
	padding: 0 .3em;
}
#caption-notes li p,#entry-notes li p {
	margin: 0;
}
#caption-notes li .author,#entry-notes li .author {
	display: block;
	font-size: .857em;
}
#caption-notes form,#entry-notes form {
	margin-bottom: 0;
	padding: 6px 7px 3px 0;
}
#caption-notes textarea,#entry-notes textarea {
	display: block;
	height: 5em;
	width: 100%;
}
#caption-notes > p,#entry-notes > p {
	font-size: .875em;
	line-height: 1.7142em;
	margin: 0;
}
#caption-notes .warning,#entry-notes .warning {
	margin: 0 0 1.5em;
	text-align: left;
}
#caption-notes li.highlight,#entry-notes li.highlight {
	background-color: #eee;
}
#related-entries {
	float: left;
	width: 66%;
}
#related-entries p {
	margin: 0;
}
#related-entries ul {
	list-style-type: none;
	padding: 0;
}

#caption-notes h3,#entry-notes h3 {
	padding: 0;
}
#entry-text span.start-ref,#entry-text span.end-ref {
	color: #04f;
	display: -moz-inline-box;
	display: inline-block;
	font-size: 1.5em;
	font-weight: normal;
	margin: -.1em -.1em -.05em;
}
#entry-text span.end-ref {
	margin: -.1em -.05em -.05em -.1em;
}

sup.ref a {
	color: #04f;
	font-weight: normal;
	text-decoration: none;
}
sup.ref a:hover {
	background-color: transparent;
	color: #04f;
	margin-left: -.5em;
	padding-left: .5em;
}

#links-search, #entries-search {
	padding-left: 1.5em;
}
#links-search h3, #entries-search h3 {
	font-size: 1.125em;
	padding: 0;
}
#links-search li, #entries-search li {
	margin-bottom: 1.5em;
}
#links-search p, #entries-search p {
	margin: 0;
}

#comments {
	clear: both;
}

#inbox {
	list-style-position: inside;
	list-style-type: none;
	padding: 0;
}
#inbox li:before {
	content: counter(inbox) ". ";
	counter-increment: inbox -1;
	display: inline-block;
	margin-left: -2em;
	width: 1.65em;
}
#inbox li .info {
	display: inline;
 margin-left: 1em;
}
#inbox li {
	margin-bottom: 1.5em;
}
#inbox h3 {
	display: inline;
	font-size: 1em;
	margin: 0;
	padding: 0;
}
#inbox h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#inbox input {
	margin-right: .5em;
}

#send-message-form textarea {
	height: 12em;
}

#messages-history .direction {
	display: none;
}
#messages-history .out { list-style-image: url(/tsp/images/layout/line_portrait/out.png); }
#messages-history .in { list-style-image: url(/tsp/images/layout/line_portrait/in.png); }

strong, b {
	font-weight: bold;
}
em, i {
}

#pirate_identity_url,#openid_url {
  background: url(/tsp/images/layout/openid-login.gif) no-repeat #FFF 5px;
  padding-left: 25px;
	width: 30em;
}
.new-messages {
	background-color: yellow;
}

.site-name {
	text-transform: lowercase;
}

h3#error {
	color: red;
	padding: 0 0 0 133px;
}

#manage-openids {
	clear: both;
}
#manage-openids ul {
	list-style-type: square;
	padding: 0 0 0 1em;
}
#manage-openids li span {
	display: inline-block;
	min-width: 14em;
	padding-right: 3em;
}

code {
	font-family: courier, monospace;
}

.e_link {
	padding-bottom: 1.5em;
}

em {
	font-style: italic;
}

#webcam_images {
	background-color: #555;
	height: 39px;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
}
#webcam_images ul {
	list-style-type: none;
	padding: 0 0 0 1px;
}
#webcam_images li {
	display: block;
	float: left;
	margin: 0;
	overflow: hidden;
}
#webcam_images a {
	border: 0;
}
#webcam_images a img {
	border: 1px solid #555;
	height: 36px;
	width: 48px;
	padding: 0;
}
#webcam_images a:hover img {
	border: 1px solid #04f;
}