/*  
Theme Name: Angel-2.1
Theme URI: http://www.steph-angel.com/blog/
Description: Cobbled together theme that I've begged, borrowed and stole from all over the place!!!
Author: Steph Angel
Author URI: http://www.steph-angel.com/blog/
*/



/*-------------General-----------*/

img.centered { 
        display: block; 
        margin-left: auto; 
        margin-right: auto; 
        }
img {
        border: 0px;
        }
html, body { 
        border:0; 
        margin:0; 
        padding:0; 
        background-color:#ffffff
        }
body,td,th {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px; 
        color:#656565;
        }
a{
        color: #9c1e1f;
        text-decoration: none;
        }
a:hover{
        text-decoration: underline;
        }
blockquote {
        display:block;width:370px;
        max-width:370px;
        background:url(images/coma.gif) 0 0 no-repeat #ffffff;
        padding:0 0 0 109px;
        margin:15px 0 15px 0;
        font:italic 15px Georgia, "Times New Roman", Times, serif;
        color:#626262;
        float:left; 
        min-height:99px; 
        clear:both;
        }
.clear	{ 
        clear: both; 
        }
h2 {
        color:#000; 
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 16px;
        text-align:center; 
        padding-left:18px;
        }
sidebar_links {
        color:#000; 
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 16px;
        text-align:center; 
        padding-left:18px;}

/* ----------header---------*/

#top-bg { 
        background-image:url(images/bg-top.jpg);
        height:377px; 
        background-position:top; 
        background-repeat:repeat-x; 
        }
#top-container {
        width:960px; 
        background-image:url(images/Top.jpg);
        background-repeat:no-repeat; 
        height:377px; 
        margin:0 auto; 
        padding:0; 
        }

/*--------top layout--------*/

#top {
        width:960px; 
        height:120px; 
        padding:0; 
        margin:0;
        }
#topbar {
        width:960px; 
        height:200px; 
        padding:0; 
        margin:0;
        }
.left-1 {
        float:left;
        width:580px;
        }
.left-2 {
        float:left; 
        width:190px; 
        padding-left:10px;
        }
.right-1 {
        float:left; 
        width:380px;
        }
.right-2 {
        float:left; 
        width:190px; 
        padding-top:165px; 
        padding-left:35px;
        }

/*-----------top------------*/

#logo {
        height:120px; 
        width:571; 
        display:block; 
        float:left;
        }
#logo img {
        border:none;
        }
#menutop {
        height:120px; 
        width:800px; 
        display:block; 
        margin:0; 
        padding:0; 
        margin-top:10px; 
        padding-left:20px;
        }
#menutop li {
        background: url(images/bullet.gif) 0 3px no-repeat; 
        list-style:none; 
        padding: 1px 3px 1px 15px;
        margin:0; 
        color:#FFFFFF;  
        font-weight:bold; 
        line-height:130%; 
        display:inline;
        }
#menutop li a {
        color:#9c1e1f;
        font-size:12px; 
        padding-left:12px;
        }

/*----------search form---------*/

#quick {
	background: ffffff;
	margin-top: 200px;
        margin-left: 10px;
	height: 22px;
	width: 763px;
	position: relative;
	line-height: 22px;
	}
#quick form {
	height: 24px;
	line-height: normal;
	float: left;
	padding: 1 1px;
	background: #9c1e1f;
	}
form div {
	padding-top: 2px;
	}
form, form input {
	vertical-align: middle;
	}
form .i {
	border-width: 0;
	}
form .b {
	border-width: 0;
	background: #fd8585;
	}

/*-----------recent post---------*/

#recent-posts { 
        max-height:200px;  
        min-height: 175px; 
        margin-top:30px; 
        margin-left:50px; 
        padding:0;
        }
#recent_post{ 
        max-height: 200px; 
        margin:0; 
        padding:0;
        }
#recent_post ul{
        margin: 0; 
        padding:0; 
        list-style:none;
        }
#recent_post li{
        background: url(images/event_icon.gif) no-repeat;
        float:left;
        margin:0; 
        margin-top:5px; 
        padding:0px 15px 5px 15px; 
        width: 215px; 
        font-size:10px;
        }
