@import url("comments.css");
@import url("tagcloud.css");
@import url("calendar.css");
@import url("codestyle.css");

/* CSS layout */
body
{
	padding: 0px;
	margin: 0px;
	
	width: 100%;
	#height: 100%;
	
	font-family: "segoe ui", tahoma, verdana, "lucida grande", "lucida sans unicode", sans-serif;
	font-size: 0.76em;
	background-image: url(images/background.gif);
}

#master
{
	width: 970px;
	#height: 100%;
	#min-height: 100%;
	margin-left: auto;
	margin-right: auto;	
	border: solid 1px #222222;	
}

#pageHeader 
{
	background-image: url(images/header.jpg);
	height: 125px;
}

#pageHeaderTitle
{
#	margin-top: 27px;
#	margin-left: 152px;
	float: left;
}

#pageHeader #blogTitle, #pageHeader #blogSubTitle
{
	font-family: Corbel, "Segoe UI", Tahoma, Verdana, Sans-Serif;
	color: White;
}

#pageHeader #blogTitle
{
	font-size: 2.5em;
	font-weight: bold;
}

#pageHeader #blogTitle a
{
	color: White;
	text-decoration: none;
}

#pageHeader #blogSubTitle
{
	font-size: 1.5em;
}

#pageHeader #feedIcon
{
	float: right;
	height: 125px;
}

#clickableHeader
{
	float: left;
}

#pageHeader #feedIcon img
{
	border-style: none;
}

#pageContainer 
{
	width: 100%;
	#height: 100%;
	
	overflow: hidden;
	background-image: url(images/sidebarbackground.gif);
	background-repeat: repeat-y;
	background-position: 716px 0;
	background-color: White;
}

#pageContent
{
	#height: 100%;
	width: 667px;
	float: left;	
	padding: 2em;
	line-height: 1.5em;
	background-color: White;	
}

#pageSidebar 
{
	width: 254px;
	#height: 100%;		
	background-color: #222222;
	background-image: url(images/sidebarbackground.gif);
	float: right;
	#position: relative;
}

.sideBarContentCenter
{
	padding: 1em;
	text-align: center;
}

.searchButtonStyle {
	background-color: #222222;
	color: white;
	font-size: 8pt;
	border:0;
}	

.searchTextBoxStyle {
margin-left: 1.3em;
font-size: 8pt;
width:100px;
list-style-type: none;
color:white;
background-color:#4c4c4c;
border:1;
text-decoration: none;
}

