/*
Theme Name: Talk Loud.info Theme
Theme URI: http://wordpress.org/
Description: The first version for the Talk Loud.info theme, designed by <a href="http://www.eronbox.com">eronbox</a>.
Version: 1.0
Author: Ryan Glenn Resco
Author URI: http://www.talkloud.info
Tags: blue, custom header, fixed width, four columns [main, top-right, bottom (left, right)], widgets
*/

body {
	margin: 0;
	padding: 0;
	background: url(images/bg-image.jpg) #2c5b88 repeat-x;
	}

#page {
	width: 950px;
	margin: 0 auto 0 auto;
	}

.shadow {
	width: 950px;
	height: 15px;
	background-image:url(images/top-shadow.jpg);
	}
	
#wrap {
	background-image: url(images/content-bg.jpg);
	background-repeat: repeat-y;
	border-bottom:3px solid #b1d9ff;
	padding-top: 10px;
	padding-bottom:10px;
	overflow: hidden; /* this will give the container to occupy floats */
	}

img { border: none; margin: 0; padding: 0 }

/* Begin of the Header */

#header {
	margin: 0;
	padding: 0;
	height: 231px;
	}

.header_left {
	width: 650px;
	height: 192px;
	}

.header_right {
	width: 299px;
	height: 192px;
	}
	
.header_div {
	width:1px;
	height: 192px;
	background-image:url(images/header-div.jpg);
	}
	
.searchrss {
	height: 45px;
	padding: 5px 0 0 424px;
	}
	
.search form {
	background-image: url(images/search-bg.jpg);
	background-repeat: no-repeat;
	width: 184px;
	height: 20px;
	border: 2px solid #7bbfff;
	padding: 0 26px 0 7px;
	margin: 0;
	}
	
.search input {
	background: url(images/search-input-bg.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7bbfff;
	border: none;
	width: 184px;
	height: 18px;
	margin: 0;
	padding: 1px 0 0 0;
	}

.rss {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	color: #FFD700;
	margin: 2px 0 0 0;
	text-align: right;
	height: 14px;
	}
	
.rss span {
	display: inline;
	list-style: none;
	background-image: url(images/rss-icon.jpg);
	background-repeat: no-repeat;
	padding: 0 0 0 18px;
	margin: 0 5px 0 0;
	}
	
.rss span a { color: #FFD700; text-decoration: none; }
.rss span a:hover {	color: #FFD700; text-decoration: underline; }

.talkloud_logo {
	clear: both;
	width: 598px;
	height: 138px;
	margin: 0 0 0 7px;
	padding: 0;
	background-image:url(images/talkloud-logo.jpg);
	}

.titlebox1 { padding-right: 7px; }
.titlebox2 { padding: 0; }
	
#headertitle {
	margin: 0;
	padding: 7px 0 0 7px;
	clear: both;
	}
	
#headertitle h1, .description {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}
	
#headertitle h1 a {
	color: #d4ff6f;
	text-decoration:none;
	}

.ph_flag {
	width: 296px;
	height: 192px;
	background-image:url(images/ph-flag.jpg);
	}

.menu { padding-top: 64px; } /* -14px before adding a new page */
.menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.menu ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-bottom:1px solid #1e3f5e;
	letter-spacing: 5px;
	text-indent: 58px;
	line-height: 13px;
	}
	
.menu ul li a {
	width: 296px;
	height: 14px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	}

.menu ul li a:hover {
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
	}
	
/* End of the Header */

/* Start of the Post */

h2 {
	margin: 0;
	padding: 0;
	}

#content {
	float: left;
	width: 500px;
	margin-left: 19px;
	background-color: #FFFFFF;
	}
	
#post_titlebar {
	overflow: hidden;
	}

.cal {
	float: left;
	width: 40px;
	height: 48px;
	background-image: url(images/calendar.jpg);
	background-repeat: no-repeat;
	padding: 9px 0 0 5px;
	}

.month {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #b1d9ff;
	}
	
.day {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #3388d9;
	margin: 0;
	padding: 0 0 0 3px;
	}

