/*
**
** *****************************************************************
** SPECIFIC STYLES FOR SITE.MASTER
** *****************************************************************
**
*/

/*
**
** Header contents
**
*/

#BlogTaglineDiv
{
	position: relative;
}

#BlogTaglineP
{
	position: relative;
    font-family: Georgia, "Book Antiqua", Utopia, "Times New Roman", serif;
	font-size: 1em;
	font-style: italic;
	color: #B69700;
	z-index: 1;
}

#BlogTaglineShadowP
{
	position: absolute;
	left: 1px;
	top: 1px;
    font-family: Georgia, "Book Antiqua", Utopia, "Times New Roman", serif;
	font-size: 1em;
	font-style: italic;
	color: Black;
}

#BlogNameP
{
	margin-bottom: -0.2em;
    font-family: Georgia, "Book Antiqua", Utopia, "Times New Roman", serif;
	font-size: 3em;
}

#BlogDescriptionP
{
	margin-bottom: 1.64em;
    font-family: Georgia, "Book Antiqua", Utopia, "Times New Roman", serif;
	font-size: 1.4em;
}

#HeaderActionsDiv
{
	margin-bottom: 1em;
}

#LoginDiv
{
	margin-right: 0;
}

#SearchDiv input#searchfield
{
	width: 20em;
}

/*
**
** Sidebar contents
**
*/

#WidgetDiv
{
	float: right;
	width: 270px;
	margin-left: 30px;
	margin-bottom: 30px;
}

/*
**
** *****************************************************************
** SPECIFIC STYLES FOR THE BLOG POST VIEW
** *****************************************************************
**
*/

/*
**
** Posts
**
*/

#postnavigation
{
	display: none;
}

div.Post
{
	margin-bottom: 2em;
}

p.PostDate
{
	margin-bottom: 0;
    font-family: Georgia, "Book Antiqua", Utopia, "Times New Roman", serif;
	font-size: 1.4em;
	color: #999999;
}

p.PostDate + h1
{
	margin-top: 0;
}

p.CategoriesTags
{
	font-size: 1em;
	color: #999999;
	line-height: 1.3em;
}

p.CategoriesTags span.Label
{
	font-weight: bold;
}

p.CategoriesTags a
{
	color: #999999;
}

div.TopActions
{
	margin-top: 1.2em;
	margin-bottom: 0.7em;
}

div.BottomActions
{
	margin-top: 2em;
	padding-bottom: 1.7em;
	border-bottom: solid 1px #999999;
}

/*
**
** Rating
**
*/

.rating
{
	position: relative;
	margin-top: 1px;
	margin-right: 86px;
}

.rating p
{
	position: relative;
	left: 86px;
	margin: 0;
	font-size: 0.9em;
	color: #999999;
}

.star-rating
{
	position: absolute;
	top: 0px;
	left: 0px;
	list-style: none;
	margin: 0;
	padding: 0;
	background-position: left top;
}

.star-rating li
{
	display: inline;
}

.star-rating a, .star-rating .current-rating
{
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -1000em;
	height: 25px;
	line-height: 25px;
	outline: none;
	overflow: hidden;
	border: none;
}

.star-rating a:hover, .star-rating a:active, .star-rating a:focus
{
	background-position: left bottom;
}

.star-rating a.one-star
{
	width: 20%;
	z-index: 6;
}

.star-rating a.two-stars
{
	width: 40%;
	z-index: 5;
}

.star-rating a.three-stars
{
	width: 60%;
	z-index: 4;
}

.star-rating a.four-stars
{
	width: 80%;
	z-index: 3;
}

.star-rating a.five-stars
{
	width: 100%;
	z-index: 2;
}

.star-rating .current-rating
{
	z-index: 1;
	background-position: left center;
}

.small-star
{
	width: 80px;
	height: 16px;
}

.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating
{
	background-image: Url("/Stuff/Images/RatingStars.png");
	line-height: 16px;
	height: 16px;
}

/*
**
** Related posts
**
*/

#relatedPosts h1
{
	margin-top: 1em;
}

#relatedPosts a
{
	display: block;
}

#relatedPosts div + div
{
	margin-top: 1em;
}

/*
**
** Comments
**
*/

h1 + div#commentlist
{
	margin-top: 2em;
}

