@charset "utf-8";
/* SeanMart.com Main Stylesheet */

/*---------------------------------------------------------------------------------------------------------*/
* { padding: 0; margin: 0; border-color: #000; }
img { border: 0; }
a { text-decoration: none; outline: none; color: #000; border-width: 0; border-style: none; }
a:hover,
a:focus { color: #FFF; }
body { background: #FF5600 url(sm_back.jpg) repeat-y center top; font-family: Helvetica, Arial, sans-serif; }

/*---------------------------------------------------------------------------------------------------------*/
.wrapper { width: 900px; padding: 0 30px; margin: 0 auto; }
.head { display: block; height: 0; margin: 0 auto; padding-top: 115px; overflow: hidden;
		background: url(sm_head.png) no-repeat center top; }
.nav .primary { text-align: center; border-bottom-width: 1px; border-bottom-style: dashed; }
.nav .primary a { padding: 0 0.3em; margin-left: 1px; line-height: 1.3em; color: #09C;
					font-size: 120%;  font-weight: 300; }
.nav .primary .selected { color: #FFF; }
.nav .secondary { padding: 5px 40px; text-align: center; }
.nav .secondary a { float: right; padding: 0 0.3em; line-height: 1.0em; border-right-width: 1px; border-right-style: solid;
					font-size: 90%; font-weight: 600; }
.nav .secondary .first { padding-right: 0; border-width: 0; border-style: none; }
.nav .secondary .selected { color: #FFF; }
.nav .secondary .feed { float: left; padding-left: 22px; line-height: 18px; border-width: 0; border-style: none;
						background: url(sm_feed.png) no-repeat left top; }
.nav .secondary .caption { font-size: 90%; font-weight: 600; }

.content { padding: 10px 10px 0; line-height: 1.5em; font-size: 130%; font-weight: 600; }
.content ul { list-style: none; }
.content .bio,
.content .contact,
.content .links { float: right; position: relative; right: 50%; height: 383px; text-align: center; }
.content .bio p { float: right; padding-top: 50px; margin-right: -50%; }
.content .contact ul,
.content .links ul { float: right; padding-top: 50px; margin-right: -50%; line-height: 2.0em; font-size: 110%; }

.content .thumbs { float: left; width: 376px; position: relative; overflow: hidden; }
.content .thumbs ol { float: left; list-style: none; width: 360px; margin-top: -2px; position: relative; top: 0;}
.content .thumbs li { float: left; list-style: none; width: 56px; height: 56px; padding: 2px; }
.content .thumbs li .first { clear: left; }
.content .thumbs li a { position: relative; text-decoration: none; }
.content .thumbs li a:link,
.content .thumbs li a:visited { left: 0px; top: 0px; }
.content .thumbs li a:hover,
.content .thumbs li a:focus { left: 1px; top: 1px; }
.content .thumbs .scroll { display: none; float: right; width: 12px; height: 360px; margin-right: 1px; 
							border-left-width: 1px; border-left-style: dashed; }
.content .thumbs .scroll a { display: block; width: 12px; height: 10px; margin-left: -1px;
								position: relative; top: 0; left: 0; border-width: 1px; border-style: solid;}
.content .thumbs .scroll a:hover { background: #fd3706; }
.content .preview { display: block; float: right; text-decoration: none; text-align: center; width: 466px; height: 383px; }
.content .preview img { box-shadow: 3px 3px 6px #666; }

.foot { float: right; clear: right; width: 466px; margin: 50px 10px 0 0; text-align: center; }
.foot a { color: #333; font-size: 100%; font-weight: 600; }

/*---------------------------------------------------------------------------------------------------------*/
.full .wrapper { text-align: center; }
.bar { padding: 0.5em 0; }
.bar a { text-decoration: none; padding: 0 0.5em; line-height: 1.0em; font-weight: 600; color: #000;
			border-right-width: 1px; border-right-style: solid; border-color: #000; }
.bar .first { border-width: 0; border-style: none; }
.bar a:hover,
.bar a:focus { color: #FFF; }
.fullimg { margin: 0 auto; }
.caption { font-size: 100%; font-weight: 600; color: #000; }

/*---------------------------------------------------------------------------------------------------------*/
.shade { display: none; position: absolute; left: 0px; top: 0px; width: 100%; z-index: 1000;
			background-color: #000; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.overlay { display: none; position: absolute; left: 0; top: 0; width: 100%; text-align: center; z-index: 1001; }
.overlay .bar a { color: #FFF; border-color: #FFF; }
.overlay .bar a:hover,
.overlay .bar a:focus { color: #F30; }
.overlay .caption { color: #FFF; }