Solved

adding background image

Posted on 2014-04-13
3
660 Views
Last Modified: 2014-04-13
Hi Guys,

I am trying to add this background image to my site here http://www.thedancingsoul.ie by editing the style.css

i have put this in the body

background: url("http://soul.greatlocks.ie/soul.jpg") repeat scroll left top #E8E8E8;


put it hasnt changed?

any ideas?

here is the style.css

/*
Theme Name: Wellness
Theme URI: http://bwthemes.com/themes/wellness/
Description: Wellness Wordpress Theme
Version: 1.60
Author: BWThemes
Author URI: - http://themeforest.net/user/BWThemes
License: Commercial
License URI: http://bwthemes.com/themes/wellness/
Tags: one-column, two-columns, featured-images, sticky-post, theme-options
*/


/* CSS Reset */

/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background: url("http://soul.greatlocks.ie/soul.jpg") repeat scroll left top #E8E8E8;

}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Main Body CSS */

body 
{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
font-weight: 300;
font-size: 12px;
line-height:18px;
color:#000000;
margin:0;
padding:0;
border:0;

}

hr{border: 0; margin: 36px 0 36px 0; background:url('images/hr-bg.jpg') repeat-x center; padding:2px; }


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.sticky{ padding: 20px;
background: #fff;
border: 1px solid #CECECE;
margin-bottom: 12px;
box-shadow: 0px 2px 4px silver;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.bypostauthor { }

/* TYPOGRAPHY */

a{text-decoration:none;}

h1, h2, h3, h4, h5, h6 {margin:0 0 18px 0; color: #363636; font-family: 'Signika', sans-serif; line-height: 18px; font-weight:400; background: url('images/hr-bg.jpg') center repeat-x;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{background: url('images/retina_dust.png');padding-right:10px; }

h1{font-size:28px; line-height:36px; }
h2{font-size:20px; line-height:36px;}
h3{font-size:18px; }
h4{font-size:16px; }
h5{font-size:14px; }
h6{font-size:12px; }

p{margin:0 0 18px 0; }
.entry img {-moz-box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.2); -webkit-box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.2); box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.2); margin-bottom:20px; border-top-left-radius: 5px;
border-top-right-radius: 5px; }
/*
p img.alignleft{margin: 7px 13px 10px 0; float:left;}
p img.alignright{margin: 7px 0 10px 13px; float:right;}
p img.aligncenter{clear: both; display: block; margin-left: auto; margin-right: auto; }
*/

.contentleft ul, .contentfull ul
{
list-style: disc;
margin-left: 20px;
margin-bottom: 20px;
}


div.homebullet {}
div.homebullet p{}

