/* -----------------------------------------------------------------------------------*/
/* Master Layout - Blogs24.com */
/* -----------------------------------------------------------------------------------*/

body{font-family:Arial, Helvetica, sans-serif}
#body_wrap{min-height:1244px}

/* Element properties */
.left{float:left} .right{float:right} .clr{clear:both} .clr_left{clear:left} .clr_right{clear:right} .inline{display:inline}
.absolute{position:absolute} .relative{position:relative}
.bold{font-weight:bold} .normal{font-weight:normal}
.block{display:block}
.hide{display:none}
input.input500 {width:500px;}


/* Common properties */
h1{font-size:40px; letter-spacing:-1.5pt;} 
h2{font-size:26px} 
h3{font-size:20px}
h4{font-size:16px} 
h5{font-size:18px}
p{font-size:13px}
.btn_1{font-size:12px;text-transform:uppercase;cursor:pointer;margin-right:10px/*?*/}
.btn_2{cursor:pointer;}
a{text-decoration:none; cursor:pointer;color:#024890} /**/ a:hover{text-decoration:underline;cursor:pointer;}

.spinner {background:url(../Images/loadinfo.gif) no-repeat  center 10px; height:60px;position:absolute;left:-180px}
.spinnercomment {background:url(../Images/loading.gif) no-repeat;height:35px;width:35px}

.spinnersmall 
{
	background:url(../Images/loadingsmall.gif); 
	height:12px; 
	width:12px;
}

.highlight
{
    background-color: yellow;
}
 
/* ensure correct styling from html generated from tinymce */
em { font-style : italic;}        
strong { font-weight : bold;}

/* generic pop-up box properties */
#box { position: absolute; width:auto; display:none; z-index : 10000;}
.boxtopleft { width:63px; height:63px; background:url(../images/boxtopleft.png); cursor:pointer; }
.boxtop {  text-align:right; background:url(../images/boxtop.png); cursor:pointer; }
.boxtopright { width:63px; height:63px; background:url(../images/boxtopright.png); cursor:pointer; }
.boxleft { background:url(../images/boxleft.png); }
.boxright { background:url(../images/boxright.png); }
.boxbottomleft { width:63px; height:63px; background:url(../images/boxbottomleft.png); }
.boxbottom { background:url(../images/boxbottom.png); }
.boxbottomright { width:63px; height:63px; background:url(../images/boxbottomright.png); }
.boxcontents { background:url(../images/whitepix.gif); }
.boxcontents a { color:#024890; font-size : 12px; padding-bottom : 3px; }

.infonotice {padding : 5px; border : dotted 1px gray; background-color : lightyellow; font-size : 11px;}

/* Containers and Columns */
#main_wrap, #top_bar .content{width:973px;margin:0 auto}

#col589 { width:589px } /**/
#col365 { width:365px } 
#col954 { width:954px }

.spacer20{height:20px} /**/ .spacer10{height:10px} /**/ .spacer5{height:5px} /**/ .foot_spacer{height:3px;background:url(../Images/maincol_bg.png);margin-left:10px;width:954px}
#footer{height:83px;background:url(../Images/footer_bg.png) no-repeat top left;margin:0 0 -7px 10px}
#footer img.logo{top:20px;left:22px} /**/ #footer p{left:300px;top:25px;color:#8D8D8D;font-size:11px;line-height:1.7em} #footer p a{color:#024890}
#footer img.opam{top:20px;right:35px}

	/* - ads - */
	div.ad300x250, div.ad125x125{margin:0 auto;width:300px; overflow:hidden}
	div.ad300x250{margin-bottom:20px}
	div.ad300x250 iframe{background:transparent!important}
	div.ad125x125{width:275px}
	div.ad125x125 img{margin:0 10px 10px 0}
	
	/* - top grey bar - */
	#top_bar{height:35px;background:url(../Images/24toptile_bg.png) repeat-x bottom} /* RR - NEW - */
	#top_bar a{color:#024890;text-decoration:none;} 
	#top_bar a.bloghomelink, #top_bar a.gotolink, #top_bar div.login, #top_bar div.createblog{font-size:12px}
	#top_bar a.bloghomelink, #top_bar a.gotolink, #top_bar select.blognetwork, #top_bar input.searchfield{margin:10px 5px 0;}
	#top_bar select.blognetwork, #top_bar input.searchfield{margin-top:5px}
	#top_bar div.login{margin-top:12px;/*margin-right:10px;text-align:right;*/color:#9A9A9A; /*float:left;*/margin-left:10px; /*width:100px;*/}
	#top_bar div.userinfo{margin-top:10px;margin-right:8px;}
	#top_bar div.userinfo a{ padding:0 8px 0 4px;}
	#top_bar select.blognetwork{width:150px;height:24px;padding:2px;font-size:12px}
	#top_bar input.blognetwork{width:150px;height:24px;padding:2px;font-size:12px}
	#top_bar input.searchfield{width:140px;height:20px; color: #999999;}
	#top_bar input.searchfield, #top_bar select.blognetwork{border:1px solid #A0A0A0} 
	#top_bar input.searchbtn, #top_bar input.searchfield{float:left;margin:5px 0 0 5px;position:relative!important}
	#top_bar input.searchbtn{margin-left:-2px}
	
	#top_bar .createblog{float:left;margin:5px 0 0 8px}
	#top_bar .createblog .btn_1{padding:2px 10px}
	
	
	/* - blog title - */
	#header h1{color:#fff;padding:10px 20px;background:url(../Images/top_hdr_bg.png);z-index:300}
	
	/* - main column - */
	#main_coltop, #main_colbot{height:10px;background:url(../Images/maincol_topcnr_bg.png) no-repeat top left;margin-left:10px} /**/ 
	#main_colbot{background:url(../Images/maincol_botcnr_bg.png) no-repeat top left}
	#main_column{background:url(../Images/maincol_bg_tile.png) repeat-y top left;margin-left:10px}
	
	
	/* - fullcolumn - */
	#main_column.fullcolumn{width:954px;background:url(../Images/maincol_full_bg_tile.png) repeat-y top left!important;margin-left:10px}
	#col954 .fullcol_top{background:url(../Images/fullcol_topcnr_white.png) no-repeat bottom left;height:7px;margin:-7px 0 0 3px}
	    
	
	/* - leftcolumn - */
	#col589 .left_column{background:#fff;width:586px;margin-left:3px;overflow:hidden; min-height:200px;}
	#col589 .leftcol_top{background:url(../Images/leftcol_topcnr_white.png) no-repeat bottom left;height:7px;margin:-7px 0 0 3px}
	.postlist #col589 .leftcol_top{position:relative}
	/* - leftcolumn - post content - */
	
	#col589 #post h2 {padding:10px 14px;}
	#col589 #post div.post{border-right:14px solid #FFFFFF;overflow-x:hidden;padding:0 0 0 14px;} #col589 /*#post p{padding:5px 0}*/
	#col589 #post p.topics, #col589 #post p a.name{padding-left:14px}
	
	#col589 #post p, #post span, #col589 #post div.post 
	{
		font-size:12px;
		line-height:120%;
	}
	
	#col589 #post p
	{
		padding-bottom : 1px;
		padding-top : 1px;
		overflow-y : hidden;
		overflow-x : auto;		
	}
	
	.post ul
	{
		list-style-position:inherit;
		list-style-type:disc;
		margin-left:30px;
	}
	
	.post ol
	{
		list-style-position:inherit;
		list-style-type:decimal;
		margin-left:30px;
	}
	
	.item .fifteenpaces, .left_column .fifteenpaces {padding-left:15px; float:left;}
	.left_column .abuse {padding-right:15px; padding-left:10px;}
	
	#col589 #post div.datestamp, #col589 #post div.commentcount,  #col589 #post div.abuse{font-size:12px;/*margin:0 12px;*/color:#6D6D6D}
	#col589 #post span.ratingcount {font-size:12px;margin:0 10px;}
	#col589 #post p.img{text-align:center}
	#col589 #post p.topics{font-size:11px;color:#8F8F8F;padding:10px 14px}
	#col589 #post p.topics a{color:#024890}
	
	#col589 #post .actions 
	{
		margin-left : 15px;
		padding : 3px;
	}
	
	#col589 #post .actions img
	{
		position : relative;
		top : 3px;
		margin-right : 3px;
	}
	
	#col589 #post .actions a
	{
		color : #024890;
		font-weight : bold;
		font-size : 12px;
	}
	
		/* - stars post - */
		#col589 #post span.stars{width:80px;height:13px;background:url(../Images/stars_post.png) no-repeat -2px 0; padding-left:10px;}
		#col589 #post span.stars.s1{background-position:0 -14px}
		#col589 #post span.stars.s2{background-position:0 -28px}
		#col589 #post span.stars.s3{background-position:0 -42px}
		#col589 #post span.stars.s4{background-position:0 -56px}
		#col589 #post span.stars.s5{background-position:0 -70px}
		
		/* - share tools - */
		#col589 #post #share{width:80px;font-size:12px;text-align:center; z-index:2000;}
		#col589 #post #share ul li.drop_item, #col589 #post #share ul li.drop_item a.first, #col589 #post #share .drop_box.share li.last a
		, #col589 #post span.abuse a{font-weight:bold;color:#024890}
		#col589 #post #share ul li.drop_item a.first{padding:10px 20px 10px 10px;display:block;margin-top:-10px}
		#col589 #post #share ul li.drop_item{background:url(../Images/share_arrow.png) no-repeat 60px 4px}
		#col589 #post #share ul li.drop_item a.first:hover{background:url(../Images/share_bg.png) no-repeat right bottom;text-decoration:none}
		#col589 #post #share ul li.drop_item div{position:absolute!important;width:180px;right:6px;margin-top:-10px;background:#eee}
		#col589 #post #share ul#drop_down li.drop_item{padding:0 10px;}
		#col589 #post #share .drop_box.share{padding:10px;background:#eee;text-align:left;}
		#col589 #post #share .drop_box.share li{width:75px;line-height:1.4em;margin-bottom:6px} 
		#col589 #post #share .drop_box.share li a{font-size:11px;color:#74727D;font-weight:normal}
		#col589 #post #share .drop_box.share li.laaikit a{background:url(../Images/laakit_icon.gif) no-repeat left top;padding:2px 6px 2px 20px}
		#col589 #post #share .drop_box.share li.google a{background:url(../Images/google_icon.gif) no-repeat left top;padding:2px 6px 2px 20px}
		#col589 #post #share .drop_box.share li.yahoo a{background:url(../Images/yahoo_icon.gif) no-repeat left top;padding:2px 6px 2px 20px}
		#col589 #post #share .drop_box.share li.digg a{background:url(../Images/digg_icon.gif) no-repeat left top;padding:2px 6px 2px 20px}
		#col589 #post #share .drop_box.share li.facebook a{background:url(../Images/facebook_icon.gif) no-repeat left top;padding:2px 6px 2px 20px}
		#col589 #post #share .drop_box.share li.delicious a{background:url(../Images/delicious_icon.gif) no-repeat left top;padding:2px 6px 2px 20px}
		/* - pagenation / comments - */
		#pagenation{height:30px}
		#pagenation, #col589 #post #comments_box{background:#eee;margin:0 12px;font-size:12px; margin-bottom:5px;}
		#pagenation .post_nr{color:#6D6D6D;left:10px;top:9px}
		#pagenation .post_nr label {float:none!important;}
		#pagenation .post_pages{top:9px;right:10px}
		#pagenation .post_pages a{color:#024890}
		#pagenation .post_pages a.prev{background:url(../Images/prev_btn.png) no-repeat left;padding:0 6px 0 12px}
		#pagenation .post_pages a.nxt{background:url(../Images/nxt_btn.png) no-repeat right;padding:0 12px 0 6px}
		
		#pagenation1{height:30px}
		#pagenation1, #col589 #post #comments_box{background:#eee;margin:0 12px;font-size:12px; margin-bottom:5px;}
		#pagenation1 .post_nr{color:#6D6D6D;left:10px;top:9px}
		#pagenation1 .post_pages{top:9px;right:10px}
		#pagenation1 .post_pages a{color:#024890}
		#pagenation1 .post_pages a.prev{background:url(../Images/prev_btn.png) no-repeat left;padding:0 6px 0 12px}
		#pagenation1 .post_pages a.nxt{background:url(../Images/nxt_btn.png) no-repeat right;padding:0 12px 0 6px}
		/* - comments - */
		#col589 #post #comments_box{border-top:4px solid #ccc;padding:10px 10px 16px 10px}
		#col589 #post #comments_box .refresh
		{background:url(../Images/refresh.png) no-repeat top right;width:50px;padding-right:25px;top:20px;right:12px;font-size:10px;text-align:right;
		padding-bottom:2px; cursor:pointer;}
		#col589 #post #comments_box .refresh a{color:#666}
		#col589 #post #comments_box td.stars{padding:12px 0px 6px 0px;}
		#col589 #post #comments_box h6{font-size:22px}
		#col589 #post #comments_box span.hate{font-size:14px;margin:6px 0 10px;color:#6D6D6D}
		#col589 #post #comments_box textarea.users_comments{width:420px;height:90px}
		#col589 #post #comments_box td.your_comment, #col589 #post #comments_box td.your_rating{text-align:right;padding-right:10px;color:#3A3735}
		#col589 #post #comments_box td.submit, #col589 #post #comments_box td.msg{padding:10px 0px 10px 0px;}
		#col589 #post #comments_box td.your_rating{font-size:11px}
		
		#col589 #post .comment {margin:0 12px; }
		
		#col589 #post .comment.sub{ padding-left:45px; }
		#col589 #post .comment a{color:#024890}
		#col589 #post .comment .detail {width:165px;text-align:right;padding:6px;font-size:12px}
		#col589 #post .comment .detail img.right{margin:0 10px 20px 20px}
		#col589 #post .comment .detail span.datestamp{margin:10px 0;font-size:11px}
		#col589 #post .comment .detail span.reply{font-size:11px}
		
		#col589 #post .comment p { float: left; display: block; width: 370px; padding:0 6px 10px 6px; }		
		#col589 #post .comment.sub p { width: 325px; }		
		#col589 #post .comment .separator { clear: both; border-bottom:1px solid #E1E1E1;}
		
	/* - rightcolumn - */
	#col365 .box{width:345px;margin:0 auto;background:url(../Images/box_bg.png)}
	#col365 .box h4{padding:8px 10px} /**/ #col365 .box p{padding:12px 10px}
	#col365 .box .header{background:url(../Images/rightcol_hdr_bg.png) repeat-x top;top:0;left:0;height:32px;width:345px;z-index:5}
	/*#sortables .box .header{cursor:move}*/
	
	#col365 #tools.box span.block{top:50px;left:150px;font-size:12px} /**/ #col365 #tools.box span.block a{margin:0 4px}
	
	/* - rightcolumn - user profile / stats / subscribe / badges / archive- */
	#col365 #usr_profile.box { height :	220px; } /* for some reason, needed to force height on outer box */
	#col365 #usr_profile.box a.avatar { display : block; width : 98px; height:98px; margin : 10px} 
	#col365 #usr_profile.box h5{margin:10px 0}
	#col365 #usr_profile.box p{padding:0 10px!important;font-size:14px}
	#col365 #usr_profile.box select.userstuff{width:215px;font-size:12px;padding:2px;top:117px;right:12px}
	#col365 #usr_profile.box table.user, #col365 #stats_gator.box table.stats, #col365 #subscribe.box table.blogroll, #col365 #archive.box table{margin:10px} 
	#col365 #subscribe.box table.blogroll{margin-top:0}
	#col365 #usr_profile.box table.user td, #col365 #stats_gator.box table.stats td, #col365 #subscribe.box table.blogroll td{font-size:12px;font-weight:bold;padding:2px 0}
	
		/* - stats - */
		#col365 #stats_gator.box table.stats td{padding:4px 0}
		#col365 #stats_gator.box h4.afrigator{right:30px;top:0;z-index:1}
		
		/* - subscribe - */
		#col365 #subscribe.box input.subscribe{width:215px;margin:10px 5px 0 0}
	
		/* - badges - */
		#col365 #badges.box p a img{margin:10px auto;display:block}
		#col365 #badges.box .edit { top:10px; right:8px; z-index:500; font-size:12px; }
		
		/* - stars stats - */
		#col365 span.stars_small{width:65px;height:11px;background:url(../Images/stars_small.png) no-repeat;/*margin-left:10px*/}
		#col365 span.stars_small.s1{background-position:0 -12px}
		#col365 span.stars_small.s2{background-position:0 -23px}
		#col365 span.stars_small.s3{background-position:0 -34px}
		#col365 span.stars_small.s4{background-position:0 -45px}
		#col365 span.stars_small.s5{background-position:0 -56px}
		
		/*  - fans / blogroll - */
	#col365 #fans.box, #col365 #fans.box .header, #col365 #blogroll.box, #col365 #blogroll.box .header{width:167px}
	#col365 #fans.box, #col365 #blogroll.box{margin-left:10px}
	#col365 #fans.box .amount, #col365 #blogroll.box .amount{top:10px;right:8px;z-index:1;font-size:12px}
	#col365 #fans.box p img.left{margin:4px 10px 4px 0} /**/ #col365 #fans.box p span.bold{padding-top:12px}
	#col365 #fans.box p a.more, #col365 #blogroll.box p a.more{font-size:14px}
	#col365 #blogroll.box ul{font-size:12px;padding:12px 10px;line-height:1.7em}
	
		/* - latest posts / recent comments tabs - */
	#col365 #post_tabs.box{padding-top:10px}
	#col365 #post_tabs.box ul.tab-menu{margin:0 10px;background:url(../Images/tab_bg.png) repeat-x top;height:40px}
	#col365 #post_tabs.box ul.tab-menu li{float:left;font-size:16px;width:162px;text-align:center;font-weight:bold}
	#col365 #post_tabs.box ul.tab-menu li a{display:block;padding:8px 0 16px;text-decoration:none}
	#col365 #post_tabs.box ul.tab-menu li a:hover, #col365 #post_tabs.box ul.tab-menu li.tab-selected a{background:url(../Images/tab_select.png) no-repeat top left;color:#E9E9E9}
	#col365 #post_tabs.box .tab-wrapper{padding:6px 10px 20px} /**/ 
	#col365 #post_tabs.box .tab-wrapper ul li a{font-size:12px}
	#col365 #post_tabs.box .tab-wrapper ul li span.datestamp{font-size:11px;color:#B0B0B0;padding-left:7px;font-weight:normal;margin-bottom:6px}
	#col365 #post_tabs.box ul.tab-menu li.tab-selected a span{background:url(../Images/rightcol_hdr_bg.png) repeat-x top;}
	
		/* - Recently updated blog - */
	#col365 #recent_blog.box div.col1, #col365 #recent_blog.box div.col2{width:150px;padding:10px;font-size:12px}
	#col365 #recent_blog.box div.col1 img, #col365 #recent_blog.box div.col2 img{margin:0 10px 10px 0}
	#col365 #recent_blog.box span.post{margin:2px 0}
	#col365 #recent_blog.box span.blogger{color:#B0B0B0}
	
		/* - rightcolumn - archive -*/
	#col365 #archive.box table td{font-size:16px;font-weight:bold;color:#B0B0B0;padding:6px 9px;text-transform:uppercase}
	#col365 #archive.box select.archive{top:4px;right:4px;padding:2px;font-size:12px;z-index:10}
	
/* -----------------------------------------------------------------------------------*/
/* -- Blogs landing page elements -- */	
/* -----------------------------------------------------------------------------------*/
    
        /* - Start stop button - */
     div.stop_start_control{background:#EBEBEB;font-size:10px;text-transform:uppercase;float:right;margin-right:10px; height: 20px;} 
     div.stop_start_control #startStopButton{margin:4px;display:block; height: 20px;} /**/ div.stop_start_control #startStopButton a{color:#686868}


/* -----------------------------------------------------------------------------------*/
/* -- table elements -- */	
/* -----------------------------------------------------------------------------------*/
.msg { padding : 10px; }


/* -----------------------------------------------------------------------------------*/
/* -- headings -- */	
/* -----------------------------------------------------------------------------------*/
a.h1Heading { color : #fff; }


/* -----------------------------------------------------------------------------------*/
/* -- popup comment -- */	
/* -----------------------------------------------------------------------------------*/

#popupComment 
{
    background-color: #dddddd; 
    border: 1;
    border-width:medium;
    border-style: ridge;
    padding: 5px; 
    text-align: center; 
    vertical-align: middle; 
    margin:0px;
    width: 360px;
    height : 250px;
}

#popupComment table
{
	width : 100%;
}

#popupComment td
{
    text-align : center;
    padding : 3px;
}

#popupComment .btnCommentSubmit
{
    margin-left : auto;
    margin-right : auto;
    width : 190px;
}

#popupComment .btnCommentSubmit td
{
    padding : 0px !important;
}

/*admin menu*/
#adminMenu {
	 font-size:8pt;
	 color:Gray;   
}  
#adminMenu td {  
	padding:2px;	 
	border: solid 1px gray;
	color:Gray;
}

#adminMenu td a {  
	color:Gray;   
}  

#adminMenu td a:hover, #adminMenu td:hover{
	 background-color: black;
	 color:white;	
	 text-decoration:none;
}
/*End Of: admin menu*/
/* -----------------------------------------------------------------------------------*/
/* -- Search box popup -- */	
/* -----------------------------------------------------------------------------------*/
#searchOptions{display:none;background:#fff;border:1px solid #A4A4A4;z-index:500000}
#header #searchOptions{width:360px;left:600px!important;top:140px!important;z-index:500000!important}
#searchOptions .item{font-size:14px} #searchOptions .item:hover{background:#EEEEEE}
#searchOptions .item label.item_label{padding:10px;display:block;width:100%}
#searchOptions .item span{color:#727272}
#top_bar #searchOptions{top:33px!important;width:178px!important}
/* -----------------------------------------------------------------------------------*/
/* -- Letterdash and Brand logo's top bar -- */	
/* -----------------------------------------------------------------------------------*/
#top_bar img.brand_logo{margin:4px 1px 0 0} /**/ #top_bar img.letter_logo{margin:6px 3px 0 0} 
/* -----------------------------------------------------------------------------------*/
/* -- Fixes -- */
/* -----------------------------------------------------------------------------------*/
.portlet{margin:0!important} /* siftables margin fix */
.admin-container input.save_post{}

/*
.fake_upload{background:url(../images/fake_uploader_bg.png) no-repeat top left}
.admin_uploadbox{background:url(../images/fake_uploader2_bg.png) no-repeat top left}
#divFrame iframe#ifrPhoto, iframe#headerCropIframe, iframe#backgroundCropIframe
{
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity:0);	
}
*/