/*---RIDAALBARAZI.COM/BLOG---------------------------------------*/
/*---BLOG LAYOUT-------------------------------------------------*/
/*---MOHANAD ALYAJOURI-------------------------------------------*/



/*---COMMON STYLES-----------------------------------------------*/

.post_foot a, #comments a, .exc_foot a, .sidebar_title, #respond, #wp_powered, #a_feed, #c_feed, #reboot_bdg a {
	text-indent: -9999px;
}

.com_count_h a, #com_count_v, .post_footer a, .exc_foot a, #comments a, .mod_ico, .rfloated, .centered, .noborder, .post_foot a, #rp_list li, #rp_list li a, #rp_list li a em, #cat_list li, #arc_title a, #wp_powered a, #a_feed a, #c_feed a, #reboot_bdg a {
	display: block;
}

#right, .rfloated {
	float: right;
}

#left, #cat_list li {
	float: left;	
}

.com_count_h a:hover, .exc_foot a:hover, #comments a:hover, .post_foot a:hover, #arc_title a:hover, #wp_powered a:hover, #a_feed a:hover, #c_feed a:hover, #reboot_bdg a:hover, #submit:hover, #nr_bdg:hover {
	position: relative;
	top: 2px;
	left: 2px;
}

/*---TOP NAVIGATION----------------------------------------------*/

li#blog a {
	background: url(../images/blog_out.png) no-repeat top center;
}

/*---MIDDLE------------------------------------------------------*/

#left {
	width: 590px;
}

/*---MIDDLE/MAIN/POST--------------------------------------------*/

.post_title, .post_date {
	margin: 0 10px;
}

.post_content {
	margin: 25px 10px;
}

.post_content p {
	margin: 0 0 20px 15px;
}

.post_content ul li, .post_content ol li {
	list-style: none;
	margin: 0 0 15px 50px;
	padding-left: 20px;
	background: url(../images/bulletL.png) no-repeat 0 .8em;
}

.post_content ul li p, .post_content ol li p {
	margin: 0;
}

.rfloated, .centered {
	margin: 10px;
	padding: 5px;
	border: 1px solid #990;
}

.centered, .noborder { 
	float: none; 
	margin: 0 auto;
}

.com_count_h a {
	height: 35px;
	width: 190px;
	margin-top: -10px;
	background: url(../images/com_count_h.png) no-repeat top center;
}

#com_count_v {
	height: 50px;
	width: 120px;
	margin: 20px auto;
	background: url(../images/com_count_v.png) no-repeat center center;
}

.exc_foot a {
	height: 32px;
	margin-bottom: 30px; 
	background: url(../images/permalink.png) no-repeat center right;
}

#comments a {
	height: 32px;
	background: url(../images/comm_head.png) no-repeat center right;
}

.post_foot a {
	height: 32px;
	margin-top: 30px;
	background: url(../images/permalink.png) no-repeat center right;
}

.post_content pre, .post_content .code {
	width: 90%;
	margin: 0 0 5px 15px;
	padding: 10px;
	background: #ddd;
	overflow: auto;
        display: block;
}

.wp-notable a img{
	border: none;
}

/*---MIDDLE/MAIN/ARCHIVE----------------------------------------*/

.month_block {
	margin: 10px 0 40px 0;
}

.month_block h2 {
	padding-left: 5px;
	padding-bottom: 3px;
	border-bottom: 1px dashed #cc0;
}

.month_block ul li {
	margin-top: 10px;
	margin-left: 30px;
}


/*---MIDDLE/MAIN/COMMENTS----------------------------------------*/

.commentlist {
	width: 450px;
	margin: 0 auto;
	list-style: none;
}

.commentlist li {
	margin-bottom: 40px;
	padding: 20px 0 0 35px;
	background: url(../images/comments.png) no-repeat 0 0;
}

.commentlist li p {
	margin: 10px 0;
}

.mod_ico {
	margin: 10px 0;
	padding:  5px 0 5px 25px; 
	background: url(../images/mod_ico.png) no-repeat center left;
}

#respond {
	height: 40px;
	margin-bottom: 20px;
	background: url(../images/saysomething.png) no-repeat center bottom;
}

#commentform {
	width: 310px;
	margin: 0 auto;
}

#author, #email, #url, #comment {
	margin-bottom: 10px;
}

#author input, #email input, #url input, #commentform textarea {
	width: 300px;
	padding: 2px;
	border: 1px solid #990;
}

#commentform textarea {
	overflow: auto;
}

#submit { 
	height: 25px;
	width: 65px;
	margin-top: 10px;
	padding-top: 30px;
	border: none;
	background: url(../images/post_but.png) no-repeat 0 0;
}

#allowed {
	margin: -10px 0 10px 0;
}

/*---MIDDLE/SIDEBAR----------------------------------------------*/

#right {
	width: 270px;
}

.sidebar_title {
	height: 32px;
	clear: both;
	margin-bottom: 5px;
}

#rp_title {	
	background: url(../images/rp_title.png) no-repeat top left; 
}

#rp_list .twitter {
	margin-left: 25px;
}

#rp_list li, .twitter li {
	width: 225px;
	list-style: none;
	margin-bottom: 10px;
}

.twitter-item {
	font-size:12px;	
}

.twitter-timestamp {
	font-size: 10px;
}

#cat_title { 
	background: url(../images/cat_title.png) no-repeat top left; 
}

#cat_list {
	margin: 0 0 5px 20px;
	overflow: hidden;
}

#cat_list li {
	width: 110px;
	margin: 0 0 5px 5px;
}

#arc_title a { 
	height: 32px;
	background: url(../images/arc_title.png) no-repeat center center; 
}

#wp_powered a { 
	height: 75px;
	width: 75px;
	margin: 20px auto;
	background: url(../images/wp_powered.png) no-repeat center center; 
}

#a_feed a {
	height: 27px;
	width: 125px;
	margin: 5px auto;
	background: url(../images/a_feed.png) no-repeat center center; 
}

#c_feed a {
	height: 27px;
	width: 125px;
	margin: 5px auto;
	background: url(../images/c_feed.png) no-repeat center center; 
}

#reboot_bdg a {
	height: 180px;
	width: 120px;
	margin: 45px auto;
	background: url(../images/reboot_badge.png) no-repeat center center; 
}

#nr_bdg {
	display: block;
	height: 104px;
	width: 85px;
	margin: 25px auto;
	background: url(../images/9rules_badge.png) no-repeat center top; 	
}

#nr_bdg img {
	display: none;
}

#wwr {
       padding-top: 20px;
       text-align: center;
}

#wwr a img {
      border: none;
}

/*---TEMP STYLING------------------------------------------------*/

#title {
	height: 100px;
}

#railsday_badge {
  position: absolute;
  top: 0;
  right: 0;
}

#railsday_badge a img {
	border: none;
}

/*---END OF STYLE------------------------------------------------*/