/* CSS Layout Yesterday.SG
Creadted: Jan 08, 2009 */

/*** Reset page defaults ***/

body {
	background: #000;
	margin: 0;
	padding: 0;
}

hr {
	color: #fff; 
	background-color: #fff; 
	border: 1px dotted #990000; 
	border-style: none none dotted;
}

.dotted{
	color: #fff; 
	background-color: #fff; 
	border: 1px dotted #990000; 
	border-style: none none dotted;
}

.dashed{
	color: #fff; 
	background-color: #fff; 
	border: 1px dashed #990000; 
	border-style: none none dashed;
}

.line{
	color: #fff; 
	background-color: #fff; 
	border: 1px solid #ccc; 
	border-style: none none solid;
}

img {
	border: 0;
}

form {
	border: 0;
	margin: 0;
}

.title {
	margin: 0 0 10px 0;
	padding: 0;
	overflow: hidden;
	width: 500px;
}

.breadcrumb {
	clear: both;
	margin: 0 0 10px 0;
	overflow: hidden;
	padding: 0;
	width: 500px;
}

.alignleft      { float:left; margin: 0 10px 10px 0; }
.alignright     { float:right; margin: 0 0 10px 10px; }

/*** Containers ***/

#bg-container {
	background: url(../images/bg.jpg) no-repeat top center #000;
	margin: 0;
	padding: 0;
	width: 100%;
}

#navigation-container {
	/*background: url(../images/navigation_bg.png) no-repeat top center;*/
	background: #000;
	border: 1px solid #000;
	clear: both;
	height: 44px;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 960px;
	position: relative;
	/* for IE */
  	filter:alpha(opacity=60);
 	/* CSS3 standard */
 	opacity:0.6;
	z-index: 5;
}

#navigation {
	overflow: hidden; 
	margin: 0;
	padding-left: 9px;
	width: auto;
}

/*#header-container {
	margin: -328px auto 0 auto;
	padding: 0;
	position: relative;
	width: 960px;
	z-index: 2;
}*/

#header-container {
	margin: -318px auto 0 auto;
	padding: 0;
	position: relative;
	width: 960px;
	z-index: 2;
}

#header-image {
	clear: both;
	height: 324px;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 960px;
}

/*#login-container {
	margin: 80px auto 0 auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 960px;
	z-index: 4;
}*/

#login-container {
	margin: 0 auto 0 auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 960px;
	z-index: 4;
}

#login-wrapper {
	background: url(../images/login_bg.jpg) no-repeat top center;
	clear: both;
	float: right;
	height: 170px;
	margin: 0;
	overflow: visible;
	padding: 0;
	width: 220px;
}

#search-container {
	margin: 10px auto 10px auto;
	overflow: visible;
	padding: 0;
	width: 200px;
}

#search-form {
	background: url(../images/search_textbox.jpg) no-repeat top left;
	display: inline;
	float: left;
	height: 25px;
	margin: 0;
	padding: 2px 0 0 2px;
	width: 168px;
}

#search-button {
	clear: right;
	display: inline;
	margin: 0 0 0 1px;
	padding: 0;
}

#search-form input {
	color: #aaa;
}

#user-login {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 200px;
}

#user-panel {
	margin: 5px auto 0 auto;
	padding: 0;
	width: 200px;
}

#user-login-top {
	clear: right;
	margin: 0 0 5px 0;
	padding: 0;
}

#user-login-mid {
	clear: right;
	margin: 0 0 5px 0;
	overflow: hidden;
	padding: 0;
}

#user-login-TL {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	width: 80px;
}

#user-login-TR {
	display: inline;
	float: left;
	margin: 0 0 0 5px;
	overflow: hidden;
	padding: 0;
	width: 80px;
}

#user-login-BL {
	background: url(../images/login_textbox.jpg) no-repeat top left;
	display: inline;
	float: left;
	height: 25px;
	margin: 0;
	overflow: hidden;
	padding: 2px 0 0 2px;
	width: 82px;
}

#user-login-BM {
	background: url(../images/login_textbox.jpg) no-repeat top left;
	display: inline;
	float: left;
	height: 25px;
	margin: 0;
	overflow: hidden;
	padding: 2px 0 0 2px;;
	width: 82px;
}

