/* MAIN STYLES
-------------------------------------------*/
* { margin: 0; padding: 0; }

body,html {
    font-weight:normal;
    font-family:"Lucida Grande", Verdana, Geneva, Helvetica, Arial, sans-serif;
    font-size:12px;
    color:#000;
    margin:0;
    padding:0;
    /*background:#fff url("http://www.ashgrove.ie/res/images/main_back.jpg") 0 0 repeat-x;*/
    background-color:#6dbc3f;
    line-height:135%;
}

ul {
    list-style:none;
}

a {
    color:#437925;
}

a:hover {
    text-decoration:none;
}

a:focus {
    outline:none;
}

p {
    margin:1em 0;
}

h2, h3 {
    padding:10px 0 5px;
    line-height:100%;

}

h2 {
    font-size:20px;
    color:#437925;
    font-weight:normal;
}

h1 {
    font-size:30px;
    line-height:100%;
    font-weight:normal;

}

h1 a {
    text-decoration:none;
    color:#333;
}

h1 a:hover {
    text-decoration:underline;
}



/* LAYOUT STRUCTURE
--------------------------------------------------*/
#container{
    background:#fff url("http://www.ashgrove.ie/res/images/main_back.jpg") 0 0 repeat-x;
}
.wrapper {
    margin:0 auto;
    width:960px;
}


#header {
    height:185px;
    position:relative;
    z-index:99;
    background: #fff;
}

#content {
    padding:22px 27px;
    background:#fff;
}

#colLeft{
    width:600px;
    float:left;
}

#colRight {
    width:270px;
    float:left;
    padding-left:35px;
}

/**footer **/
#footer #footer_main {
    width:920px;
    margin-right:auto;
    margin-left:auto;
    margin-top:10px;
}
#right3col p img {
}
#footer_main p {
    font-size: 10px;
    line-height: 2.0em;
}
#footer {
    height:152px;
    clear:right;
    background:#6DBC3F url("http://www.ashgrove.ie/res/images/footer_back.jpg") repeat-x;
    padding-top:10px;
}
#header #logo {
    width:1020px;
    margin-right:auto;
    margin-left:auto;
    padding-left:40px;
}
#footer #footer_main p {
    color:#CCC;
    padding:0;
    line-height:1.5em;
}
#footer #footer_main p a {
    text-decoration:none;
    color:#CCC;
}


/* HEADER ELEMENTS 
--------------------------------------------------*/
/* -- logo --*/
#logo {
    position:absolute;
    padding-top:10px;
    left:0;
    background-color: #fff;
}

#logo h1 {
    background:none;
    border:none;
}

#logo h1 a, #logo h1 a:hover{
    padding-top: 0px;
    background:url('http://ashgrove.ie/res/images/ashgrove_logo.png') 25px 0 no-repeat;
    width:289px;
    height:147px;
    text-indent:-9000px;
    display:block;
    text-decoration:none;
    border:none;
}

/* topMenu */
#topMenu {
    position:absolute;
    left:0;
    top:145px;
    width:100%;
    z-index:9999;
    background-image:url("http://www.ashgrove.ie/res/images/nav_back.jpg");
    height:51px;
    background-repeat:repeat-x;
}
#topMenu #buttons {
    width:960px;
    width:990px;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
    margin-bottom:0px;
    padding-bottom:0px;
}
#topMenu a {
    color:#fff;
    font:normal 13px 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana, Arial, sans-serif;
}
#topMenu a:hover,
#topMenu a.on {
    color:#571c1f;
}
#topMenu ul li ul li {
    text-align:left;
}
.sf-menu, .sf-menu * {
    margin:0;
    padding:0;
    list-style:none;
}
.sf-menu {
    line-height:1.0;
}
.sf-menu ul {
    position:absolute;
    top:-999em;
    width:200px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
    width:100%;
    padding:0;
    margin:0;
    border:1px solid #000;
}
.sf-menu li:hover {
    visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float:left;
    position:relative;
}
.sf-menu a {
    display:block;
    position:relative;
    color:#fff;
}
.sf-menu li:hover ul,  .sf-menu li.sfHover ul {
    left:0;
    top:50px; /* match top ul list item height */
    z-index:99;
}
ul.sf-menu li:hover li ul,  ul.sf-menu li.sfHover li ul {
    top:-999em;
}
ul.sf-menu li li:hover ul,  ul.sf-menu li li.sfHover ul {
    left:200px; /* match ul width */
    top:0;
}
ul.sf-menu li li:hover li ul,  ul.sf-menu li li.sfHover li ul {
    top:-999em;
}
ul.sf-menu li li li:hover ul,  ul.sf-menu li li li.sfHover ul {
    left:200px; /* match ul width */
    top:0;
}
/*** Display Styles ***/
.sf-menu li a {
    font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
    width:130px;
    height: 18px;
    display:block;
    border-right:1px solid #67af3f;
    background-image:url("http://www.ashgrove.ie/res/images/nav_back.jpg");
    color:#437925;
    text-decoration:none;
    text-transform:uppercase;
    text-align:center;
    font-weight:normal;
    padding:17px 0 16px 0;

}
.sf-menu li a:first-child {
    border-top:none;
}
.sf-menu li ul {
    background-color:#e1e1e1;
    border:1px solid #e1e1e1;
    padding:5px;
    margin-top: 1px;
}
#topMenu .sf-menu li ul li a {
    font:normal 13px 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana, Arial, sans-serif;
    width:220px;
    display:block;
    border:1px solid #e1e1e1;
    color:#437925;
    background-color:#e1e1e1;
    background-image:none;
    text-decoration:none;
    text-transform:uppercase;
    text-align:left;
    padding:5px;
}
#topMenu .sf-menu li ul li a:hover {
    background-color:#7ac350;
    border:1px solid #7ac350;
    color: #fff;
}
#topMenu .sf-menu li ul li {
    border:none;
    border-top:1px dotted #fff;
}
#topMenu .sf-menu li ul li:first-child {
    border-top:none;
}
/* end topMenu */