#recent_post a:link, #recent_post a:visited	{
        color: #656565;
        text-decoration: none; 
        padding:0;
        }
#recent_post a:hover{
        color: #000;
        text-decoration: underline; 
        padding:0;
        }

/*-----------main layout------*/

#main-bg {
        width:960px; 
        padding:0; 
        margin:0 auto;  
        background:#FFF;
        }
#wide {
        width:960px; 
        padding:0; 
        margin:0 auto;   
        }
#left_block {
        width:610px; 
        float:right; 
        margin-top:0px;
        margin-right:120px;
        }
#right_body_block { 
        width:200px; 
        float:left; 
        margin-top:0px; 
        margin-left:20px;
        }

/*-------------Post------------*/

.isi {
        padding:0; 
        margin:0;
        }
.cont-atas { 
        padding:0; 
        margin:0; 
        }
.cont-bawah { 
        background-position:bottom; 
        background-repeat:no-repeat; 
        padding-top:20px; 
        padding-bottom:20px;  
        margin-bottom:20px;
        }
.post {
        padding-left:25px; 
        width:500px; 
        text-align:justify;
        }
.post-title {
        width: 490px; 
        margin:0 auto; 
        padding:0; 
        }
.post-title h2 {
        font:Georgia, "Times New Roman", Times, serif; 
        text-align:left; 
        font-size:20px; 
        padding:0; 
        border-bottom:dashed 1px #CCCCCC; 
        padding-bottom:5px; 
        }
.post-title h2 a {
        color:#000; 
        font-family: Georgia, "Times New Roman", Times, serif;
        text-decoration:none; 
        line-height:20px; 
        padding:0;
        }
.post-title h2 a:hover {
        color:#9c1e1f; 
        text-decoration:none;
        }
.postmetadata {  
        border-top:dashed 1px #CCCCCC; 
        padding-top:5px; 
        padding-bottom:5px; 
        margin-bottom:15px; 
        width: 480px; 
        margin-left:10px; 
        margin-top:10px;
        }
.article {
        width: 600px;  
        line-height:170%; 
        text-align:justify; 
        margin-left:0px; 
        padding:0;
        }
.post-end {
        margin-bottom:20px;
        }
.post img { 
        padding: 0px 0px 0px 0px;
        background:#ffffff;
        border: 0px #ffffff; 
        margin: 0px 0px 0px 0px !important;
        }
.navigation { 
        margin:10px 0 10px 125px; 
        clear:both;
        }

/*--------------Meta Icon---------*/

.meta-cal {
        background:url(images/add-page-blue.gif) center left no-repeat;
        padding-left:20px;
        padding-bottom:5px;
        padding-top:5px;
        }
.meta-comm {
        background:url(images/user-comment-blue.gif) center left no-repeat;
        padding-left:20px;
        margin-left:15px;
        padding-bottom:5px;
        padding-top:5px;
        }
.meta-tag {
        background:url(images/folder-blue.gif) center left no-repeat;
        padding-left:20px;
        padding-bottom:5px;
        padding-top:5px; 
        margin-top:8px;
        }

/*-------------sidebar------------*/

#rightside_block {
        float:left;  
        width:175px; 
        padding:0; 
        margin:0; 
        padding-top:20px;
        }
#rightside {
        float:left; 
        width:175px; 
        margin-top:10px;
        margin:0; 
        position:relative;
        }
#rightside li{ 
        list-style:none; 
        line-height:20px; 
        padding-left:15px;
        }
#calendar_wrap{ 
        padding-left:20px;
        }
.hidden {
        visibility:hidden; 
        list-style:none;
        }
.comments {
        width:175px; 
        margin-top:5px;
        }
.hdr2 {  
        width:175px; 
        }
.hdr3 {  
        width:175px; 
        }
.hdr4 { 
        width:175px;
        }
.hdr5 {
        width:175px; 
        }
.hdr6 { 
        width:175px;
        }
.hdr7 {  

        width:175px; 
        }
.hdr8 {  
        width:175px; 
        }
