/**

*** Template by Shooting Panda

*** @version 1.0

*** @copyright (C) 2007 by Shooting Panda

*** @web http://www.shootingpanda.co.uk

**/



/* This css file deals with the actual styling , it contains all colors, links and

specific Joomla styling */



/*global resets to eliminate 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 separated from layout.css as they are graphical not structural */



body {

background: #BDCE48 url(../images/html_bg.gif) repeat-x;

color: #003900;

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

}



#top_shadow {

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

}



#top_a {

background: #2D2D2D;

}



#top_a_left {

font-size: 14px;

color: #eef2d0;

}



#top_a_right {

font-size: 10px;

color: #eef2d0;

}



#top_a_right a {

font-size: 10px;

padding: 5px;

color: #eef2d0;

}



#header {

background:url(../images/banner.jpg) no-repeat;

}



#top_nav {

background: #2D2D2D;

}



#top_shelf {

background: #E4E9AB url(../images/top_shelf.gif) repeat-y; 

}



#content {

background: #ffffff; /*url(http://www.stpatricksdayparadenottingham.co.uk/templates/saint_patrick/images/content_bg.gif) repeat-y; */

}



#pathway {

background:#F7F9E8;

}



#footer {

	color: #999999;

}



#footer_shadow {

color: #cdcdcd;

font-size: 11px;

}



#footer_shadow a {

color: #cdcdcd;

}



/* Typography */



h1 {

color: #96b831; 

font-size: 1.4em; 

font-weight: bold;

}



h2 {

color: #96b831; 

font-size: 1.3em; 

font-weight: bold;

}



h3 {

color: #96b831; 

font-size: 1.2em; 

font-weight: bold;

}



h4 {

color: #96b831; 

font-size: 1.1em; 

font-weight: bold;

}



h5 {

color: #96b831; 

font-size: 1em; 

font-weight: bold;

}



h6 {

color: #96b831; 

font-size: 0.9em;

font-weight: bold;

}



blockquote {

background: #EEF2D0;

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 #EEF2D0;

border-left: 5px solid #EEF2D0;

}

img {
	padding: 10px 10px 0px 10px;
}

/*General link Styling*/

a:link, a:visited {

color: #DD5900;

text-decoration: none;

}



a:hover, a:active {

color: #006600;

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 */



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: #96b831;

}



a.pagenav:hover {

/* as above but specifically when the links are hovered over */

color: #666;

}



.pagenav_prev a {

float: left;

width: 430px;

font-weight: bold;

color: #96b831;

}

.pagenav_next a {

float: right;

width: 40px;

font-weight: bold;

color: #96b831;

} 



.back_button  {

background: #97C932;

padding: 2px 2px 2px 2px;

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 #B8DB6F;

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: #dfe7a9;

border: 1px solid #f9fbce;

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: #96b831;

}



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 : #eff2ce;

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 #AEBF33;

letter-spacing: 0.1em;

margin-bottom: 1em;

font-weight: bold;

color: #96b831;

line-height: 16px;

}



.contentpagetitle {

/*Title of articles*/

font-size: 13px;

font-weight: bold;

color: red;

text-align:left;

}

a.contentpagetitle {
color: #96b831; 
text-decoration: none;
}


.componentheading {

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

font-size: 1.3em;

margin-bottom: 0.7em;

border-bottom: 2px solid #96b831;

font-weight: bold;

color: #96b831;

}



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 : #F7F9E8;

background-repeat: repeat;

padding: 2px 0 2px 10px;

color : #96b831;

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 : #f7f9e8;

padding: 1px 0 1px 10px;

}



.sectiontableentry2 {

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

background-color : #F3F3F3;

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: #96b831;

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: #96b831;

color: #fff;

height: 25px;

margin: 0;

padding: 0;

margin-left: -5px;

margin-right: -5px;

line-height: 25px;

width: 246px;

text-indent: 10px;

}



/*all sidebar modules*/



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

background: #96b831 url(../images/shamrock.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: 150px;

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: 150px; 

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 #eef2d0;

margin: 0;

 }



#sidebar #mainlevel a {

display: block;

height: 25px;

line-height: 25px;

text-indent: 13px;

background-color:#dfe7a9;

color: #798F2C;

text-decoration: none;

}



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



#sidebar #mainlevel li a:hover, 

a#active_menu:link, 

a#active_menu:visited { 

background-color: #bdce48; 

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: #eef2d0;

text-decoration: none;

padding: 3px 6px 4px 6px;

}

 

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

background: #373737;

border: 1px solid #666;

text-decoration: none;

padding: 2px 5px 3px 5px;

}



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

background: #373737;

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: #373737;

border: 1px solid #404040;

color: #eef2d0;

}



.search input:hover {

background: #373737;

border: 1px solid #505050;

color: #eef2d0;

}