/* CSS for The Star Online  Blog Page: v12 */

/*============ OVERWRITES ======================================*/

div.fb_like {
  text-align: right;
  margin-top: 5px;
}

div.fb_like iframe {
  border: none;
  width: 417px;
  height: 40px;
  overflow: hidden;
}

#main_body
{
  background: #fff none repeat-y;
}

#section_main_content  /*  This is the main <div> where our content lies.  */
{
  width: 560px !important;
  width: 530px;
  background-color: #dfe1e0;
  padding: 12px;
  padding-right: 0px;
  overflow: hidden;
  float: left;
}

#section_main_content #section_blog
{
  /*width: 436px !important;
  width: 414px;*/
  /*width: 100% !important;
  width: 98%;*/
  float: left;
  background-color: #fff;
  padding: 30px;
  width: 488px!important;
  width: 456px;
  margin: 0px;
  overflow: hidden;
}

#section_blog h3,
#section_blog h3 a
{
  text-align:left;
  font-weight:normal;
  color: #099AC7;
  font-family: Arial;
  font-size:12px;
  /*padding-bottom: 2px;
  padding-top: 2px;
  border-bottom: 1px solid #cfdee3;*/
  margin-bottom: 20px;
}
p
{
  padding: 4px 0px 4px 0px;
}
form { margin: 0px; }
input, select { font-size: 12px; }

div.vid_embed 
{
	width: 100%;
	text-align: center;
}

/*
Removed on 20100719 due to funny ad positioning.

object {
	padding: 0;
	width: auto;
	overflow: auto;
}

embed 
{
	padding: 0;
	margin: 0;
}*/

/*============ END OVERWRITES ==================================*/