.sideBarContentContact
{
	padding-top: 90px;
	background-image: url(images/contactbackground.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	width: 254px;	
}

.sideBarContentArchives
{
	padding-top: 50px;
	margin-top: 2em;
	background-image: url(images/archivesbackground.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	width: 254px;	
}

.sideBarContentArchives a, 
.sideBarContentBlogroll a,
.sideBarContentNavigation a,
.sideBarContentOnThisPage a
{
	font-size: 1.1em;
	font-weight: bold;
	color: #DDD;
}

.sideBarContentBlogroll
{
	padding-top: 45px;
	padding-bottom: 40px;
	margin-top: 3em;
	background-image: url(images/blogrollbackground.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	width: 254px;	
}

.sideBarContentNavigation
{
	padding-top: 40px;
	padding-bottom: 40px;
	margin-top: 3em;
	background-image: url(images/navigationbackground.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	width: 254px;	
}

.sideBarContentGadgets
{
	padding-top: 60px;
	padding-bottom: 10px;
	margin-top: 1em;
	background-image: url(images/gadgetsbackground.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	width: 254px;	
}

.sideBarContentLastfm
{
	padding-top: 60px;
	padding-bottom: 40px;
	margin-top: 1em;
	background-image: url(images/lastfmbackground.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	width: 254px;	
}

.sideBarContentOnThisPage
{
	padding-top: 40px;
	margin-top: 2em;
	background-image: url(images/onthisbackground.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	width: 254px;	
}

#pageFooter 
{
	background: #454545 url(images/footer.gif) scroll repeat-x;
	color: White;
	width: 100%;
}

.blogPost
{
	overflow: visible;
	#text-justify: distribute-all-lines;
	padding-bottom: 1em;
}

.blogPostHeadingNavigation
{
	text-align: center;
	margin-bottom: 1em;
}

.blogPostHeadingNavigation a
{
	font-weight: bold;
}

.blogPostHeading
{
	background: transparent url(images/item.gif) no-repeat scroll left 0.5em;
	padding-left: 52px;
}

.blogPostHeading .title 
{
	font-size: 1.6em;
	font-family: Georgia, Palatino, Serif;
	padding-bottom: 0.2em;
	line-height: normal;
	margin: 0;
}

.blogPostHeading .categories 
{
	background: transparent url(images/categories.gif) no-repeat scroll left center;
	padding-left: 21px;
	border-top: 0.3em solid #153f6e;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

.blogPostHeading .categories a
{
	font-weight: bold;
}

.blogPostBody 
{
	font-size: 1.1em;
	#text-align: justify;
}

.blogPostBody blockquote
{
	margin: 1em;
	padding: 0pt;
	padding-left: 0.5em;
	border-left: 0.15em solid #CCC;
}

blockquote.pink, blockquote.brown
{
	border: none;
	background-repeat: repeat-x;
	line-height: 1.4em;
	margin: 1em;
	padding: 0.5pt;
	padding-left: 1em;
	padding-right: 1em;
	font-weight: bold;
	font-size: 1.2em;
	color: white;
}

blockquote.pink
{
	background-image: url(images/pinkquote.jpg);	
	background-color: #e13288;	
}

blockquote.brown
{
	background-image: url(images/brownquote.jpg);
	background-color: #8f5e00;
}

a
{
	font-weight: bold;
	color: #153f6e;		
}

a, a:visited, a:active 
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

.download
{
	background-color: #ffe2f0;
	border-bottom: 2px solid #e13288;
	border-top: 2px solid #e13288;
	padding-left: 1em;
	padding-right: 1em;
}

.download img
{
	margin-right: 4px;
	border-style: none;
}

.blogPostFooter
{
	clear: both;
	padding: 0.6em;
	background-repeat: repeat-x;
	border-top: 1px solid #002f5b;
	border-bottom: 1px solid #002f5b;	
	/* background-color: #9ecfff;*/
	margin-top: 1em;	
	margin-bottom: 0.5em;
}

/* Footer UL/LI */
.blogPostFooter ul 
{
	padding: 0;
	margin: 0;
}

.blogPostFooter ul li 
{
	list-style: none;
	display: inline;
	padding-left: 0.4em;
	padding-right: 0.3em;
	border-left: 1px solid #696969;
}

.blogPostFooter ul li.first 
{
	padding-left: 0 !important;
	border-left: none !important;
}

.blogPostFooter ul li.single-line 
{
	display: block;
	padding-left: 0 !important;
	padding-right:  0 !important;
	border-left: none !important;
}

.blogPostFooter ul li.technorati a 
{
	color: #31BF37 !important;
}

.blogPostFooter ul li.technorati a:active 
{
	color: #000 !important;
}

.blogPostFooter .permalinkStyle 
{
	background: transparent url(images/permalink.gif) no-repeat scroll left center;
	padding-left: 17px;
}

/* Footer. */
.pageFooterContent
{
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	padding: 1.5em;
	color: #FFF;
}

#pageFooter a:link,
#pageFooter a:visited,
#pageFooter a:hover,
#pageFooter a:active 
{
	color: #FFF;
}

#pageFooter h2 
{
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 0.2em;
	padding-left: 20px;
	border-bottom: 1px dotted #FFF;
	background: transparent no-repeat scroll left center;
}

#pageFooter div.control 
{
	padding: 1em;
	margin-bottom: 0.5em;
}

#pageFooter div.about,
#pageFooter div.administration
{
	width: 50em;
	margin-right: 1em;
}

#pageFooter h2.about 
{
	background-image: url(images/controls-about.gif);
}

#pageFooter	div.powered-by 
{
	float: left;
	margin-right: 1em;
}

#pageFooter	div.license 
{
	float: right;
	margin-left: 1em;
}

#pageFooter	div.powered-by p,
#pageFooter	div.license p 
{
	margin-top: 1em;
	text-align: left;
}

#pageFooter	div.disclaimer p 
{
	margin: 0;
}

#pageFooter div.administration 
{
	float: right;
	width: 20em;
}

#pageFooter h2.administration 
{
	background-image: url(images/controls-administration.gif);
}

/* Sign-in controls. */
#pageFooter .sign-in 
{
	background: transparent url(images/sign-in.gif) no-repeat scroll left top;
	padding-left: 20px;
}

#pageFooter .signInTableStyle 
{
	width: 100%;
}

.clear
{
	clear: both;
}

.center-content
{
	margin-left:  auto;
	margin-right: auto;
}

/* New comment. */
.commentViewBoxStyle 
{
	clear: both;
	font-size: 1.1em;
	background: transparent url(images/new-comment.gif) repeat-x scroll left top;
	padding: 0.5em;
	border-top: 1px solid #979797;
}

.commentViewTableStyle td 
{
	white-space: normal;
}

.commentViewTableStyle td div 
{
	width: 100% !important;
}

.commentViewTableStyle td p,
.commentViewTableStyle td ul 
{
	margin-top: 0;
}

.itemReadMoreStyle 
{
	width: 100%;
	padding-top: 1em;
}