/*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.5
Author: Ekta Paneri
Author URI: http://ddsos.org/
*/
/* ---------------------basic layout--------------------- */
body { font-family: Trebuchet MS, Lucida Sans Unicode, Helvetica, sans-serif;
background: url(http://www.vivelessvt.com/wp-content/themes/mambopress/images/fd-vive.jpg) repeat-x;
}
.waterbody {margin:0; background-color:#ffffff;}
div,p {font-size:12px; line-height:18px; color:#000000}
#container_inner, p { margin-bottom:10px;}
a, a:active, a:visited { text-decoration:none; color:#6A8B14;}
a:hover { text-decoration:underline; color:#7EA317;}
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:1100px; margin: 30px 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: 1100px; repeat-y left top; float:left; top:0; left:0;}
#outerleft { position:relative; float:left; clear:left; width:850px; }
#outerright { position:relative; width:250px; float:right; clear:right; background: #88B21E;}
#logo { position:relative; width:100%; height:74px; float:left;padding-left:0px; }
#logo h1 {font-family: Lucida Sans Unicode, Arial, sans-serif; color:#000000; font-size: 20px; padding: 0px 0 5px 0; background-color:inherit; display:block; text-decoration: none; border-bottom:1px solid #666666; text-align:left; font-weight:normal; margin:0; visibility:hidden;}
#logo h1 a { text-decoration: none;}
#logo p { margin:0; padding:0; font-family: Lucida sans unicode; font-size: 12px; color:#660000; Padding-left:20px; }
/** div container for top menu. position:top **/
#topmenu { position:relative; float:left; clear:left; color:#333333; width: 100%; background:;}
#topmenu a:hover {color:#FF0000 ;text-decroration:underline;background: #BAD61B;}
/** div container for image header **/
#imgheader { position:relative; float:left; clear:left; width:100%; height:50px; background-color: #000000;}
#container_inner { background: none repeat scroll 0 0 #FFFFFF; position:relative; float:left; clear:left; width:850px;}
/** div container for left column **/
#leftcol { position:relative; float:left; clear:left; width:160px; border-right:solid #000000 0px; text-align:left;}
#leftcolmenu { position:relative; background:transparent url(images/bg_leftcol.jpg) repeat-y left top; overflow:auto;}
/** div container for mainbody **/
#content_main { position:relative; float:left; width:650px; padding:15px 0 20px 20px; background-color:#FFFFFF; text-align:justify;border-left:1px solid #000000}
/** div container for right column **/
#rightcol_top,#rightcol { clear:left; width:200px; margin:0 0 0 1px; display:inline; overflow:auto;}
#rightcol a:link, a:visited {color:#BAD61B; text-decroration:none;}
#rightcol a:hover {color:#eef7d4; text-decroration:underline;}
/** div container for right column position:header **/
#rightcol_top { height:63px;}
/** 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:#000000; 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 ; }
.alignright2 { float: right; margin-top:12px; margin-left:5px; }
/** content title **/
.contentheading h1 a {font-family: Lucida Sans Unicode, Arial, sans-serif; color:#000000; font-size: 20px; padding: 0px 0 5px 0; background-color:inherit; display:block; text-decoration: none; border-bottom:1px solid #666666; text-align:left; font-weight:normal; margin:0;}
.contentheading { margin-top:25px;}
.contenttitle {
font-family: Lucida Sans Unicode, "Times New Roman", Times, serif; color:#000000; font-size: 20px; padding: 15px 0 5px 0; 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:#6A8B14;}*/
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:#7CA217; font-weight:bold; text-align:left; margin-top:10px; letter-spacing: 2px; font-size:10px; text-decoration:none;}
/** generic menu item Link**/
/** generic menu item link on mouseover **/
/*a.mainlevel:hover,#leftcol a.mainlevel:hover a.mainlevel:visited{ background-color:#7CA01A; color:#6A8B14!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: #6A8B14; text-decoration:underline;}*/
@font-face {
font-family: "menu";
src: url("GREGH___.TTF");
}
/* ---------------------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 **/
/** general module title **/
.moduletable h3,.moduletable-right h3 { border: 0px solid #000000; color:#FFFFFF; font-family: Trebuchet MS, "Times New Roman", Times, serif; font-size:13px; line-height:20px; background-color:#333333; height:20px; text-align:left; padding-left:15px; margin-top:10px; margin-bottom:10px; }
/** 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: 12px;}
/** unordered list item for top menu **/
ul#mainlevel-nav li{ display: block; padding-left: 1px; padding-right: 1px; float: left; margin: 0; width: auto !important; font-size: 12px; line-height: 23px; white-space: nowrap; border-left: 1px solid #333333;}
/** unordered list item link for top menu **/
ul#mainlevel-nav li a{ display: block; padding-left: 15px; padding-right: 15px; text-decoration: none; color: #333333; 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 {text-decoration:none; color:#FFFFFF; }
/*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: #6A8B14; 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: #DEF2A8; text-decoration:#00000;}
a img {border:none;}
.meta {font-size:11px; 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; font-weight:normal; display:inline;}*/
h4 { font-size:16px; color:#88B21E; line-height:20px; text-align:center; padding:0; font-weight:bold; display:inline; }
h5 { font-size:16px; color:#FF0000; margin-bottom:20px; margin-top:10px; text-align:center; padding:0; font-weight:bold; display:inline; }
h6 { font-size:16px; color:#0000FF; line-height:15px; text-align:center; margin:0; padding:0; font-weight:bold; display:inline; }
span.admin, h3 a:link, h3 a:visited {color:#6A8B14; }
.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;
}
#news{
width:150px;
height:370px;
padding:10px;
background:#D9EF9C;
}
#footer2 {
background: #FFFFFF repeat-x scroll 0 0;
width:100%;
margin:0px 0px 0px 0px;
font-size:12px;
height:400px;
}
#footer2 a { color:#88B21E; text-decoration:none;}
#footer2 a:hover{ color:#88B21E; text-decoration:underline;}
#footer2-color {
color:#000000;
height:300px;
margin: 0px auto 0px auto;
width:1100px;
border-top: 30px solid #FFFD71;
}
#footer2-color li {
list-style-type: none;
line-height:150%;
}
/*
#footer2-color a, a:visited {
color:#6A8B14;
text-decoration:none;
}
#footer-color a:hover {
color:#6A8B14;
text-decoration:underline;
}
*/
#foot-gauche {
float:left;
text-align:left;
padding:20px 40px 20px 0px;
width:160px;
}
#foot-centre {
float:left;
padding:20px;
width:560px;
}
#foot-centre li {
padding-bottom:8px;
}
#foot-droit {
float:right;
padding:20px;
width:220px;
}
.foot-line {
width:1px;
margin-top:50px;
height:200px;
background: #E1E9F2 repeat-x scroll 0 0;
float:left;
}
.foot-titre {
font-family:Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-weight:bold;
font-size:14px;
}
.item {
font-family: "menu",Arial, Helvetica, sans-serif;
font-size:16px;
padding:8px 0px 2px 20px;
background:#FFFD71 url(http://www.vivelessvt.com/wp-content/themes/mambopress/images/pointe.gif) no-repeat;
width:140px;
text-align:left;
margin-bottom:5px;
font-weight:lighter;
letter-spacing:1pt;
color:#628d00;
}
.item2 {
font-family: "menu",Arial, Helvetica, sans-serif;
font-size:16px;
padding:8px 0px 2px 20px;
background:#FFFD71 url(http://www.vivelessvt.com/wp-content/themes/mambopress/images/pointe2.gif) no-repeat;
width:140px;
text-align:left;
margin-bottom:5px;
font-weight:lighter;
letter-spacing:1pt;
color:#628d00;
}
#leftcol a:link {
color:#628d00;
text-decoration:none;
}
#leftcol a:hover {
color:#628d00;
text-decoration:underline;
}
#leftcol a:visited {
color:#628d00;
text-decoration:none;
}