#user-login-BR {
	clear: right;
	display: inline;
	float: left;
	margin: 0 0 0 2px;
	padding: 0;
	width: 26px;
}

#user-login-btm {
	clear: right;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: center;
}

#user-register {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 200px;
}

#user-register-top {
	clear: right;
	margin: 0 0 5px 0;
	padding: 0;
}

#user-register-mid {
	clear: right;
	margin: 0 0 5px 0;
	overflow: hidden;
	padding: 0;
}

#user-register-TL {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	width: 80px;
}

#user-register-TR {
	display: inline;
	float: left;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 80px;
}

#user-register-BL {
	background: url(../images/login_textbox.jpg) no-repeat top left;
	display: inline;
	float: left;
	height: 25px;
	margin: 0;
	overflow: hidden;
	padding: 2px 0 0 2px;
	width: 82px;
}

#user-register-BM {
	background: url(../images/login_textbox.jpg) no-repeat top left;
	display: inline;
	float: left;
	height: 25px;
	margin: 0;
	overflow: hidden;
	padding: 2px 0 0 2px;;
	width: 82px;
}

#user-register-BR {
	clear: right;
	display: inline;
	float: left;
	margin: 0 0 0 2px;
	padding: 0;
	width: 26px;
}

#user-register-btm {
	clear: right;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: center;
}

#user-forgotpwd {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 200px;
}

#user-forgotpwd-top {
	clear: right;
	margin: 0 0 5px 0;
	padding: 0;
}

#user-forgotpwd-mid {
	clear: right;
	margin: 0 0 5px 0;
	overflow: hidden;
	padding: 0;
}

#user-forgotpwd-TL {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	width: 180px;
}

#user-forgotpwd-BL {
	background: url(../images/search_textbox.jpg) no-repeat top left;
	display: inline;
	float: left;
	height: 25px;
	margin: 0;
	overflow: hidden;
	padding: 2px 0 0 2px;
	width: 168px;
}

#user-forgotpwd-BR {
	clear: right;
	display: inline;
	float: left;
	margin: 0 0 0 2px;
	padding: 0;
	width: 26px;
}

#user-forgotpwd-btm {
	clear: right;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: center;
}

#user-success {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 200px;
}

#user-success-top {
	clear: right;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left;
}

#user-success-message {
	margin: 6px 0 6px 0;
	text-align: center;
}

#user-success-btm {
	text-align: center;
}

#user-error {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 200px;
}

#user-error-top {
	clear: right;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left;
}

#user-error-message {
	margin: 6px 0 6px 0;
	text-align: center;
}

#user-error-btm {
	text-align: center;
}

/*#highlights-wrapper {
	background: url(../images/highlights_bg.jpg) no-repeat top center;
	height: 176px;
	margin: 0 auto 10px auto;
	padding: 0;
	position: relative;
	width: 960px;
}*/

#highlights-wrapper {
 background: url(../images/highlights_bg.jpg) no-repeat top center;
 height: 176px;
 margin: -6px auto 10px auto;
 padding: 0;
 position: relative;
 width: 960px;
}

#highlights-top {
	height: 20px;
 	margin: 0;
	overflow: hidden;
 	padding: 5px 0 3px 10px;
 }

#highlights-mid {
	margin: 0;
	overflow: hidden;
 	padding: 0;
}

/*#highlights-btm {
	margin: 0;
	overflow: hidden;
 	padding: 0;
}*/

#highlights-container {
	display: inline;
	float: left;
	margin: 0 10px 10px 10px;
	padding: 0;
	width: 220px;
}

#content-container {
	background: url(../images/content_bg.jpg) repeat-y top center;
	clear: both;
	margin: 5px auto 0 auto;
	overflow: hidden;
	padding: 0;
	width: 960px;
}

#content-area {
	clear: right;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 960px;
}

#content-area-btm{
	background: url(../images/content_btm.jpg) no-repeat top center;
	height: 10px;
	overflow: hidden;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 960px;
}

/* Blog Post
This includes all the elements in the blog post like main content, date stamp, tags, poll, comments
===================================================================================================*/
#post-wrapper {
	clear: left;
	display: inline;
	float: left;
	margin: 10px 10px 0 10px;
	padding: 0;
	width: 500px;
}

.post-container {
	/*clear: both;*/
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
	width: 500px
}

.post-archive-date {
	float: left;
	width: 80px;
	margin-left: 10px;
	display: inline;
}

