﻿/* MAIN WRAPPERS */
div#OuterWrapper
{
	margin: 0 auto;
	text-align: left;
	width: 950px;
}
div#InnerWrapper
{
	margin-top: 25px;
	background-image: url('images/cell_bg.png');
	-background-image: url('images/cell_bg.gif'); /* IE6 */
	width: 100%;
}
#ContentContainer
{
	float: left;
	width: 700px;
}
div#Container
{
	padding: 25px 25px 25px 25px;
}
div#ContentBottom
{
	clear: left;
}
p.BlockedUI
{
}
p.SeeAllNews
{
	text-align: right;
}
p.SeeAllNews a
{
	color: Yellow;
}

/* HEADER */
div#Header
{
	margin-top: 25px;
}
div#Header #rssfeed
{
	display: block;
	width: 14px;
	height: 14px;
	background-image: url('images/feed-icon-14x14.png');
	background-repeat: no-repeat;
	border: 0;
	float: right;
	position: relative;
	overflow: hidden;
}
div#Header #Logo
{
	background-image: url('images/stargazerlogo.gif');
	background-repeat: no-repeat;
	border: 0;
	width: 142px;
	height: 61px;
	display: block;
	float: left;
}

/* RIGHT PANEL */
div#RightPanel
{
	float: left;
	width: 195px;
	margin-left: 25px;
	padding: 15px;
}
div#RightPanel #FlashPlayer
{
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}
div#RightPanel .Content
{
	border-bottom: solid 10px #3A3A3A;
	margin-bottom: 20px;
	padding: 0px 0px 10px 0px;
}
div#RightPanel .Content ul
{
}
div#RightPanel .Content ul li
{
	margin: 0px 0px 10px 20px;
}

/* COMMENT LIST CONTAINER */
div.CommentListContainer
{
	margin-top: 25px;
	position: relative;
}
div.CommentListContainer div.SubHeader
{
	background-color: Black;
}
div.CommentListContainer div.SubHeader h2
{
	color: #76b6c2;
	text-transform: uppercase;
}

/* COMMENT LIST */
div.CommentListContainer div.CommentList
{
}
div.CommentListContainer div.CommentList div.Comment,
div.CommentListContainer div.CommentList div.CommentAlternate
{
	margin-top: 15px;
	overflow:hidden;
	height:100%;
}
div.CommentListContainer div.CommentList div.Comment p.Text,
div.CommentListContainer div.CommentList div.CommentAlternate p.Text
{
	float: left;
	padding: 0px;
	width: 600px;
}
div.CommentListContainer div.CommentList div.Comment div.CommentInformation,
div.CommentListContainer div.CommentList div.CommentAlternate div.CommentInformation
{
	background-color:#2c2c2c;
	padding-left:5px;
	height:22px;
	margin-bottom:10px;
}
div.CommentListContainer div.CommentList div.Comment span.Title,
div.CommentListContainer div.CommentList div.CommentAlternate span.Title
{
	font-size: 14px;
	color:#76b6c2;
}
div.CommentListContainer div.CommentList div.Comment span.MetaInformation,
div.CommentListContainer div.CommentList div.CommentAlternate span.MetaInformation
{
	line-height:22px;
}
div.CommentListContainer div.CommentList div.Comment div.MetaInformation span.Date,
div.CommentListContainer div.CommentList div.CommentAlternate div.MetaInformation span.Date
{
	border-left:1px solid #cecece;
	border-right:1px solid #cecece;
	margin-left: 10px;
	padding:0px 5px;
}
div.CommentListContainer div.RootComment
{
}
div.CommentListContainer div.ChildComment
{
	margin-left: 30px;
}
div.CommentListContainer div.CommentList div.ReplyToThisComment
{
	font-size: 18px;
	text-align: right;
	float:right;
	width:50px;
}
div.CommentListContainer div.CommentList div.ReplyToThisComment a
{
	text-decoration: none;
	background-color:black;
	border:1px solid #a4a4a4;
	color:White;
	font-size:12px;
	font-weight:bold;
	padding:2px 2px;
	line-height:23px;
}
div.CommentListContainer div.CommentList div.ReplyToThisComment a:hover
{
	text-decoration: underline;
}
div.CommentListContainer div.CommentList a.ProfilePicture
{
}
div.CommentListContainer div.CommentList a.ProfilePicture img
{
	float: left;
	border: solid 1px #CCCCCC;
}

/* ADD NEW COMMENT */
div.CommentListContainer div.AddNewComment
{
	margin-top:20px;
}
div.CommentListContainer div.AddNewComment div.SubHeader h2.newComment
{
	color:#76b6c2;
	text-transform:uppercase;
}
div.CommentListContainer div.AddNewComment fieldset
{
	border: none;
	margin-top:10px;
	overflow:hidden;
}
div.CommentListContainer div.AddNewComment fieldset .group1
{
	float:left;
	width:250px;
}
div.CommentListContainer div.AddNewComment fieldset .group2
{
	float:left;
	width:395px;
	text-align:right;
}
div.CommentListContainer div.AddNewComment fieldset div.FormSection
{
	margin-bottom: 5px;
	text-align:left;
}

