/* - - - - - - - - - - - - - - - - - - - - -
Title :  Asun Template CSS Style
Author : Jayson He
Description : Nothing to say, just use it.

Created : September 1, 2011
Modified : September 1, 2011
Version: 2.0
- - - - - - - - - - - - - - - - - - - - - */

/* = = = = = Layout Styles = = = = = */

/* header */
#header { width:100%; text-align:center; background-color:#fff; }
#headerContainer { width:960px; margin:0 auto; }
.logoContainer { width:100%; height:100px; float:left; }
.logoAlamedaSun { float:left; }
.logoUSflag { display:none; float:right; margin:10px 50px 0 0; }
#topRight { margin-top:20px; float:right; }
#topRight .bannergroup { float:right; margin-left:20px; }
.topNavi { width:958px !important; width:960px; height:26px; background-color:#f90; border:1px solid #f90; }
.topNavi h4 { width:200px; height: 26px; float:left; display:block; text-align:center; line-height:26px; background-color:#ffc; }
.topMenu { width:auto; height:26px; float:left; display:block; color:white; font-weight:bold; background-color:#f90; padding:0 10px; line-height:26px; }
.topMenu li { float:left; margin: 0 5px; }
.topMenu a:link, .topMenu a:visited { color:white; }
.topMenu a:hover { color:brown; }
.topPickUpPrintEdition { width:auto; margin:0 10px; float:right; font-size:0.9em; color:white; }
.topPickUpPrintEdition a:link, .topPickUpPrintEdition a:visited { color:white; }
.topPickUpPrintEdition a:hover { color:brown; }
#search { width:auto; height:26px; float:right; background-image:url(../images/searchBg.gif); background-repeat:no-repeat; background-position:top left; }
#search input { border:1px solid #fc6; background-color:#fff; }
.search { margin:2px 10px 0; }
.topPicture { width: 960px; float:left; margin:5px auto 0; }
#pathway { width:960px; height:16px; float:left; text-align:right; font-size:0.8em; }
.pathway { height:16px; line-height:16px; padding-right:5px; }
a.pathway:link, a.pathway:visited { color:#f90; }
a.pathway:hover { color:brown; }

#missionStatement { width:100%; margin:0 auto; text-align:center; font-size:0.9em; line-height:1.5em; color:brown; }
#missionStatement h3 { width:540px; heigth:24px; line-height:24px; }
#scrollingContent { width:540px; height:50px; margin:0 auto; border:1px solid #f90; background-color:#ffc; text-align:center; overflow:hidden; }
#scrollingContent div { margin:0 10px; }

/* container */
#container { width:960px; margin:0 auto;}
.advertisement { width:100%; margin:0 auto; padding-top:10px; background-color:white; text-align:center; }
.advertisementContainer { width:95%; margin:0 auto; border-top:1px dashed #ccc; background-color:white; }
.advertisement h5 { color:#ccc; text-align:right; background-color:white; background-image:url(../images/indi_advertisement.gif); background-repeat:no-repeat; background-position:right 6px; padding-left:8px; }

/* container - left */
#left {	width:200px; float:left; text-align:center; }
#left h4 { width:197px !important; width: 200px; height:20px; display:block; padding-left:3px; line-height:20px; text-align:left; font-weight:bold; color:white; background-color:#f90; margin-bottom:1px; }

#mainMenu { width: 200px; margin:0 auto; }
#mainMenu li { width:190px !important; width:200px; height:auto; padding-left:10px; color:#c60; font-weight:bold; font-weight:bold;line-height:20px; background-color:#fc6; margin-bottom:1px; }
#mainMenu li a:link {width:190px; display:block; color:#c60; font-weight:bold; }
#mainMenu li a:visited { width:190px; color:#c60; }
#mainMenu li a:hover { width:190px; color:#ffc; }
#mainMenu li #active_menu { background-color:white; width:100%; height:100%; display:block; padding-left:5px; color:brown; }

#leftAd { width:200px; text-align:center; }
#leftAd div { margin:0 auto; }
.leftAd { width:200px; margin:0 auto 20px; }
.openxBox { float:left; width:200px; margin:0 auto 20px; }

.links { width:200px; margin:0 auto; }
.links h3 { height:20px; padding-left:5px; border:1px solid #f90; background-color:#fc6; line-height:20px; color:brown; }
.links ul { }
.links li { padding-left:12px; font-size:0.9em; margin:8px 0; background-image:url(../images/listIndentLinks.gif); background-repeat:no-repeat; background-position:left 3px; font-weight:bold; }
.links a:link, .links a:visited { color:#f90; }
.links a:hover { color:brown; }

#logForm { width:198px !important; width:200px; border:1px solid #f90; margin:10px 0; background-color:#ffc; background-image:url(../images/loginFormBg.gif); background-repeat:no-repeat; background-position: 2px 60px; }
#logForm table { font-size:11px; }
#logForm th { width:75px; text-align:right; height:28px; padding:2px; }
#logForm td { padding:2px; }
#logForm th LABEL { margin-right:5px; }
.logFormInputbox1, .logFormInputbox2 { width:100px; margin-left:5px; border:1px solid #f90; height:16px !important; height:20px; padding:2px; font-size:99%; }
.logFormInputbox1 { margin-top:5px; }
.logFormInputbox2 { font-size:0.8em; }
.logFormButton { margin:0 0 2px; padding:0 5px; }
#logForm p { padding-right:10px; font-size:0.9em; text-align:right; line-height:1.7em; }
#logForm .logoutParagraph { text-align:left; padding:0 10px; }

#register { width:100% !important; width:100%; border:1px solid #f90; margin:10px 0; background-color:#ffc; text-align:center; }
#register table { width:520px; margin:0 auto; font-size:11px; text-align:left; }
#register table p { margin:5px 0; font-weight:bold; color:red; text-align:center; }
#register th { width:140px; text-align:right; height:28px; padding:2px; }
#register td { padding:2px; }
#register LABEL { margin-right:5px; text-align:right; }
.registerInputbox1, .registerInputbox2 { width:200px; margin-left:5px; border:1px solid #f90; height:16px !important; height:20px; padding:2px; font-size:99%; }
.registerInputbox1 { margin-top:5px; }
.registerInputbox2 { font-size:0.8em; }
.registerButton { margin:10px 0 15px; padding:0 5px; }

#forgetPwd { width:100% !important; width:100%; border:1px solid #f90; margin:10px 0; background-color:#ffc; text-align:center; }
#forgetPwd table { width:520px; margin:0 auto; font-size:11px; text-align:left; }
#forgetPwd table p { margin:5px 0; line-height:1.5em; }
#forgetPwd th { width:140px; text-align:right; height:28px; padding:2px; }
#forgetPwd td { padding:2px; }
#forgetPwd LABEL { margin-right:5px; text-align:right; }
.forgetPwdInputbox1, .forgetPwdInputbox2 { width:200px; margin-left:5px; border:1px solid #f90; height:16px !important; height:20px; padding:2px; font-size:99%; }
.forgetPwdInputbox1 { margin-top:5px; }
.forgetPwdInputbox2 { font-size:0.8em; }
.forgetPwdButton { margin:10px 0 15px 7px; padding:0 5px; }

/* container - content */
#content { width:580px; float:left; text-align:center; }

.headline { width:540px; margin:0 auto; }
.headline hr { clear:both; }
.headlinTop { width:100%; float:left; }
.headlineTop h1 { color:brown; margin-bottom:10px; font-weight:bold;font-size:16px; }
.headlineTop h1 a:link, .headlineTop h1 a:visited { color:brown; }
.headlineTop h1 a:hover { color:#f90; }
.headlineTop p a:link, .headlineTop p a:visited { color:#08458c; }
.headlineTop p a:hover { color:#f90; }
.headlineTop img { float:right; margin:0 10px 10px 0; }
.headline p { line-height:1.5em; }
.headlineList { width:100%; float:left; border-top: 1px solid #ccc; font-weight:bold; }
/* .headlineLeft { width:260px; float:left; }
.headlineLeft li, .headlineRight li { background-image:url(../images/indi_arrowGray.gif); background-repeat:no-repeat; background-position:left 6px; padding-left:8px; font-size:0.9em; line-height:1.5em; }
.headlineLeft span a:link, .headlineLeft span a:visited { color:black; }
.headlineLeft span a:hover { color:#f90; }
.headlineLeft h3 { margin-top:10px; color:brown; font-weight:bold; } */
.headlineLeft { width:260px; float:left; }
.headlineRight { width:260px; float:right; }
.headlineRight h3, .headlineLeft h3 { height:20px; padding-left:5px; font-size:0.9em; margin: 5px 0 0; line-height:20px; color: black; font-weight: bold; background-color:#efefef; border-bottom:1px solid #ccc; }
.headlineRight h3 span, headlineLeft h3 span { float:right; padding-right:5px; font-size:0.9em; font-weight:normal; }
.headlineRight h3 a:link, .headlineRight h3 a:visited { color:brown; }
.headlineRight h3 a:hover { color:#f90; }
.headlineLeft h3 a:link, .headlineLeft h3 a:visited { color:brown; }
.headlineLeft h3 a:hover { color:#f90; }
.breakingNews { margin-bottom:10px; background-color:#ffc; border:1px solid #fc6; }
.breakingNews img { margin:0 10px 10px 10px; }
.breakingNews p { padding: 0 5px 10px; }
.breakingNews h1 { padding:5px 10px 0; }

div.item { display:block; clear:both; width:540px; margin:0 auto 10px; background-color:#ffc; border:1px solid #fc6; }
.RandomNews h2 { color:brown; padding:10px 10px 5px; font-weight:bold; font-size:16px; }
.RandomNews h2 a:link, .RandomNews h1 a:visited { color:brown; }
.RandomNews h2 a:hover { color:#f90; }
.RandomNews p a:link, .RandomNews p a:visited { color:#08458c; }
.RandomNews p a:hover { color:#f90; }
.RandomNews img { margin:0 10px 10px 0; }
.RandomNews p { line-height:1.5em; padding: 0 10px 5px; }
div.contentpaneopenRandomNews { display:none; }

.topStories { width:540px; margin:0 auto; clear:both; }
.topStories h5 { width:260px; height:20px; padding-left:5px; background:#efefef; border-bottom:1px solid #ccc; margin-bottom:10px; line-height:20px; font-weight:bold; }
.topStoriesThisWeek { width:260px; float:left; margin:15px auto 0; }
.topStoriesMainSection { width:260px; float:right; margin:15px auto 0; }
.topStoriesThisWeek li, .topStoriesMainSection li { margin: 10px auto 0; }
.topStoriesThisWeek span a:link, .topStoriesThisWeek span a:visited { color:black; font-weight:bold; }
.topStoriesThisWeek span a:hover { color:#f90; font-weight:bold; }
.topStoriesMainSection span a:link, .topStoriesMainSection span a:visited { color:black; font-weight:bold; }
.topStoriesMainSection span a:hover { color:#f90; font-weight:bold; }
.topStoriesThisWeek a:link, .topStoriesThisWeek a:visited { color:#f90; font-weight:bold; }
.topStoriesThisWeek a:hover { color:brown; font-weight:bold; }
.topStoriesMainSection a:link, .topStoriesMainSection a:visited { color:#f90; font-weight:bold; }
.topStoriesMainSection a:hover { color:brown; font-weight:bold; }
.topStoriesThisWeek p, .topStoriesMainSection p { font-size:0.9em; margin-top:5px; }

.topStories ol { list-style:none; }
.topStories li { margin:0; }
#TopStoriesSpecial { width:260px; float:left; margin:15px auto 0; }
.TopStoriesSpecial a { }
.TopStoriesSpecial h2 { font-size:12px; margin:0 0 5px; }
.TopStoriesSpecial h2 a:link, .TopStoriesSpecial h2 a:visited { color:#f90; font-weight:bold; }
.TopStoriesSpecial h2 a:hover { color:brown; font-weight:bold; }
span.TopStoriesSpecial { display:block; margin:0 0 10px; }
#TopStoriesMain { width:260px; float:right; margin:15px auto 0; }
.TopStoriesMain h2 { font-size:12px; margin:0 0 5px; }
.TopStoriesMain h2 a:link, .TopStoriesMain h2 a:visited { color:#f90; font-weight:bold; }
.TopStoriesMain h2 a:hover { color:brown; font-weight:bold; }
span.TopStoriesMain { display:block; margin:0 0 10px; }

.frontpageFlash { width:540px; margin:0 auto; }
.frontpageFlashNew { width:260px; float:left; margin:15px auto; }
.frontpageFlashNew h3, .frontpageFlashPopular h3 { height:20px; padding-left:5px; font-size:0.9em; margin: 0; line-height:20px; color: black; font-weight: bold; background-color:#efefef; border-bottom:1px solid #ccc; }
.frontpageFlashNew h3 span, .frontpageFlashPopular h3 span { float:right; padding-right:5px; font-size:0.9em; font-weight:normal; }
.frontpageFlashPopular { width:260px; float:right; margin:15px auto; }
.frontpageFlashNew li, .frontpageFlashPopular li { margin: 5px auto 0; padding-left:8px; font-size:0.9em; font-weight:bold; background-image:url(../images/indi_arrowGray.gif); background-repeat:no-repeat; background-position:left 4px; }
.latestnews, .mostread { display:block; text-align:left; }

#bottomAd { width:540px; margin: 0 20px; clear:both; }

/* content */
#mainbody {width:540px; margin:0 auto; }
.contentheading { height:55px; font-size:1.5em; font-weight:bold; line-height: 1.5em; color:brown; }
.contentpaneopen { width:540px; margin:0 auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; }
.introContent { display:none; }
.mainContent { margin-top:2px; border-top:1px solid #ccc; padding-top:10px; font-size:0.85em; }
.mainContent ul { margin:5px 0 10px; }
.mainContent ul li { margin:5px 0; padding-left:15px; line-height:1.5em; background-image:url(../images/listIndent1.gif); background-repeat:no-repeat; background-position:left 6px; }
.mainContent ol li { margin:5px 0 5px 25px; padding-left:0; line-height:1.5em; }
.articleInfo { width:100%; font-size:0.85em; }
.author, .create { font-family:Arial, Helvetica, sans-serif; color:#000; }
.authorName, .createDate { color:#000; text-transform:uppercase; }
.contentpaneopen p { line-height:1.5em; margin: 20px 0; }

/* list */
.componentheading { width:100%; height:18px; line-height:18px; color:brown; font-weight:bold; background-color:#fc6; padding-right:10px; text-align:right; border:1px solid #f90; font-size:0.8em; }

.blogBlog { width:540px; margin: 0 auto; font-size:14px; }
.componentheadingBlog { width:100%; height:18px; line-height:18px; color:brown; font-weight:bold; background-color:#fc6; padding-right:10px; text-align:right; border:1px solid #f90; font-size:0.8em; }
.contentheadingBlog { display:block; width:540px; margin:0 auto; color:brown; font-size:1.3em; font-weight:bold; padding-top:30px; background-image:url(../images/indi_listLeadingBlog.gif); background-repeat:no-repeat; background-position:left 35px; padding-left:15px; }
.contentheadingBlog a:link, .contentheadingBlog a:visited { color:#f90; }
.contentheadingBlog a:hover { color:brown; }
.contentpaneopenBlog { width:100%; margin:0 auto; font-size:12px; border-bottom:1px solid #f90; line-height:18px;}
.contentpaneopenBlog .introContent { display:block; }
.contentpaneopenBlog img { margin:3px 10px 0 0; }
.moreTitleBlog { width:100%; height:24px; line-height:24px; font-size:12px; font-weight:bold; background-color:#ffc; text-align:right; margin-top:30px; color:brown; border:1px solid #f90; }
.moreTitleBlog span { margin-right:10px; }
.moreListBlog { width:100%; margin:10px auto 30px; font-size:12px; }
.moreListBlog li { font-weight:bold; background-image:url(../images/indi_arrowGray.gif); background-repeat:no-repeat; background-position:left center; padding-left:8px; margin:10px auto; }
.moreListBlog li a:link, .moreListBlog li a:visited { color:#f90; font-weight:bold; }
.moreListBlog li a:hover { color:brown; font-weight:bold; }

/* list - specialized for Night Life */
.blogNight { width:540px; margin: 0 auto; font-size:14px; }
.componentheadingNight { width:100%; height:18px; line-height:18px; color:brown; font-weight:bold; background-color:#fc6; padding-right:10px; text-align:right; border:1px solid #f90; font-size:0.8em; }
.contentheadingNight { display:block; width:540px; margin:0 auto; color:brown; font-size:1.7em; font-weight:bold; padding-left:10px; line-height:28px;}
.contentheadingNight a:link, .contentheadingNight a:visited { color:#f90; }
.contentheadingNight a:hover { color:brown; }
.contentpaneopenNight { width:100%; margin:0 auto; font-size:12px; line-height:18px;}
.contentpaneopenNight .introContent { display:block; }
.contentpaneopenNight img { margin:3px 10px 0 0; }
.moreTitleNight { width:100%; height:24px; line-height:24px; font-size:12px; font-weight:bold; background-color:#ffc; text-align:right; margin-top:30px; color:brown; border:1px solid #f90; }
.moreTitleNight span { margin-right:10px; }
.moreListNight { width:100%; margin:10px auto 30px; font-size:12px; }
.moreListNight li { font-weight:bold; background-image:url(../images/indi_arrowGray.gif); background-repeat:no-repeat; background-position:left center; padding-left:8px; margin:10px auto; }
.moreListNight li a:link, .moreListNight li a:visited { color:#f90; font-weight:bold; }
.moreListNight li a:hover { color:brown; font-weight:bold; }
.blogNight .contentpaneopenTable1 { margin-top:10px; border:1px solid #fc6; border-bottom:0 none; background-color:#ffc; }
.blogNight .contentpaneopenTable2 { border:1px solid #fc6; border-top:0 none; background-color:#ffc; }
.blogNight .contentpaneopenTable2 .articleInfo { padding-left:10px; }
.blogNight .contentpaneopenTable2 .introContent { padding-left:10px; }

/* container - right */
#right { width:180px; float:right; background-color:#ffffff; text-align:center; }
#right img { margin:0 auto; }
#right .bannergroup { width:150px; margin:0 auto 20px; }
#right .leftAd { margin:0 auto 20px; }

/* footer */
#footer { width:960px; height:26px; margin:0 auto; text-align:center; color:white; line-height:26px; background-color:#f90; }

/* search */
.searchResult { width:540px; margin:0 auto; }
.searchResult h3 { line-height:1.3em; margin:10px 0 0; }
.searchResult h3 span { float:right; font-size:0.75em; font-weight:normal; color:#c60; }
.searchResult h4 { color:#c60; text-align:right; }
.searchResult p { font-size:0.85em; line-height:1.2em; }
.searchResult h5 { padding-bottom:5px; margin-bottom:10px; font-weight:bold; text-align:right; border-bottom:1px solid #f90; }
.searchConclusion { color:brown; font-weight:bold; }
.searchBrief { height:24px; padding-left:8px; margin:0 auto; border:1px solid #f90; line-height:24px; background-color:#ffc; color:brown; font-weight:bold; }
.searchBrief span { font-weight:normal; padding-right:10px; margin-right:10px; border-right:1px solid #f90; }
.searchForm { width:540px; margin:10px auto; background-color:#ffc; border:1px solid #f90; }
.searchFormContainer { padding:10px; }
.searchFromResearch { padding:5px 0; }
.searchFormPhrase { padding:5px 0; }
.searchFormOrdering { padding:5px 0; }

/* customized tabs */
.person { color:#f90; font-weight:bold; }

.ins { margin:0 5px; padding:10px 10px 5px; background-color:#ffc; }
.ins img { border:0; padding: 0; margin:0; padding-bottom:5px; }
.ins p { font-size:0.8em; margin:5px 0; }
.ins ul { }
.ins li { font-size:0.8em; padding:5px 0 5px 12px; background-image:url(../images/listIndent1.gif); background-repeat:no-repeat; background-position:left 10px; }

.imageWithIntro { margin:0 5px; padding:10px 10px 5px; background-color:#ffc; }
.imageWithIntro img { border:0; padding: 0; margin:0; padding-bottom:5px; }
.imageWithIntro p { font-size:0.8em; margin:5px 0; }
.imageWithIntro ul { }
.imageWithIntro li { font-size:0.8em; padding:5px 0 5px 12px; background-image:url(../images/listIndent1.gif); background-repeat:no-repeat; background-position:left 10px; }

.line {
	padding-left:10px;
	margin: 10px 0;
	border-left: 5px solid #f90;
}
.line p {
	margin: 0.3em 0;
}
.box {
	border: 1px solid #f90;
	padding: 0 10px;
}
.box img {
	border: 0;
	margin: 0;
	padding: 5px;
}
.box p {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight: bold;
}

/* For ads */
#adsTop { }
#adsTop li { display:block; float:right; margin-left:20px; margin-top:20px; }

#adsHeader { width:960px; margin:0 auto;}
/* #adsHeader img, #adsHeader object { margin:10px 0; } */
.adsHeaderOne { width:728px; height:90px; margin:10px 0;}
.adsHeaderLeft { float:left; width:468px; height:60px; margin:10px 0; }
.adsHeaderRight { float:right; width:468px; height:60px; margin:10px 0; }
.frontpageFlash img { margin-top:20px; }

/* Poll Module */

.pollstableborder { border: none;}

/* For Photos */
.contentpane td { font-size:12px;  }
.sectiontableentry1 td, .sectiontableentry2 td { padding:5px 10px 5px 15px; background-image:url(../images/indi_listLeadingBlog.gif); background-repeat:no-repeat; background-position:center left; }
.sectiontableentry2 {  }

.pagenavcounter {display:none;}

.contenttoc tr{display:none;}
.pagenavbar{ font-weight:bold;}

th.pagenav_prev, th.pagenav_next { display:none; }

table.contentpaneopenBlog .jcomments-links { font-size:0.8em; }

/* For Login form */
div#Form_Login { margin-top:20px; border:1px solid #f90; }
div#Form_Login h1 { height:20px; line-height:20px; padding-left:3px; background-color:#f90; color:#fff; font-size:12px; font-weight:bold; }
#Form_Login_Table1, #Form_Login_Table2, #Form_Login_Table3 { margin-left:3px; }
#form-login-username, #form-login-password { height:24px; text-align:24px; }
#form-login label { font-size:11px; font-weight:bold; color:#a52a2a; }
#form-login label a:link, #form-login label a:visited { color:#a52a2a; text-decoration:none; }
#form-login label a:hover { color:#a52a2a; text-decoration:underline }
#form-login #Label_RememberMe { font-size:9px; color:#666; }
#Input_Login { width:60px; margin-right:8px; }
#form-login table td { height:24px; line-height:24px; }
#modlgn_username, #modlgn_passwd { border:1px solid #f90; }
#Ul_Login { font-size:9px; font-weight:bold; }
div#Form_Login h2 { height:20px; line-height:20px; margin-top:5px; padding-left:3px; background-color:#fc6; color:#a52a2a; font-size:11px; font-weight:bold; text-align:center; }
div#Form_Login h2 a:link, div#Form_Login h2 a:visited { color:#a52a2a; }
div#Form_Login h2 a:hover { color:#fff; }
/* For Logout form */
div#Form_Logout { margin-top:20px; border:1px solid #f90; }
div#Form_Logout h1 { height:20px; line-height:20px; padding-left:3px; background-color:#f90; color:#fff; font-size:12px; font-weight:bold; }
div#Form_Logout div { padding:5px 0; text-align:center; }