/* CSS Document */

body
{
	background-color: #c4c4c4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #333333;
	margin-top: 0;
}

table
{
	margin: auto;
}

img
{
	border: 0px;
	vertical-align: top;
}

a:link
{
	color: #ed5784;
	text-decoration: none;
	font-weight: bold;
}
a:visited
{
	text-decoration: none;
	color: #ed5784;
	font-weight: bold;
}
a:hover
{
	text-decoration: underline;
	color: #FF9ACC;
	font-weight: bold;
}
a:active
{
	text-decoration: none;
	color: #ed5784;
	font-weight: bold;
}

.mainTable
{
	background-color: #FFFFFF;
}

#header
{
	background-image: url(images/design/headerGradient.gif);
	background-position: top;
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	height: 48px;
	line-height: normal;
}
#header a:link
{
	color: #FF9ACC;
	text-decoration: none;
}
#header a:visited
{
	text-decoration: none;
	color: #FF9ACC;
}
#header a:hover
{
	text-decoration: underline;
	color: #ed5784;
}
#header a:active
{
	text-decoration: none;
	color: #FF9ACC;
}

#navigation
{
	background-image: url(images/design/pinkGradient.gif);
	background-position: top;
	background-repeat: repeat-x;
	height: 36px;
	border-top: solid 2px #ed5784;
	border-bottom: solid 2px #ff9acc;
	text-align: center;
}
.navLeftBorder
{
	border-left: solid 1px #ed5784;
}
.navRightBorder
{
	border-right: solid 1px #ff9acc;
}

.mainGradient
{
	background-image: url(images/design/greyGradient.gif);
	background-position: top;
	background-repeat: repeat-x;
}

#intro
{
	margin: 10px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	width: 684px;
	border: solid 2px #ed5784;
	background-image: url(images/design/greyWhiteGradient.gif);
	background-position: top;
	background-repeat: repeat-x;
}
#intro, #introFull td
{
	padding: 10px;
}
#introFull
{
	margin: 10px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	width: 980px;
	border: solid 2px #ed5784;
	background-image: url(images/design/greyWhiteGradient.gif);
	background-position: top;
	background-repeat: repeat-x;
}

.mainPanel
{
	margin: 10px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	width: 684px;
	border: solid 2px #ed5784;
}
.mainPanelFull
{
	margin: 10px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	width: 980px;
	border: solid 2px #ed5784;
}
.mainPanelHeader
{
	background-image: url(images/design/pinkGradient.gif);
	background-position: top;
	background-repeat: repeat-x;
	height: 36px;
	border-bottom: solid 2px #ed5784;
	text-align: left;
}
.mainPanelTitle
{
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	background-image: url(images/design/smallGecko.jpg);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 45px;
	height: 36px;
}
.mainPanelTitleDate
{
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	padding-right: 10px;
	height: 36px;
	text-align : right;
}
.mainPanelMain, .leftPanelMain
{
	background-image: url(images/design/greyWhiteGradient.gif);
	background-position: top;
	background-repeat: repeat-x;
	padding: 10px;
}
.mainPanelGeckoImage
{
	border: solid 1px #e6e6e6;
	float: right;
	margin-left: 10px;
}
.mainImageLeft
{
	border: solid 1px #e6e6e6;
	float: left;
	margin-right: 10px;
}

.mainImageBorder
{
	border: solid 1px #e6e6e6;
}
.mainPanelBottom, .leftPanelBottom
{
	border-top: solid 1px #e6e6e6;
	padding: 10px;
}

.PostComment
{
	border-top: solid 1px #e6e6e6;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	
}

.PostCommentNoBorder
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.CommentStyle1Quote
{
	padding-left: 10px;
	width : 21px;
}

.CommentStyle1Text
{
	padding-right: 10px;
	padding-bottom :10px;
}

.CommentStyle2Quote
{
	padding-top: 10px;
	padding-bottom :10px;	
	padding-left: 10px;
	width : 21px;
}

.CommentPostedBy
{
	padding-bottom :10px;	
	padding-left: 10px;
	width : 21px;
}

.CommentStyle2Text
{
	padding-top : 10px;
	padding-right: 10px;
	padding-bottom :10px;
}

.leftPanel
{
	margin: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
	width: 284px;
	border: solid 2px #ed5784;
}

.leftPanelHeader
{
	background-image: url(images/design/blackGradient.gif);
	background-position: top;
	background-repeat: repeat-x;
	height: 36px;
	border-bottom: solid 2px #ed5784;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
}
.leftPanelNoHeader
{
	padding: 10px;
	background-image: url(images/design/greyWhiteGradient.gif);
	background-position: top;
	background-repeat: repeat-x;
}

.textAlignRight
{
	text-align: right;
}

.leftPanelGeckoImage
{
	border: solid 1px #e6e6e6;
}

/*Include this class on the final panel so that there is a 10px gap between it and the footer*/
.finalPanel
{
	margin-bottom: 10px;
}

.footer
{
	border-top: solid 2px #FF9ACC;
	border-bottom: solid 2px #000000;
	background-image: url(images/design/blackGradient.gif);
	background-position: top;
	background-repeat: repeat-x;
	text-align: center;
	color: #FFFFFF;
	height: 36px;
}


img
{
	border: none;
}

#page
{
	background-color: #000000;
	width: 520px;
	margin: 0 auto;
	border-bottom: 5px solid #d5e6eb;
	border-left: 5px solid #d5e6eb;
	border-right: 5px solid #d5e6eb;
}

#headerimg
{
	position: absolute;
	top: 15px;
	left: 13px;
}

#RSSBlock
{
	position: absolute;
	right: 10px;
	top: 10px;
}

#RSSBlock img
{
	margin-left: 5px;
}

#content
{
	padding: 5px 5px;
}

.greyBorder
{
	border-right: solid 1px #e6e6e6;
	width: 300px;
}
.verticalAlign
{
	vertical-align: top;
}

 .divClear {    clear:both;    }
 
 .CollapsePanel 
{
                Height : 0px;
                Width : 100%;
                overflow : hidden;
}

.WelcomeText 
{
	color : #FF9ACC;
}