/**



*** A Template by MagnoliaR



*** @version 1.0



*** @copyright (C) 2005-2006 by - MagnoliaR



*** @web 



**/







/***This css file seperates the actual styling 



from the layout, it contains all colors, links and



specific Joomla styling***/







/*global resets - eliminates cross browser inconsistancies*/







* { margin:0; padding:0; }







h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address { margin: 0.5em 0; } 







li,dd { margin-left:1em;} 







fieldset { padding:.5em; } 







img {border: 0;}







a img {border: 0;}







table {



    font-size: 1em;



}







/*end global resets*/







/*layout styles seperated from



layout.css as they are not structural



but graphical*/







body {



background: #e7c2f0 url() repeat-x;



color: #999;



font: 76.1%/1.3em Arial, Verdana, Helvetica, sans-serif;



}







#top_shadow {



background: url() no-repeat;



}







#top_a {



background: #F7E9F7;



}







#top_a_left {



font-size: 14px;



color: #F7E9F7;



}







#top_a_right {



font-size: 10px;



color: #F7E9F7;



}







#top_a_right a {



font-size: 10px;



padding: 5px;



color: #F7E9F7;



}







#branding_header {



background:url(../images/branding_head.gif) no-repeat;



}







#top_nav {



background: #2D2D2D;



}







#main_nav {



padding: 0.5em;



display: inline;



}







#top_shelf {



background: #F7E9F7 url() repeat-y;



}







#content_wrap {



background: url(../images/content_bg.gif) repeat-y;



}







#pathway {



background:#F7E9F7;



}





#bottom_shelf {



background: #F7E9F7 url() repeat-y;




}





#footer_shadow a {



color: #F7E9F7;



}











/*Typography -->



These control the general, asthetic, typographical/text



elements of the css*/







h1 {



color: #9D80A6; 



font-size: 1.4em; 



font-weight: bold;



}







h2 {



color: #9D80A6; 



font-size: 1.3em; 



font-weight: bold;



}







h3 {



color: #9D80A6; 



font-size: 1.2em; 



font-weight: bold;



}







h4 {



color: #9D80A6; 



font-size: 1.1em; 



font-weight: bold;



}







h5 {



color: #9D80A6; 



font-size: 1em; 



font-weight: bold;



}







h6 {



color: #9D80A6; 



font-size: 0.9em;



font-weight: bold;



}







blockquote {



background: #E8A4ED;



border: 2px solid #DFE7A9;



border-left: 4px solid #DFE7A9;



margin: 10px;



padding: 0.5em;



color: #666;



line-height: 140%;



}







pre {



background: #fff;



color: #333;



padding: 10px;



border: 1px solid #E2CAE5;



border-left: 5px solid #E2CAE5;



}







/*General link Styling*/



a:link, a:visited {



font-size: 11px; 



color: #999; 



text-decoration: none;



}







a:hover, a:active {



color: #d394e3;	



text-decoration: underline;



}







/*List item Styling*/



li {



list-style-type:none;



background: url(../images/bullet.gif) no-repeat 0px 5px;



padding-left: 13px;



margin-left: 5px;



}







ul {



margin: 10px;



}







/*Graphical Elements



These styles provide management 



of content's appearences.



*/







hr { 



/*many components use this as a seperator line */



background: transparent; 



height:1px; 



border: 1px solid #ccc;



}







.pagenav {



/* this is for formatting texts where you



see "<< Start < Previous 1 Next > End >>" links



within content*/



font-weight: normal;



margin: 5px;



}







a.pagenav, a.pagenav:visited {



/* as above but specifically if they are links */



font-weight: bold;



color: #d394e3;



}







a.pagenav:hover {



/* as above but specifically when the links are hovered over */color: #FF9900;



color: #666;



}







.pagenav_prev a {



float: left;



width: 430px;



font-weight: bold;



color: #d394e3;



}



.pagenav_next a {



float: right;



width: 40px;



font-weight: bold;



color: #d394e3;



} 







.back_button  {



background: #d394e3;



padding: 1px 0 2px 7px;



width: 39px;



margin: 5px 0 5px 0;



color: #fff;



} 







.back_button a  {



color: #fff;



}