/*============ POSTS ======================================*/
.section_blog_post { border-bottom: 1px solid #cddee6; margin-top: 0px; margin-bottom: 30px; }
.section_blog_post_title  { font-family: Georgia, Arial; color: #8a8a8a; font-size: 19px; margin-bottom: 20px; }
.section_blog_post_subtitle { font-family: Arial; font-size: 10px; margin-bottom: 20px; }
.section_blog_post_content { line-height: 20px; }
.section_blog_post_footer { margin-top: 30px; margin-bottom: 30px; text-align: right; font-size: 11px; }
/*============ END POSTS ==================================*/



/*============ POSTS COMMENTS ======================================*/
.section_blog_comments { border-top: 1px solid #cddee6; margin-top: 30px; }
.section_blog_comments h4 { color: #003f83; font-family: Arial; font-size: 14px; font-weight: bold; padding: 10px; }
.section_blog_comments_all { font-family: Arial; margin-top: 10px; margin-bottom: 10px; }
.section_blog_comments_body { font-size: 11px; line-height: 16px; padding: 0px 10px 0px 10px; }
.section_blog_comments_footer { text-align: right; font-size: 10px; margin-bottom: 30px; }
/*============ END POSTS COMMENTS ==================================*/



/*============ NEW COMMENTS ======================================*/
.section_blog_comments_new { width: 100%; padding: 5px 10px 5px 10px; }
.section_blog_comments_newlabel { font-weight: bold; width: 30%; float: left; margin-bottom: 10px; }
.section_blog_comments_newdata { width: 60%; float: left; margin-bottom: 10px; }
.section_blog_comments_newdata textarea { border: 1px solid #888888; width: 300px; height: 200px; }
.section_blog_comments_newwarning { width: 95%; float: left; text-align: left; color: #AA0000; padding-bottom: 10px; font-size: 10px; }
.section_blog_comments_newsubmit { padding-bottom: 30px; padding-left: 135px; }
.section_blog_comments_newsubmit input
{ color:#838383; border: 1px solid #d5d6d8; background: #fff url("/images/common/button_bg.gif") repeat-x scroll top left; height: 20px; width: 120px; margin: 0px 10px 0px 10px; }
/*============ END NEW COMMENTS ==================================*/



/*============ COMMENTS SEARCH ==================================*/
span.search_highlight { font-weight: bold; }
.section_blog_commentssearch { border-bottom: 1px solid #cddee6; margin-top: 0px; margin-bottom: 30px; }
.section_blog_commentssearch_title  { font-family: Georgia, Arial; color: #8a8a8a; font-size: 19px; margin-bottom: 20px; }
.section_blog_commentssearch_title a, .section_blog_commentssearch_title a:link, .section_blog_commentssearch_title a:visited
{ font-family: Georgia, Arial; }
.section_blog_commentssearch_subtitle { text-align: right; font-size: 10px; margin-bottom: 30px; }
.section_blog_commentssearch_content { font-size: 11px; line-height: 16px; padding: 0px 10px 0px 10px; }
/*============ END COMMENTS SEARCH ==============================*/



/*============ SIDEBAR ======================================*/
#section_blog_sidebar
{
  margin-left: 11px; 
  float: left;
  width: 240px;
  overflow: hidden;
}

#section_blog_sidebar_search, #section_blog_sidebar_calendar
{ float: left; margin-bottom: 10px; width: 238px; border: 1px solid #d0dde3; background-color: #f3f7f8; padding: 0px 0px 10px 0px; }
#section_blog_sidebar_latest, #section_blog_sidebar_categories, #section_blog_sidebar_archives
{ float: left; margin-bottom: 10px; width: 240px; background-color: #f3f7f8; padding: 0px; }

#section_blog_sidebar_search h4, #section_blog_sidebar_calendar h4
{ color: #003f83; font-family: Arial; font-size: 14px; font-weight: bold; padding: 10px; }

#section_blog_sidebar_search form { padding: 0px; margin: 0px; float: left; width: 236px; }
#section_blog_sidebar_search_div1
{ float: left; width: 230px; padding-left: 10px; margin-bottom: 10px; }
#section_blog_sidebar_search_div1 input
{ width: 210px; }
#section_blog_sidebar_search_div2
{ float: left; width: 150px; padding-left: 10px; }
#section_blog_sidebar_search_div3
{ float: right; width: 60px; text-align: right; padding-right: 10px; }
#section_blog_sidebar_search_div3 input
{ color:#838383; border: 1px solid #d5d6d8; background: #fff url("/images/common/button_bg.gif") repeat-x scroll top left; height: 20px; width: 40px; }

#section_blog_sidebar_calendar ul
{
  margin-left: 10px;
  border-top: 1px solid #cddee6;
  width: 210px;
  float: left;
}
#section_blog_sidebar_calendar li
{
  font-size: 10px;
  line-height: 22px;
  border: 1px solid #F3F7F8;
  width: 28px;
  float: left;
  text-align: center;
  
  width: 23px;
  margin: 2px;
}
#section_blog_sidebar_calendar li.calendar_dayname
{ color: #838383; }
#section_blog_sidebar_calendar li.calendar_latest
{}
#section_blog_sidebar_calendar li.calendar_empty
{}
#section_blog_sidebar_calendar li.calendar_entry
{ border: 1px solid #099AC7; color: #099AC7; }
#section_blog_sidebar_calendar li.calendar_latest a, #section_blog_sidebar_calendar li.calendar_latest a:hover, #section_blog_sidebar_calendar li.calendar_latest a:visited
{ color: #099AC7; }
#section_blog_sidebar_calendar li.calendar_current
{ background-color: #099AC7; color: #fff; }
#section_blog_sidebar_calendar li.calendar_current a, #section_blog_sidebar_calendar li.calendar_current a:hover, #section_blog_sidebar_calendar li.calendar_current a:visited
{ color: #fff; }

#section_blog_sidebar_latest h4, #section_blog_sidebar_categories h4, #section_blog_sidebar_archives h4
{
  color: #003f83; font-family: Arial; font-size: 14px; font-weight: bold;
  padding: 4px 10px 0px 10px; height: 18px;
  background: #FFF url("/images/common/hdgbar_bg.gif") repeat-x scroll top left;
}
#section_blog_sidebar_latest ul, #section_blog_sidebar_categories ul, #section_blog_sidebar_archives ul
{ padding: 10px; }
#section_blog_sidebar_latest li, #section_blog_sidebar_categories li, #section_blog_sidebar_archives li
{ margin-bottom: 4px; font-size: 11px; }
/*============ END SIDEBAR ==================================*/



/*============ ALLUSERPOSTS ======================================*/
.section_blog_postsbyuser {}
ol li.section_blog_postsbyuser_item { margin-bottom: 10px; list-style-type: decimal; }
/*============ END ALLUSERPOSTS ==================================*/



/*============ PAGING ======================================*/
.section_blog_pages {}
.section_blog_pages_title { font-weight: bold; font-size: 11px;}
.section_blog_pages li
{ float: left; width: 30px; border-right: 1px solid #CCCCCC; overflow: hidden; text-align: center; margin-bottom: 2px; }
.section_blog_pages li.current
{ color: #fff; background-color: #444488; }
/*============ END PAGING ==================================*/



/*============ MYSTAR CREATE POST ======================================*/
form.section_blogedit {}
form.section_blogedit div, form.section_blogedit h4, form.section_blogedit input, form.section_blogedit textarea { float: left; }
form.section_blogedit h4 { font-weight: bold; font-family: Georgia; font-size: 14px; padding-bottom: 10px; width: 100%; }
.section_blogedit_personal { width: 100%; padding-bottom: 20px; }
  .section_blogedit_personal_row { margin-bottom: 8px;}
    .section_blogedit_personal_label { width: 120px; float: left; padding-left: 12px; }
    .section_blogedit_personal_data { width: 340px !important; width: 270px; float: left; overflow: hidden; font-size: 12px; }
.section_blogedit_post { width: 100%; padding-bottom: 20px; }
  .section_blogedit_post_label { width: 90%; margin-bottom: 4px; padding: 0px 10px 0px 10px; }
  .section_blogedit_post_row { width: 90%; margin-bottom: 4px; padding: 0px 10px 0px 10px; }
    .section_blogedit_post_input_title { width: 400px; }
    .section_blogedit_post_row_photolabel { width: 120px; }
    .section_blogedit_post_row_photodata { width: auto; }
  .section_blogedit_post iframe { width: 400px; height: 300px; }
  .section_blogedit_post textarea { width: 400px; height: 300px; }
  .section_blogedit_post_warning { width: 90%; margin-bottom: 4px; padding: 0px 10px 0px 10px; color: #AA0000; }
    .section_blogedit_post_warning b { color: #000000; float: none; }
  .section_blogedit_post_fontrow { width: 90%; margin-bottom: 4px; padding: 0px 10px 0px 10px; }
    .section_blogedit_post_fontrow .input_select {}
.section_blogedit_submission { width: 100%; text-align: center; }

.input_text { width: 280px !important; width: 260px; }
.input_select { }
.input_checkbox {}
.input_photofile { width: 220px; }
.input_phototext { width: 220px; }
.input_submit { color:#838383; border: 1px solid #d5d6d8; background: #fff url("/images/common/button_bg.gif") repeat-x scroll top left; height: 20px; width: 200px; margin: 0px 10px 0px 10px; text-transform:uppercase; }
.input_reset { color:#838383; border: 1px solid #d5d6d8; background: #fff url("/images/common/button_bg.gif") repeat-x scroll top left; height: 20px; width: 120px; margin: 0px 10px 0px 10px; text-transform:uppercase; }

/*============ END MYSTAR CREATE POST ==================================*/

/* ==== BEGIN CORRECTION OF LEADERBOARD ADS ===== */
#ad_leaderboard object {width:728px;}
/* ==== END CORRECTION OF LEADERBOARD ADS ===== */


/*======= STORY TOOLS (email, print, digg, del.icio.us)======= */

#story_tools 
{
	float: right;
	margin-bottom: 20px;
}

#story_tools ul li
{
	float: right;
	margin-left: 5px;
}

/*======= END STORY TOOLS ======= */