.post-archive-title {
	float: right;
	width: 400px;
	margin-right: 10px;
	display: inline;
	text-align: justify;
}

.date-stamp {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	width: 60px;
}

.date-stampT {
	background: url(../images/stamp_top.jpg) no-repeat top center;
	margin: 0;
	padding: 0;
	text-align: center;
}

.date-stampB {
	background: url(../images/stamp_btm.jpg) no-repeat top center;
	height: 47px;
	margin: -3px 0 0 0;
	padding: 18px 0 0 0;
	text-align: center;
}

.date-stamp-button {
	margin: 10px 0 0 0;
	padding: 0;
}

.content-wrapper {
	display: inline;
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	width: 430px;
	overflow: hidden;
}

.content-wrapper-full {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	width: 500px;
}

.content {
	margin: 0 0 20px 0;
	padding: 0;
	width: 430px;
}

.content-full {
	margin: 0 0 20px 0;
	padding: 0;
	width: 500px;
}

.tag-poll-continer {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
	width: 430px;
}

.tags {
	/*margin: 0 0 20px 0;*/
	margin: 0;
	overflow: hidden;
	padding: 0;
}

.thumbsup {
	/*margin: 0 0 20px 0;*/
	margin: 5px 0 0 0;
	overflow: hidden;
	padding: 0;
}

.poll {
	margin: 0;
	overflow: hidden;
	padding: 0;
}

.comments-container {
	border-top: 1px solid #ccc;
	clear: both;
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	width: 100%;
}

.comments-header {
	margin: 0 0 10px 0;
	padding: 0;
	width: 500px;
}

.comments-posted {
	clear: right;
	margin: 0 0 20px 0;
	overflow: hidden;
	padding: 0;
	width: 500px;
}

.comments-postedL {
	display: inline;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	width: 80px;
}

.comments-postedR {
	display:inline;
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	width: 400px;
}

.comments-new {
	border-top: 1px solid #ccc;
	clear: both;
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	width: 500px;
}

.comments-form {
	margin: 0 0 20px 0;
	overflow: visible;
	padding: 0;
	width: 500px;
}

.comments-formL {
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 80px;
}

.comments-formR {
	display:inline;
	float: left;
	margin: 0 0 10px 10px;
	padding: 0;
	width: 400px;
}

#pagination{
	margin: 0 0 10px 0;
	overflow: visible;
	padding: 0;
	display:inline-block;
}

/* Forum
Contains all the styles for the forum
===================================================================================================*/

#forum-container {
	background-color: #fff;
	clear: both;
	margin: 0 auto 0 auto;
	overflow: hidden;
	padding: 0;
	width: 960px;
}

#forum-wrapper {
	margin: 10px;
	padding: 0px;
	width: auto;
}

#forum-wrapper h4 {
	color: #fff;
}

/* Widgets
Contains all the styles for the various widgets on the right pane
===================================================================================================*/

#widget-container {
	clear: right;
	display: inline;
	float: left;
	margin: 10px 10px 0 10px;
	padding: 0;
	width: 420px;
}
#widget-container-top {
	padding: 5px 5px 0 5px;
	width: 410px;
}
#widget-container-mid {
	width: 420px;
}
#widget-container-btm {
	padding: 0 5px 0 5px;
	width: 410px;
}
#widget-container-left {
	padding: 0 5px 0 5px;
	float: left;
	width: 200px;
}
#widget-container-right {
	padding: 0 5px 0 5px;
	float: right;
	width: 200px;
}

.widget-borderless {
	background-color: transparent;
	padding: 0;
	margin: 0 0 10px 0;
	clear: both;
}

.widget {
	background-color: #eee;
	padding: 0;
	margin: 0 0 10px 0;
	clear: both;
}

.widget-top {
	background:url(../images/widget_top.jpg) no-repeat left top;
	height: 7px;
	width: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
}
.widget-top-right {
	background:url(../images/widget_top.jpg) no-repeat right top;
	height: 7px;
	width: 20px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: right;
}


.widget-top-title {
	display: inline;
	float: left;
	margin: 0 10px 0 0;
	overflow: hidden;
	padding: 0;
	width: 330px;
}

.widget-top-viewall {
	display: inline;
	float: left;
	margin: 0 0 0 10px;
	overflow: hidden;
	padding: 0;
	width: 50px;
}