.hdr9 { 
        width:175px; 
        }
.hdr10 {  
        width:175px;
        } 

/*--------------- Comments ----------------*/

.foravatars {
        float: right;
        }
#comments {
        color:#000; 
        font-family: Georgia, "Times New Roman", Times, serif;
        text-decoration:none; 
        font-size: 18px; 
        clear:both; 
        list-style-type: none; 
        text-align:left; 
        }
ul.comments{
        border:0; 
        margin:0; 
        padding:0; 
        list-style-type:none;
        }
.comments li{
        border-bottom:1px dotted #656565;
        font-size: 10px;
        padding: 4px 0 5px 5px;
        overflow:hidden;
        color: #0083d5;
        }
.comments li em, .comments li a em{
        color: #656565;
        font-style: normal;
        }
.comments li a{
        color: #656565;
        text-decoration:none;
        }
.comments li a:hover{
        text-decoration:none;
        color: #72777D; 
        }
.comments img {	
        vertical-align:text-bottom;
        padding-left:5px;
        padding-right:3px;
        }
ul.commentlist li{ 
        margin:0; 
        padding:0; 
        list-style-type:none; 
        }
ul.commentlist {
        margin:0 auto; 
        padding:0; 
        list-style-type:none;
        }
.com-cont {
        width:600px; 
        }
.clear-com {
        height:5px; 
        width:600px;
        }
.com-bg { 
        width:600px; 
        }
.com-bg2 {  
        width:600px; 
        }
.bloglog {
        height:50px; 
        width:50px; 
        float:left; 
        margin-right: 15px; 
        margin-bottom:10px;
        }
.bloglog img { 
        border:2px solid #656565;
        }
.com-title {
        margin:0 auto; 
        margin-bottom:-10px; 
        text-align:left; 
        color:#000; 
        font-family: Georgia, "Times New Roman", Times, serif;
        text-decoration:none; 
        font-size: 14px;
        }
.com-2 { 
        width:600px; 
        margin:0 20px; 
        min-height:80px; 
        margin-top:0px;
        }

/*----------------- Comments Form -------------------------------- */

.Form {
        margin-right:-40px;
        }
.Form .Email { 
        background: url(images/FooterEmail.png) no-repeat left top;
        }
.Form {  
        padding: 0px 0px 10px 0px; 
        position: relative; 
        margin: 0px; 
        font-family: 'Verdana';
        }
.Form form { 
        margin: 0px; 
        padding: 0px;
        }
.Form a { 
        text-decoration: underline;
        }
.Form p { 
        padding: 0px 0px 2px 0px; 
        margin: 0px; 
        color:#666; 
        }
.Form p small strong { 
        font-weight: bold; 
        color:#FF3300;
        }
.Form p small { 
        font-size: 11px; 
        display: block; 
        padding: 6px 0px; 
        color:#000;
        }
.Form .TextField { 
        color:#003366; 
        background: #F0F0F0; 
        border: solid 1px #CCC; 
        padding: 6px 6px 6px 30px; 
        font-size: 12px; 
        display: block;
        }
.Form .TextArea { 
        color:#003366; 
        background: #F0F0F0; 
        border: solid 1px #CCC; 
        padding: 6px; 
        font-size: 12px;
        }
.Form input.SubmitComment { 
        width: 57px; 
        height: 29px; 
        background: url(images/SubmitComment.png) no-repeat; 
        margin-top: 4px;
        }
.Form input.SubmitComment:hover { 
        background: url(images/SubmitComment.png) no-repeat 0 -29px;
        margin-top: 4px;
       }
.Form input.SubmitCommentIE { 
        width: 57px; 
        height: 29px; 
        background: url(images/SubmitComment.png) no-repeat 0 -29px;
        margin-top: 4px;
       }

/*----------------- Footer --------------------- */

#footer{
	float: left;
	width: 950px;

	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	background: url(images/footer.jpg) no-repeat;
}

#footer p{
	line-height: 18px;
	padding: 80px 20px 20px;
}

#footer a{ text-decoration: none; }
#footer a:hover{ text-decoration: underline; }