@charset "utf-8";
/*
Theme Name: Finally Free
Description: New custom theme
Version: 1.0
Author: Mideast Youth
*/


@import url("formatting.css"); /* ------- Formatting for the content */
@import url("typography.css"); /* ------- Sets up some sensible typography */

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

html, body, *
{ 
	padding:0px;
	margin:0px;
}

body 
{
	background: #fff;
	font-size: 13px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color:#111;
}

a
{ 
	color: #4082dd;
	text-decoration: none; 
}

p
{
	margin:10px 0;
}

a:hover, .twitterbox a:hover
{ 
	color: #999999;
	text-decoration: none; 
}

a:focus, a:active
{
	outline:none;
}

.clear
{
	clear:both;
	width:100%;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

li
{
	list-style:inside;
}

/* ------------- Main Layout ------------- */

.wrap
{
	width:960px;
	margin:0px auto;
	clear:both;
}

.wrapper, .wrapper_footer
{
	width:100%;
	margin:0 auto;
	float:left;
	background: url(images/head_grunge.jpg) top center no-repeat;
}

.wrapper_footer
{
	background: url(images/footer_grunge.jpg) bottom center no-repeat;
	padding-bottom:25px;
}

.front_screen
{
	width:100%;
	margin:0 auto;
	float:left;
	background: url(images/home_front_back.png) center left repeat-x;
	clear:both;
}

.front_screen_image
{
	width:100%;
	margin:0 auto;
	float:left;
	height:232px;
	background: url(images/home_front.jpg) center center no-repeat;
}

/* ------------- Header ------------- */

.header_holder
{
	background:  url(images/navigation_back.jpg) top center no-repeat;
	height:134px;
	float:left;
	width:100%;
}

.header
{
	width:420px;
	margin:0 auto;
	height:37px;
	float:left;
}

.header a
{
	float:left;
	text-indent:-9999px;
	background: url(images/top_logo.png) top no-repeat;
	display:block;
	width:420px;
	height:37px;
}

.navigation
{
	height:37px;
	float:right;
}

.navigation ul
{
	float:right;
}

.navigation ul li
{
	margin:0 10px 0 0;
	padding:0;
	list-style:none;
	line-height:37px;
	float:left;
}

.navigation ul li a
{
	padding:1px 16px;
	display:block;
	height:35px;
	font-size:13px;
	font-weight:bold;
	color:#433c15;
	text-transform:uppercase;
}

.navigation ul li a:hover, .navigation .current_page_item a
{
	background: #e8f2e3;
	border:1px solid #ccc;
	padding:0 15px;
}

.navigation ul li a:active
{
	color:#111;
}

.main_titles, .inside_titles
{
	clear:both;
	margin:50px auto 40px auto;
	width:100%;
	height:17px;
	float:left;
}

.main_titles
{
	background: url(images/front_titles.png) center left no-repeat;
}

.inside_titles
{
	background: url(images/insidepage_titles.png) center left no-repeat;
}

.nav_post
{
	background: url(images/posts_line.png) +475px top repeat-y;
	float:left;
	width:100%;
}
/* ------------- Content ------------- */

.welcome_message
{
	background: url(images/join_text.png) center no-repeat;
	width:561px;
	float:right;
	margin:10px 35px 0 auto;
}

.join_now, .join_info
{
	height:32px;
	width:176px;
	color:#fff;
	border:0;
	cursor:pointer;
	float:left;
	margin:140px 25px 0 0;
	text-indent:-9999px;
	background-image: url(images/join_buttons.png);
	background-repeat:no-repeat;
}

.join_now:hover
{
	background-position:left bottom;
}

.join_info:hover
{
	background-position:right bottom;
}

.join_now
{
	background-position:left top;
}

.join_info
{
	background-position:right top;
}

.home_left
{
	width:353px;
	float:left;
}

.home_middle
{
	width:268px;
	float:left;
	margin-left:47px;
}

.home_right
{
	width:254px;
	float:right;
}

.page_left
{
	width:642px;
	float:left;
}

.postinfo
{
	float:left;
	width:100%;
	clear:both;
	
}

.postinfo a
{
	color:#2e2a15;
	font-size:38px;
	width:100%;
	float:left;
}

.postinfo span
{
	color:#7b765e;
	font-size:15px;
	clear: both;
	margin-top:10px;
	float:left;
	width:100%;
}

.content
{
	float:left;
	clear:both;
	width:100%;
	line-height:1.6em;
	font-size:15px;
	margin-top:35px;
}

.extra_info
{
	background:url(images/post_info.png) center no-repeat;
	width:354px;
	height:127px;
	overflow:hidden;
	float:left;
	clear:both;
	margin:40px 0;
}

.comments_bubble a{ color:#555035;}

.comments_bubble{float:right; margin:20px 20px 0 0; background:url(images/comments_bubble.png) center no-repeat; width:20px; padding:0 73px 0 3px; text-align: center; height:31px; line-height:21px;}

.meta_info .block_cats{ width:290px; line-height:2em; background: url(images/posts_line.png) top right repeat-y; padding:15px; margin-top:0;}

.ie7height{ height:65px;}

.share_this
{
	background:url(images/share_this.png) no-repeat;
	width:139px;
	height:30px;
	float: left;
	margin-top:18px;
}

.share_this:hover
{
	background:url(images/share_this_hover.png) no-repeat;
}

a.stico_default { background-image:none !important; display:block; width:115px; height:30px;}

.block_cats
{
	float:left;
	padding:0 15px;
	width:323px;
	color:#555035;
	clear:both;
	margin-top:35px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
}

.block_cats a
{
	padding:0 0 0 10px;
	color:#bd9712;
	text-transform: none;
	font-size:14px;
	font-style:italic;
}

.meta_info
{
	background:#f7efc3 url(images/meta_back.png) top left repeat-x;
	width:640px;
	border:1px solid #ccc;
	overflow:hidden;
	float:left;
	clear:both;
	margin:40px 0;
}

.post_add
{
	float:left;
	clear:both;
	border-bottom:1px solid #cccccc;
	width:352px;
	margin-top:30px;
}

.post_add a
{	
	color:#555035;
	font-size:19px;
	background:#fbf9ed url(images/post_add_back.png) top left no-repeat;
	width:275px;
	padding:20px 55px 20px 20px;
	border:1px solid #cccccc;
	border-bottom:0;
	display:block;
	float:left; font-family:Georgia, "Times New Roman", Times, serif;
}

.post_add a:hover
{
	background:#fced9b url(images/post_add_hover.png) top left no-repeat;
}

.see_all
{
	height:33px;
	width:176px;
	color:#fff;
	border:0;
	margin:15px;
	cursor:pointer;
	float:left;
	text-indent:-9999px;
	background: url(images/see_all.png) top left no-repeat;
	display:block;
}

.see_all:hover
{
	background: url(images/see_all.png) top right no-repeat;
}

.see_all_back
{	
	background:#fbf9ed url(images/see_all_back.png) top left repeat-x;
	width:330px;
	padding:0 10px;
	border:1px solid #cccccc;
	border-top:0;
	clear:both;
	float:left;
}

.view_all_rallies
{
	height:32px;
	width:207px;
	color:#fff;
	border:0;
	margin:15px;
	cursor:pointer;
	float:left;
	text-indent:-9999px;
	background: url(images/view_all_rallies.png) top left no-repeat;
	display:block;
}

.view_all_rallies:hover
{
	background: url(images/view_all_rallies.png) top right no-repeat;
}

.follow_us
{
	height:32px;
	width:176px;
	color:#fff;
	border:0;
	margin:0 15px;
	cursor:pointer;
	float:left;
	text-indent:-9999px;
	background: url(images/follow_us.png) top left no-repeat;
	display:block;
}

.follow_us:hover
{
	background: url(images/follow_us.png) top right no-repeat;
}

.view_archives
{
	height:33px;
	width:177px;
	color:#fff;
	border:0;
	margin:15px;
	cursor:pointer;
	float:left;
	text-indent:-9999px;
	background: url(images/archives_button.png) top left no-repeat;
	display:block;
}

.view_archives:hover
{
	background: url(images/archives_button.png) top right no-repeat;
}

.sidebar_list li, .more_links li, .sidebar_list_gr li{ list-style:none;}

.post_nav{padding:0 15px; line-height:28px; display:block; width:108px; height:30px; margin-top:12px; background:#f6ebb4 url(images/post_nav_back.png) center center no-repeat; float:left;}

.post_nav:hover{background:#fbdf4d url(images/post_nav_hover.png) center center no-repeat;}

.post_nav a{color:#555035; font-weight:bold; text-transform:uppercase; font-size:13px; background:url(images/post_nav_arrow.png) center right no-repeat; padding-right:15px;}

/* ------------- Sidebar ------------- */

.home_middle .timer
{
	background:url(images/days_back.png) center no-repeat;
	width:248px;
	height:47px;
	float:left;
	display:block;
	margin-bottom:40px;
	font-size:26px;
	color:#523f36;
	font-weight:bold;
	text-align:center;
	padding:30px 0 0 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.home_middle .write_kareem
{
	background: url(images/write_kareem.jpg) center no-repeat;
	width:268px;
	height:260px;
	float:left;
	display:block;
	margin-bottom:40px;
	text-indent:-9999px;
}

.home_right .image_links a
{
	width:253px;
	float:left;
	display:block;
	margin-bottom:30px;
}

.sidebar_list, .sidebar_list_gr
{
	float:left;
	clear:both;
	border-bottom:1px solid #cccccc;
	width:266px;
}

.sidebar_list{margin-top:20px;}

.sidebar_list a, .sidebar_list_gr a
{	
	color:#555035;
	font-size:14px;
	width:216px;
	padding:9px 40px 8px 10px;
	border:1px solid #cccccc;
	border-bottom:0;
	display:block;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.sidebar_list a{background:#effaf8 url(images/sidebar_li.png) top left no-repeat;}
.sidebar_list a:hover{background:#98d8cf url(images/sidebar_li_hover.png) top left no-repeat; color:#fff;}

.sidebar_list_gr a{background:#e8f5e2 url(images/sidebar_ligr.png) top left no-repeat;}
.sidebar_list_gr a:hover{background:#bde0af url(images/sidebar_ligr_hover.png) top left no-repeat; color:#fff;}

.view_rallies_back
{	
	background:#effaf8 url(images/view_rallies_back.png) top left repeat-x;
	width:256px;
	padding:0 5px;
	border:1px solid #cccccc;
	border-top:0;
	clear:both;
	float:left;
}

.twitterbox
{
	width:252px;
	border:1px solid #cccccc;
	float:left;
	clear:both;
	background:#ebf7e6 url(images/twitter_back.png) top left repeat-x;
	padding:0;
	margin:20px 0 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	line-height:1.5em;
}

.twitterbox a{color:#4e7d35;}

.twitter_date
{
	background: url(images/twitter_date.png) no-repeat;
	width:115px;
	padding:0 5px;
	line-height:23px;
	height:24px;
	float: left;
	margin:15px 0 0 0;
	color:#4e7d35;
	font-size:12px;
	text-align:center;
}

.twitterbox .inside
{
	float:left;
	padding:20px;
	width:212px;
}

.twitterbox_back
{
	width:242px;
	border:1px solid #cccccc;
	float:left;
	padding:10px 5px;
	clear:both;
	border-top:0;
	background:#ebf7e6 url(images/twitter_back.png) top left repeat-x;
	margin:0 0 15px 0;
}

.more_links
{
	float:left;
	clear:both;
	border:1px solid #cccccc;
	width:252px;
	margin-top:20px;
	background:#f3faf0 url(images/more_back.png) top left repeat-x;
}

.more_links a
{	
	color:#555035;
	background: url(images/more_bullet.png) +220px center no-repeat;
	font-size:17px;
	width:177px;
	padding:15px 55px 15px 20px;
	border-bottom:0;
	display:block;
	float:left; font-family:Georgia, "Times New Roman", Times, serif;
}

.more_links a:hover
{
	background: #e2f4da url(images/more_bullet_hover.png) +220px center no-repeat;
}

.more_links span{ clear:both; color:#766f4b; font-size:14px; display:block; font-family:Arial, Helvetica, sans-serif; padding-top:2px;}

.sidebarlinks_back
{
	width:256px;
	border:1px solid #cccccc;
	float:left;
	padding:0 5px;
	clear:both;
	border-top:0;
	background:#ebf7e6 url(images/twitter_back.png) top left repeat-x;
}

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

.copyright
{
	clear:both;
	float:left;
	font-size:19px;
	margin-top:55px;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.footer_titles
{
	clear:both;
	margin:40px auto;
	background: url(images/footer_titles.png) top left no-repeat;
	width:100%;
	height:18px;
	float:left;
}

.footer_wrap
{
	float:left;
	width:100%;
	background: url(images/footer_tile.png) left bottom repeat-x;
	clear:both;
}

.footer
{
	float:left;
	width:100%;
	background: url(images/footer_back.jpg) center bottom no-repeat;
	height:450px;
}

.subscribe_input
{
	padding:5px;
	background: #f1f1f1; 
	border:0; 
	width:190px;
	height:20px;
	float:left;
	color: #333;
	font-size:15px;
	border:1px solid #215646;
}

.subscribe_input:focus
{ 
	border:1px solid #111;
	background: #fff;
}

.subscribe_button
{
	background: url(images/subscribe_button.png) top left no-repeat;
	height:32px;
	width:136px;
	color:#fff;
	font-size:0px;
	border:0;
	cursor:pointer;
	float:right;
	text-indent:-9999px;
}

.subscribe_button:hover
{
	background: url(images/subscribe_button.png) bottom left no-repeat;
}

.footer .home_left ul
{
	float:left;
	margin-top:5px;
}

.footer .home_left li
{
	float:left;
	margin-right:10px;
	list-style:none;
}

.footer .home_left a
{
	color:#fff;
	font-weight:bold;
	font-size:14px;
}

.footer .home_left a:hover
{
	color:#f1f1f1;
}

.footer .home_middle li, .footer .home_right li{ list-style:none; float:left; width:100%;}

.footer .home_middle li a, .footer .home_right li a
{	
	color:#fff;
	background: url(images/footer_bullet.png) +90% center no-repeat;
	font-size:17px;
	width:88%;
	padding:7px 40px 7px 7px;
	border-bottom:0;
	display:block;
	float:left; font-family:Georgia, "Times New Roman", Times, serif;
}

.footer .home_middle li a:hover, .footer .home_right li a:hover
{
	background:url(images/footer_bullet_hover.png) +90% center no-repeat;
}

.footer .home_middle li:hover, .footer .home_right li:hover
{
	background: url(images/footer_hover.png) top left repeat;
}

.edit_button
{
	position:absolute;
	top:0;
	left:0;
	padding:3px 7px;
	background:#f35757;
	border-right: #000 solid 1px;
	border-bottom: #000 solid 1px;
	color:#fff;
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
}

.edit_button:hover
{
	color:#fff;
	background:#df3232;
}

/* ------------- WP specific styling ------------- */

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}
	
#wp-calendar #prev a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

p img {
	padding: 5px;
	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
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "- ";
	}

.entry li {
	margin-left: 15px;
	list-style-type: circle;
	list-style-image: none;
	content: "- ";
}
	
.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
#donate form{
	border: 0;
	padding: 0;
	margin: 0;
}

#donate input{
	border: 0;
	padding: 0;
	margin: 0;
}
.help {
	margin: 0 9px 0 0;
	text-align: justify;
	padding: 5px;
	color: #FF0000;
}

.alt {
	margin: 0;
	padding: 0;
	background: #FFFFFF
	}

.commentlist {
	padding: 0;
	margin: 0;
	text-align: justify;
	}

.commentlist li {
	padding: 10px;
	text-align: justify;
	list-style: none;
	}

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

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }

hr {
	display: none;
	}

a img {
	border: none;
	}

.edit_button
{
	position:absolute;
	top:0;
	left:0;
	padding:3px 7px;
	background:#a5b707;
	border-right: #848484 solid 1px;
	border-bottom: #848484 solid 1px;
	color:#fff;
	z-index:5;
}

.edit_button:hover
{
	color:#fff;
	background:#aebf22;
}