.post_title {
	float: left;
	width: 450px;
	padding: 2px 0 0 0;
	margin: 0px;
	}

.post_title h2, .pagetitle, #content h2 {
	margin: 0;
	padding: 2px 0 2px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #014382;
	}
	
.pagetitle { margin: 0 0 20px 0; width: 450px; }
	
.post_title h2 a {	color: #014382; text-decoration: none; }
.post_title h2 a:hover {	color: #0083ff; text-decoration: none; }

.post_title span, .below_post {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7a7a7a;
	}

/* tags and other icons */
.below_post span, .comments_box2 span { padding: 0 0 0 13px; margin: 0; }
.tags { background: url(images/iconsmall-tag.jpg) no-repeat center left; }
.folder { background: url(images/iconsmall-folder.jpg) no-repeat center left; }
.rssforcomments { background: url(images/iconsmall-rss.jpg) no-repeat center left; }
.trackback { background: url(images/iconsmall-track.jpg) no-repeat center left; }
/* end of tags and other icons */


.post_title span a { color: #0083ff; font-weight: bold;	text-decoration: none; }
.post_title span a:hover { color: #0083ff; font-weight: bold; text-decoration: underline; }

.shadow_title {
	width: 500px;
	height: 6px;
	background-image:url(images/title-shadow.jpg);
	background-repeat: no-repeat;
	margin: 3px 0 0 0;
	}
	
.entry, .nocomments, .logcomment {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #304f6c;
	padding: 7px 0 7px 0;
	line-height: 140%;
	}
	
.entry a, .logcomment a,.nocomments a { color: #0083ff; text-decoration: none; }
.entry a:hover, .logcomment a:hover, .nocomments a:hover { color: #0083ff; text-decoration: underline; }

.nocomments, .logcomment { padding-left: 12px; font-weight: bold; }
	
.below_post {
	padding: 2px 0 12px 0;
	border-top: 1px dashed #b1d9ff;
	border-bottom: 1px solid #b1d9ff;
	}

.below_post a { color: #0083ff; font-weight: bold;	text-decoration: none; }
.below_post a:hover { color: #0083ff; font-weight: bold; text-decoration: underline; }

#info_bubbles {
	width: 500px;
	height: 60px;
	margin: 5px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

.comments_box {
	float: right;
	margin-right: 5px;
	}
	
.comments_box2 {
	text-align: right;
	margin-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 35px;
	}
	
.views_box {
	float: right;
	}
	
.cml {
	float: left;
	background: url(images/comments-left.jpg) no-repeat;
	width: 16px;
	height: 27px;
	}

.comments {
	float: left;
	width: auto;
	height: 27px;
	line-height: 27px;
	background: url(images/comments-bg.jpg) repeat-x;
	}

.cmr {
	float: left;
	background: url(images/comments-right.jpg) no-repeat;
	width: 6px;
	height: 27px;
	}

.comments a { color: #d40000; font-weight: bold; text-decoration: none; }
.comments a:hover { color: #d40000; font-weight: bold; text-decoration: underline; }

.comments_box2 .comments { color: #d40000; font-weight: bold; }

.vl {
	float: left;
	background:url(images/views-left.jpg) no-repeat;
	width: 5px;
	height: 27px;
	}

.views {
	float: left;
	width: auto;
	height: 27px;
	line-height: 27px;
	background:url(images/views-bg.jpg) repeat-x;
	color: #0082ff;
	}

.vr {
	float: left;
	background:url(images/views-right.jpg) no-repeat;
	width: 5px;
	height: 27px;
	}
	
/* End of the Post */

/* Start of the Sidebar */

#sidebar {
	float: left;
	width: 400px;
	margin-left: 24px;
	}

#sidebar h2 {
	height: 26px;
	background-color: #00182f;
	text-indent: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 26px;
	margin: 0 0 5px 0;
	}

#sidebar_top_r {
	width: 400px;
	}
	
#sidebar_top_r ul, #sidebar_bottom_l ul, #sidebar_bottom_r ul { margin: 0; padding: 0; }
	
#sidebar_bottom { width: 400px; padding-bottom: 15px; overflow: hidden; }

#sidebar_bottom_l {
	float: left;
	width: 220px;
	}
	
#sidebar_bottom_r {
	float: left;
	margin-left: 10px;
	width: 170px;
	}

#sidebar_top_r ul ul, #sidebar_bottom_l ul ul, #sidebar_bottom_r ul ul, 
.textwidget, .execphpwidget { margin: 0 0 8px 0; padding: 0 0 0 3px; }

#sidebar_bottom_l ul ul li, #sidebar_bottom_r ul ul li, #sidebar_top_r ul ul li,
#sidebar_bottom_l li, #sidebar_bottom_r li, #sidebar_top_r li, .textwidget li {
	background: url(images/tl-bullet.jpg) no-repeat left top;
	list-style: none;
	margin: 0 0 5px 0;
	padding:0 0 0 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00509c;
	vertical-align: top;
	line-height: 125%; /* VERY important for line height, use percent % NOT px */
	}
	
#sidebar_bottom_l ul ul li a, #sidebar_bottom_r ul ul li a,
#sidebar_bottom_l li a, #sidebar_bottom_r li a, #sidebar_top_r li a, .textwidget a {
	color: #00315f;
	text-decoration: none;
	}
	
#sidebar_bottom_l ul ul li a:hover, #sidebar_bottom_r ul ul li a:hover,
#sidebar_bottom_l li a:hover, #sidebar_bottom_r li a:hover, #sidebar_top_r li a:hover, .textwidget a:hover {
	color: #00315f;
	text-decoration: underline;
	}
	
.textwidget {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00509c;
	}

/* End for Widgets */

/* Start for Comments */

#comment_wrap {
	background: url(images/comment-wrap-bg.jpg) repeat-y;
	border-top: 2px solid #ddecfa;
	border-bottom: 2px solid #ddecfa;
	padding: 0 0 10px 0;
	}
	
#comment_wrap h3 {
	margin: 0 0 10px 0;
	padding: 7px 0 0 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #014382;
	width: 476px;
	}

#comment_wrap ol { list-style:none; margin: 0; padding: 0 0 0 12px; }

.bubbletop_alt {
	background-image: url(images/bubble-alt-top.jpg);
	width: 476px;
	height: 18px;
	}

.bubblemsg_alt {
	background: url(images/bubble-alt-bg.jpg) repeat-y;
	width: 476px;
	color: #004180;
	}

.bubblebottom_alt {
	background-image: url(images/bubble-alt-bottom.jpg);
	width: 476px;
	height: 5px;
	margin-bottom: 4px;
	}

.commentlist li p {
	margin: 0;
	padding: 12px 16px 14px 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 444px;
	}
	
.commentlist span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #FF0000;
	}
	
