/*
Theme Name: Sodaware::Blog
Theme URI: http://www.sodaware.net/
Description: Sodaware gets a facelift.
Version: 0.1
Author: Phil Newton
*/

/* Core style stored in /rsc/ */

/* Blog only styles */

#mainContent {
	font: 13px Tahoma;
	color: #333;
}

/* Latest Article / Subscribe */
#blogHeader {
/*	border: 3px double #AAA; */
	padding: 5px; 
	background: white;
}

#blogHeader h1 { clear: none; }
#latestArticle { }

#latestArticle #header { border-bottom: 1px solid #ccc; }
#latestArticle #header p { padding: 0px; margin: 2px 0px; }

#latestArticle h2 {
	font-size: 22px;
	font-family: Verdana, sans-serif;
	border: none;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

.postPreview {
	margin-bottom: 12px;
}

.postExcerpt {
	margin: 0px 6px;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	background: #eaeaea;
	font: 16px serif;
	padding: 0px 8px;
}

#latestArticle h2 a, .postPreview h2 a { text-decoration: none; }
#latestArticle h2 a:hover { text-decoration: underline; }

.sidebarBox { background: white; margin: 0px 0px 16px; }
.sidebarBox h3 { margin: 0px; padding: 2px; background: url(images/sidebar-header.png) repeat-x; height: 17px; font: bold 12px verdana; color: white; }
.sidebarBox .content { padding: 3px;  background: white;}

#pageSidebar { width: 180px; padding: 0px; }
#mainContent.wide { width: 545px; }

#footerContainer .third { width: 32%; }
#footerContainer .tags { font: 9px verdana;}

h2 {	border-bottom: 2px solid #ccc; clear: none; }
h3 { clear: none; }

.post { clear: none; background: white; padding: 3px; }
.post p { margin: 12px 0px; } 


/** Comment Styles **/
#commentsHeader { border-bottom: 1px solid #ccc; padding: 6px 0px; }
#commentsHeader h3 { margin: 2px 0px; font: 16px Tahoma; }
#commentsHeader #commentsInformation { font: 11px verdana; }

#commentArea {
	clear: both;
	padding: 0px 5px 10px;
	background: #eee;
	margin: 0px 4px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	font: 12px verdana;
}

#commmentsList { list-style: none; margin: 0px; padding: 0px; width: 100%; }

#commmentsList li { margin: 6px 0px; padding: 0px;  clear: both; }


#commmentsList li cite { float: left; text-align:right; width: 18%; }
#commmentsList li cite .author { color: #000; font: 14px verdana; font-style: none; }
#commmentsList li cite .date { display: block; font: 11px verdana; }

#commmentsList .comment_highlight cite .author { font-weight: bold; }


#commmentsList li .content { 
	float:right;
	margin-left: 12px; 
	border-left:1px solid #999;
	padding: 3px 6px; 
	min-height: 48px;
	width: 78%;
}

#commmentsList li .content p { margin: 0px 0px 6px; }

.pullquote {
}

.pullquote.left { float: left;}
.pullquote.right { float: right; }

.dropCap {
	float:left;
	color:#aaa;
	margin-top:0px;
	width:38px;
	font-size: 56px; 
	line-height:48px;
	font-family:"times","Times New Roman";
} 

.footerAd {
	 text-align:center;
}

/* Long tail */
.longtailvert a { color: black ; }
.longtailvert a:hover { color: white ; }

/** Article Styles **/
.textIndent { margin-left: 25px; margin-top: 10px;}

.RelatedArticles { margin-top: 10px; }

.relatedArticles ul, .RelatedPosts ul, .RelatedArticles ul { margin-top: 5px; list-style: url(/rsc/images/small-folder.gif);	}
.OffsitePosts ul, .OffsiteArticles ul { margin-top: 5px; list-style: url(/rsc/images/globe.gif);		}

.relatedArticles ul { margin: 0px 0px 0px 24px; }

/* ========================================
    Quote Styles
 ======================================== */ 
 
blockquote, .leftQuote, .rightQuote {
	border: 1px dotted #BBBBBB;
	background: #F0F0F0;
	font: 16px "Times New Roman";
	letter-spacing: 1px;
	padding: 2px;
	padding: 3px;0
}

blockquote {
	margin: 15px;
}

blockquote p { margin: 0px; }

.leftQuote {
	float: left;
	width: 200px;
	margin-right: 10px;
}

.rightQuote {
	float: right;
	width: 200px;
	margin-left: 10px;
}

/* ========================================
    InfoBox Styles
 ======================================== */ 
 
.infoBox_Right, .infoBox_Left {
	background: #FFFFFF;	
	border: 1px solid #CCCCCC;
	width: 220px;
	padding: 5px;
}
 
.infoBox_Right { 	
	float: right;
	margin: 0px 0px 10px 10px;
}

.infoBox_Left { 	
	float: left;
	margin: 10px 10px 0px 10px;
}

