/*Theme Name: Mambopress
Theme URI: http://falconerdesigns.com/themes/
Description: Mambopress is a combination of the great looking Water&Stone Theme of open source CMS Mambo with Wordpress theme template.
Info: : Theme is a 3 column, grey based theme. Hyperlinks are dark maroon, and theme has same fonts all over the template. Its fixed width theme, with widgets support.
Plugins supported : Wp notable, Flickr Rss.
Update Log 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.
Update 2.4 - Theme is tablesless, as in totally xhtml complient.
Update 2.5 Added Ajax Support for Comments.
Click here to request Updates/Bugs Notification in this theme
Version: 2.6
Author: Ekta Paneri
Author URI: http://ddsos.org/
*/
/* ---------------------basic layout--------------------- */*
body { font-family: Lucida Sans Unicode, Trebuchet MS, Helvetica, sans-serif;}
.waterbody { background:#E0E0E0 url(images/bg_body.jpg) repeat-x left top; margin:0; color:#333333;}
div,p { font-size:12px; line-height:18px; color:#333333;}
a,a:link,a:active,a:visited { text-decoration:none; color:#000000;}
a:hover { text-decoration:underline; color:#330000;}
ul, ul ul { margin: 5px; padding: 5px; list-style: none; list-style-type: square;}
ul li, ul ul li { line-height: 18px; padding-left: 5px; padding-top: 0px; list-style-position: inside;}
/** 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:170px; float:right; clear:right;}
.logotipo{background:url(images/logo.jpg);background-repeat: no-repeat; background-position: right bottom; width:104px; height:36px; padding-left:10px; padding-top:5px;}
#logo { position:relative; width:100%; height:74px; float:left;padding-left:0px; 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; padding-left:30px; text-transform:uppercase;}
#logo h1 a { display: none;}
#logo p { margin:0; padding:0; font-family: Lucida sans unicode; font-weight: bold; font-size: 11px; color:#000000; Padding-left:20px; }
/** 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:url(images/bg_leftcol.jpg) repeat-y left top;}
#leftcolmenu { position:relative; background:url(images/bg_leftcol.jpg) repeat-y left top; overflow:auto;}
/** div container for mainbody **/
#content_main { position:relative; float:left; width:520px; margin:15px 0 20px 20px; 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; background:transparent url(images/bg_topright.jpg) no-repeat center top;}
/** div container for banner position:banner **/
#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: 1px; border-bottom-style: solid; border-bottom-color: #E5E5E5; height:20px; margin-bottom:10px;}
#notable { display:block;text-align:center; color:#000000; height:20px; margin:10px;}
#notable a, #notable a img {text-decoration:none;}
.alignright { float: right; }
.alignleft { float: left ; }
/** content title **/
.contentheading a {font-family: Lucida Sans Unicode, "Times New Roman", Times, serif; color:#000000; font-size: 20px; padding: 15px 0 5px 0; text-transform:uppercase; background-color:inherit; display:block; text-decoration: none; border-bottom:1px solid #666666;}
.contenttitle {
font-family: Lucida Sans Unicode, "Times New Roman", Times, serif; color:#000000; font-size: 20px; padding: 15px 0 5px 0; text-transform:uppercase; background-color:inherit; font-weight:normal; display:block; border-bottom:1px solid #666666;}
/** small text in content **/
.small { color:#666666; font-size:10px;font-family:Lucida sans, Trebuchet MS; 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:#999999!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;}
/* ---------------------Links--------------------- */
/** any left column link **/
#leftcol a:link,#leftcol a:active,#leftcol a:visited { color:#FFFFFF;}
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 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;}
.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.pathway:hover,a.pagenav:hover ,a.pagenav_next:hover,a.pagenav_pre:hover { text-decoration:underline; color:#330000; background-color:inherit;}
#leftcol a:hover { color: #330000; text-decoration:none;}
/* ---------------------module layout--------------------- */
/** general module table **/
.moduletable, { width:100%; float:left; clear:left; }
#leftcol .moduletable { color:#000000;}
#rightcol .moduletable { color:#030303;}
.padleft { padding-left:5px;}
/** general module table **/
/** images **/
.moduletable img{ height:75px; width:75px; margin:1px;}
/** general module title **/
.moduletable h2,.moduletable-right h2 { color:#000000; font-family: Trebuchet MS, "Times New Roman", Times, serif; font-size:13px; text-transform:uppercase; line-height:20px; height:20px; text-align:left; padding-left:15px; }
/** 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;}
/** module styles in #leftcol **/
#leftcol .moduletable p { color:#DADADA; font-size:11px;}
#rightcol_top form {text-align:center;}
/* 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;}
#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;}
a img {border:none;}
.meta {font-size:11px; text-transform:uppercase; color:#999; margin-top:2px;}
.meta a {color:#666;}
.author { height:11px; line-height:11px; background:url(images/author.gif) left center no-repeat; padding-left: 11px;}
.category { height:11px; line-height:11px; background:url(images/post.gif) left center no-repeat; padding-left: 14px;}
.comments { height:11px; line-height:11px; background:url(images/comments.gif) left center no-repeat; padding-left: 14px;}
.commentlist { color:#999; }
h3 { font-size:14px; color:#999; line-height:15px; margin:0;padding:0; text-transform:uppercase; font-weight:normal; display:inline;}
span.admin, h3 a {color:#660000; }
.comhead { background:#eee url(images/comhead.jpg) top center no-repeat; padding:13px 0 5px 0; width:506px;}
.comtext { padding:5px;}
input, textarea {
color:#333;
background:#ccc;
border:1px solid #888;
}