/*
Theme Name: Rifie
Theme URI: http://rifie.com
Description: Long live bold!
Version: 3.0
Author: Syarifah Riefandania
Author URI: http://rifie.com
Tags: bold, classic, minimalism
*/

* { padding : 0; margin : 0 }
body { background-color : #A69168; text-align : center; color : #fff; font-family : "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; font-size : 14px;}

#container { width : 910px; padding : 0 auto; margin : 0 auto; background-image :url(images/body_bg.jpg);background-repeat :no-repeat;}
#head { height : 200px; margin: auto; padding : 0 auto;}
.rightfake { height : 180px; }
.right { text-align : left; width : 664px; background-image : url(images/head_rifie.jpg); background-repeat : no-repeat; background-position : top right; height : 184px; margin-left : 200px;}
.right h1, .right h1 a:link, .right h1 a:visited, .right h1 a:hover { font-weight : normal; text-decoration : none; font-family : Georgia; font-size : 28px; letter-spacing : -2px; color : #897754; padding: 60px 0 0 100px; margin : 0; text-shadow: 0px 2px 3px #BCA474;}
#leftbar { }

.clear { clear : both; }

.mid { margin-top : 180px; }
.left { float : left; width : 200px;   text-align : left; padding-right : 10px; }
.left h2, .lastfm h2 { font-size : 34px; font-family : Helvetica, Arial, Sans-serif; font-weight:bold; letter-spacing : -2px; text-shadow: 2px 2px 2px #7B6C50; color : #fff; }
.left ul { margin-top : -5px; margin-bottom : 30px;}
.left li { list-style-type : none; text-align : left; margin-bottom : -5px; }
.left li a:link, .left li a:visited { padding-bottom : 2px; font-size : 32px; text-decoration : none; color : #625742; font-family : Helvetica, Arial, Sans-serif; font-weight:bold; letter-spacing : -2px; text-shadow: 2px 2px 2px #97845F;}
.left li a:hover { color : #FFC65A; text-decoration : none; }
.rightcontent { float : right; width : 700px; text-align : left;}
.rightcontent h2 { font-size : 32px; text-decoration : none; color : #fff; font-family : Helvetica, Arial, Sans-serif; font-weight:bold; letter-spacing : -2px; text-shadow: 2px 2px 2px #4D4537; margin-bottom : 10px; }
.rightcontent h2 a:link, .rightcontent h2 a:visited { font-size : 32px; text-decoration : none; color : #fff; font-family : Helvetica, Arial, Sans-serif; font-weight:bold; letter-spacing : -2px; text-shadow: 2px 2px 2px #4D4537; margin-bottom : 10px; }
.rightcontent h2 a:hover { color : #FFC65A; text-decoration : none; }

.rightcontent h3 { font-size : 28px; text-decoration : none; color : #fff; font-family : Helvetica, Arial, Sans-serif; font-weight:bold; letter-spacing : -2px; text-shadow: 2px 2px 2px #4D4537; margin-bottom : 10px; }
.rightcontent h3 a:link, .rightcontent h2 a:visited { font-size : 32px; text-decoration : none; color : #fff; font-family : Helvetica, Arial, Sans-serif; font-weight:bold; letter-spacing : -2px; text-shadow: 2px 2px 2px #4D4537; margin-bottom : 10px; }
.rightcontent h3 a:hover { color : #FFC65A; }



.rightcontent p, .entry p, .disqus p {color : #fff; font-family : "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; font-size : 14px; padding-right : 30px; line-height : 20px; padding-top:0.5em; padding-bottom:0.5em; }
.rightcontent p a:link, .entry p a:link, .navigation a:link, .navigation a:visited, .disqus p a:link, .disqus p a:visited, .rightcontent p a:visited , .entry p a:visited{ color : #FFC65A; text-decoration : underline; }
.rightcontent p a:hover, .entry p a:hover, .disqus p a:hover, .navigation a:hover { color : #fff;}

.entry ul {list-style-type : none; margin : 10px 10px 10px 10px; }
.entry li {list-style-type : disc;color : #fff; font-family : "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; font-size : 14px; margin-bottom : 5px; margin-left : 20px; }
.entry img { border : solid 10px #fff; margin-top : 20px; margin-bottom : 20px; }

.entry li a:link, .entry li a:visited { color : #FFC65A; text-decoration : none; }
.entry li a:hover { color : #fff; text-decoration : none; }
.postdate { float : left; background-image : url(images/bg_cal.jpg); background-repeat : no-repeat; width : 51px; height: 60px;  margin-right : 10px; text-align : center; font-family : Georgia; }


.postdate .day { color: #94815B; font-size: 15px; margin: 10px 0 0 15px; font-weight: bold; } 
.postdate .date { color: #94815B; font-size: 16px; margin: 10px 0 0 0px; font-weight: bold} 
.postdate .month { color: #94815B; font-size: 13px; margin: 0 0 0 0px; text-transform: uppercase; font-weight: bold} 
.postdate .year { color: #94815B; font-size: 9px; margin: 10 0 0 15px; }  


/**** TOP LINKS ******/

#upnav { padding-top: 20px; padding-left : 30px;}
#upnav ul { display : inline; text-align : left;}
#upnav li { list-style-type : none; display : inline;text-align : left; }
#upnav li a:link, #upnav li a:visited { margin-right : 10px; font-size : 36px; text-decoration : none; color : #fff; font-family : Helvetica, Arial, Sans-serif; font-weight:bold; letter-spacing : -2px; text-shadow: 2px 2px 2px #4D4537;}
#upnav li a:hover { border-bottom : #FFC65A solid 10px; color : #fff; }

/**** BOTTOM INFO ****/
.rightinfo { border-bottom : #94815B solid 10px; margin-top : 10px; margin-bottom : 30px; padding : 10px 0px 15px 10px; width : 670px;}
.rightinfo ul {display : inline; list-style-type : none; font-size : 20px;  }
.rightinfo ul li { display : inline; list-style-type : none; font-size : 16px; color : #fff; font-family : Georgia; font-weight : normal; }
.rightinfo li.comm {background-image : url(images/comment.png); background-repeat : no-repeat; padding: 2px 11px 15px 35px;}
.rightinfo li.facebook {background-image : url(images/cat.png); background-repeat : no-repeat; padding: 2px 11px 15px 30px;}
.rightinfo li.twitter {background-image : url(images/twitter_1.png); background-repeat : no-repeat; padding: 2px 11px 15px 30px;}
.rightinfo li.comm a:link, .rightinfo li.facebook a:link, .rightinfo li.twitter a:link, .rightinfo li.facebook a:visited, .rightinfo li.twitter a:visited, .rightinfo li a:visited, .rightinfo li.comm a:visited { text-decoration : none; color : #FFC65A; }
.rightinfo li.facebook a:hover, .rightinfo li.twitter a:hover, .rightinfo li a:hover, .rightinfo li.comm a:hover { color : #fff; text-decoration : none; }

.catinfo { width : 180px; float:right; }
.catinfo p, .catinfo p a:link, .catinfo p a:visited, .catinfo p a:hover { color : #C1A875; font-family: Georgia, "Times New Roman"; font-size : 18px; text-shadow: 2px 2px 2px #B0996A; margin-top : 5px; text-decoration : none;}

#footer { clear : both; background-color : #FFC65A; height : 40px; margin-top : 40px; }

#footer p { color: #A69168; padding-top : 10px; text-align : center; font-family : Georgia; font-size : 16px; }


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


.lastfm {}
.lastfm h2 {padding-top : 10px; }
.lastfm ul { list-style-type : none; padding-top : 10px; }
.lastfm li {display : inline; margin-right : 5px; margin-top : 5px; margin-bottom : 10px; padding-top : 5px; padding-bottom : 10px;}