/* 
 * Styles for the news article pages
 */
#article {
	float:          left;
	width:          630px;
	padding:        20px 0px 20px 20px;
	color:          #333;
}
h1 {
	color:          #000;
	font-size:      26px;
	margin-bottom:  20px;
}
p {
	margin-bottom:  18px;
}
#articleProperties {
 	width: 290px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 20px;
	height: 21px;
	padding-top: 5px;
}
#articleDate {
	font-size: 11px;
	color: #666666;
}
#tellFriend {
	font-size: 12px;
	color: #0090cf;
	text-align: right;
	float: right;
}

/* comments: */

.commentsHeading {
	padding: 5px;
	background-color: #e6f5fa;
	border: 1px solid #8acce9;
	margin-bottom: 15px;
}
.commentsHeading img {
	float: left;
	margin-right: 8px;
	margin-top: 2px;
}
.comment {
	padding-bottom: 15px;
	border-bottom: 1px dashed #dddddd;
	margin-bottom: 15px;
}
.lastComment {
	border-bottom-style: solid;
}
a.markComment {
	font-size: 11px;
}
#writeComment {
	width: 100%;
	border-bottom: 1px solid #dddddd;
}
#writeComment tr td{
	vertical-align: top;
}
#commentForm input, #commentForm textarea{
	border: 1px solid #dddddd;
	font-size: 14px;
	padding: 2px;
}
#commentWrapper{
	width: 100%;
	overflow: hidden;
	padding-bottom: 5px;
	border-bottom: 1px solid #dddddd;
}
#commentNameInput {
	width: 220px;
	float: left;
	height: 170px;
}
#commentBodyInput {
	float: right;
}
#commentNameInput input {
	width: 210px;
	margin-top: 15px;
}
#commentBodyInput textarea{
	width: 370px;
	height: 120px;
	margin-top: 15px;
}
#submitComment input {
	margin-top: 10px;
	margin-bottom: 10px;
	float: right;
	border: none;
	padding: 0px;
}
#writeCommentTitle {
	float: left;
	width: 244px;
}
#writeCommentGuidelines {
	float: left;
	font-size: 11px;
}

/* Article info box styles: */

#articleInfo {
	width:            300px;
	float:            right;
	background-color: #fff;
	margin-left:      20px;
	margin-bottom:    10px;
	font-size:        11px;
}
#summary, #seeAlso, #hotOrNot {
	background-color: #e5e5e5;
}
#summary {
	padding:          5px 8px 5px 8px;
}
#summary .source {
	color:            #666;
}
#seeAlso {
	padding:          5px 8px 5px 8px;
	margin-top:       1px;
}

.quote {
	font-size:        13px;
	color:            #ff3399;
	font-family:      georgia, serif;
	width:            276px; /* 300 - padding */
	border-top:       1px solid #ddd;
	border-bottom:    1px solid #ddd;
	margin-top:       25px;
	line-height:      20px;
	padding:          12px;
}

.quoteBlue {
	font-size:        13px;
	color:            #0090cf;
	font-family:      georgia, serif;
	width:            276px; /* 300 - padding */
	border-top:       1px solid #ddd;
	border-bottom:    1px solid #ddd;
	margin-top:       25px;
	line-height:      20px;
	padding:          12px;
}



#imgWrapper{
	width:            300px;
	height:           210px;
	background-color: #ccc;	
}
#paginationWrapper{
	width:            290px;
	overflow:         hidden;
	background-color: #ccc;
	padding:          3px 5px 5px 5px;
}
#imgCount{
	float:            left;
	width:	          140px;
}
#prevNext{
	float:            right;
	width:	          100px;
	text-align:       right;
}

.smallShot {
	padding:          0px 0px 10px 0px;
}
.pictureRight {
	padding-left:     10px;
}