.widget-mid {
	/*background:url(../images/curved_big_mid.jpg) repeat-y center top;*/
	height: 100%;
	width: auto;
	margin: 0;
	padding: 4px;
	overflow: hidden;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	clear: both;
}

.widget-btm {
	background:url(../images/widget_btm.jpg) no-repeat left top;
	height: 7px;
	width: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
}
.widget-btm-right {
	background:url(../images/widget_btm.jpg) no-repeat right top;
	height: 7px;
	width: 20px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: right;
}

/* Widget Title */
.widget-title {
	color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	padding: 0;
	margin: 2px 0 12px 0;
}

/* Widget UL LI */
.widget-mid ul {
	width: auto;
	margin: 0;
	padding: 0;
}

.widget-mid ul li {
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
}

.widget-mid ul li a {
	width: auto;
	margin: 0;
	padding: 7px 0 7px 10px;
	display: block;
	border-bottom: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #ededed;
	color: #000;
	text-decoration: none;
}

.widget-mid ul li a:hover {
	display: block;
	background-color: #e4e4e4;
	color: #000;
	text-decoration: none;
}

/* Widget UL LI - FORUM */
.widget-mid-forum ul {
	width: auto;
	margin: 0;
	padding: 0;
}

.widget-mid-forum ul li {
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
}

.widget-mid-forum ul li a {
	width: auto;
	height: 45px;
	margin: 0;
	padding: 7px 0 7px 10px;
	display: block;
	border-bottom: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #ededed;
	color: #000;
	text-decoration: none;
}

.widget-mid-forum ul li a:hover {
	display: block;
	background-color: #e4e4e4;
	color: #000;
	text-decoration: none;
}


.widget-forumtopics-left {
	float: left;
	display: inline;
	width: 30px;
	cursor: pointer;
	/*cursor: hand;*/
}

.widget-forumtopics-right {
	float: left;
	display: inline;
	width: 350px;
	cursor: pointer;
	/*cursor: hand;*/
}

/* Style 1 */
.widget-style1 {
	clear: left;
	margin: 0 0 20px 0;
	overflow: hidden;
	padding: 0;
	width: 420px;
}

.widget-style1-top {
	background:url(../images/curved_big_top.jpg) no-repeat center top;
	height: 7px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 420px;
}

.widget-style1-mid {
	background:url(../images/curved_big_mid.jpg) repeat-y center top;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 420px;
}

.widget-style1-btm {
	background:url(../images/curved_big_btm.jpg) no-repeat center top;
	height: 7px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 420px;
}

.widget-style1-contentT {
	margin: 0 auto 10px auto;
	overflow: hidden;
	padding: 0;
	width: 416px;
}

.widget-style1-contentTL {
	display: inline;
	float: left;
	margin: 0 10px 0 0;
	overflow: hidden;
	padding: 0;
	width: 346px;
}

.widget-style1-contentTR {
	display: inline;
	float: left;
	margin: 0 0 0 10px;
	overflow: hidden;
	padding: 0;
	width: 50px;
}

.widget-style1-contentB {
	margin: 0 auto 0 auto;
	overflow: hidden;
	padding: 0;
	width: 416px;
}

/* Style 2 */
.widget-style2 {
	margin: 0 0 20px 0;
	overflow: hidden;
	padding: 0;
	width: 420px;
}

/* Style 3 */
.widget-style3 {
	margin: 0 0 20px 0;
	overflow: hidden;
	padding: 0;
	width: 420px;
}

.widget-style3L {
	display: inline;
	float: left;
	margin: 0 10px 0 0;
	overflow: hidden;
	padding: 0;
	width: 200px;
}

.widget-style3L-top {
	background: url(../images/curved_small_top.jpg) no-repeat top center;
	height: 6px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 200px;
}

.widget-style3L-mid {
	background: url(../images/curved_small_mid.jpg) repeat-y top center;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 200px;
}

.widget-style3L-btm {
	background: url(../images/curved_small_btm.jpg) no-repeat top center;
	height: 6px;
	margin: 0;
	overflow: visible;
	padding: 0;
	width: 200px;
}

.widget-style3L-content {
	margin: 0 auto 0 auto;
	overflow: hidden;
	padding: 0;
	width: 196px;
}