div.Comment
{
	position: relative;
}

div.Comment + div.Comment
{
	margin-top: 1.6em;
}

div.AvatarDiv
{
	position: absolute;
	width: 116px;
	height: 100px;
}

div.AvatarDiv img.AvatarFrame
{
	position: absolute;
	left: -5px;
	top: 20px;
	z-index: 1;
}

div.AvatarDiv img.photo, div.Avatar img.thumb
{
	position: absolute;
	top: 26px;
	left: 0;
}

div.AvatarDiv p.author
{
	position: absolute;
	top: 112px;
	left: 0;
	width: 82px;
	font-size: 0.9em;
	text-align: center;
	color: #999999;
}

/*
**
** Guest comment bubbles
**
*/

div.CommentBubbleDiv
{
	padding-left: 116px;
}

table.CommentBubbleTable
{
	width: 100%;
	border: solid 1px Transparent;
	border-collapse: separate;
}

td.CommentBubbleNw
{
	width: 18px;
	height: 18px;
	background-image: Url("/Stuff/Images/GuestCommentBubbleCornerNw.png");
}

td.CommentBubbleN
{
	height: 17px;
	border-top: solid 1px #B3B3B3;
	background-color: #FBFBFB;
	font-size: 0.1em;
}

td.CommentBubbleNe
{
	width: 18px;
	height: 18px;
	background-image: Url("/Stuff/Images/GuestCommentBubbleCornerNe.png");
}

td.CommentBubbleW
{
	width: 17px;
	border-left: solid 1px #B3B3B3;
	background-color: #FBFBFB;
	font-size: 0.1em;
}

td.CommentBubbleC
{
	background-color: #FBFBFB;
	padding: 2px;
}

td.CommentBubbleE
{
	width: 17px;
	border-right: solid 1px #B3B3B3;
	background-color: #FBFBFB;
	font-size: 0.1em;
}

td.CommentBubbleSw
{
	width: 18px;
	height: 18px;
	background-image: Url("/Stuff/Images/GuestCommentBubbleCornerSw.png");
}

td.CommentBubbleS
{
	height: 17px;
	border-bottom: solid 1px #B3B3B3;
	background-color: #FBFBFB;
	font-size: 0.1em;
}

td.CommentBubbleSe
{
	width: 18px;
	height: 18px;
	background-image: Url("/Stuff/Images/GuestCommentBubbleCornerSe.png");
}

div.CommentBubbleBeak
{
	position: absolute;
	top: 44px;
	left: 87px;
	width: 32px;
	height: 26px;
	background-image: Url("/Stuff/Images/GuestCommentBubbleBeak.png");
}

/*
**
** Author comment bubbles
**
*/

div.Author td.CommentBubbleNw
{
	background-image: Url("/Stuff/Images/AuthorCommentBubbleCornerNw.png");
}

div.Author td.CommentBubbleN
{
	height: 15px;
	border-top: solid 3px #A8BA3A;
	background-color: #FBFBFB;
}

div.Author td.CommentBubbleNe
{
	background-image: Url("/Stuff/Images/AuthorCommentBubbleCornerNe.png");
}

div.Author td.CommentBubbleW
{
	width: 15px;
	border-left: solid 3px #A8BA3A;
	background-color: #FBFBFB;
}

div.Author td.CommentBubbleE
{
	width: 15px;
	border-right: solid 3px #A8BA3A;
	background-color: #FBFBFB;
}

div.Author td.CommentBubbleSw
{
	background-image: Url("/Stuff/Images/AuthorCommentBubbleCornerSw.png");
}

div.Author td.CommentBubbleS
{
	height: 15px;
	border-bottom: solid 3px #A8BA3A;
	background-color: #FBFBFB;
}

div.Author td.CommentBubbleSe
{
	background-image: Url("/Stuff/Images/AuthorCommentBubbleCornerSe.png");
}

div.Author div.CommentBubbleBeak
{
	width: 36px;
	background-image: Url("/Stuff/Images/AuthorCommentBubbleBeak.png");
}

/*
**
** Comment contents
**
*/

div.CommentContentsDiv
{
	min-height: 100px;
}

