/*
Theme Name: SimpleGenericBlogTheme
Theme URI: http://www.blogopreneur.com
Description: A Generic Blog Theme
Version: 4.0
Author: Kian Ann
Author URI: http://www.kianann.com/
*/

/* Reset to look the same across browsers */

html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, code, 
del, dfn, em, img, q, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td {
	margin:0; padding:0; border:0px none; font-weight:inherit; 
	font-style:inherit; font-size:100%; font-family:inherit; 
	vertical-align:baseline
}
table { border-collapse:separate;border-spacing:0; }
caption, th, td { text-align:left;font-weight:normal; }
table, td, th { vertical-align:middle; }
blockquote:before, blockquote:after, q:before, q:after {  }
blockquote, q {  }
body { margin: 10px auto; background:#F7F7F7; font-family: Arial; font-size: 62.5%; }
p { margin-bottom: 1em; }

/* Basic Layout DIVs */

#container { margin: auto; padding: 0px; background: url('images/mainsection-bkg.gif'); width: 730px; border:1px solid #012C70 }
	#header { clear: both; height: 95px; }
	#menu { clear: both;  background: url('images/topmenu.gif'); height: 18px; font-size: 1.1em; padding: 6px; text-align: center; font-weight: bold }
	#mainsection { clear: both; line-height: 140%; }
		#contents { float: right; width: 510px; padding: 10px; text-align: left; font-size: 1.2em; }
		#sidebar { float: left; width: 180px; padding: 10px; text-align: left; font-size: 1.1em; }
	#footer { clear: both;  background: url('images/bottommenu.gif'); height: 18px; font-size: 1.1em; padding: 6px; text-align: center; color: #FFFFFF }
		#footer a:link { text-decoration: none; color: #FFFFFF; }
		#footer a:visited { text-decoration: none; color: #FFFFFF; }
		#footer a:hover { text-decoration: none; color: #BBBBBB; }

/* HTML Headers */
	
	/* Index - Blog Title
	   Single - Post Title
	   Archive - Archive Title
	   Page - Article Title */	
	h1 { font: bold 2em Arial, Verdana; color:#000000; text-align: left; padding-bottom: 5px; }
	#description h1 { font: bold 1.4em Arial, Verdana; color:#000000; text-align: left;}
	h1 a:link { text-decoration: none; color:#000000; }
	h1 a:visited { text-decoration: none; color:#000000; }
	h1 a:hover { text-decoration: none; color:#000000; }
	
	/* Index - Post Title
	   Single - # of Responses, Join in the conversation 
	   Archive - Post Title */
	h2 { font: normal 1.8em Arial, Verdana; text-align: left; color:#000088; padding-bottom: 5px }
	h2 a:link { text-decoration: none; color:#000088; }
	h2 a:visited { text-decoration: none; color:#000088; }
	h2 a:hover { text-decoration: none; color:#0000FF; }

	/* Subtitles inside a post */
	h3 { font: bold 1.5em Arial, Verdana; text-align: left; color:#000088; padding-bottom: 5px  }
	h3 a:link, h3 a:visited, h3 a:hover { text-decoration: none; color:#000088; }

	/* Sidebar - Headers */
	h4 { font: bold 1.2em Arial, Verdana; text-align: left; color:#000000; padding-top:10px }
	h4 a:link, h4 a:visited, h4 a:hover  { text-decoration: none; color:#000000; }

/* Top Menu */

#menu ul { list-style: none; }
#menu ul li { display: inline; padding: 0 10px 0 10px; margin: 0px; }
#menu ul li a:link { text-decoration: none; color: #FFFFFF; }
#menu ul li a:visited { text-decoration: none; color: #FFFFFF; }
#menu ul li a:hover { text-decoration: none; color: #BBBBBB; }

/* Layout DIVs */

.post {}
.storytitle {}
.date { font-size: 90%; color: #0000FF; padding-bottom: 5px; }
.storycontent { padding: 0px 0px 0px 0px; }
.feedback { padding: 5px 0 5px 0; margin-top: 10px; }
.sep { height: 20px; }
.navigation { display: block; }
small { font-size: 0.9em; }

/* Other DIVs */

#search { padding: 10px 0px 10px 0px; text-align: center; }
#description { padding-bottom: 10px; }

/* Lists */

#sidebar ul { margin-left: 10px; padding-left: 10px; list-style: none;}
#sidebar ul li a:link { text-decoration: none; color: #0000FF; }
#sidebar ul li a:visited { text-decoration: none; color: #D2691E; }
#sidebar ul li a:hover { text-decoration: none; color: #FF0000; }

/* Inside a Post */

blockquote { margin: 20px; border-bottom: 1px solid #BBBBBB; border-top: 1px solid #BBBBBB; color: #777777; background:#FBFBFB url('images/quote.gif') no-repeat left top;; padding-left:50px; padding-right:10px; padding-top:5px; padding-bottom:5px }
code { color:#000088; }
#contents li {
	line-height: 1.4em;
	list-style: disc;
	margin-left: 26px;
}

/* Alignments */

.wp-caption { background-color:#F3F3F3; border:1px solid #DDDDDD; margin:10px; padding-top:4px; text-align:center; }
.alignright { float: right; margin: 0 0 10px 10px;}
.alignleft { float: left; margin: 0 10px 10px 0;}
.aligncenter { text-align: center; }
.alignjustify { text-align: justify; }

/* Comments */

.alt1 { margin: 0; padding: 15px 0px 15px 0px; border-bottom: 1px solid #BBBBBB; border-top: 1px solid #BBBBBB; background:#FAFAFA; }
.alt2 { margin: 0; padding: 0px 0px 0px 0px; }
.gravatar { background-color:#FFFFFF; color:#FFFFFF; float:right; margin:0px; padding:0px; }
.commentlist { padding: 0; }
.commentlist li { margin: 15px 0px 3px 0px; padding-right: 15px; padding-left: 15px; list-style: none; }
.commentlist p { margin: 10px 5px 10px 0px; }

/* Calendar */

#wp-calendar {
  display:inline-table;
  border-collapse:collapse;
  width:170px;
  margin:0px 10px 0 10px;
  text-align:center;
}