.twitter {
    position:absolute;
    top:42px;
    right:130px;
    background:url(images/twitter_top.gif) 0 0 no-repeat;
    z-index:99;
}

.twitter a {
    display:block;
    width:139px;
    height:55px;
    text-indent:-9999px;
}

.rss {
    position:absolute;
    height:28px;
    padding-right:34px;
    line-height:28px;
    top:55px;
    right:0;
    background:url(images/rss.gif) 100% 50% no-repeat;
}

.rss a {
    color:#ccc;
    text-decoration:none;
}

.call-us {
    position: relative;
    float:left;
    padding-top: 15px;
    padding-left: 350px;
    padding-bottom: 5px;
    height: 100px;
}

.call-us img {
    border: none;
}


/* CONTENT ELEMENTS
----------------------------------------------*/

.catTitle {
    background:url(images/bk_dotted.jpg) 0 100% repeat-x;
    padding:9px 0 ;
    margin-bottom:10px;
    color:#666;
    font-size:14px;
}

.blogItem {
    margin-bottom:15px;
    padding-bottom:15px;
    background:url(images/bk_dotted.jpg) 0 100% repeat-x;
}

.blogItem span.posted {
    background:url(images/bk_dotted.jpg) 0 100% repeat-x;
    padding:5px 0 10px;
    font-size:11px;
    color:#999;
    display:block;
}

.blogItem .metadata {
    margin-bottom:10px;
}

.blogItem .metadata .date {
    float:left;
    background:#437925;
    padding:3px 7px;
    color:#fff;
    font-size:11px;
}

.blogItem .metadata .no_comments {
    float:left;
    background:#99CC00 url(images/bk_comments_no.jpg) 8px 50% no-repeat;
    padding:3px 7px 3px 32px;
    color:#fff;
    font-size:11px;
    margin-left:2px;
}

.blogItem .metadata .no_comments a {
    color:#fff;
}

.blogItem a.more-link {
    display:block;
    clear:both;
    background:url(images/bk_readmore.jpg) 0 0 no-repeat;
    width:104px;
    height:24px;
    text-indent:-9999px;
    margin-top:10px;
}

.blogItem a.readmore:hover {
    background:url(images/bk_readmore.jpg) 0 -24px no-repeat;
}

#colLeft a img {
    border:none;
}

#colLeft ul {
    list-style:square;
    list-style-position:inside;
}

/* colRight */

#colRight h2 {
    clear:both;
    margin:15px 0 5px;
    /*
	background-color: #437925;
	padding:5px 7px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	float:left;
    */
    clear:both;
    float:left;
    background:#437925;
    padding:5px 7px;
    color:#fff;
    font-size:11px;
}

#colRight h2.sponsors {
    background:#EE4A04;
}

#colRight ul {
    position:relative;
}

#colRight ul li {
    background:url(images/bk_dotted.jpg) 0 100% repeat-x;
    padding-bottom:1px;
}

#colRight ul li a{
    display:block;
    padding:8px 0;
    padding-left:25px;
    background:#F5F5F5 url(images/bullet_green.jpg) 3px 10px no-repeat;
    color:#666;
    text-decoration:none;
}
#colRight ul li .current-cat a,
#colRight ul li a:hover{
    background:url(images/bullet_blue.jpg) 3px 10px no-repeat;
}


#colRight #ads {
    clear:both;
    padding:8px 0 10px;
    background:url(images/bk_dotted.jpg) 0 100% repeat-x;
} 

#colRight #ads a {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

#colRight #ads img {
    border:none;
}

#ads_msg {
    padding:8px 8px 2px;
    background:#f4f4f4;
    border:1px dotted #ccc;
    float:left;
    line-height:100%;
    width:243px;
    height:22px;
}