div.CommentListContainer div.AddNewComment fieldset legend
{
	display: none;
}
div.CommentListContainer div.AddNewComment fieldset .ValidationError
{
	color: Red;
}
div.CommentListContainer div.AddNewComment fieldset label.LabelText
{
	display:block;
}
div.CommentListContainer div.AddNewComment fieldset input
{
	width: 200px;
	border:1px solid  #cccccc;
	background-color:#2c2c2c;
	color: #FFFFFF;
}
div.CommentListContainer div.AddNewComment fieldset textarea.CommentText
{
	height: 160px;
	width: 391px;
	border:1px solid  #cccccc;
	background-color:#2c2c2c;
	color: #FFFFFF;
}
div.CommentListContainer div.AddNewComment fieldset input.Action
{
	margin-left: 150px;
	width: 140px;
	background-color:black;
	border:1px solid #a4a4a4;
	color:White;
	font-size:12px;
	font-weight:bold;
	height:23px;
}
div.CommentListContainer div.AddNewComment fieldset div.CaptchaFormSection img
{
	display:block;
}
div.CommentListContainer div.AddNewComment fieldset div.CaptchaFormSection label
{
}
div.CommentListContainer div.AddNewComment fieldset div.CaptchaFormSection input
{
}
div.CommentListContainer div.Loading
{
	position: absolute;
	right: 170px;
	bottom: 0px;
}

/* FORMS */
fieldset
{
	border: 0;
}
fieldset legend
{
	display: none;
}

/* WRAPPERS */
.FormFieldWrapper
{
	margin-bottom: 5px;
}
.FormFieldWrapper .LabelWrapper
{
}
.FormFieldWrapper .FieldWrapper
{
	width: 100%;
	display: block;
}
.FormFieldWrapper .ValidatorWrapper
{
	margin-left: 200px;
}

/* CONTROLS */
input.FormSubmitButton
{
	margin-left: 200px;
	background-color: Black;
	color: White;
	border: solid 1px White;
	font-weight: bold;
}
.FormConfirmationMessage
{
	font-size: 14px;
	font-style: italic;
}
.FieldBox
{
	border: 1px dashed gray;
	margin-bottom: 10px;
	min-height: 50px;
}
.FieldToolbar
{
	display: block;
	background-color: #e8f0fe;
	height: 20px;
}
.FieldName
{
	float: left;
	display: inline;
	font-weight: bold;
	padding-top: 3px;
	padding-left: 5px;
}
.FieldToolbarButton
{
	float: right;
	display: inline;
	padding-top: 3px;
	padding-right: 5px;
}
.FieldContent
{
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
}
.FieldLabelLeft
{
	float: left;
	display: block;
	width: 200px;
	text-align: left;
}
.FieldTextBoxMedium
{
	width: 250px;
}

/* NEWS */
div#NewsList
{
}
div.NewsItem
{
	margin-bottom: 30px;
}
div.NewsItem img
{
	padding-top: 5px;
}
div.NewsItem .Footer
{
	margin: 10px 0px 10px 0px;
}
div.NewsItem .Footer .Inner
{
	height: 26px;
	background-color: #2c2c2c;
	font-size: 13px;
	font-weight: bold;
}
div.NewsItem .Footer .Inner .item1
{
	float: left;
	display: block;
	background-color: #fff;
	width: 90px;
	text-align: center;
	padding: 5px 10px 5px 10px;
}
div.NewsItem .Footer .Inner .item1 a
{
	color: Black;
	text-decoration: none;
}
div.NewsItem .Footer .Inner .item2
{
	float: left;
	text-align: center;
	width: 150px;
	padding: 5px 10px 5px 10px;
	display: block;
	background-image: url('images/news_divider.gif');
	background-repeat: no-repeat;
	background-position: right center;
}
div.NewsItem .Footer .Inner .item2 a
{
	text-decoration: none;
	color: #76b6c2;
}
div.NewsItem .Footer .Inner .item3
{
	float: left;
	width: 200px;
	display: block;
	text-align: center;
	padding: 5px 10px 5px 10px;
	font-weight: normal;
}

/* SOCIAL MEDIA */
.social
{
	text-align: left;
	background-color: White;
	padding-left: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.social ul
{
	margin: 0;
	padding: 0;
}
.social ul li
{
	display: inline;
	list-style-type: none;
}
.social ul li a
{
	text-align: left;
	color: black;
	display: inline-block;
}
.social ul li a:hover
{
	text-decoration: underline;
}
.facebook
{
	background-image: url('images/icons/facebook.jpg');
	background-repeat: no-repeat;
	background-position: center left;
	padding: 5px;
	padding-left: 20px;
	width: 133px;
}
.nettby
{
	background-image: url('images/icons/nettby.jpg');
	background-repeat: no-repeat;
	background-position: center left;
	padding: 5px;
	padding-left: 20px;
	width: 115px;
}
.kudos
{
	background-image: url('images/icons/kudos.jpg');
	background-repeat: no-repeat;
	background-position: center left;
	padding: 5px;
	padding-left: 20px;
	width: 115px;
}
.twitter
{
	background-image: url('images/icons/twitter.png');
	background-repeat: no-repeat;
	background-position: center left;
	padding: 5px;
	padding-left: 20px;
	width: 115px;
}
.stumbleupon
{
	background-image: url('images/icons/stumbleupon.png');
	background-repeat: no-repeat;
	background-position: center left;
	padding: 5px;
	padding-left: 20px;
	width: 140px;
}
#rss_link
{
	background-image: url('images/icons/rssicon.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	height: 16px;
	padding-left: 20px;
}
#rss_link span
{
	display: none;
}

/* FOOTER */
div#Footer
{
	padding-top: 25px;
	padding-bottom: 25px;
}
div#Footer div#FooterContainer
{
	float: left;
	color: Yellow;
	width: 49%;
}
div#Footer div#Bennett
{
	float: right;
	color: Gray;
	width: 49%;
	text-align: right;
	font-size: 10px;
}
div#Footer div#Bennett a
{
	color: Gray;
}