/*Theme Name: Mambopress
Theme URI: http://falconerdesigns.com/themes/
Description: This Designs is a professional looking theme for wordpress, taken from Mambo Template "Water & Stone". This is to say, wordpress can/Should be used for professional blogging script!! yaaay!
Update 1.7 -- added Flickr RSS / WP notable support.
Update 1.8 -- added search page .
Update 1.9 - overlapping commments prob is solved.
Update 2 - re-fix the comments.
Update 2.1 - category ul changed.
Update 2.2 - CSS resorted
Update 2.3 - mambopress now works with version 2.1 as well.
Check here for updates in this theme
Version: 2.3
Author: Ekta Paneri
Author URI: http://ddsos.org/
Latest updated: February 9, 2006*/
/* ---------------------basic layout--------------------- */*
body { font-family: Lucida Sans Unicode, Trebuchet MS, Helvetica, sans-serif;}
.waterbody { background:#CCCCCC url(images/bg_body.jpg) repeat-x left top; margin:0; color:#333333;}
div,td,p { font-size:14px; line-height:18px; color:#333333;}
a,a:link,a:active,a:visited { text-decoration:none; color:#9900CC;}
a:hover { text-decoration:underline; color:#330000;}mainb
ul, ul ul { margin: 5px; padding: 5px; list-style: none; list-style-type: square;}
ul li, ul ul li { line-height: 18px; padding-left: 0px; padding-top: 0px;
list-style-position: outside;}
/** clear tag used for div, do not change**/
.clear { clear:both;}
/* ---------------------template layout--------------------- */
/** wrapper to make the page center **/
#container { width:900px; margin: 55px auto; padding:0; text-align: left;}
/**hold background, it should be float:leftthat's way we can not put it in #container**/
#containerbg { position:relative; width: 900px; background:transparent url(images/bg_inside.jpg) repeat-y left top; float:left; top:0; left:0;}
#outerleft { position:relative; float:left; clear:left; width:730px; }
#outerright { position:relative; width:168px; float:right; clear:right;}
#logo { position:relative; width:100%; height:74px; float:left;padding-left:10px; background:#FFFFFF url(images/bg_header.jpg) no-repeat left top;}
#logo h1 { font: 28px Lucida sans unicode, Trebuchet MS; font-weight:normal; margin:0; padding-top:15px; padding-bottom:0;}
#logo h1 a { text-decoration: none;}
#logo p { margin:0; padding:0; font-family: Lucida sans unicode; font-size: 12px; color:#666666; }
/** div container for top menu. position:top **/
#topmenu { position:relative; float:left; clear:left; background-color:#000000; width: 100%;}
/** div container for image header **/
#imgheader { position:relative; float:left; clear:left; width:100%; height:99px; background-color: #000000;}
#container_inner { position:relative; float:left; clear:left; width:730px;}
/** div container for left column **/
#leftcol { position:relative; float:left; clear:left; width:172px; background:transparent url(images/bg_leftcol.jpg) repeat-y left top;}
#leftcolmenu { position:relative; background:transparent url(images/bg_leftcol.jpg) repeat-y left top; overflow:auto;}
/** div wrapper for user2 & user3 **/
#content_top_wrapper { position:relative; float:right; clear:right; width:542px; display:inline; margin: 4px 8px 0 0;}
/** div container for position:user2 **/
#content_top1 { position:relative; float:left; clear:left; width:269px;}
/** div container for position:user3 **/
#content_top2 { position:relative; float:right; clear:right; width:269px;}
/** div container for mainbody **/
#content_main { position:relative; float:left; width:519px; margin:15px 0 20px 15px; background-color:#FFFFFF;}
/** div container for right column **/
#rightcol_top,#rightcol { float:left; clear:left; width:168px; margin:0 0 0 1px; display:inline; overflow:auto;}
/** div container for right column position:header **/
#rightcol_top { height:70px; min-height:70px; background:transparent url(images/bg_topright.jpg) no-repeat center top;}
/** div container for banner position:banner **/
#banner { position:relative; clear:left; float:left; width:515px; height:65px; min-height:65px; color:#FFFFFF; font-size:10px; padding: 20px 0 0 215px;}
#blackline { position:relative; clear:left; float:left; width:730px;; height:10px; min-height:10px; background-color: #000000; color:#FFFFFF; font-size:10px;}
/** copyright **/
#copyright { position:relative; width:900px; display:block; clear:both; float:left;}
#copyright div { color:#666666; font-size:10px; font-weight:normal; display:block!important; width:900px; float:left; clear:left; margin:-10px 0 0 0; text-align:left;}
/* --------------------- content layout--------------------- */
/** pathway block **/
div.pathway { display:block;text-align:center; color:#000000; font-size:10px; font-weight:bold; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #E5E5E5; height:26px; margin-bottom:10px;}
#notable { display:block;text-align:center; color:#000000; height:20px; margin:10px;}
#notable a {text-decoration:none;}
.alignright { float: right; }
.alignleft { float: left ; }
/** content title **/
.componentheading { font-family: Lucida Sans Unicode, "Times New Roman", Times, serif; color:#000000; font-size: 20px;font-weight:normal; line-height:25px; padding: 5px 0 5px 0; display:block;}
.contentheading,.contentpagetitle,a.contentpagetitle:link,a.contentpagetitle:active,a.contentpagetitle:visited {font-family: Lucida Sans Unicode, "Times New Roman", Times, serif; color:#000000; font-size: 20px; padding-top: 25px; background-color:inherit; display:block; text-decoration: none;}
.contentpaneopen { width:100%;}
.sectiontableheader { font-weight: bold;}
.category, .categorytitle { font-weight: bold; color:#3973AC; background-color:inherit;}
.sectiontableentry1 { background-color: #EFEFEF; padding: 2px; color:#333333;}
.sectiontableentry2 { background-color: #FFFFFF; padding: 2px; color:#333333;}
.blogsection { color:#3973AC; background-color:inherit;}.blog_more { font-weight: bold; line-height: 25px; padding-top: 20px; color: #3973AC; border-bottom: 1px solid #E5E5E5; background-color:inherit;}
/** small text in content **/
.small { color:#666666; font-size:10px;font-family:Lucida sans, Trebuchet MS; background-color:inherit;}
/** date info in content **/
#content_main .createdate { color:#4A87C4; font-size:10px; padding: 0 0 15px 0; line-height:8px; background-color:inherit;}
#content_main .modifydate { color:#999999; font-size:10px; padding: 0; background-color:inherit;}
/** toc page navigation **/
.pagenav_prev,.pagenav_next { font-size:11px;}
/** content item navigation **/
.pagenavbar { display:block; width:100%; background-color:inherit; height:20px; line-height:25px; text-align:right; letter-spacing:2px; color:#FFE0F3!important; clear:both; font-size: 11px!important; margin-top: 10px; background-image: url(images/bg_pagenav.jpg); background-repeat: repeat-x; background-position: center bottom; }
.pagenav { height:20px; line-height:25px; text-align:right; letter-spacing:2px; color:#999999; clear:both; font-size: 11px; margin-left: 0; margin-right: 0; background-color:inherit;}
.back_button { display:block; text-align:left; font-weight:bold; font-size:12px; width:100%; margin-bottom:10px; letter-spacing:2px;}
/** highlight word search result **/
.highlight { font-weight:bold; background-color: #FFFF00; padding: 2px 0 2px 0; }
/** table of content layout **/
table.contenttoc { border:1px solid #000000; padding:1px; width:130px; margin: 0 0 10px 10px;}
/** table of content header **/
.contenttoc th { color:#FFFFFF; background-color:#666666; font-size:11px; display:block; width:124px;}
/** unordered list for latest news module **/
ul.latestnews li,ul.mostread li { line-height: 18px; font-size:11px; font-weight:bold; list-style-type: none; list-style-position: outside;}
/** fix opera table width for content list in table category**/
table.contentpane td.contentdescription { width:100%!important;}
/* ---------------------Links--------------------- */
/** any left column link **/
#leftcol a:link,#leftcol a:active,#leftcol a:visited { color:#FFE0F3;}
a.pagenav:link ,a.pagenav_next:link,a.pagenav_pre:link,div.back_button a,div.back_button a:link,a.latestnews:link,a.latestnews:active,a.latestnews:visited,a.mostread:link,a.mostread:active,a.mostread:visited { text-decoration:none;}
/*** read more link ***/
.readon,a.readon:link,a.readon:active,a.readon:visited { color:#666666; font-weight:bold; text-align:left; margin-top:10px; letter-spacing: 2px; font-size:10px; text-decoration:none;}
/** generic menu item Link**/
a.mainlevel:link,a.mainlevel:active,a.mainlevel:visited,a.sublevel:link,a.sublevel:active,a.sublevel:visited { color:#FFFFFF; text-decoration:none; font-size:11px; line-height: 28px;}
/** generic menu item link on mouseover **/
a.mainlevel:hover,#leftcol a.mainlevel:hover { background-color:#484848; color:#FFFFFF!important; text-decoration:none!important;}
/** specific top right column menu item link**/
a.mainlevel-right:link,a.mainlevel-right:active,a.mainlevel-right:visited,a.sublevel-right:link,a.sublevel-right:active,a.sublevel-right:visited { color:#000000; text-decoration:none; font-size:11px;}
/** specific top right column menu item link on mouseover **/
a.mainlevel-right:hover { background-color:#CCCCCC; text-decoration:none;}
/** pathway link item **/
a.pathway:link,a.pathway:link,a.pathway:active,a.pathway:visited { color:#999999; text-decoration:none;}
/** table of content list **/
a.toclink:link,a.toclink:active,a.toclink:visited { color:#3973AC; font-size:11px; padding:2px 10px 2px 10px; display:block; text-decoration:none;}.pagenavbar a:link,.pagenavbar a:active,.pagenavbar a:visited { letter-spacing:2px; color:#000000; font-size: 11px; text-decoration: none;}.pagenavbar a:hover { color:#330000;}
/** latestnews and popular **/
.latestnews,.mostread { color:#000000;}a.latestnews:link,.mostread a:link,.latestnews a:active,.mostread a:active,.latestnews a:hover,.mostread a:hover,.latestnews a:visited,.mostread a:visited { color:#000000; text-decoration:underline;}
/** underline on hover**/
a.toclink:hover,a.latestnews:hover,a.mostread:hover,a.pathway:hover,a.sublevel:hover,a.sublevel-right:hover,a.blogsection:hover,a.readon:hover,a.pagenav:hover ,a.pagenav_next:hover,a.pagenav_pre:hover,a.latestnews:hover { text-decoration:underline; color:#330000; background-color:inherit;}#leftcol a:hover { color: #330000; text-decoration:underline;}
/* ---------------------module layout--------------------- */
/** general module table **/
table.moduletable,#leftcol table,#rightcol table { width:100%; float:left; clear:left;}/** general module table **/#rightcol table,#leftcol table td { font-size:11px !important; color:#CCCCCC;}#rightcol table,#rightcol table td { font-size:11px !important; color:#030303;}
/** general module title **/
table.moduletable th,table.moduletable-bgimg th,table.moduletable-right th { border: 1px solid #000000; color:#FFFFFF; font-family: Trebuchet MS, "Times New Roman", Times, serif; font-size:15px; line-height:20px; background-color:#484848; height:25px; text-align:left; padding-left:15px; font-weight:normal;}
/** specific module td table for content top 1 and 2. position:user2 an user3 **/
#content_top1 table.moduletable td,#content_top2 table.moduletable td { background:transparent url(images/bg_module_contenttop.jpg) no-repeat center bottom; height:100px; min-height:100px; vertical-align:top;}
/** right column module td **/
#rightcol table.moduletable td { padding:5px;}
/** generic menu item **/
.mainlevel { display:block; height:25px; line-height:25px; padding-left:15px; background:transparent url(images/bg_mainlevel.gif) repeat-x center top; font-weight:bold; text-decoration:none;}
/** specific left column form **/
#leftcol form { margin-left:15px;}
/** specific left column form **/
#leftcol .button { font-size:11px; color:#FFFFFF; background-color:#585858; border-right: 1px solid #333333; border-bottom: 1px solid #333333; border-left: 1px solid #888888; border-top: 1px solid #888888; width:140px;}
/** specific left column form **/
#leftcol .inputbox { font-size:11px; font-weight: bold;}
/** module styles in #leftcol **/
#leftcol table.moduletable td { color:#DADADA; font-size:11px;}
/** search div in top right column. position:user4 **/
div.search { margin-left:10px;}
/** search field in search div **/
.search .inputbox { width:100px; border: 1px solid #000000;}
/* ---------------------form layout--------------------- */
/** left column input form **/
#leftcol .inputbox { font-size:11px; /*border: 1px solid #000000;*/ margin-bottom:2px;}
/** input button html tag **/
.button,#rightcol .button { font-size:11px; text-transform:uppercase; color:#666666; font-weight:bold; background-color:#CCCCCC; border-top: 1px solid #FFFFFF; border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #FFFFFF;}
#rightcol .button { background-color:#E5E5E5;}
.search { margin-top:30px;}
/* top menu layoutyou need to add menu class suffix: -nav*/
/** unordered list top menu **/
ul#mainlevel-nav{ list-style: none; padding: 0; margin: 0; font-size: 0.8em;}
/** unordered list item for top menu **/
ul#mainlevel-nav li{ display: block; padding-left: 0px; padding-right: 0px; float: left; margin: 0; width: auto !important; font-size: 11px; line-height: 23px; white-space: nowrap;}
/** unordered list item link for top menu **/
ul#mainlevel-nav li a{ display: block; padding-left: 15px; padding-right: 15px; text-decoration: none; color: #FFFFFF; font-weight:bold;}
/** unordered list item link for top menu for firefox only **/
#topmenu>ul#mainlevel-nav li a { width: auto;}
/** unordered list item for top menu for firefox only **/
ul#mainlevel-nav li a:hover { background: #535353; text-decoration:none;}
/*specific right column menu item. position:rightyou need to add menu class suffix: right */
.mainlevel-right { display:block; height:25px; line-height:25px; padding-left:15px; background:#EEF0F0 url(images/bg_mainlevel_right.gif) repeat-x center top; font-weight:bold;}
/** moduletable specific with background imageyou need to add modules class suffix: -bgimg **/
table.moduletable-bgimg { background:transparent url(images/bg_module.jpg) no-repeat center bottom; float:left; clear:left; width:100%;}
table.moduletable-bgimg td { padding: 5px ; font-size:11px;}
table.moduletable-bgimg td td { padding: 0!important;}
#bottompadding { position:relative; width:900px; display:block; height:0px; margin-top:-100px;}
/** unordered list top menu children**/
.children ul{ list-style: none; padding: 0; margin: 0; font-size: 0.8em;}
/** unordered list item for top menu children **/
.children ul li{ display: block; padding-left: 0px; padding-right: 0px; float: left; margin: 0; width: auto !important; font-size: 11px; line-height: 23px; white-space: nowrap;}
/** unordered list item link for top menu children**/
.children ul li a{ display: block; padding-left: 15px; padding-right: 15px; text-decoration: none; color: #FFFFFF; font-weight:bold;}
/** unordered list item link for top menu children for firefox only **/
#topmenu>.children ul li a { width: auto;}
/** unordered list item for top menu children for firefox only **/
.children ul li a:hover { background: #535353; text-decoration:none;}