.infoBox_Right h4, .infoBox_Left h4 { margin: -5px -5px 0px; padding: 2px; background: url(images/sidebar-header.png) repeat-x; height: 17px; font: bold 12px verdana; color: white; }


.infoBox_Left .textIndent, .infoBox_Right .textIndent {
	margin-top: 0px;
}

/* ========================================
	Screenshot Styles
 ======================================== */ 

.screenshot_Left, .screenshot_Right {
	font-size: 14px;
	font-family: garamond, "times new roman";
}

.screenshot_Left {
	float: left;
	padding: 10px 10px 10px 0px;
}

.screenshot_Right {
	float: right;
	padding: 10px 0px 10px 10px;
}

/* ----- Latest Release ----- */

.latestRelease {
	padding: 5px;
	width: 310px;
	border: 1px solid #555555;
	background: url(images/latestRelease.png);
}

.latestRelease h4 {
	border-bottom: 1px dotted #CCCCCC;
	margin: 0px;
	padding: 0px;
}

.latestRelease img {
	margin-right: 5px;
}

.codeWindow {
	border: 1px solid #AAAAAA;
	background: #FAFAFA;
	padding: 3px;
	color: black;
	font-family: "Lucida Console", "Courier New", monospace;
}

.codeWindow pre { margin: 0px; overflow: auto; }
.codeWindow .DataType {color: #DDDDFF;}
.codeWindow .Function {color:#ffe75f;}

#commentArea blockquote { background: white; }

/** Index Styles **/

#rssButton, #technoratiButton { 
	background: #eee;
	font: 12px verdana;
	font-weight: bold;
}

#rssButton:hover, #technoratiButton:hover { 
	background: #fafafa; 

}

#rssButton a, #technoratiButton a {
	display: block;
	border: 1px solid #aaa;
	margin: 6px 0px; 
	height: 24px;
	line-height: 24px;
	padding: 3px 3px 3px 32px;
	vertical-align: middle;
}


#rssButton a {
	background: url(images/rss-button.gif) 3px center no-repeat;
}

#technoratiButton a {
	background: url(images/technorati-button.gif) 3px center no-repeat;
}

#emailNewsletter {
	text-align:center; 
	border: 1px solid #aaa; 
	background: #eee; 
	margin: 6px 0px;
	padding: 3px;
}

#frm_NewsletterSignup { padding: 3px; }
#frm_NewsletterSignup #YMLP0 { width: 220px; margin-bottom: 2px; }

#emailNewsletter h3, #emailNewsletter p {
	margin: 0px; 
}

.recentPosts {
	list-style: none;
	padding: 0px; margin: 0px;
	
}

.recentPosts li { 
	padding: 0px; margin: 0px 10px 10px 0px;
	float: left; 
	width: 355px; 
}

.recentPosts li a { 
	color: #333;
	padding: 3px; 
	display: block; 
	border: 1px dotted #ccc; 
	text-decoration: none; 
	height: 48px; 
	background: url(images/post-bg.png) no-repeat; }


.recentPosts li a:hover { display: block; border: 1px solid #aaa; background-position: 0px -54px; color: black;}

.recentPosts h2 { color: blue; font: 14px verdana; font-weight: bold; margin:0px; padding: 0px; border: 0px; }

.popularArticles ul, .archiveListing ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.popularArticles ul li {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 3px;
	margin: 6px 0px;
}

.archiveListing ul li, .tagList ul li, .post-categories li {
	background: url(images/category-icon.gif) 3px 2px no-repeat;
	padding: 3px 3px 3px 24px;
}

.archiveListing li ul, .tagList li ul { 
	margin-top: 6px;
}

.dateList ul li {
	background: url(images/date-icon.gif) 3px 2px no-repeat;
	padding: 3px 3px 3px 24px;
}



.post-categories li {
	padding: 3px 1px 1px 24px;
	margin-top: 0px; 
	margin-bottom: 0px; 
}


.popularArticles {
	width: 64%; 
	float: left;
}

.archiveListing { 
	float: right;
	width: 32%;
}

/** Sidebar Buttons **/
.stayUpdated li { padding: 2px; }

.sidebarBox .rssButton a { background: url(images/rss-button-glow.gif) 2px 0px no-repeat; height: 16px; padding: 0px 1px 2px 22px;}
.sidebarBox .rssButton a:hover { background-position: 2px -16px; }

.sidebarBox .emailButton a { background: url(images/email-button-glow.gif) 2px 0px no-repeat; height: 16px; padding: 0px 1px 2px 22px;}
.sidebarBox .emailButton a:hover { background-position: 2px -16px; }

.sidebarBox .twitterButton a { background: url(images/twitter_icon.gif) 2px 0px no-repeat; height: 16px; padding: 0px 1px 2px 22px;}
.sidebarBox .twitterButton a:hover { background-position: 2px -16px; }

.gdl-good { color: #006000; }
.gdl-bad { color: #600000}
.gdl-lessons { color: #000060;}