.small {



/* a symantic style to allow you to add text with this class, that



is used for small text, like date/written by etc */



font-family: Arial, Verdana, Helvetica, sans-serif;



font-size: 9px;



color: #999;



letter-spacing: 0.1em;



margin: 0;



padding: 0;



text-decoration: none;



font-weight: normal;



}







.button {



/* button style for Joomla component, form and module buttons*/



background: url(../images/button_bg.gif) repeat-x;



border: 1px solid #C76FD9;



color: #FFFFFF;



margin: 4px;



font-weight: normal;



text-align: center;



padding: 1px 0 3px 0;



}







.inputbox {



/* the look of input boxes in forms */



font-size: 12px;



color: #666;



background: #F3D3F5;



border: 1px solid #F3CFFA;



padding: 1px 3px;



margin: 0;



}







/**



Joomla General styling



*/







.createdate {



/* styling the date the content was created on*/



background:url(../images/date.png) no-repeat 0 5px;



font-size: 11px;



color:  #666;



text-indent:21px;



font-weight: normal;



margin:0;



margin: 7px 0 5px 4px;



padding: 5px 0 5px 0;



}







.modifydate {



/*Styles the "Last updated on" text



at the end of articles/contents */



background: url(../images/bullet.gif) no-repeat 0px 4px;



text-indent: 12px;



font-size: 10px;



color: #666;



text-decoration: none;



font-weight: normal;



}







.readon {



display:block;



background:url(../images/read_more.gif) no-repeat;



text-align: center;



width:74px;



height:18px;



line-height: 18px;



margin: 1em 0;



}







a.readon:link, a.readon:visited, a.readon:hover {



/* formatting the "Read on..." link on blog layout pages */



color: #fff; 



text-decoration: none; 



font-size: 11px;



}







/*Default styling for the pathway 



displayed by the mosPathWay()*/







.pathway {



margin-left: 4px;



color: #666;



font-size: 11px;



}







a.pathway:link, a.pathway:visited {



color: #d394e3;



}







a.pathway:hover {



color: #666;



}







/* 



Joomla Styling for Contents



These are all the styles for content



*/







.contentpane {



/* This is used mainly for Table that holds all non-article information (components, category lists, contact forms, etc).



all contained within a single table*/



background-color : #fff;



font-size: 1em;



}







.contentpaneopen {	



background-color : #FFFFFF;



font-size: 1em;



}







.moduletable .contentpaneopen {	



background-color : #F5E4F7;



font-size: 1em;



margin-top: 10px;



}







.contentheading {



/* Used as the Title of the content, article, etc. being displayed,



it is also used for Section's heading*/



font-size: 1em;



border-bottom: 1px solid #A333BD;



letter-spacing: 0.1em;



margin-bottom: 1em;



font-weight: bold;



color: #d394e3;



line-height: 16px;



}







.contentpagetitle {



/*Title of articles*/



font-size: 13px;



font-weight: bold;



color: red;



text-align:left;



}







.componentheading {



/* Used to format a components heading or title */



font-size: 1.3em;



margin-bottom: 0.7em;



border-bottom: 2px solid #AD33BD;



font-weight: bold;



color: #d394e3;



}







table.contenttoc {



margin: 10px;



padding: 0px;



float:right;



}







/*



Joomla Sections Styles



Styling of sections tables 



*/







.sectiontableheader {



/* This is for styling the section table headers on a SECTION's page.*/



background-color : #F6E9F7;



background-repeat: repeat;



padding: 2px 0 2px 10px;



color : #d394e3;



font-weight : bold;



}







.sectiontableentry1 {



/* this is used when there's a whole list of data to provide and



you need to create alternate colors for each row of data. This is



the first color */



background-color : #F5E9F7;



padding: 1px 0 1px 10px;



}







.sectiontableentry2 {



/* this is the second color for the row*/



background-color : #F7E1FA;



padding: 1px 0 1px 10px;



}







/*  Polls  */







.poll {



/* polls texts */



font-size: 1em;



line-height: 14px



}







/*this helps make the poll



look better as it removes the



section and table entry lines*/



.poll .sectiontableentry1, .poll .sectiontableentry2 {



background: none;



}







