/* GENERAL 
_____________________________________________________________________________*/

.main-title {
	font-size: 45px;
	color: #FFFFFF;
	padding: 0px 0 0px 0;
	margin: 0;
}

.right-title {
	font-size: 25px;
	padding: 5px 0px;
	margin: 0;
}

.edit {
	float:right;
} 

html { 
	margin-bottom: 1px; 
	min-height: 100%; 
	height:100%;
}
 
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, pre, form, fieldset, th, td { 
	margin:0;
	padding:0;
	border:0;
}

table { 
	cellspacing: 0;
	cellpadding: 0;
	font-size:inherit;
	font:100%;
	border-collapse:collapse;
	border-spacing:0;
}

.upload {
	cellspacing: 5;
	cellpadding: 5;

}

.upload_comment {
	width: 500px;
	height: 125px;
	border: 1px solid #999999;
	padding: 3px;
	color: #7C796D;
	font-size: 11px;
}

.small {
	font-style: italic;
	font-size: 10px;
	margin-top: 15px;
}

#upload_file_alert {
	font-weight: bold;
	color: #d8007e;
	padding-bottom: 20px;
}

.upload_text {
/*	border: 1px solid #999999;*/
	height: 15px;
	color: #7C796D;
	font-size: 11px;
	padding-left: 3px;
}

.upload_file {
	color: #7C796D;
	font-size: 11px;
	margin-top: 4px;
}

.topic-table {
	margin-top: 10px;
}

.steps-pad {
	padding: 0 0 15px 0;
}

fieldset, img {
	border:0;
	margin:0;
	padding:0;
}
 
.clear { 
	clear: both; 
	height: 0px;
	overflow: hidden;
}
 
img { 
	border: 0; 
	vertical-align: bottom; 
}

cite,code,em,strong,th{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
th{text-align:left;}
h1,h2,h3,h4{font-size:100%;}
q:before,q:after{content:'';}
select,input,textarea{font:99%;}
pre,code{font:115% monospace;*font-size:100%;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #7c796d;
	background-color: #4a453e;
}

h2.next-topic {
}

/* LINKS
_____________________________________________________________________________*/

a { 
	text-decoration: none; 
	color: #39b9c3; }

a:hover { 
	text-decoration: underline;
}

a.back {
	position: absolute;
	top: 166px;
	left: 555px;
	display: block;
	width: 138px;
	height: 18px;
	background: url(/images/site/topic-back.jpg) 0 0 no-repeat;
	text-decoration: none;
	padding-left: 11px;
}

a.back:hover  {
	background-position: -149px 0;
}

a.about-book {
	position: absolute;
	display: block;
	width: 149px;
	height: 18px;
	background: url(/images/site/about-book.gif) 0 0 no-repeat transparent;
	text-decoration: none;
}

a.about-book:hover  {
	background-position: -149px 0;
}

a.about-project {
	position: absolute;
	left: 171px;
	display: block;
	width: 148px;
	height: 18px;
	background: url(/images/site/about-project.gif) 0 0 no-repeat transparent;
	text-decoration: none;
	padding-left: 11px;
}

a.about-project:hover  {
	background-position: -159px 0;
}

a.read-more {
	display: block;
	height: 12px;
	width: 78px;
	background: url(/images/site/read-more.gif) 0 0 no-repeat transparent;
	text-decoration: none;
	font-size: 0px;
	line-height: 0px;
}

a.read-more:hover {
	background-position: -78px;
	display: block;
	height: 12px;
	width: 78px;
	text-decoration: none;
	font-size: 0px;
	line-height: 0px;
}

a.assignment-info {
	display: block;
	height: 13px;
	width: 108px;
	background: url(/images/site/assignment-info.gif) 0 0 no-repeat transparent;
	text-decoration: none;
	font-size: 0px;
	line-height: 0px;
}

a.assignment-info:hover {
	background-position: -108px;
	font-size: 0px;
	line-height: 0px;
}

a.upload {
	display: block;
	height: 18px;
	width: 160px;
	background-image: url(/images/site/upload.gif);
	background-repeat: no-repeat;
	margin-top: 17px;
	text-decoration: none;
}

a.upload:hover {
	background-position: -160px;
}

.topics-bullet a {
	font-weight: bold;
	font-size: 16px;
	margin-left: 7px;
}

.related-bullet a {
	font-weight: bold;
}

.tags a {
	color: #d8007e;
	font-weight: bold;
	padding-right: 5px;
}

.tags a:hover {
	color: #39b9c3;
	text-decoration: none;
}

.static-beginnings a {
	font-size: 16px;
	margin-left: 10px;
	font-weight: bold;
}

.static-image {
	margin-bottom: 15px;
}

/* COLORS AND UNDERLINES
_____________________________________________________________________________*/

.pink {
	color: #d8007e;
}

.orange {
	color: #ec963f;
}

.green {
	color: #a8bb37;
}

.blue {
	color: #39b9c3;
}

.white {
	color: #fff;
}

.dark-grey {
	color: #b7b2a4;
	font-size: 20px;
}

.dotted-underline {
	height: 1px;
	margin: 20px 0;
	border-bottom: 1px dotted #b0afa7;
}

/* CONTAINER
_____________________________________________________________________________*/

#container {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: url(/images/site/main-bg.gif) repeat-y #39B9C3;
}

/* TOP NAV
_____________________________________________________________________________*/

#top-nav {
	width: 183px;
	height: 86px;
	background: url(/images/site/top_menu_bg.jpg) no-repeat transparent;
	position: absolute;
	left: 693px;
	top: 0px;
	padding-left: 23px;
	padding-top: 10px;
}