p.CommentPostDate
{
	margin-top: -0.5em;
	margin-bottom: 0.4em;
    font-family: Georgia, "Book Antiqua", Utopia, "Times New Roman", serif;
	font-size: 1.2em;
	color: #999999;
}

/*
**
** Author comment contents
**
*/

div.Author p.CommentPostDate
{

	color: #6E7A26;
}

/*
**
** Add comment
**
*/

.commentForm
{
	margin-top: 2.2em;
}

.commentForm h1
{
	margin-bottom: 0.7em;
}

.commentForm label
{
	float: left;
	display: block;
	margin-top: 10px;
	width: 5em;
}

.commentForm input
{
	width: 20em;
	margin-right: 10px;
	margin-top: 10px;
}

.commentForm select
{
	width: 20.5em;
	margin-right: 10px;
	margin-top: 10px;
}

.commentForm textarea
{
	width: 96%;
	height: 20em;
	padding: 10px;
	border: 1px solid #999999;
}

#commentMenu
{
	padding: 0;
	margin: 0;
	clear: both;
}

#commentMenu li
{
	float: left;
	border: 1px solid #999999;
	border-bottom: 1px solid #999999;
	margin: 0;
	list-style: none;
	margin-right: 5px;
	padding: 3px 8px;	
	cursor :pointer;
	position: relative;
	top: 2px;
	background: #eeeeee;
}

#commentMenu li.selected
{
	background: white;
	border-bottom: 1px solid white;
}

#commentPreview
{
	display: none;
	padding: 10px;
	border: solid 1px #999999;
	clear: both;
	min-height: 20em;
}

#commentPreview img.thumb
{
	width: 80px;
	height: 80px;
}

#status
{
	position: absolute;
	bottom: 34px;
	left: 14em;
	color: #6E7A26;
	font-weight: bold;
}

.commentForm .bbcode
{
    font-size: 0.9em;
    float: right;
    position: relative;
    top: 20px;
    padding: 3px;
}

.commentForm .bbcode a
{
    margin: 3px;
    padding: 3px;
    background: White;
    border: 1px solid #999999;
}

.commentForm input[type="button"]
{
	width: 10em;
}

.commentForm span#gravatarmsg
{
	display: none;
}

/*
**
** *****************************************************************
** SPECIFIC STYLES FOR THE BLOG WIDGET SYSTEM
** *****************************************************************
**
*/

#widgetzone
{
	padding: 0;
}

div.widget
{
	position: relative;
	margin-bottom: 30px;
	padding: 26px 10px 10px 10px;
	background-image: Url("/Stuff/Images/SidebarBackground.png");
	background-repeat: repeat-y;
	border: solid 1px #735F00;	
}

div.widget a.delete, div.widget a.edit
{
	position: absolute;
	top: 6px;
	right: 10px;
	width: 16px;
	height: 16px;
	z-index: 1;
	text-align: center;
	line-height: 16px;
	font-size: 0;
}

div.widget a.delete
{
	background-image: Url("/Stuff/Images/RemoveWidgetIcon.png");
}

div.widget a.edit
{
	right: 36px;
	background-image: Url("/Stuff/Images/EditWidgetIcon.png");
}

div.widget h4
{
	position: absolute;
	top: -10px;
	left: -10px;
	width: 270px;
	min-height: 46px;
	padding-left: 20px;
	padding-right: 20px;
	background-image: Url("/Stuff/Images/SidebarHeadingBackground.png");
	background-repeat: no-repeat;
    font-family: Georgia, "Book Antiqua", Utopia, "Times New Roman", serif;
	font-weight: normal;
	font-size: 1.4em;
	color: White;
	text-align: left;
	line-height: 46px;
}

div.widget ul
{
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 4px;
}

/*
**
** Search
**
*/

div.search
{
	background-image: none;
	border: medium none;
}

div.search input#searchfield
{
	position: absolute;
	top: 0;
	left: 0;
	width: 264px;
}

div.search input#searchbutton
{
	position: absolute;
	top: 2em;
	right: 0;
}

div.search input#searchcomments
{
	position: absolute;
	top: 2.3em;
	left: -3px;
}

div.search label[for="searchcomments"]
{
	position: absolute;
	top: 2.3em;
	left: 1.5em;
}

/*
**
** Tag cloud
**
*/

.tagcloud li {
	display: inline;
	margin-right: 3px;
}