.bubbletop_auth {
	background-image: url(images/bubble-auth-top.jpg);
	width: 476px;
	height: 18px;
	}

.bubblemsg_auth {
	background: url(images/bubble-auth-bg.jpg) repeat-y;
	width: 476px;
	color: #FFFFFF;
	}

.bubblebottom_auth {
	background-image: url(images/bubble-auth-bottom.jpg);
	width: 476px;
	height: 5px;
	margin-bottom: 4px;	
	}
	
.bubbletop_auth, .bubbletop_alt { margin-top: 3px; }
	
.commentpostdate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	text-align: right;
	padding-right: 16px;
	color: #79beff;
	}
	
.commentpostdate a { font-style:normal; color: #79beff; font-weight: bold; text-decoration: none; }
.commentpostdate a:hover { font-style:normal; color: #79beff; font-weight: bold; text-decoration: underline; }

.commentmsg_auth a { color: #FFFFFF; }
.commentmsg_auth a:hover { color: #FFFFFF; }

.gravnick {
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	}
	
.gravnick a { color: #0083ff; text-decoration: none; }
.gravnick a:hover { color: #0083ff; text-decoration: none; }
	
.bubblediv {
	width: 444px;
	height: 1px;
	margin: 7px 16px 7px 16px;
	border-bottom: 2px solid #ddecfa;
	clear: both;
	}

.txtarea textarea {
	width: 460px;
	height: 153px;
	border: 1px solid #b1d9ff;
	margin-left: 12px;
	padding: 7px 7px 7px 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow: hidden;
	}

.inputbox { margin-left: 12px; overflow: hidden; }
.name, .email, .website { float: left; }
.margin_r7px { margin-right: 7px; }

.name input, .email input, .website input {
	width: 138px;
	height: 20px;
	border: 1px solid #b1d9ff;
	padding: 5px 7px 0 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
.require {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #539de1;
	}
	
.commentdiv {
	clear: both;
	background-image: url(images/commentform-div.jpg);
	margin: 5px 0 5px 12px;
	width: 476px;
	height: 3px;
	}
	
.postyourcomment { margin: 10px 0 10px 0; text-align: center; }
.postyourcomment input {
	background-color: #00172f;
	width: 194px;
	height: 27px;
	border: 2px solid #afd9ff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #FFFFFF;
	}
	
.endcommentform { margin: 0 0 0 28px; }
	
/* End for Comments */

/* Start for Footer */

#footer {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b1d9ff;
	background-color: #00305d;
	padding: 10px 0 10px 0;
	margin-top: 20px;
	text-align: center;
	}
	
.fbox {
	width: 950px;
	margin: 0 auto 0 auto;
	}

.ftxt {
	background-image:url(images/footer-logo.jpg);
	background-position: right;
	background-repeat: no-repeat;
	text-align: right;
	padding-right: 43px;
	}
	
#footer a { color: #b1d9ff;	text-decoration: none; }
#footer a:hover { color: #b1d9ff; text-decoration: none; }

/* End for Footer */

/* Specials */
.navigation { visibility: hidden; height: 25px; }
.wpfooter { margin: 0; padding: 0; }
.wp-pagenavi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #304f6c;
	margin: 0 0 20px 0;
	}
	
.wp-pagenavi a { color: #0083ff; text-decoration: none; }
.wp-pagenavi a:hover { color: #0083ff; text-decoration: none; }

.sharebox { margin: 5px 0 0 0; }
.sharethis {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 7px 0 7px 0;
        color: #1c6c35;
	line-height: 140%;
	}
.sharethis a { text-decoration: none; color: #1c6c35; }
.sharethis a:hover { text-decoration: none; color: #1c6c35; }

.subrss {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #304f6c;
	padding: 7px 0 7px 0;
	line-height: 140%;
	}
.subrss a { text-decoration: none; color: #304f6c; }
.subrss a:hover { text-decoration: none; color: #304f6c; }

.entry blockquote {
	margin: 0 0 0 12px;
	padding: 12px 12px 12px 17px;
	width: 447px;
	background: url(images/blockquote-bg.jpg) repeat-y;
	}

.textwidget textarea {
	width: 165px;
	height: 35px;
	border: 1px solid #8fbdea;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
	
#BARL_mylink { overflow: hidden; }

#sidebar_top_r .textwidget form#cse-search-box {
	margin: 0 0 10px 0;
	padding: 0;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	}

#sidebar_top_r .textwidget form input[type="text"] {
	width: 300px;
	height: 24px;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	font-weight: bold;
	}

#sidebar_top_r .textwidget form input[type="submit"] {
	background-color: #00182f;
	color: #FFFFFF;
	width: 70px;
	height: 30px;
	float: left;
	border: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
	
.entry a[title="Filipino"] { color: #304f6c; text-decoration: none; }
.entry a:hover[title="Filipino"] { color: #304f6c; text-decoration: underline; }

.st-tag-cloud { font-family: Verdana, Arial, Helvetica, sans-serif; }
.st-tag-cloud a { text-decoration: none; }
.st-tag-cloud a:hover { text-decoration: underline; }

.float_r { float: right; }
.float_l { float: left; }

.marpad_clr { margin: 0px; padding: 0px }