#top-nav a {
	margin-bottom: 8px;
}
#top-nav a:hover {
	text-decoration: none; 
}
a#top-about {
	height: 12px;
	width: 48px;
	display: block;
	background-image: url(/images/site/top-about.gif);
	background-repeat: no-repeat;
}

a#top-about:hover, a#top-about.active  {
	background-position: -48px 0px;
}

a#top-archive {
	height: 13px;
	width: 115px;
	display: block;
	background-image: url(/images/site/top-archive.gif);
	background-repeat: no-repeat;
}

a#top-archive:hover, a#top-archive.active {
	background-position: -115px 0px;
}

a#top-contribute {
	height: 13px;
	width: 93px;
	display: block;
	background-image: url(/images/site/top-contribute.gif);
	background-repeat: no-repeat;
}

a#top-contribute:hover, a#top-contribute.active {
	background-position: -93px 0px;
}


/* HEADER
_____________________________________________________________________________*/

#header {
	width: 713px;
	height: 272px;
	background: url(/images/site/header-bg.gif) top center no-repeat;
        overflow: hidden;
}

#header-sub {
	width: 713px;
	height: 152px;
	background: url(/images/site/header-bg-sub.gif) top center no-repeat;
}

.logo {
	position: absolute;
	left: 24px;
	top: 24px;
}

.logo-sub {
	position: absolute;
	left: 52px;
	top: 12px;
}

.about {
	position: absolute;
	width: 379px;
	left: 298px;
	top: 36px;
	line-height: 14px;
	_font-size: 12px;
}

.about-sub {
	position: absolute;
	width: 379px;
	left: 266px;
	top: 20px;
	line-height: 14px;
	_font-size: 12px;
}

/* LEFT COLUMN
_____________________________________________________________________________*/

#left-column-outer {
	width: 713px;
	float: left;
}

#left-column-inner {
	padding: 0px 53px 50px 47px;
}

.topic-top {
	margin-top: 30px;
}

.links {
	position: relative;
	padding-top: 10px;
}

.sub-title {
	margin-top: 28px;
	margin-bottom: -1px;
}

.sub-title-contribute {
	margin-bottom: -9px;
}

.contribute-margin {
	margin-top: 30px;
}

.faq {
	margin-bottom: 17px;
}

.sub-title-static {
	margin-bottom: 10px;
}

.static-title-assignment {
	margin-top: 30px;
	margin-bottom: 19px;
	font-size: 18px;
	font-weight: bold;
}