.tagcloud a.biggest {
	font-size: 1.8em;
}

.tagcloud a.big {
	font-size: 1.6em;
}

.tagcloud a.medium {
	font-size: 1.4em;
}

.tagcloud a.small {
	font-size: 1.2em;
}

.tagcloud a.smallest {
	font-size: 1em;
}

/*
**
** Recent posts
**
*/

div.recentposts #recentPosts li
{
	margin-bottom: 10px;
}

div.recentposts #recentPosts li a
{
	display: block;
}

div.recentposts #recentPosts li span
{
	display: inline;
	font-size: 0.9em;
	color: #999999;
}

div.recentposts #recentPosts li span + span
{
	margin-left: 10px;
}

/*
**
** Blog roll
**
*/

ul.xoxo > li
{
	margin-bottom: 10px;
}

ul.xoxo > li img
{
	margin-right: 5px;
}

ul.xoxo > li > a
{
	font-weight: bold;
	vertical-align: top;
}

div.blogroll ul ul
{
	padding-left: 17px;
	font-size: 0.9em;
}

div.blogroll div.content > a
{
}

div.blogroll div.content > a > img
{
	position: relative;
	top: 1px;
	margin-left: 3px;
}

/*
**
** Calendar
**
*/

div.calendar div#calendarContainer
{
	margin-top: 10px;
}

div.calendar table
{
	width: 100%;
}

div.calendar table:first-child
{
	margin-bottom: 8px;
}

div.calendar a.exist
{
	padding: 2px 4px 2px 4px;
	background-color: #6E7A26;
	font-weight: bold;
	color: White;
}

/*
**
** Category list
**
*/

div.categorylist img.rssButton
{
	margin-right: 5px;
}

/*
**
** Month list
**
*/

div.monthlist li.year
{
	font-weight: bold;
}

div.monthlist li.year ul
{
	margin-left: 10px;
	font-weight: normal;
}

/*
**
** Recent comments
**
*/

div.recentcomments #recentComments > li
{
	margin-bottom: 10px;
}

div.recentcomments div.content > a
{
	/* TODO: Make this a align to the right! */
}

/*
**
** *****************************************************************
** SPECIFIC STYLES FOR THE BLOG ARCHIVE PAGE
** *****************************************************************
**
*/

#archive h2 img
{
	margin-right: 5px;
	vertical-align: middle;
}

#archive table
{
	width: 100%;
	margin-top: 1em;
	background-color: #FBFBFB;
	border: solid 1px #999999;
	border-spacing: 0;
	border-collapse: collapse;
}

#archive th, div#archive td
{
	text-align: left;
	padding: 5px;
}

#archive th
{
	font-size: 0.9em;
}

/*
**
** *****************************************************************
** SPECIFIC STYLES FOR THE BLOG CONTACT PAGE
** *****************************************************************
**
*/

#ContactNamePanel
{
	margin-top: 2em;
}

#ContactNamePanel, #ContactEmailPanel, #ContactSubjectPanel, #ContactMessagePanel, #ContactAttachPanel
{
	margin-bottom: 1em;
}

#MessageLabel, #AttachLabel
{
	display: block;
}

#NameLabel, #EmailLabel, #SubjectLabel
{
	display: block;
	float: left;
	width: 5em;
}

.ContactName, .ContactEmail, .ContactSubject
{
	width: 20em;
}

.ContactMessage, .ContactAttach
{
	width: 30em;
}

.ContactMessage
{
	height: 10em;
}

/*
**
** *****************************************************************
** SPECIFIC STYLES FOR THE BLOG SEARCH RESULT VIEW
** *****************************************************************
**
*/

#searchpage
{
	display: none;
}

div.searchresult
{
	margin-bottom: 1em;
}

div.searchresult a
{
	display: block;
	font-size: 1.4em;
	font-weight: bold;
}

div.searchresult span.text, div.searchresult span.type
{
	display: block;
}

div.searchresult span.url
{
	display: none;
}

/*
**
** *****************************************************************
** SPECIFIC STYLES FOR THE BLOG LARGE CALENDAR VIEW
** *****************************************************************
**
*/

table.calendar td
{
	vertical-align: top;
}

table.calendar th
{
	padding-top: 1em;
}