.widget-style3L-contentT {
	margin: 0 0 10px 0;
	overflow: hidden;
	padding: 0;
	width: 196px;
}

.widget-style3L-contentB {
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 196px;
}

.widget-style3R {
	display: inline;
	float: left;
	margin: 0 0 0 10px;
	overflow: hidden;
	padding: 0;
	width: 200px;
}

.widget-style3R-top {
	background: url(../images/curved_small_top.jpg) no-repeat top center;
	height: 6px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 200px;
}

.widget-style3R-mid {
	background: url(../images/curved_small_mid.jpg) repeat-y top center;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 200px;
}

.widget-style3R-btm {
	background: url(../images/curved_small_btm.jpg) no-repeat top center;
	height: 6px;
	margin: 0;
	overflow: visible;
	padding: 0;
	width: 200px;
}

.widget-style3R-content {
	margin: 0 auto 0 auto;
	overflow: hidden;
	padding: 0;
	width: 196px;
}

.widget-style3R-contentT {
	margin: 0 0 10px 0;
	overflow: hidden;
	padding: 0;
	width: 196px;
}

.widget-style3R-contentB {
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 196px;
}



/* Full Preview Styling - This will be used on the pages where the full sized Image or Clip will be showing
===================================================================================================*/
.full-image {
	clear: both;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 500px;
}

.full-description {
	clear: both;
	margin: 10px 0 0 0;
	overflow: hidden;
	padding: 0;
	width: 500px;
}

.full-tag {
	clear: both;
	margin: 10px 0 0 0;
	overflow: hidden;
	padding: 0;
	width: 500px;
}

.full-details {
	clear: both;
	margin: 10px 0 10px 0;
	overflow: hidden;
	padding: 0;
	width: 500px;
}

/* Comment Area Stylings - This if for the full sized pages
===================================================================================================*/

.fullsize-comments-container {
	border-top: 1px solid #ccc;
	clear: both;
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	width: 500px;
}

.fullsize-comments-header {
	margin: 0 0 10px 0;
	padding: 0;
	width: 500px;
}

.fullsize-comments-posted {
	clear: right;
	margin: 0 0 20px 0;
	overflow: hidden;
	padding: 0;
	width: 500px;
}

.fullsize-comments-postedL {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	width: 40px;
}

.fullsize-comments-postedR {
	display:inline;
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	width: 450px;
}

.fullsize-comments-new {
	border-top: 1px solid #ccc;
	clear: both;
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	width: 500px;
}

.fullsize-comments-form {
	margin: 0 0 20px 0;
	overflow: visible;
	padding: 0;
	width: 500px;
}

.fullsize-comments-formL {
	clear: left;
	display: inline;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 60px;
}

.fullsize-comments-formR {
	clear: right;
	display:inline;
	float: left;
	margin: 0 0 10px 10px;
	padding: 0;
	width: 420px;
}



/* Today in History Stylings
===================================================================================================*/
.tih-wrapper {
	background: url(../images/widget_bg.jpg) no-repeat top left;
	height: 159px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 420px;
}

.tih-container {
	margin: 7px;
	padding: 0;
	width: 406px;
}

.tih-top {
	clear: both;
	margin: 0 0 7px 0;
	overflow: hidden;
	padding: 0;
	width: 406px;
}

.tih-left {
	display: inline;
	float: left;
	margin: 0 9px 0 0;
	padding: 0;
	width: 174px;
}

.tih-year {
	background:url(../images/tih_year.jpg) no-repeat top left;
	display: inline;
	float: left;
	height: 89px;
	margin: 0 7px 7px 0;
	padding: 0;
	width: 80px;
}

.tih-date {
	background:url(../images/tih_date.jpg) no-repeat top left;
	display: inline;
	float: left;
	height: 89px;
	margin: 0 0 7px 7px;
	padding: 0;
	width: 80px;
}

.tih-year-content {
	margin: 25px auto 0 2px;
	padding: 5px;
	text-align: center;
	width: 50px;
}

.tih-date-content {
	margin: 10px auto 0 auto;
	padding: 5px;
	text-align: center;
	width: 60px;
}

.tih-month-content {
	margin: 0;
	padding: 3px 10px 3px 10px;
	text-align: center;
	width: 150px;
}

