@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;
}

#pageHeader #feedCount
{
    position: absolute;
    margin-left: 870px;
    top: 99px;    
}

#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%;
	float: left;	
}

#topNavigation
{
    height: 26px;
    /*background-color: #ff0099;    */
    background-color: #222222;
    width: 100%;
}

#bodyText
{
    width: 667px;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 1em;
	line-height: 1.5em;
	background-color: White;	
}

#pageSidebar 
{   
    float: right;
	width: 254px;
	height: 100%;		
	background-color: #222222;
	position: relative;	
}

#twitter_div
{
    width: 670px;       
    padding: 5px;
}

#twitter_update_list
{    
    clear: none;    
    padding-top: 2px;
    margin: 0px;
    list-style-type: none;
    font-size: x-small;    
}

.tweetThis
{
    margin-top: 10px;
}

#topNavigation ul
{
    list-style: none;
    display: inline;        
}

#topNavigation ul li 
{
    list-style: none;
	display: inline;
	padding-right: 10px;
}

#topNavigation a
{
    color: White;
    font-size: 12px;
    font-weight: bold;    
}


#contactButtonsList
{
    float: right;
    margin-right: 30px;
    list-style-type: none;
    list-style-position: inside;
    padding-left: 0px;
}

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

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

.sideBarContentArchives
{
	padding-top: 35px;
	padding-bottom: 40px;
	margin-top: 3em;
	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: 50px;
	padding-bottom: 40px;
	margin-top: 3em;
	background-image: url(images/gadgetsbackground.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	width: 254px;	
}

.sideBarContentOnThisPage
{
	padding-top: 50px;
	padding-bottom: 40px;
	margin-top: 3em;
	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 #e74796;
	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: #e74796;		
}

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 #e13288;
	border-bottom: 1px solid #e13288;	
	background-color: #ffe8f3;
	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;
}