.policy {
	margin-bottom: 45px;
}

.block-outer {
	background: url(/images/site/box-bottom.gif) bottom left no-repeat;
	background-color: #7c796d;
	border: 1px solid #39b9c3;
	margin-bottom: 11px;
}

.block-inner {
	background: url(/images/site/box-right.gif) no-repeat;
	background-position: right top;
}

.block-small {
	background-color: #FFF;
	margin: 0px 8px 8px 0px;
	padding: 1px;
}

.block-static {
	background-color: #FFF;
	margin: 0px 8px 8px 0px;
	padding: 33px 36px 50px 36px;
}

.block-copy-pad {
	margin: 8px 13px 0 13px; 
}

.block-title {
	color: #39b9c3;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}

.static-title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}

.faq-title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 3px;
}

.static-title-results {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 28px;
}

.block-location {
	margin-bottom: 2px;
}

.block-author {
	margin-bottom: 10px;
}

.from-guest {
	background: url(/images/site/from-guest.gif) no-repeat #ec963f;
	height: 18px;
}

.from-host {
	background: url(/images/site/from-host.gif) no-repeat #ec963f;
	height: 18px;
}

.from-you {
	background: url(/images/site/from-you.gif) no-repeat #ec963f;
	height: 18px;
}

.from-blank {
	background-color: #dad9d4;
	height: 18px;
}

.related-host {
	text-transform: uppercase;
	color: #ec963f;
	padding-left: 5px;
}

.block-white {
	background: url(/images/site/down-caret.gif) no-repeat 11px bottom;
	border: 1px solid #39b9c3;
	margin-bottom: 10px;
}

.block-white-inner {
	background-color: #FFF;
	margin-bottom: 11px;
	padding: 17px 14px;
}

.block-white-title {
	color: #39b9c3;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.static-beginnings {
	margin-bottom: 22px;
	background-image: url(/images/site/beginnings-bullet.gif);
	background-position: 0 4px;
	background-repeat:  no-repeat;
}

.static-tags {
	margin: 18px 0 24px 0;
}

.author-image {
	border: 1px solid #c5c1b6;
	padding: 2px;
}

.author-bio {
	margin: -75px 0 0 90px;
}

.story-bio {
	min-height: 76px;
	_height: 76px;
}

.story-bio img {
	border: 1px solid #c5c1b6;
	padding: 2px;
	float: left;
	margin: 0 10px 0 0;
}

.paginate {
	padding-left: 11px;
}

#gallery {
	margin-bottom: 15px;
}

/* RIGHT COLUMN
_____________________________________________________________________________*/

#right-column-outer {
	width: 287px;
	float: right;
}

.right-column-top {
	height: 30px;
	background-image: url(/images/site/right-column-top-bg.jpg);
	background-repeat: repeat-x;
	background-position: 1px 0px;
}

#right-column-inner {
	margin-top: 74px;
}

.right-pad {
	margin-left: 21px;
	margin-right: 21px;
}

.right-subheading {
	padding-bottom: 15px;
}

.topics-bullet {
	margin-bottom: 5px;
	background-image: url(/images/site/topic-bullet.gif);
	background-position: 0 6px;
	background-repeat:  no-repeat;
}

.related {
	margin-left: 7px;
}

.related-bullet {
	margin: 20px 0 5px 0;
	background-image: url(/images/site/topic-bullet.gif);
	background-position: 0 6px;
	background-repeat:  no-repeat;
}

.assignment-title {
	font-size: 15px;
	font-weight: bold;
}

.feed {
	margin-bottom: 50px;
}

/* FOOTER
_____________________________________________________________________________*/

#footer {
	clear: both;
	height: 72px;
	position: relative;
	background: url(/images/site/footer-bg.gif) #7c796d;
	color: #fff;
}

.footer-logo {
	position: absolute;
	left: 12px;
	top: 16px;
	width: 47px;
	height: 11px;
}

.footer {
	position: absolute;
	left: 113px;
	top: 14px;
}

.footer-text {
	position: absolute;
	right: 56px;
	width: 228px;
	height: 72px;
}