#ads_msg a {
    color:#666;
}

#sidelinkimages {
    height: 200px;
    width: 200px;
    display: block;
}

#sidelinkimages .top-left {
    float: left;
    width: 50%;
}
#sidelinkimages .top-right {
    float: left;
    width: 50%;
}
#sidelinkimages .bottom-left {
    float: left;
    width: 50%;
}
#sidelinkimages .bottom-right {
    float: left;
    width: 50%;
}


.social {
    background:url(images/bk_dotted.jpg) 0 100% repeat-x;
    padding-bottom:10px;
}

.social strong {
    color:#437925;
}

/*COMMENTS
---------------------------------------------*/
#colLeft ul.commentlist {
    margin-bottom:10px;
    list-style-type:none;
}

#colLeft ul.commentlist li {
    background:none;
    border-bottom:1px solid #efefef;
    padding:5px 0;
    padding-left:40px;
}

#colLeft ul.commentlist li .avatar {
    float:left;
    width:32px;
    margin-left:-40px;
}

* html #colLeft ul.commentlist li .avatar {
    margin-bottom:-20px;
}

#colLeft ul.commentlist li.odd {
    background:#f9f9f9;
}

#colLeft ul.commentlist li .commentmetadata {
    font-size:11px;
    color:#999;
}


/* HOME SLIDER
-----------------------------------------------*/

#slider {
    background:#000;
    margin-bottom:20px;
}

.panel .text {
    color:#999;
    height:60px;
    padding:5px 10px 15px;
}

.panel .text p {
    margin:3px 0 0;
}

.panel .text h1, .panel .text h1 a {
    color:#FFF;
    font-size:22px;
    font-weight:normal;
    padding-top:5px;
    padding-bottom:0;
    margin-bottom:0;
}



/* CAROUSEL
---------------------------------------------*/

.stepcarousel{
    float:left;
    position: relative; /*leave this value alone*/
    overflow: hidden; /*leave this value alone*/
    width: 100%; /*Width of Carousel Viewer itself*/
    height: 310px; /*Height should enough to fit largest content's height*/;
}

.stepcarousel span.featured {
    color:#666;
    font-size:11px;
    display:block;
    border-bottom:1px dotted #666;
    padding-bottom:5px;
    width:270px;
}

.stepcarousel .belt{
    position: absolute; /*leave this value alone*/
    left:0;
    top: 0;
}

.stepcarousel .panel{
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    width: 600px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
    position:relative;
}

/* FORMS
---------------------------------------------------*/

/* search form */

#searchform {
    background:url(images/bk_dotted.jpg) 0 100% repeat-x;
    padding-bottom:10px;
}

#searchform #s {
    width:130px;
    border:1px solid #ccc;
    font-size:11px;
    padding:5px 2px;
    margin-left:5px;
}

#searchform #searchsubmit {
    background:#437925;
    border:1px solid #7ac350;
    color:#fff;
    padding:3px 0;
    text-align:center;
    width:54px;
    font-size:11px;
    font-family:"Lucida Grande", Verdana, Geneva, Helvetica, Arial, sans-serif;
}

/* post comment */

#commentform label {
    display:block;
    padding:5px 0 2px;
}

#commentform input, #commentform textarea {
    border:1px solid #E5E5E5;
    padding:5px;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#666;
    width:300px;
}


#commentform textarea {
    width:500px;
}

#commentform input#submit{
    border:none;
    width:124px;
    height:28px;
    text-align:center;
    padding-top:4px;
    margin-top:5px;
    background:url(images/bk_postcomment.jpg) 0 0 no-repeat;
    font-size:11px;
}

/* contact */

#contact label {
    display:block;
    padding:8px 0 2px;
}

#contact input, #contact textarea {
    border:1px solid #E5E5E5;
    padding:5px;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#666;
    width:300px;
}

#contact textarea {
    width:500px;
}

#contact input.submit {
    border:none;
    width:124px;
    height:28px;
    text-align:center;
    padding-top:4px;
    margin-top:15px;
    background:url(images/bk_sendmsg.jpg) 0 0 no-repeat;
}

.errormsg, .successmsg{
    background:#FEF4F1;
    border:1px solid #F7A68A;
    color:#DA4310;
    padding:10px;
}

.successmsg {
    background:#F5FAF1;
    border:1px solid #C2E1AA;
    color:#8FA943;
}


/* CLEARING
---------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display:block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
    clear: both;
}

.noclear {
    clear: none;
}

/*****
header call back
*****/
#hCallback {
    float: right;
    width: 330px;
    margin-right: 75px;
    margin-top: 80px;
    font-size: 15px;
    line-height: 1.6em;
    font-family: "Trajan Pro";
    font-weight: bold;
}
#hCallback span {
    color: #571c1f;
    font-size: 21px;
}
#hCallback a {
    color: #004a00;
    text-decoration: underline;
}