/*
Theme Name: Mr Live Blogger
Theme URI: http://litetheme.com/
Description: Specifically designed for live blogging
Version: 1.0
Author: Edwin Masripan
Author URI: http://litetheme.com
Tags: blue, white, one-column, two-columns, fixed-width,photoblogging
*/


/*Color Used
Red: d90606
Orange: d97306
Blue: 0E3C70
Light Blue: 3794fc
Darker Light Blue: 0c54a5
*/

/*Essentials*/

body { background: white; font-family: Georgia; font-size:14px; color: #666}
a {color: #0E3C70; text-decoration: none; }
a:hover {color: #d97306; border-bottom: 1px dotted #d97306}
p {line-height: 20px; padding:9px 0}


/*Header*/
#header {background: url(images/top_bar.png) no-repeat; }
#header .menu {}
#header .links a{color:white; text-decoration:none; border:none; padding: 9px 17px}
#header .links a:hover{ background: white url(images/menu_highlight.jpg) no-repeat top center; color:#3794fc; text-decoration:none; border:none;}
#header .rss {text-align:center; padding-top:8px }
#header .rss img{padding:0 2px }
#header .links ul li {display: inline-block; padding: 9px 0px; background: #0E3C70 }
#header .links ul li.current_page_item {background: #0E3C70 url(images/menu_highlight2.jpg) no-repeat top center;}
#header .links ul li.current_page_item a{color:#fff;}
#header .links ul li.current_page_item a:hover{color:#3794fc;}
#header .links ul {display: inline; margin:0 20px }

#header .text {font-size:20px; color: #888; padding: 20px 0; text-align: left;}
#header .text span{ color:#d90606; font-size:56px; text-shadow:1px 1px 1px black; letter-spacing:-3px}
#header .search {padding: 10px 0;}

/*Search Form*/
#search_submit_text {border:none; border-bottom: 1px dotted #ccc; background: #cfebfc}
#search {float:right}


/*Content*/
#content .post {background: white url(images/post_shadow.jpg) no-repeat 500px 2px;border-top: 1px #eee dotted;  padding: 30px 0 }
#content .post .image {text-align:right; overflow: hidden; width: 500px; max-height:400px }
#content .post .image_single {text-align:right; overflow: hidden; width: 500px; }
#content .post .image a{border:none}
#content .post h3 {font-size: 30px; color: #0E3C70; text-shadow:1px 1px 1px #aaa}
#content .post .date {color: #888; padding:10px 0}
#content .post .content_text {line-height: 22px}
#content .post_comments {text-align: right; padding-top:50px}
#content .previous {text-align: left; margin: 10px 0 20px; font-size: 18px}
#content .next {text-align: right; margin: 10px 0 20px; font-size: 18px}
#content .post .text_post {max-width:575px; overflow:hidden}
#content .postmetadata {font-size: 11px; border-left: 1px solid #ddd; margin: 15px 0 5px 15px; padding: 10px 0 10px 15px; line-height: 17px}


/*Content Styling*/
.content_text ul li {background: transparent url(images/icon_star_white.png) no-repeat 0 7px; margin-left:30px; padding:0 0 0 20px}
.content_text ul li ul li{background: transparent url(images/icon_star_white.png) no-repeat 0 7px; margin-left:30px; padding:0 0 0 20px}
.content_text ul li ul li ul li{background: transparent url(images/icon_star_white.png) no-repeat 0 7px; margin-left:30px; padding:0 0 0 20px}


.content_text ol li {list-style-type: lower-roman; margin-left: 50px; }
.content_text ol li ol li{list-style-type: lower-roman; margin-left: 50px; }
.content_text ol li ol li ol li{list-style-type: lower-roman; margin-left: 50px; }

.content_text blockquote {background: white url(images/post_shadow.jpg) no-repeat 2px 2px ;margin: 0 30px; padding: 0 20px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc}

.content_text h1 {font-size: 45px; color: #0E3C70; text-shadow:1px 1px 1px #aaa; padding: 10px 0}
.content_text h2 {font-size: 40px; color: #0E3C70; text-shadow:1px 1px 1px #aaa; padding: 10px 0}
.content_text h3 {font-size: 30px; color: #0E3C70; text-shadow:1px 1px 1px #aaa; padding: 10px 0}
.content_text h4 {font-size: 25px; color: #0E3C70; text-shadow:1px 1px 1px #aaa; padding: 10px 0}
.content_text h5 {font-size: 20px; color: #0E3C70; text-shadow:1px 1px 1px #aaa; padding: 10px 0}
.content_text h6 {font-size: 15px; color: #0E3C70; text-shadow:1px 1px 1px #aaa; padding: 10px 0}

/*Right bar*/
.rightbar ul.ribbon li{background: url(images/right_sidebar.jpg) no-repeat; padding:0 0 30px 20px}
.rightbar ul.ribbon li ul li{background: transparent url(images/icon_star_white.png) no-repeat 0 7px; padding:5px 0 5px 20px}
.rightbar ul.ribbon li ul li ul li{background: transparent url(images/icon_star_white.png) no-repeat 0 7px; padding:5px 0 5px 20px}
.rightbar ul.ribbon li ul li ul li ul li{background: transparent url(images/icon_star_white.png) no-repeat 0 7px; padding:5px 0 5px 20px}
.rightbar h2{font-size:20px; color:#67acfa; padding: 8px 0 20px 0px; text-shadow:1px 1px 1px black}
ul.right_ads {padding: 10px 0}

/*Bottombar*/
#bottombar {background: #0e3c70 url(images/footer.png) repeat-x 0 0; padding: 20px 0; color:#aaa; font-size: 12px}
#bottombar h2, #bottombar h2 a {font-size:20px; color:#67acfa; padding: 20px 0 10px; text-shadow:1px 1px 1px black}
#bottombar a {color:#fff; border:none}
#bottombar a:hover {color:#3794fc; border:none}
#bottombar ul li ul li{background: #0E3C70 url(images/icon_star_blue.png) no-repeat 0 center;  padding:7px 20px; border-bottom: 1px #0c54a5 dotted}


.copyright {margin: 10px 0 50px ; padding:10px 0 ;}
.rights {padding:14px 0 0}
.litetheme {text-align: right; }
.litetheme img{vertical-align:middle; padding: 0 0 7px}

/*Comments*/
#content .post .comments {margin-top: 20px;padding-top:30px; background: white url(images/post_shadow.jpg) no-repeat center 2px; border-top: 1px #eee dotted; }
#content .post .comments h3{font-size: 16px; text-shadow: none; padding: 10px 0}
#content li.even .comment-body { -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #e9e9e9; padding: 10px; margin:0 0 15px}
#content li.odd .comment-body { background: #f1f1f1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #d9d9d9; padding: 10px; margin:0 0 15px;}
#content .comments .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff;}
#content .comments em{color:#d90606}
#content .comments .commentmetadata {font-size: 12px; padding: 0 0 0px}
#content .comments p{padding: 10px 0}
#content .comments p.thdrpy{padding: 0}
#content .comments input#author, #content .comments input#email, #content .comments input#url {border:none; border-bottom: 1px dotted #ccc; background: #cfebfc}
#content .comments textarea#comment {width:98%; border: 1px dotted #ccc; background: #cfebfc}


/*Not Important */
.flickr_badge_image img {width: 50px; height: 50px;}
.flickr_badge_image {width: 50px; float: left; margin: 5px 5px 0 0;}
.aligncenter {	display: block;	margin-left: auto;	margin-right: auto;}
.alignleft {	float: left;}
.alignright {	float: right;}
.wp-caption {	border: 1px solid #ddd;	text-align: center;	background-color: #f3f3f3;	padding-top: 4px;	margin: 10px;	-moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;}
.wp-caption img {	margin: 0;	padding: 0;	border: 0 none;}
.wp-caption-dd {	font-size: 11px;	line-height: 17px;	padding: 0 4px 5px;	margin: 0;}

.tweet,
.fblike {
    background: #ddfab1;
    border: 1px solid #80b62a;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 10px 0px ;
    padding: 13px 12px 14px;
    width: 110px;
    float: right;
}
 
.fblike {
    background: #ECEEF5;
    border: 1px solid #9DACCE;
    padding: 12px 15px 0px;
    width: 340px;
    float: left;
}