.pollstableborder {



/* set the border properties of the polls voting table */



border: none;



width: 178px;



border: none;



}







.poll td {



/* set the table data properties of the polls voting table */



font-size: 0.95em;



color: #BD33BD;



font-weight: normal;



padding: 4px;



}







/*



MODULE STYLING



These stylings are to format the way modules are



displayed. 



*/







.moduletable {/*generic for all modules*/



/* well.. for formatting the table cells of the module table */



font-size: 1em;



margin: 0;



}







/*only top 3 modules*/







#top_shelf .moduletable h3 {



font-size: 12px;



font-weight: bold;



background: #BA69D1;



color: #fff;



height: 25px;



margin: 0;



padding: 0;



margin-left: -5px;



margin-right: -5px;



line-height: 25px;



width: 246px;



text-indent: 10px;



}





#bottom_shelf .moduletable h3 {



font-size: 12px;



font-weight: bold;



background: #BA69D1;



color: #fff;



height: 25px;



margin: 0;



padding: 0;



margin-left: -5px;



margin-right: -5px;



line-height: 25px;



width: 246px;



text-indent: 10px;



}



#bot_nav {



background: #B759C9;



}



/*all sidebar modules*/







#sidebar .moduletable h3, .moduletable-leftnav h3 {



background: #9F32B8 url(../images/mod_header_bullet.gif) no-repeat 6px 6px;



font-size: 12px;



height: 25px;



margin-left: -5px;



margin-right: -5px;



font-weight: bold;



color: #fff;



line-height: 25px;



width: 200px;



text-indent: 28px;



}







#sidebar .moduletable-leftnav h3 {



margin-bottom: 0;



}







#sidebar .moduletable-leftnav { 



padding: 0px;



margin: 0;



}







/*SIDEBAR MENU STYLING STARTS*/







#sidebar #mainlevel{



padding: 0;



}







#sidebar ul#mainlevel {



list-style-type: none;



margin: 0;



width: 200px; 



margin-left: -5px;



margin-right: -5px;



margin-bottom: -6px;



margin-top: -6px;



padding 0px; 



}







#sidebar #mainlevel li {



text-indent: 0;



padding:0;



background: none;



list-style-type: none;



border-bottom: 1px solid #ECCEF0;



margin: 0;



 }







#sidebar #mainlevel a {



display: block;



height: 25px;



line-height: 25px;



text-indent: 13px;



background-color:#DFAAE5;



color: #882C8F;



text-decoration: none;



}







* html body #mainlevel a { width: auto; }







#sidebar #mainlevel li a:hover, 



a#active_menu:link, 



a#active_menu:visited { 



background-color: #C547CC; 



color: #fff;



border-right: 3px solid #bdce48; 



}







/*TOPMENU STYLING STARTS*/







div#top_nav ul#mainlevel-nav {



margin: 0;



padding: 0;



width: 778px;



height: 31px;



line-height: 31px;



border: 0px solid red;



text-indent: 6px;



}







div#top_nav ul#mainlevel-nav li {



float: left;



width: auto;



margin: 0;



padding: 0 5px 0 5px;



list-style-type: none;



background: none;



}







div#top_nav ul#mainlevel-nav a.mainlevel-nav, 



div#top_nav ul#mainlevel-nav a.mainlevel-nav:link,



div#top_nav ul#mainlevel-nav a.mainlevel-nav:visited {



color: #EACEF0;



text-decoration: none;



padding: 3px 6px 4px 6px;



}



 



div#top_nav ul#mainlevel-nav a.mainlevel-nav:hover {



background: #363636;



border: 1px solid #666;



text-decoration: none;



padding: 2px 5px 3px 5px;



}







div#top_nav ul#mainlevel-nav a#active_menu {



background: #363636;



border: 1px solid #666;



text-decoration: none;



padding: 2px 5px 3px 5px;



}







/*search box styling top left*/



.search {



position: absolute;



top: 8px;



left: 15px;



}







.search input {



background: #363636;



border: 1px solid #404040;



color: #eef2d0;



}







.search input:hover {



background: #363636;



border: 1px solid #505050;



color: #EDCEF0;



}