File: /home/learn-shiatsu.co.uk/public_html/style.css
@charset "utf-8";
body {
margin: 0;
padding: 0;
width: 100%;
background: url(images/bg.png) repeat-x top center;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.5em;
}
html { padding:0; margin:0;}
.main { margin:0 auto; padding:0;}
.resize { width:960px; padding:10px 0; margin:0 auto; border:1px solid #f1f1f1; background:#fff;}
.resize2 { width:960px; padding:10px 0; margin:0 auto;}
.resize h2 { width:600px; float:left; font:normal 11px ; color:#939393; padding:10px 0 0 20px; margin:0;}
/********** header **********/
.header_resize { margin:0; padding:0; border-bottom:1px solid #f1f1f1;}
.header {
width:960px;
padding:0;
margin:20px auto;
}
#socialmedia {
margin: 10px;
}
div .plusone, .twitter, .fb-like {
font-size: 1px;
display: inline-block;
}
div .fb_reset {
display: inline;
}
.header_blog2 { background:url(http://learn-shiatsu.co.uk/images/header_blog_bg.gif) top center repeat-x; padding:20px 0 0 0; margin:0; height:95px;}
.header_blog2 h2 { font:bold 36px Arial, Helvetica, sans-serif; color:#fff; padding:10px 0 0 0; margin:0;}
/* logo */
.logo {
padding:0;
margin:0;
width:164px;
/* [disabled]float:left; */
}
/*menu*/
.menu {
padding:0;
margin:0;
/* [disabled]width:380px; */
float:left;
}
.menu ul { text-align:left; padding:0; margin:0; list-style:none; border:0; float:left;}
.menu ul li {
float:left;
margin:0;
padding:0 8px;
border-right:1px solid #939393;
}
.menu ul li a {
float:left;
margin:0;
padding:0;
color:#973E68;
text-decoration:none;
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
}
.menu ul li a:hover {
color:#F52887;
}
.menu ul li a.active { color:#545454;}
/* search */
.search {
padding:0 auto;
margin:0 auto 20px;
width:400px;
float:right;
}
.search form { padding:0; margin:0 auto;}
.search span {
display:block;
float:left;
background:url(http://learn-shiatsu.co.uk/images/search_bg.gif) left top no-repeat;
width:166px;
padding:1px 5px;
height:31px;
}
.search form .keywords { width:149px; line-height:14px; height:14px; float:left; background:none; border:0; padding:6px 2px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#acacac;}
.search form .button { float:left; margin:0; padding:0;}
/* body */
.body_resize {
padding:0;
width:960px;
margin:20px auto 0;
}
/* */
.body {
padding:0;
margin:0 auto;
border-top:1px solid #f1f1f1;
background:#FEF5FA;
font: 13px georgia;
}
.body h2 {
font:normal 17px cambria, ;
color:#545454;
padding:10px 5px;
margin:0 0 10px 0;
}
.body h2 span { font:normal 11px ; color:#939393;}
.body p {
font:normal 13px ;
color:#6b6b6b;
line-height:2em;
padding:3px 5px;
margin:0 0 10px;
}
.body p span { color:#6d6d6d; font:normal 11px Arial, Helvetica, sans-serif;}
.body a {
color:#F52887;
text-decoration:none;
}
.body img { margin:10px auto; padding:0;}
.body img.floated { float:right; margin:5px 20px; padding:0;}
.body img.floated2 { float:left; margin:5px 15px 5px 0; padding:0;}
.right { width:290px; margin:0; padding:15px; float:right;}
.left {
width:610px;
margin:0;
padding:15px;
float:left;
color: #6b6b6b;
}
.left img {
padding: 10px;
}
.blog { width:290px; margin:0; padding:10px 15px; float:left;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:300px; display:block; padding:10px 0; color:#9a9a9a; font:normal 12px ; text-transform:capitalize; float:left; }
#contactform label span { color:#F00; }
#contactform input.text { width:320px; border:1px solid #e1e1e1; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:left; }
#contactform textarea { width:520px; border:1px solid #e1e1e1; margin:2px 0; padding:2px; background:#fff; float:left; }
#contactform li.buttons input { padding:3px 0 3px 0px; margin:10px 0 0 0; border:0; color:#FFF; float:left; }
/*************footer**********/
.footer {
padding:0;
margin:0;
border-top:1px solid #f1f1f1;
background:#FAC9E3;
}
.footer_resize { width:940px; margin:0 auto; padding:5px 10px;}
.footer p {
font:normal 11px ;
color:#333;
text-align: center;
}
.footer a {
font:normal 11px ;
color:#F36;
text-decoration:none;
padding:5px;
margin:0;
}
.footer p.right { text-align:right; width:350px; margin:0; padding:15px 0 0 0; float:right;}
.footer p.leftt {
text-align:center;
/* [disabled]width:550px; */
margin:0;
padding:15px 0 0 0;
/* [disabled]float:left; */
}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
.bg { border-bottom:1px solid #e2e2e2; clear:both; padding:0; margin:10px 0; background:none;}
/* Header block */
.header_blog {
background:#FEEBF4;
padding:0;
margin:0;
}
.header_blog h3 { font:normal 40px ; color:#484848; padding:10px 0 10px 20px; margin:0;}
.header_blog div.text { width:600px; float:left; font:normal 11px ; color:#939393; padding:0 0 0 20px; margin:0; line-height:23px;}
/*galeria*/
.galeria { width:120px; padding:0; margin:0; float:right; height:23px;}
.galeria ul,
.galeria ul li { margin:0; padding:0; list-style:none; float:left; line-height:23px;}
.galeria a { display:block; padding:0 2px; margin:0; width:24px; height:23px;}
.galeria a:hover {}
.galeria a.first {background:url(http://learn-shiatsu.co.uk/images/rss_1_1.gif) top no-repeat;}
.galeria a:hover.first { background:url(http://learn-shiatsu.co.uk/images/rss_1.gif) top no-repeat;}
.galeria a.sek {background:url(http://learn-shiatsu.co.uk/images/rss_2_1.gif) top no-repeat;}
.galeria a:hover.sek { background:url(http://learn-shiatsu.co.uk/images/rss_2.gif) top no-repeat;}
.galeria a.thre {background:url(http://learn-shiatsu.co.uk/images/rss_3_1.gif) top no-repeat;}
.galeria a:hover.thre { background:url(http://learn-shiatsu.co.uk/images/rss_3.gif) top no-repeat;}
.galeria a.four {background:url(http://learn-shiatsu.co.uk/images/rss_4_1.gif) top no-repeat;}
.galeria a:hover.four { background:url(http://learn-shiatsu.co.uk/images/rss_4.gif) top no-repeat;}
/* Slider */
#slider {
width:960px;
padding:20px 0 0;
margin:0 auto;
}
div#slideshow { float:left; width:100%; height:327px; overflow:hidden; }
.slider-item { width:100% !important; }
.slider-item .caption { left:960px; width:200px; position:absolute; height:287px; top:0; padding:20px; margin:0; background:url(images/overlay.png);}
.slider-item .caption h2 { font:normal 24px/1.2em ; color:#fff; padding:0; margin:0;}
.slider-item .caption p { font:normal 12px/1.6em ; color:#fff; margin:0; padding:0;}
.slider-item .caption a { color:#fff; text-decoration:none;}
.slider-item img { float:right; margin:0; padding:0;}
.slider_content_inner img { border:none; }
.controls-center { width:960px; margin:0 auto; padding:5px 0;}
#slider_controls { margin:0 auto; z-index:1000; width:960px;}
#slider_controls ul { margin:0; padding:0 20px 0 0; width:254px; float:right;}
#slider_controls ul li { margin:0; padding:0 ; list-style:none; }
#slider_controls ul li { float:right; display:block; }
#slider_controls ul li a { text-decoration:none; font:normal 11px Arial, Helvetica, sans-serif; color:#797979; background:#f2f2f2; border:1px solid #e0e0e0; display:block; float:left; padding:1px 5px; margin:2px !important; margin:1px 1px; outline:none; }
#slider_controls ul li a:focus { outline:none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { color:#797979; background:#fff; border:1px solid #ececec; }
.right h3 {
font-size: 18px;
color: #545454;
font-weight: normal;
line-height: 24px;
margin: 15px 0 20px;
}
.footer a:hover {
/* [disabled]color: #545454; */
text-decoration: underline;
}
#topMenu ul {
margin: 0px;
padding: 0px;
float: left;
list-style: none;
}
#topMenu {
float: left;
margin: 0 0 15px 10px;
}
#topMenu ul li {
float: left;
margin-right: 10px;
}
#topMenu ul li a {
color: #484848;
font-size: 12px;
}
.search p {
font-size: 18px;
text-align: right;
color: #005EB6;
}
.left p img {
margin-right: 10px;
}
img.godd {
float: left;
margin: 0 20px 20px 0;
border: 5px white solid;
}
a img.godd:hover {
border: 5px solid #9F3E5F;
}
a:active, a:selected {
border: none;
outline: none;}
#tantra-maps{
margin: 5px;
padding: 10px;
float: right;
height: 300px;
width: 260px;
}
.search h2 {
font-size: 26px;
color: #F52887;
text-align: right;
margin: 0;
letter-spacing: 2px;
}
.search p {
color: #484848;
margin: 5px 0 20px;
}
.left h2 {
font-size: 26px;
color: #000;
}
p img.noMargin {
margin: 0px;
}
.low_box {
float: left;
width: 600px;
}