img.attachment-medium{ border: 1px solid #C0C0C0; padding: 7px; background:#FFF; margin: 7px 13px 10px 0; float:left; }
.contentwrapper a img{opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
.contentwrapper a img:hover{opacity:0.5; }
strong{font-weight:bold; }


.contentwrapper {color:#666; }
.contentwrapper a{-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease; -o-transition: color 0.3s ease;  }
.contentwrapper a:hover{color:#000;}



.footercontent {color:#a5a5a5; }
.copyright{}
.copyright a:hover{color:#FFF}

.footercontent h2{color:#FFF; background: url('images/footer-hr-bg.jpg')center repeat-x; margin: 15px 0 10px 0 ; font-size:18px; text-shadow: 2px 2px 3px #2C2C2C;  }
.footercontent h2 span{background:url('images/darkdenim3.png'); padding-right:10px; }
.mainmenu {font-size:12px; }

.pagetitle h1{margin: 20px 0 25px 0; line-height: 32px; background: none; }

.postwrapper1 h2{color:#333; }
.postwrapper1 h2 a{color:#333; text-decoration:none;} 


/* Heading Icons */

.icon {padding: 5px 0 5px 40px; }

.cargo {background:url('images/icons/icon_cargo.png') no-repeat; }
.iphone {background:url('images/icons/icon_iphone.png') no-repeat; }
.sort {background:url('images/icons/icon_sort.png') no-repeat; }
.folder {background:url('images/icons/icon_folder.png') no-repeat; }
.group {background:url('images/icons/icon_group.png') no-repeat; }
.nameplate {background:url('images/icons/icon_nameplate.png') no-repeat; }
.ok {background:url('images/icons/icon_ok.png') no-repeat; }
.sampler {background:url('images/icons/icon_sampler.png') no-repeat; }
.option {background:url('images/icons/icon_option.png') no-repeat; }
.embed {background:url('images/icons/icon_embed.png') no-repeat; }
.web_browser {background:url('images/icons/icon_web_browser.png') no-repeat; }
.roundabout {background:url('images/icons/icon_roundabout.png') no-repeat; }
.imac {background:url('images/icons/icon_imac.png') no-repeat; }




pre {font-family:"Courier New",Courier,mono; margin:10px 0 30px 0; padding: 20px 20px 20px 20px;  border: 1px solid #C0C0C0; word-wrap: break-word; background:#FFF; -moz-box-shadow: inset 0 0px 50px 0px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0px 50px 0px rgba(0,0,0,0.1); box-shadow: inset 0 0px 50px 0px rgba(0,0,0,0.1);
white-space: pre-wrap;                 /* CSS3 browsers  */
	white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */
	white-space: -pre-wrap;                /* Opera 4 thru 6 */
	white-space: -o-pre-wrap;              /* Opera 7 and up */

 }
code {font-family:"Courier New",Courier,mono;}

/* Blockquotes */

blockquote, blockquote p {color: #555; font-style: italic; font-family:Georgia, serif; }
blockquote { margin: 0 0 20px; padding: 15px 20px 10px 80px; background:url('images/blockquote.png') 15px 20px no-repeat; margin: 10px;}
blockquote cite { display: block; font-size: 11px; color: #777; }
blockquote cite:before { content: "\2014 \0020"; }

blockquote.alignleft{float: left; width:40%; line-height:inherit; }
blockquote.alignright{float: right; width:40%; line-height:inherit; }

/*FORMS*/

.contentwrapper input[type="submit"]{border:1px solid #e5e5e5; border-bottom-color: #A8A8A8; border-right-color: #A8A8A8; padding:5px 10px 5px 10px; font-weight:bold; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#000; transition: border-color .3s ease; -moz-transition: border-color .3s ease; -webkit-transition: border-color .3s ease; font-size: 1em; text-transform: uppercase;}
.contentwrapper input[type="submit"]:hover{border-top-color: #A8A8A8; border-left-color: #A8A8A8; border-bottom-color: #e5e5e5; border-right-color: #e5e5e5;}
.contentwrapper1 input[type="submit"]{border:1px solid #e5e5e5; border-bottom-color: #A8A8A8; border-right-color: #A8A8A8; padding:5px 10px 5px 10px; font-weight:bold; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#000; transition: border-color .3s ease; -moz-transition: border-color .3s ease; -webkit-transition: border-color .3s ease; font-size: 1em; text-transform: uppercase;}
.contentwrapper1 input[type="submit"]:hover{border-top-color: #A8A8A8; border-left-color: #A8A8A8; border-bottom-color: #e5e5e5; border-right-color: #e5e5e5;}
.footercontent input[type="submit"]{border:1px solid; border-color: #515151; border-bottom-color: #000; border-right-color: #000;  padding:5px 10px 5px 10px; font-weight:bold; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#C0C0C0; background-color:#272727; transition: border-color .3s ease; -moz-transition: border-color .3s ease; -webkit-transition: border-color .3s ease;  font-size: 1em; text-transform: uppercase;}
.footercontent input[type="submit"]:hover{border-top-color: #000; border-left-color: #000; border-bottom-color: #515151; border-right-color: #515151; background-color:#272727;}

input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="number"], 
input[type="date"], 
input[type="month"], 
input[type="week"], 
input[type="time"], 
input[type="datetime"], 
input[type="datetime-local"], 
textarea, select
{border:0; 
border-color: #F1F1F1; 
background: #fff; 
color: #000; 
border-radius:3px;
padding: 6px;  
-moz-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.3); 
box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
}


.bookingform input[type="text"], 
.bookingform input[type="password"], 
.bookingform input[type="email"], 
.bookingform input[type="url"], 
.bookingform input[type="search"], 
.bookingform input[type="number"], 
.bookingform input[type="date"], 
.bookingform input[type="month"], 
.bookingform input[type="week"], 
.bookingform input[type="time"], 
.bookingform input[type="datetime"], 
.bookingform input[type="datetime-local"], 
.bookingform textarea, .bookingform select
{width:95%;
}



textarea{width:95%; }


.footercontent input[type="text"], 
.footercontent input[type="password"], 
.footercontent input[type="email"], 
.footercontent input[type="url"], 
.footercontent input[type="search"], 
.footercontent input[type="number"], 
.footercontent input[type="date"], 
.footercontent input[type="month"], 
.footercontent input[type="week"], 
.footercontent input[type="time"], 
.footercontent input[type="datetime"], 
.footercontent input[type="datetime-local"], 
.footercontent textarea, .footercontent select
{border:1px solid; border-color: #515151; border-top-color: #000; border-left-color: #000; background: #272727; color: #515151; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; }

textarea:focus, input:focus{
    outline: none;
}

textarea{width:95%; }

input.headersearch{border:1px solid #e5e5e5; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-bottom-color: #A8A8A8; border-right-color: #A8A8A8; cursor: pointer;color: white;width: 28px;height: 28px;background-image: url('images/search.png'); background-position:center; background-repeat:no-repeat; border:0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius:2px; transition: background-color .3s ease; -moz-transition: background-color .3s ease; -webkit-transition: background-color .3s ease; }


.wpcf7 p{margin:0 0 5px 0; color: #686868; font-size: 11px; }
.footercontent .wpcf7 p {color:#A5A5A5; }
div.wpcf7-validation-errors {border: 2px solid #A0A0A0 !important; border-radius: 5px;}
span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 0% !important;
z-index: 100;
background: #555 !important;
border: 1px solid #B1B1B1 !important;
font-size: 10pt;
width: 280px;
padding: 2px;
border-radius:5px;
}

div.wpcf7-mail-sent-ok {
border: 1px solid #A0A0A0 !important; border-radius: 5px;
}
/* LINKS */

.footercontent a{color:#d1d1d1; font-weight:bold; -webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease; -o-transition: color 0.3s ease;  }
.footercontent h1 a, 
.footercontent h2 a, 
.footercontent h3 a, 
.footercontent h4 a, 
.footercontent h5 a, 
.footercontent h6 a{color:#FFFFFF !important; font-weight:600 !important; }

/* ACCORDIAN */

.accordion .ui-accordion{}
.accordion .ui-state-active{border:1px solid #e5e5e5; padding:10px; background-image:url('images/arrow-down.png'), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee)); background-position:right; background-repeat:no-repeat; background-image:url('images/arrow-down.png'), -moz-linear-gradient(top, #fff, #eee); background-image:url('images/arrow-down.png'), -ms-linear-gradient(top, #fff, #eee); background-image:url('images/arrow-down.png'), -o-linear-gradient(top, #fff, #eee); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0); }
.accordion .ui-state-default{border:1px solid #e5e5e5; padding:10px; background-image:url('images/arrow-right.png'), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee)); background-position:right; background-repeat:no-repeat; background-image:url('images/arrow-right.png'), -moz-linear-gradient(top, #fff, #eee); background-image:url('images/arrow-right.png'), -ms-linear-gradient(top, #fff, #eee); background-image:url('images/arrow-right.png'), -o-linear-gradient(top, #fff, #eee); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0); }
.accordion .ui-accordion-content p{padding:5px; }
.accordion h5 a{color:#808080; }
.accordion h5 span{background:none; padding-right:0; }
.accordion h5:hover{cursor:pointer; }
.accordion p{ }
/* TABS */

.tabs{padding-top:10px;}
.tabs p{margin:0; clear:both; width:inherit;}
.tabs .ui-tabs-nav{list-style:none; display:inline-block; margin-left: 0px; margin-bottom: 0px; }
.tabs .ui-tabs-nav li{float:left; margin-bottom: 8px; }
.tabs .ui-tabs-nav li a{ border: 1px solid #e5e5e5; color:#000; padding:10px; background:#eee; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px;  }
.tabs  li.ui-state-active a{background:#fff; color:#000; }
.tabs .ui-tabs-nav li a:hover{cursor:pointer; background:#fff;}
.tabs .ui-tabs-nav li a:active{background:#fff; }
.tabs .ui-tabs-panel{padding:20px; background:#fff; border:1px solid #e5e5e5; -moz-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); overflow:hidden;}
.tabs h1, .tabs h2, .tabs h3, .tabs h4, .tabs h5, .tabs h6, {background:none; }
.tabs h1 span, .tabs h2 span, .tabs h3 span, .tabs h4 span, .tabs h5 span, .tabs h6 span, {background:none; padding: 0; }

/* NIVO STYLES*/

.nivo-prevNav {
	left:20px !important;
    background:url('images/l-arrow.png');
    background-position:center;
    background-repeat:no-repeat;
    padding:15px;
    text-indent: -9999px;
    opacity:0.6;
    -webkit-transition: opacity 0.3s ease;-moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease;
}
.nivo-nextNav {
	right:20px !important;
    background:url('images/r-arrow.png');
    background-position:center;
    background-repeat:no-repeat;
    padding:15px;
    text-indent: -9999px;
    opacity:0.6;
    -webkit-transition: opacity 0.3s ease;-moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease;
}

.nivo-prevNav:hover {opacity:1.0; } 
.nivo-nextNav:hover {opacity:1.0; }


.slider-wrapper{position:relative; }
.nivo-controlNav{position:absolute;width: 100%;bottom: 20px;z-index: 201}
.nivo-controlNav a{opacity:0.6; color:#9E9E9E; text-indent: -9999px; background:#FFF; padding:4px 8px 4px 8px; margin:0 0 0 5px; border-radius: 3px; -moz-border-radius: 3px; font-size:11px; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.nivo-controlNav a.active{color:#000; opacity:1.0; font-weight:bold; }
.nivo-controlNav a:hover{color:#000; opacity:1.0 ; font-weight:bold;}

.nivo-caption{position:absolute; left:auto !important; right: 0 !important; top:0 !important; padding: 10px 20px 10px 20px !important; width: auto !important; bottom:auto !important; height: auto !important; font-size:14px; border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px;}

/* LISTS */

ul.list1,ul.list2,ul.list3,
ul.list4,ul.list5,ul.list6,
ul.list7,ul.list8, ul.list9, ul.list10{margin: 0px 0 12px 10px; position: relative; overflow: hidden; }

ul.list1 li{background: transparent url('images/ico_add.gif') no-repeat scroll 0 4px; padding: 3px 0 0px 25px;}
ul.list2 li{background: transparent url('images/ico_check.gif') no-repeat scroll 0 4px; padding: 3px 0 0px 25px;}
ul.list3 li{background: transparent url('images/ico_next.gif') no-repeat scroll 0 4px; padding: 3px 0 0px 25px;}
ul.list4 li{background: transparent url('images/ico_maximize.gif') no-repeat scroll 0 4px; padding: 3px 0 0px 25px;}
ul.list5 li{background: transparent url('images/ico_delete.gif') no-repeat scroll 0 4px; padding: 3px 0 0px 25px;}
ul.list6 li{background: transparent url('images/ico_bw_add.gif') no-repeat scroll 0 4px; padding: 3px 0 0px 25px;}
ul.list7 li{background: transparent url('images/ico_bw_check.gif') no-repeat scroll 0 4px; padding: 3px 0 0px 25px;}
ul.list8 li{background: transparent url('images/ico_bw_next.gif') no-repeat scroll 0 4px; padding: 3px 0 0px 25px;}
ul.list9 li{background: transparent url('images/ico_bw_maximize.gif') no-repeat scroll 0 4px; padding: 3px 0 0px 25px;}
ul.list10 li{background: transparent url('images/ico_bw_delete.gif') no-repeat scroll 0 4px; padding: 3px 0 0px 25px;}

ol{margin: 5px 0 5px 30px; }
ol li{padding: 3px 0 3px 0; }

/* IMAGES */




.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }
 
.fade:hover {
      opacity: 0.5;
      }
      
div.homepageservice{ }     
div.homepageservice img{padding:0 0 12px 0; background:url('images/shadow-homeservice.png'); box-shadow:none; background-position:bottom; background-repeat:no-repeat; border:0; border-top-left-radius: 10px; border-top-right-radius: 10px;}
div.homepageservice .alignnone{margin:0; }
div.homepageservice .alignleft{margin:5px 20px 0 0; }
div.homepageservice .alignright{margin:5px 0 0 20px;; }
div.homepageservice h3{ font-weight: normal;font-size: 18px;text-transform: uppercase; background: url('images/hr-bg.jpg') center repeat-x;}
div.homepageservice h3 a{background: url('images/retina_dust.png');}


.attachment-featured-image{width:100%; height:auto; }


/* gallery */

#gallery img { transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;}
#gallery img:hover {opacity:0.5; }
#gallery .gallery-item {float: left; text-align: center; margin: 15px; }
#gallery dl {
margin: 0;
}
.gallery-caption{font-size:0.8em; padding: 0px 6px 0 6px;
margin: 0px 0px 12px 0px;}




/* THEME STYLE */

div.divider{margin:9px 0px 9px 0px; padding:10px; }
div.clear {clear: both;}
div.wrapper{}

div.header-wrapper{margin:auto;  }
div.header{width:960px; height:100px; margin:auto; }


div.maincontainer{width:960px; height:100%; background: url('images/retina_dust.png'); margin:auto; }
div.mainmenu{width:950px; height: 50px; margin:auto; padding-left:10px; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; }
div.slider{border-top:5px solid #CCC; }
div.sliderbottom{height:59px;background:url('images/slidercover.png'); margin-top: -59px; position:relative; z-index: 5;}

div.contentwrapper{padding:0px 0px 10px 0px; }
div.contentwrapper1{padding:0px 0px 10px 0px; overflow:hidden; }

div.contentleft{float:left; width:630px; padding:20px 10px 0 30px;}
div.contentfull{padding:20px 30px 0 30px; }
div.contentright{float:right;  width:239px; padding:20px 20px 145px 20px; border-left: solid 1px #e5e5e5; background:url('images/sidebar-bg.jpg');}
div.contentright:after{content:'';
    background: url('images/sidebar-bottom.jpg') 0 0 no-repeat; 
    height: 151px; 
    position: absolute; 
    width: 279px; 
    margin-left: -21px;}
div.footerwrapper{}
div.footertop{height:70px; background:url('images/footer-top.jpg'); }
div.footercontent{overflow:hidden; font-size:11px; background: url('images/darkdenim3.png'); padding:10px 30px 40px 30px; }
div.footerbottom{height:40px; background-color:#151515; color:#a5a5a5; font-size:11px; line-height:18px; }

div.tagline{width:100%; border-bottom:1px solid #e5e5e5; margin: 12px 0 36px 0; overflow:hidden;}
div.taglinetext{float:left; color:#a1a1a1; margin-bottom:36px; margin-top: 0px; }
div.taglinebutton{float:right; margin-left:5%; text-align:right; margin-top: 0px; margin-right:4px;  }
div.tagline h1{margin-bottom:0px; font-style:normal; background: none;}



#sidebar a{color:#333; text-decoration:none; font-weight:bold; -webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; }


#sidebar .widget {
padding-bottom:10px;
}
#sidebar .widget .recentcomments {
padding: 12px 12px 12px 40px;
border-bottom: 1px solid #E1E1E1;
background-image: url('images/comment-icon.png');
background-position: 12px 14px;
background-repeat: no-repeat;
line-height: 1.2em;

}

.footercontent .recentcomments {
padding: 12px 12px 12px 40px;
border-bottom: 1px solid #4b4b4b;
background-image: url('images/comment-icon.png');
background-position: 12px 14px;
background-repeat: no-repeat;
line-height: 1.2em;

}



#sidebar .widget h3{text-shadow: none; margin:0; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; color: #fff; font-size:14px; font-weight:bold; padding: 8px 12px 17px 12px; background-image:url('images/widget-shadow.jpg'); background-position:bottom; background-repeat:no-repeat;}
#sidebar .widget h3 a{color:#FFF; }
div.menu-mobile-container{display:none; }

.homepageservice p{margin: 0 0 10px 0; }


/* 3d Booking Form */

.booktitle {background:url('images/big-calendar.png') no-repeat; } 
div.bookingform{position: relative; color: #fff; margin: 0 -54px 19px 0px; padding: 24px; border-radius:5px;}
.bookingform:before{content: url('images/bookingform-bg.png');display: block;width: 19px;height: 19px;position: absolute;float: right;right: 4px;bottom: -19px; }
.bookingform:after{content: url('images/reservation-shadow.png');display: block;width: 12px;height: 285px;position: absolute;float: left; left: -12px; top:4px; }
div.bookingform h3{background: url('images/big-calendar.png')0px -1px no-repeat; font-size: 20px; color: #FFF;border-bottom: 1px solid #E5E5E5; padding: 6px 0 12px 41px; text-shadow: 2px 3px 5px #292929; }
div.bookingform h3 span{background:none;}
.bookform_date{float: left; width: 47% !important; margin-right: 4px !important; }
.bookform_time{float: left; width: 42% !important; }
.bookform_hour{ float: left; width: 20% !important; margin-right: 4px !important; }
.bookform_minute{ float: left; width: 20% !important; margin-right: 4px !important;}
.bookform_ampm{float: left; width: 20% !important; margin-right: 4px !important;}
.bookingform .wpcf7 p {
margin: 0 0 5px 0;
color: white;
font-size: 11px;
text-shadow: 1px 1px 3px black;}

/* CALENDAR */

#sidebar #wp-calendar{font-size:11px; width:100%; margin: 0 0 10px 0; background-color:#fff; -moz-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);}
#sidebar #wp-calendar caption{background-color:#2C2C2C; color:#D6D6D6; font-weight:bold; padding: 5px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2C2C2C), to(#555)); -webkit-linear-gradient(top, #2C2C2C, #555); -moz-linear-gradient(top, #2C2C2C, #555); -ms-linear-gradient(top, #2C2C2C, #555); -o-linear-gradient(top, #2C2C2C, #555); }
#sidebar #wp-calendar td{text-align:center; padding: 5px;}
#sidebar #wp-calendar a{}
#sidebar #wp-calendar tbody{background-color:#fff;}
#sidebar #wp-calendar tbody td:hover{background-color:#e5e5e5;}
#sidebar #wp-calendar tbody tr{border-top:1px solid #e5e5e5; }
#sidebar #wp-calendar th{padding: 5px; }
#sidebar #wp-calendar thead{font-weight:bold; }
#sidebar #wp-calendar tfoot tr{padding:10px; }
#sidebar #wp-calendar td.first, th.first{text-align:center !important; }

.footercontent #wp-calendar{font-size:11px; width:100%; padding-bottom:9px;}
.footercontent #wp-calendar caption{background-color:#2C2C2C; color:#D6D6D6; font-weight:bold; padding: 5px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2C2C2C), to(#555)); -webkit-linear-gradient(top, #2C2C2C, #555); -moz-linear-gradient(top, #2C2C2C, #555); -ms-linear-gradient(top, #2C2C2C, #555); -o-linear-gradient(top, #2C2C2C, #555); }
.footercontent #wp-calendar td{text-align:center; padding: 5px;}
.footercontent #wp-calendar a{}
.footercontent #wp-calendar tbody td:hover{background-color:#4b4b4b;}
.footercontent #wp-calendar tbody tr{border-top:1px solid #4b4b4b; }
.footercontent #wp-calendar th{padding: 5px; }
.footercontent #wp-calendar thead{font-weight:bold; }
.footercontent #wp-calendar td.first, th.first{text-align:center !important; }

/*TAGCLOUD*/
#sidebar .tagcloud{padding-top:10px; text-align:center;  line-height:40px; }
#sidebar .tagcloud a{background-color:#707070; padding: 5px; color:#fff; text-decoration:none; -webkit-transition: background-color 0.3s ease;-moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease;}


.footercontent .tagcloud{padding-top:10px; text-align:center;  line-height:40px; }
.footercontent .tagcloud a{background-color:#707070; padding: 5px; color:#fff; text-decoration:none; -webkit-transition: background-color 0.3s ease;-moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; }


/*ARCHIVES*/

#sidebar li{padding: 12px 12px 12px 24px; border-bottom:1px solid #e1e1e1; line-height:1.2em; background-image:url('images/bullet-arrow.png'); background-position:10px 15px; background-repeat:no-repeat;}
#sidebar li ul{padding-top:5px; }
#sidebar li li{padding:8px 0px 6px 24px; border-bottom: 0; background-image:url('images/bullet-arrow.png'); background-position:10px 11px; background-repeat:no-repeat; border-right: 1px solid #E5E5E5;}
#sidebar li li a{font-weight:300; }
#sidebar li li li{border-right:0;}

.footercontent li{padding: 12px 12px 12px 24px; border-bottom:1px solid #4B4B4B; line-height:1.2em; background-image:url('images/bullet-arrow-light.png'); background-position:10px 14px; background-repeat:no-repeat; font-weight:300; }
.footercontent li ul{padding-top:5px; }
.footercontent li li{padding:8px 0px 6px 24px; border-bottom: 0; background-image:url('images/bullet-arrow-light.png'); background-position:10px 11px; background-repeat:no-repeat; border-right: 1px solid #4B4B4B;}
.footercontent li li a{font-weight:300; }
.footercontent li li li{border-right:0;}


/*RECENT POSTS WIDGET*/
.bw_recent_posts img{float:left; margin-right:10px; width:60px; height: 60px; opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; -moz-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); border-top-left-radius: 5px;
border-top-right-radius: 5px; }
.bw_recent_posts img:hover{opacity: 0.5; }
.bw_recent_posts li{padding: 10px 0 10px 0 !important; border-bottom:1px solid #e5e5e5 !important; background-image:none !important;}
.bw_recent_posts .widget_meta{font-size:11px;}

.footercontent .bw_recent_posts li{padding: 10px 0 10px 0 !important; border-bottom:1px solid #4B4B4B !important; background-image:none !important;}

.footercontent .bw_recent_posts li{border-bottom:1px solid #4b4b4b;}



/*BLOG*/
div.pagetitle{padding: 0 0 0 30px; border-bottom:1px solid #e5e5e5; border-top: 5px solid #ccc; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e9e8e8), to(#fff)); background: -webkit-linear-gradient(top, #e9e8e8, #fff); background: -moz-linear-gradient(top, #e9e8e8, #fff); background: -ms-linear-gradient(top, #e9e8e8, #fff); background: -o-linear-gradient(top, #e9e8e8, #fff);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e8e8', endColorstr='#ffffff',GradientType=0 ) }
div.postwrapper1{margin: 0 0 36px 0;}
.postwrapper1 h2{background:none; }
.postwrapper1 h2 span{background:none; padding-right:0; }
div.post-image{float:left; margin:0 12px 8px 2px; width: 160px; }
div.post{overflow:hidden;  }

div.meta-auth{float:left; }
.postwrapper1 img{-moz-box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.2); -webkit-box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.2); box-shadow: -1px 3px 6px 0px rgba(0,0,0,0.2); opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; border-top-left-radius: 5px;
border-top-right-radius: 5px;}
.postwrapper1 img:hover{opacity:0.5; }
.postwrapper1 .meta{overflow: hidden; margin-top: 10px; font-size:11px; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; background-color:#f1f1f1; padding: 10px 0px 10px 10px; -moz-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);}
.meta .comments-link{float: right; padding:0 10px 0 25px; background-image:url('images/comment-icon-new.png'); background-position:left; background-repeat:no-repeat;  opacity:0.4;  -webkit-transition:opacity 0.125s ease-in; -moz-transition:opacity 0.125s ease-in; -o-transition:opacity 0.125s ease-in; transition:opacity 0.125s ease-in;  }
.comments-link:hover{opacity:0.7;}
.meta .readmore{float: right; padding:0 10px 0 25px; background-image:url('images/readmore.png'); background-position:left; background-repeat:no-repeat;  opacity:0.4;  -webkit-transition:opacity 0.125s ease-in; -moz-transition:opacity 0.125s ease-in; -o-transition:opacity 0.125s ease-in; transition:opacity 0.125s ease-in;  }
.readmore:hover{opacity:0.7;}

#comments h2{background:none; }
#respond h3{background:none; }



/*COMMENTS 

ol.commentlist{list-style:none; margin: 0 0 0 0; border:0; }
.comment, .pingback{ padding: 20px; border: 1px solid #e5e5e5; margin:0 0 20px 0; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#fff)); -webkit-linear-gradient(top, #f5f5f5, #fff); -moz-linear-gradient(top, #f5f5f5, #fff); -ms-linear-gradient(top, #f5f5f5, #fff); -o-linear-gradient(top, #f5f5f5, #fff); -moz-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);}
.comment_avatar_left {float: left; width: 20%; }
.comment_avatar_left img{padding: 5px; background: #FFF; }
.comment_right {float: left; width: 80%; margin-top: 20px;}
.comment_right strong{font-size:16px;}
ul.children{list-style:none; margin: 10px 0 0 30px; }
ul.children .comment{background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e9e9e9), to(#f5f5f5)); -webkit-linear-gradient(top, #e9e9e9, #f5f5f5); -moz-linear-gradient(top, #e9e9e9, #f5f5f5); -ms-linear-gradient(top, #e9e9e9, #f5f5f5); -o-linear-gradient(top, #e9e9e9, #f5f5f5); }
.comment_date{font-size:11px; color:#808080; }
.cancel-comment-reply{margin:15px 0 15px 0; }

a.comment-reply-link{border:1px solid #e5e5e5; border-bottom-color: #A8A8A8; border-right-color: #A8A8A8; padding:5px 10px 5px 10px; font-weight:bold; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#808080; transition: border-color .3s ease; -moz-transition: border-color .3s ease; -webkit-transition: border-color .3s ease;}
a.comment-reply-link:hover{border-top-color: #A8A8A8; border-left-color: #A8A8A8; border-bottom-color: #e5e5e5; border-right-color: #e5e5e5;}

a#cancel-comment-reply-link{border:1px solid #e5e5e5; border-bottom-color: #A8A8A8; border-right-color: #A8A8A8; padding:5px 10px 5px 10px; font-weight:bold; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#808080; transition: border-color .3s ease; -moz-transition: border-color .3s ease; -webkit-transition: border-color .3s ease;}
a#cancel-comment-reply-link:hover{border-top-color: #A8A8A8; border-left-color: #A8A8A8; border-bottom-color: #e5e5e5; border-right-color: #e5e5e5;}


/*COMMENT FORM

#respond{padding:20px 0 20px 0; margin:20px 0 0 0; border-top:1px solid #e5e5e5; }
#respond textarea{width:95%; margin: 0 0 20px 0; }
#respond input{  }
#respond label{  }
#respond div.commentforminfo{margin-bottom:20px;  }
#respond div.commentforminput{float:left; }
#respond div.commentformlabel{float:left; width: 15%; line-height:2.75em; }

*/

/* BLOG COMMENTS */

#comments-title{margin: 0 auto; width: 68.9%; color: #666;
font-size: 10px;
font-weight: 500;
line-height: 2.6em;
padding: 0 0 2.6em;
text-transform: uppercase; }

.commentlist {
list-style: none;
margin: 0 auto;
width: 68.9%;}

.commentlist > li.comment {
background: #FFFFFF;
border: 1px solid #DDD;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 0 0 1.625em;
padding: 1.625em;
position: relative;
box-shadow: -1px 3px 10px #E0E0E0;
}

.comment-meta {
color: #666;
font-size: 12px;
line-height: 2.2em;}

.commentlist .avatar {
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px #CCC;
-moz-box-shadow: 0 1px 2px #ccc;
box-shadow: 0 1px 2px #CCC;
left: -102px;
padding: 0;
position: absolute;
top: 0;}

.commentlist .children {
list-style: none;
margin: 0;}

.commentlist .children li.comment {
background: white;
border-left: 1px solid #DDD;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
margin: 1.625em 0 0;
padding: 1.625em;
position: relative;}

a.comment-reply-link{background:#FFF; text-transform: uppercase; font-size: 0.8em; color: #CCC; border:1px solid #e5e5e5; border-bottom-color: #A8A8A8; border-right-color: #A8A8A8; padding:5px 10px 5px 10px; font-weight:bold; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#808080; transition: border-color .3s ease; -moz-transition: border-color .3s ease; -webkit-transition: border-color .3s ease;}
a.comment-reply-link:hover{border-top-color: #A8A8A8; border-left-color: #A8A8A8; border-bottom-color: #e5e5e5; border-right-color: #e5e5e5;}
a#cancel-comment-reply-link{background:#FFF; border:1px solid #e5e5e5; border-bottom-color: #A8A8A8; border-right-color: #A8A8A8; padding:5px 10px 5px 10px; font-weight:bold; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#808080; transition: border-color .3s ease; -moz-transition: border-color .3s ease; -webkit-transition: border-color .3s ease; font-size: 0.5em;
text-transform: uppercase;
float: right;}
a#cancel-comment-reply-link:hover{border-top-color: #A8A8A8; border-left-color: #A8A8A8; border-bottom-color: #e5e5e5; border-right-color: #e5e5e5;}

a.post-edit-link{background:#FFF; margin-bottom:12px; float: right; text-transform: uppercase; font-size: 0.8em; color: #CCC; border:1px solid #e5e5e5; border-bottom-color: #A8A8A8; border-right-color: #A8A8A8; padding:5px 10px 5px 10px; font-weight:bold; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#808080; transition: border-color .3s ease; -moz-transition: border-color .3s ease; -webkit-transition: border-color .3s ease;}
a.post-edit-link:hover{border-top-color: #A8A8A8; border-left-color: #A8A8A8; border-bottom-color: #e5e5e5; border-right-color: #e5e5e5;}


.commentlist > li::before {
content: url('images/comment-bg.png');
left: -20px;
position: absolute;}

.commentlist .children li.comment .comment-meta {
line-height: 1.625em;
margin-left: 50px;
}

.commentlist .children .avatar {
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
left: 2.2em;
padding: 0;
top: 2.2em;}

.commentlist .children li.comment .fn {
display: block;}

.comment-meta a {
font-weight: bold;}

.commentlist .children li.comment .comment-content {
margin: 1.625em 0 0;}

.edit-link{float:right; }
a.comment-edit-link{background:#FFF; text-transform: uppercase; font-size: 0.8em; color: #CCC; border:1px solid #e5e5e5; border-bottom-color: #A8A8A8; border-right-color: #A8A8A8; padding:5px 10px 5px 10px; font-weight:bold; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#808080; transition: border-color .3s ease; -moz-transition: border-color .3s ease; -webkit-transition: border-color .3s ease;}
a.comment-edit-link:hover{border-top-color: #A8A8A8; border-left-color: #A8A8A8; border-bottom-color: #e5e5e5; border-right-color: #e5e5e5;}

.commentlist #respond {
margin: 1.625em 0 0;
width: auto;}

#respond {
background: #fDfDfD;
border: 1px solid lightGrey;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 0 auto 1.625em;
padding: 1.625em;
position: relative;
box-shadow: 0px 5px 13px #DBDBDB;
width: 63%;
}

#respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment {
position: relative;
}

#respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label {
background: #EEE;
color: #555;
display: inline-block;
font-size: 13px;
left: 2px;
min-width: 60px;
padding: 7px 5px;
position: relative;
top: 35px;
z-index: 1;}

#respond .comment-form-author .required, #respond .comment-form-email .required {
color: #BD3500;
font-size: 18px;
font-weight: bold;
z-index: 1;
}

#respond input[type="text"] {
display: block;
height: 24px;
width: 75%;}

#respond input[type="text"], #respond textarea {
background: white;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
text-indent: 75px;
}

.nav-next{float:right; }
.nav-previous{float:left; }

#comment-nav-below{
overflow: hidden;
margin-bottom: 24px;
border-bottom: 1px solid #E5E5E5;
padding-bottom: 12px;
 }
 
 .blog-meta{padding: 0 0 12px 0;
border-bottom: 1px solid #E5E5E5;
margin-bottom: 12px;
font-size: 0.8em; }


.post-meta{list-style: none;
background-color: #ffffff;
display: inline-block;
padding: 7px;
min-width: 97.5%; 
font-size: 0.8em;
margin-bottom: 18px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #E4E4E4;
border-bottom: 1px solid #CECECE;
border-left: 1px solid #CCC;
color: #8B8B8B;
margin-top: 16px;
margin-left: 0px !important;}

.post-meta li{display:inline-block; padding-right: 15px; margin-left: 2px;}

.post-meta-date{background:url('images/ico-blog-calendar.png') 0px 3px no-repeat; padding-left: 15px; }
.post-meta-auth{background:url('images/ico-blog-author.png') 0px 3px no-repeat;padding-left: 17px; }
.post-comments-link{background:url('images/ico-blog-comment.png') 0px 4px no-repeat; padding-left: 19px; }
.post-category{background:url('images/ico-blog-category.png') 0px 3px no-repeat; padding-left: 19px; }
.post-tags{background:url('images/ico-blog-tags.png') 0px 3px no-repeat; padding-left: 18px; }

.post-meta-readmore{float:right; padding-right:0px !important; }
.post-meta-readmore a{background:#FFF; text-transform: uppercase; font-size: 0.8em; color: #CCC; border:1px solid #e5e5e5; border-bottom-color: #A8A8A8; border-right-color: #A8A8A8; padding:5px 10px 5px 10px; font-weight:bold; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#808080; transition: border-color .3s ease; -moz-transition: border-color .3s ease; -webkit-transition: border-color .3s ease;}
.post-meta-readmore a:hover{border-top-color: #A8A8A8; border-left-color: #A8A8A8; border-bottom-color: #e5e5e5; border-right-color: #e5e5e5;}

.pingback{font-style:italic; border-bottom:1px solid #e5e5e5; margin-top: 18px;}

/* columns */

.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:79.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}



/* header */

div.logowrapper{float:left;margin-left: 13px;
height: 81px;
padding: 0 25px 0 25px;
margin-top: 19px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;

}

div.nologowrapper{float:left;margin-left: 13px;
height: 81px;
padding: 0 25px 0 25px;
margin-top: 19px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;

}
div.logowrapper a{display: block; margin-top: 15px; }
div.nologowrapper a{display: block; margin-top: 15px; }
div.phonenumber{background:url('images/phone.png'); background-repeat:no-repeat; background-position: 3px 18px; color:#FFF; float:right; padding:16px 20px 0 20px; font-size:14px; font-family: 'Signika', sans-serif;}
div.socialicons{float:right; margin:42px 6px 0 0;}
.sitesearch{float:right; margin-top: 36px;}
input.s {width:130px; margin:0; float: left; border-top-right-radius: 0px; border-bottom-right-radius:0px; font-size: 11px;height: 16px;color: #A3A3A3;}
.footercontent input.s{margin:0; float:left; }

/* SOCIAL ICONS */
.socialicons_ul{list-style:none; }
.socialicons_ul li{display:inline-block; }
.socialicons_ul li a{opacity:0.7; padding:10px 15px 10px 15px; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out;  }
.socialicons_ul li a:hover{opacity:1.0; }

.social_twitter{background:url('images/social/social_tw.png'); background-position:center; background-repeat:no-repeat;}
.social_facebook{background:url('images/social/social_fb.png'); background-position:center; background-repeat:no-repeat; }
.social_linkedin{background:url('images/social/social_li.png'); background-position:center; background-repeat:no-repeat; }
.social_youtube{background:url('images/social/social_yt.png'); background-position:center; background-repeat:no-repeat; }
.social_googleplus{background:url('images/social/social_gplus.png'); background-position:center; background-repeat:no-repeat; }
.social_pinterest{background:url('images/social/social_pin.png'); background-position:center; background-repeat:no-repeat; }
.social_rss{background:url('images/social/social_rss.png'); background-position:center; background-repeat:no-repeat; }



/* BXSLIDER CONTENT */

.bx-prev{background:url('images/bxslider-prev.png') no-repeat center; float:left; padding: 12px; text-indent:-9999px; margin-left: 10px; opacity:0.5;}
.bx-next{background:url('images/bxslider-next.png') no-repeat center; float:right; padding: 12px; text-indent:-9999px; margin-right: 10px;  opacity:0.5; }
.bx-wrapper{background:#fff; border:1px solid #e5e5e5; overflow:hidden; moz-box-shadow: inset 0 0px 50px 0px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0px 50px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0px 50px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2);}
.bx-wrapper p{margin:15px; }

/* STAFF MEMBERS */

div.staffmember{width:100%; margin: 0 0 40px 0; overflow: hidden; }
div.staffmemberphoto{float:left; margin: 0 20px 5px 5px;}
div.staffmembertext{ }
.staffmembertext h2{margin-bottom:0px; background:none; }
.staffmembertext hr{margin: 10px 0 10px 0; }
.staffmembertext hr{margin: 10px 0 10px 0; }
.staffdesc{font-size:11px; color:#989898; margin: 0px 0 10px 0;}
ul.staffcontact{list-style:none; overflow:hidden; }
ul.staffcontact li{float:left;  }
ul.staffcontact li.phone{background:url('images/icon-dark-phone.png'); background-position:left; background-repeat:no-repeat; padding-left: 20px; padding-right: 10px; }
ul.staffcontact li.fax{background:url('images/icon-dark-fax.png'); background-position:left; background-repeat:no-repeat; padding-left: 25px; padding-right: 10px; }
ul.staffcontact li.email{background:url('images/icon-dark-email.png'); background-position:left; background-repeat:no-repeat; padding-left: 25px; padding-right: 10px; }

/*footer*/
div.copyright{padding:12px 0 0px 30px; float:left; }
div.copyrighttext{padding:12px 30px 0px 0px; float:right;}

/* CLASSES */
.ui-tabs-hide {display:none;}
.googlemap{ -moz-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 0 5px 10px 0px rgba(0,0,0,0.2); margin-bottom:20px; border-top-left-radius: 10px;
border-top-right-radius: 10px;}
div.prev-posts{float:right; }
div.next-posts{float: left; }

/* TABLE STYLE */

.entry table {
    overflow:hidden;
    background:#fefefe;
    width:99%;
    margin: 0 0 40px 4px;
    -moz-border-radius:5px; /* FF1+ */
    -webkit-border-radius:5px; /* Saf3-4 */
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.entry th, td {padding:12px 20px 12px; text-align:center; }
.entry th {padding-top:18px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb; font-weight: bold;}
.entry td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.entry tr.odd-row td {background:#f6f6f6;}
.entry td.first, th.first {text-align:left}
.entry td.last {border-right:none;}

.entry td {
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
    background: -moz-linear-gradient(top, #fefefe, #f9f9f9);
    background: -ms-linear-gradient(top, #fefefe, #f9f9f9); 
    background: -o-linear-gradient(top, #fefefe, #f9f9f9);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#fefefe',GradientType=0);  
    
}
.entry tr.odd-row td {
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
    background: -moz-linear-gradient(top, #f6f6f6, #f1f1f1);
    background: -ms-linear-gradient(top, #f6f6f6, #f1f1f1); 
    background: -o-linear-gradient(top, #f6f6f6, #f1f1f1);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f6f6f6',GradientType=0); 
    
}
.entry th {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#E5E5E5));
    background: -moz-linear-gradient(top, #fff, #E5E5E5);
    background: -ms-linear-gradient(top, #fff, #E5E5E5); 
    background: -o-linear-gradient(top, #fff, #E5E5E5);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0); 
    
}



tr:first-child th.first {
    -moz-border-radius-topleft:5px;
    -ms-border-radius-topleft:5px;
    -o-border-radius-topleft:5px;
    border-top-left-radius:5px;
    -webkit-border-top-left-radius:5px; /* Saf3-4 */
}
tr:first-child th.last {
    -moz-border-radius-topright:5px;
    -ms-border-radius-topright:5px;
    -o-border-radius-topright:5px;
    border-top-right-radius:5px;
    -webkit-border-top-right-radius:5px; /* Saf3-4 */
}
tr:last-child td.first {
    -moz-border-radius-bottomleft:5px;
    -ms-border-radius-bottomleft:5px;
    -o-border-radius-bottomleft:5px;
    border-bottom-left-radius:5px;
    -webkit-border-bottom-left-radius:5px; /* Saf3-4 */
}
tr:last-child td.last {
    -moz-border-radius-bottomright:5px;
    -ms-border-radius-bottomright:5px;
    -o-border-radius-bottomright:5px;
    border-bottom-right-radius:5px;
    -webkit-border-bottom-right-radius:5px; /* Saf3-4 */
}
 /* HOMEPAGE TABLE */

.contentfull table {
overflow:hidden;
background:#fefefe;
width:99%;
margin: 0 0 40px 4px;
-moz-border-radius:5px; /* FF1+ */
-webkit-border-radius:5px; /* Saf3-4 */
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;

-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.contentfull th, td {padding:12px 20px 12px; text-align:center; }
.contentfull th {padding-top:18px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb; font-weight: bold;}
.contentfull td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.contentfull tr.odd-row td {background:#f6f6f6;}
.contentfull td.first, th.first {text-align:left}
.contentfull td.last {border-right:none;}

.contentfull td {
background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
background: -moz-linear-gradient(top, #fefefe, #f9f9f9);
background: -ms-linear-gradient(top, #fefefe, #f9f9f9);
background: -o-linear-gradient(top, #fefefe, #f9f9f9);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#fefefe',GradientType=0);

}
.contentfull tr.odd-row td {
background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
background: -moz-linear-gradient(top, #f6f6f6, #f1f1f1);
background: -ms-linear-gradient(top, #f6f6f6, #f1f1f1);
background: -o-linear-gradient(top, #f6f6f6, #f1f1f1);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f6f6f6',GradientType=0);

}
.contentfull th {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#E5E5E5));
background: -moz-linear-gradient(top, #fff, #E5E5E5);
background: -ms-linear-gradient(top, #fff, #E5E5E5);
background: -o-linear-gradient(top, #fff, #E5E5E5);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0);

}


/* MESSAGE BOXES */


div.messagebox{border: 1px solid; border-radius: 5px; padding: 24px 24px 24px 52px; margin-bottom:20px; -moz-box-shadow:-1px 3px 8px #D1CDCD, inset 0 0px 50px 0px rgba(0,0,0,0.1); -webkit-box-shadow:-1px 3px 8px #D1CDCD, inset 0 0px 50px 0px rgba(0, 0, 0, 0.1); box-shadow:-1px 3px 8px #D1CDCD, inset 0 0px 50px 0px rgba(0, 0, 0, 0.1); }

div.messagebox.red{background: #FFD2D2 url('images/alert-bad.png') no-repeat 15px; border-color:#6B1212; color:#6B1212; }

div.messagebox.green{background:#D7FFC4 url('images/alert-good.png') no-repeat 15px; border-color:#365F1B; color:#365F1B; }

div.messagebox.blue{background:#C6E6FF url('images/alert-arrow.png') no-repeat 15px; border-color:#002D59; color:#002D59; }

div.messagebox.yellow{background:#FFF8BF url('images/alert-warning.png') no-repeat 15px; border-color:#4E460E; color:#4E460E; }



p.nocomments{ border-radius: 5px; border: 1px solid #BBBABA; padding: 12px 12px 12px 12px; margin-bottom:20px; -moz-box-shadow: inset 0 0px 50px 0px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0px 50px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0px 50px 0px rgba(0, 0, 0, 0.1); }

dt {
	font-weight: bold;
}
dd {
	background:none no-repeat left top;
	padding-left: 12px;
    margin:6px 0 12px 0 ;
}


/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* DatePicker Container */
.ui-datepicker {
	width: 216px;
	height: auto;
	margin: 0px auto 0;
	font: 9pt Arial, sans-serif;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    border-radius: 5px;
    background:#FFF;
}
.ui-datepicker a {
	text-decoration: none;
}
/* DatePicker Table */
.ui-datepicker table {
	width: 100%;
}
.ui-datepicker-header {
	color: #FFF;
	font-weight: bold;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	text-shadow: 1px -1px 0px #000;
	filter: dropshadow(color=#000, offx=1, offy=-1);
	line-height: 30px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #555;
}
.ui-datepicker-title {
	text-align: center;
}
.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
		background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
}
.ui-datepicker-prev {
	float: left;
    background-image: url('images/calendar-arrow-prev.png');
	background-position: center 5px;
}
.ui-datepicker-next {
	float: right;
    background-image: url('images/calendar-arrow-next.png');
	background-position: center 5px;
}
.ui-datepicker thead {
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
	background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
	border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
	text-transform: uppercase;
	font-size: 6pt;
	padding: 5px 0;
	color: #666666;
	text-shadow: 1px 0px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=0);
}
.ui-datepicker tbody td {
	padding: 0;
	border-right: 1px solid #bbb;
}
.ui-datepicker tbody td:last-child {
	border-right: 0px;
}
.ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #666666;
	text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=1);
}
.ui-datepicker-calendar .ui-state-default {
	background: #ededed;
	background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
	background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: linear-gradient(top,  #ededed 0%,#dedede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	-moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}
.ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
	background: #7C7C7C;;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	color: #e0e0e0;
	text-shadow: 0px 1px 0px #303030;
	filter: dropshadow(color=#303030, offx=0, offy=1);
	border: 1px solid ##494949;
	position: relative;
	margin: -1px;
}
.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
	width: 29px;
	margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 29px;
	margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 29px;
	margin-bottom: 0;
}

/*timepicker*/

.ui-timepicker-container{position:absolute;overflow:hidden}.ui-timepicker{display:block;height:200px;text-align:center;list-style:none outside none;overflow:auto;overflow-x:hidden;margin:0;padding:0 0 0 1px}.ui-timepicker-standard{font-size:1.1em;background-color:#FFF;border:1px solid #AAA;color:#222;margin:0;padding:2px}.ui-timepicker-standard a{color:#222}.ui-timepicker-standard .ui-state-hover{background-color:#DADADA;border:1px solid #999;font-weight:normal;color:#212121}.ui-timepicker-standard .ui-menu-item{margin:0;padding:0}.ui-timepicker-standard .ui-menu-item a{display:block;padding:0.2em 0.4em;line-height:1.5;text-decoration:none}.ui-timepicker-standard .ui-menu-item a.ui-state-hover{font-weight:normal;margin:-1px -1px -1px -1px} .ui-timepicker-corners,.ui-timepicker-corners .ui-corner-all{-moz-border-radius:4px;-webkit-border-radius:4px}.ui-timepicker-hidden{display:none}

/*404*/

span.forohfor{display: block; text-align: center; color: #DBDBDB ; text-shadow: #707070 -1px -1px 2px, white 2px 1px 0px;
letter-spacing: -11px;padding:90px; font-size:190px; border-bottom: 1px solid #CCC; font-weight: bold; }
span.notfound{display: block; text-align: center; font-family: 'Signika', sans-serif; color: silver;text-shadow: #707070 -1px -1px 1px, white 2px 1px 0px;
font-size: 38px;
margin-top: 20px;
 }

Open in new window

0
Comment
Question by:jonathanduane2010
  • 2
3 Comments
 
LVL 34

Expert Comment

by:Dan Craciun
ID: 39997553
It works when you add it directly to the <body> tag, so it's probably being overwritten somewhere in the css.

You need to change it in the same css with the colors:

http://www.thedancingsoul.ie/wp-content/themes/wellness/skins/skin1.css?ver=3.8.2

Line 4, you have:
body {background: #F5CF66 url('../images/skin1-bg.jpg') no-repeat center 5px;}

change it to
body {background: url("http://soul.greatlocks.ie/soul.jpg") repeat scroll left top #E8E8E8;}

LE: you're sure it's a good idea hot linking to that image? The admin at greatlocks.ie might get upset with you.

HTH,
Dan
0
 

Author Comment

by:jonathanduane2010
ID: 39997560
thanks Dan, (again)

There is a slight hint of maroon at nav bar and its not fully green, any idea how to get rid of that??
0
 
LVL 34

Accepted Solution

by:
Dan Craciun earned 500 total points
ID: 39997567
You have a gradient there (line 14):
div.mainmenu{background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6da92e), to(#603545)); background: -webkit-linear-gradient(top, #6da92e, #603545); background: -moz-linear-gradient(top, #6da92e, #603545); background: -ms-linear-gradient(top, #6da92e, #603545); background: -o-linear-gradient(top, #6da92e, #603545);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6da92e', endColorstr='#603545',GradientType=0 )}

603545 is some kind of purple. Change it to your favorite shade of green

Or simply replace that line with
div.mainmenu{background-color:#6da92e;}
0

Featured Post

Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
API Soap Calls 4 59
How can I split the array as 4 rows per line? 5 62
Re-position the objects 7 50
modify h2 4 10
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

706 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now