.tih-month {
	background:url(../images/tih_month.jpg) no-repeat top left;
	display: inline;
	float: left;
	height: 28px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 174px;
}

.tih-right {
	display: inline;
	float: left;
	margin: 0;
	padding: 5px;
	width: 210px;
}

.tih-bottom {
	clear: both;
	margin: 0;
	padding: 0;
	width: 406px;
}

.tih-buttonL {
	float: left;
	margin: 0;
	padding: 0;
}

.tih-buttonR {
	float: right;
	margin: 0;
	padding: 0;
}



/* Footer
All the footer elements
===================================================================================================*/

#footer-container {
	background: url(../images/footer_bg.jpg) #000 no-repeat top center;
	margin: 0;
	padding: 0;
	width: 100%;
}

#footer {
	background: url(../images/footer_bg2.jpg) no-repeat top center;
	height: 149px;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 960px;
}

#footer-container1 {
	clear: both;
	margin: 0 auto 0 auto;
	overflow: hidden;
	padding: 34px 0 0 0;
	width: 540px;
}

#footer-icon {
	display: inline;
	float: left;
	margin: 0 10px 0 10px;
	text-align: center;
	width: 160px;
}

#footer-copyright {
	clear: left;
	margin: 15px auto 0 auto;
	padding: 0;
	width: 620px;
	text-align: center;
}



/* Here are some new stylings for the Gallery Section and HTV Section */

/* Gallery Styling
===================================================================================================*/
/* Gallery Wrapper */
.gallery-wrapper {
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 500px;
}

/* Album Styling */
.album-countainer {
	display: inline;
	float: left;
	margin: 0 5px 10px 0;
	overflow: hidden;
	padding: 0;
	width: 160px;
}

.album-style-top {
	background: url(../images/album_top.jpg) no-repeat top left;
	clear: left;
	height: 15px;
	margin: 0;
	padding: 0;
	width: 160px;
}

.album-style-left {
	background: url(../images/album_left.jpg) no-repeat top left;
	display: inline;
	float: left;
	height: 100px;
	margin: 0;
	overflow: visible;
	padding: 0;
	width: 28px;
}

.album-style-mid {
	background: #000;
	display: inline;
	float: left;
	height: 100px;
	margin: 0;
	padding: 0;
	width: 100px;
}

.album-style-right {
	background: url(../images/album_right.jpg) no-repeat top left;
	clear: right;
	display: inline;
	float: left;
	height: 100px;
	margin: 0;
	overflow: visible;
	padding: 0;
	width: 32px;
}

.album-style-btm1 {
	background: url(../images/album_midbg.jpg) repeat-y top left;
	clear: both;
	display: inline;
	float: left;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 160px;
}

.album-style-btm2 {
	background: url(../images/album_bottom.jpg) no-repeat top left;
	clear: both;
	display: inline;
	float: left;
	height: 24px;
	margin: 0;
	padding: 0;
	width: 160px;
}

.album-title {
	height: 50px;
	margin: 5px auto 0 auto;
	padding: 0;
	width: 110px;
}

.album-status {
	margin: 0;
	padding: 0;
	text-align: center;
	width: 160px;
}

/* Thumbnails Styling */
.thumbnails-container {
	display: inline;
	float: left;
	margin: 0 5px 10px 0;
	overflow: hidden;
	padding: 0;
	width: 160px;
}

.thumbnails-border {
	border: 1px #ccc solid;
	clear: both;
	margin: 8px auto 0 auto;
	padding: 5px;
	width: 100px;}

.thumbnails-image {
	background: #000;
	clear: both;
	height: 100px;
	margin: 0;
	padding: 0;
	width: 100px;
}

.thumbnails-border-folio {
	border: 1px #ccc solid;
	clear: both;
	margin: 8px auto 0 auto;
	padding: 5px;
	width: 76px;}

.thumbnails-image-folio {
	background: #000;
	clear: both;
	height: 76px;
	margin: 0;
	padding: 0;
	width: 76px;
}

.thumbnails-border-folio-video {
	border: 1px #ccc solid;
	clear: both;
	margin: 8px auto 0 auto;
	padding: 5px;
	width: 101px;}

.thumbnails-image-folio-video {
	background: #000;
	clear: both;
	height: 76px;
	margin: 0;
	padding: 0;
	width: 101px;
}

