/*
Theme Name: TSAB3
Theme URI: http://www.blogopreneur.com
Description: The TSAB3 Skin.
Version: 3.0
Author: Kian Ann
Author URI: http://www.kianann.com/
*/

a img { border: none; }
body { margin: 10px auto; background:#304153; font-family: "Trebuchet MS", Arial, Verdana; font-size: 0.8em; }

/* Basic Layout DIVs */

#container { margin: auto; padding: 0px; background:#FFFFFF; width: 910px; border: 4px solid #607185; }
	#header { clear: both; margin: 0px; padding: 10px 0px 0px 10px; }
	#mainsection { clear: both; margin: 0px; line-height: 140%; padding: 0px 20px 0px 20px;  }
		#contents { margin: 0px; float: left; width: 520px; padding: 0px; text-align: justify; }
		#sidebar { margin: 0px; float: right; width: 320px; padding: 0px; text-align: left; }
	#footer { clear: both; margin: 0px; padding: 100px 40px 25px 40px; text-align: center; }

/* HTML Headers */
	
	/* Index - Blog Title
	   Single - Post Title
	   Archive - Archive Title
	   Page - Article Title */	
	h1 { font: bold 2.0em "Trebuchet MS", Arial, Verdana; color:#000000; text-align: left; margin-bottom: 0px; }
	h1 .s { font-size: 50%; font-weight: bold; font-style: italic; }
	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: bold 1.6em "Trebuchet MS", Arial, Verdana; text-align: left; color:#1A3048; padding: 20px 0px 5px 0px; }
	h2 a:link { text-decoration: none; color:#1A3048; }
	h2 a:visited { text-decoration: none; color:#1A3048; }
	h2 a:hover { text-decoration: none; color:#607185; }

	/* Subtitles inside a post */
	h3 { font: bold 1.5em "Trebuchet MS", Arial, Verdana; text-align: left; color:#1A3048; }
	h3 a:link, h3 a:visited, h3 a:hover { text-decoration: none; color:#1A3048; }

	/* Sidebar - Headers */
	h4 { font: bold 1.5em "Trebuchet MS", Arial, Verdana; text-align: left; color:#607185; }
	h4 a:link, h4 a:visited, h4 a:hover  { text-decoration: none; color:#607185; }
	
	/* Subtitles inside a post */
	h5 { font: bold 1.5em "Trebuchet MS", Arial, Verdana; text-align: left; color:#1A3048; margin: 5px 0px; }

/* Layout DIVs */
.description {} 
.post {}
.storytitle {}
.date { font-size: 1em; color: #0000FF;}
.storycontent { padding: 0px 0px 0px 0px; }
.feedback { padding: 5px; background-color: #FAFAFA; }
.sep { background-image: url(images/separator.gif); margin: 0px; width: 50px; height: 20px; margin: 30px 225px 50px 225px; }
.navigation { display: block; }
small { font-size: 0.8em; }

/* Other DIVs */

.adcontents { text-align: center; padding: 0px; }
#search { padding: 10px 0px 10px 0px; text-align: center; }
#authorpic { padding: 2px 2px 2px 2px; margin: 0px 5px 0px 0px; border: 1px #EEEEEE solid; float: left; }
#optin { border: 2px solid #CC0000; background: #FFF0F0; padding: 10px 0px 10px 0px; }

/* Lists */
#sidebar ul { margin-left: 0px; padding-left: 0px; list-style: none;}
#sidebar ul ul { margin-left: 15px; padding-left: 15px; list-style-image: url(images/bullet.gif)}

/* Inside a Post */

blockquote { margin: 20px; border-bottom: 1px solid #BBBBBB; border-top: 1px solid #BBBBBB; padding:5px 10px 5px 50px; color: #777777; background:#FBFBFB url(images/quote.gif) no-repeat left top; }
code { color:#000088; }
.update { padding-left: 20px; border-left: 7px #FFCC66 solid; }
.advert-note { padding: 20px; border: 1px #FFCC66 solid; background: #FFE4CA; }
.postimageleft { padding: 10px 10px 10px 0px; float: left; }
.postimageright { padding: 10px 0px 10px 10px; float: right; }
.postimagecenter { padding: 10px 10px 10px 10px; text-align: center; }

/* Alignments */

.alignright { float: right; }
.alignleft { float: left; }
.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; }