.thumbnails-btm {
	clear: both;
	display: inline;
	float: left;
	margin: 5px 0 0 0;
	overflow: hidden;
	padding: 0;
	width: 160px;
}

.thumbnails-btm2 {
	clear: both;
	display: inline;
	float: left;
	height: 14px;
	margin: 0;
	padding: 0;
	width: 160px;
}

/* HTV Stylings
===================================================================================================*/
.clip-title {
	height: 50px;
	margin: 5px auto 0 auto;
	padding: 0;
	width: 130px;
}

/* List Styling */
.htv-clip-container {
	display: inline;
	float: left;
	margin: 0 5px 10px 0;
	overflow: hidden;
	padding: 0;
	width: 160px;
}

.htv-clip-border {
	border: 1px #ccc solid;
	clear: both;
	margin: 8px auto 0 auto;
	padding: 5px;
	width: 130px;}

.htv-clip-image {
	background: #000;
	clear: both;
	height: 100px;
	margin: 0;
	padding: 0;
	width: 130px;
}

.htv-clip-btm {
	clear: both;
	display: inline;
	float: left;
	margin: 5px 0 0 0;
	overflow: hidden;
	padding: 0;
	width: 160px;
}



/* Mailing List
===================================================================================================*/

#mailing_list_message {
	margin: 0 0 10px 0;
}

/* Today in History
===================================================================================================*/

.todayhistory-selection {
	padding: 10px 0 10px 0;
}
	
.todayhistory-wrapper {
	clear: both;
	margin: 10px 0 10px 0;
}

.todayhistory-date {
	float: left;
	width: 80px;
	margin-left: 10px;
	display: inline;
}

.todayhistory-history {
	float: right;
	width: 400px;
	margin-right: 10px;
	display: inline;
	text-align: justify;
}

/* Ask NLB
===================================================================================================*/

#ask-nlb label {
	margin-left: 10px;
	width: 140px;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block
}
#ask-nlb .submit {
	margin-left: 160px;
} 

/* Mailing List Widget
===================================================================================================*/

#mailing_list_message #txt_subscription {
	color: #aaa;
}


/* Event Calendar
===================================================================================================*/

.calendarevent-wrapper {
	background-color: #333;
}

.calendarevent-item {
	background-color: #777;
}

.calendarevent-start {
	float: left;
	width: 160px;
	margin: 0;
	padding: 0;
	display: inline;
	background-color: #aaa;
}

.calendarevent-to {
	float: left;
	width: 20px;
	margin: 0;
	padding: 0;
	display: inline;
	background-color: #aaa;
}

.calendarevent-end {
	float: left;
	width: 160px;
	margin: 0;
	padding: 0;
	display: inline;
	background-color: #aaa;
}

/* Gallery & HTV
===================================================================================================*/

.gallery_item { float: left; width: 110px; padding: 10px; }

.gallery_widget_item { float: left; width: 110px; height: 130px; padding: 10px; }

.gallery_item_title { width: auto; height: 34px; }

.gallery_item_left { float: left; width: 330px; padding: 10px; display: block; }

.gallery_item_right { float: left; width: 130px; padding: 10px; display: block; }

.gallery_widget_item_left { float: left; width: 240px; padding: 10px; display: block; }

.gallery_widget_item_right { float: left; width: 140px; padding: 10px 0 10px 0; display: block; }

.gallery_widget_item_right_item { float: left; width: auto; padding: 0 3px 3px 0; display: block; }

.htv_widget_item_left { float: left; width: 200px; padding: 0 0 0 10px; display: block; }

.htv_widget_item_right { float: left; width: 150px; padding: 0 0 0 10px; display: block; }

.gallery_album_select { float: right; display: inline; position: relative; }

.gallery_breadcrumb { margin-bottom: 10px; }

/* Custome Stylings
===================================================================================================*/

.clear {clear: both;}

.centered {margin: 0 auto 0 auto; text-align:center; display:inline;}

.left-align {float: left; padding: 10px;}

.right-align {float: right; padding: 10px;}

.icon-left-align {float: left; padding: 0 4px 0 0;}

.textbox {border: 0; border-color:#fff;}



/* Discover more button container
this is an additional dive that will be added on top of the search and login area
================================================================================================================*/
#dm-image {
	clear: both;
	float: right;
	margin: 0;
	padding: 0;
	width: 314px;
}