css
body {
width: 800px;
margin: auto;
padding: 0px;
background: #999999;
font-family: 'Dosis', sans-serif;
font-size: 100%;
color: #000000;
text-align: center;
}
a:link, a:visited {
color:#333333;
text-decoration:underline;
}
h1 {
color: #333333;
}
.clearer {clear: both;}
/* Header */
#header {
height: 200px;
margin: 0;
padding: 0 0 0.5em 0em;
background: url("http://www.takktile.com/local--files/home/takktile_header2.png") no-repeat #fff;
font-family: 'Dosis', sans-serif;
display:block;
color: #DC143C;
}
#header h1 {
width: 75%; /*900px;*/
float: left;
margin: 0 0 0 0;
padding: 0px;
font-variant: small-caps;
font-family: 'Dosis', sans-serif;
font-style: normal;
color: red;
font-size: 0em;
}
#header h2 {
width: 75%; /*900px;*/
float: left;
margin: 0px;
padding: 2px 0 2px 0px;
font-size: 1.3em;
font-weight: bold;
color: #DC143C;
}
#header a {
text-decoration: none;
color: #000000;
}
#header ul {
display:block;
margin: 0px;
padding: 0px;
list-style-type: none;
}
#header li {
margin: 0px;
padding: 0 0 0 50px;
list-style-type: none;
}
/* Menu */
#menu {
width: 94%;
height: 30px;
margin: 0 0 0 0;
background: #990000;
}
#top-bar{
background: #990000;
}
#top-bar a {
background: #990000;
}
#top-bar a:link {
background: #990000;
}
#top-bar a:visited{
background: #990000;
}
/* +++++++++ addin for Top bar by Yaro ++++++++++ */
#top-bar li {
margin: 0;
padding-top: 0px;
position:relative;
}
#top-bar li a {
padding: 2px 10px 2px 2px;
margin: 0px;
/* width: 500px; this one is for the top bar only !! */
}
#top-bar a, #top-bar li ul, #top-bar li ul a {
background-color:transparent;
text-decoration:none;
/* width: 500px; terrible idea - changes top only ! */
}
#top-bar li ul li a {
width: 7em; /* this is the place to change the width of the sub-menu (and also change below!) */
}
#top-bar ul ul {
display:none;
padding: 1px 0px 0px 0px;
background-color: transparent;
position:absolute;
/*top:32px; /* small gap between the top */
width:7em; /* this is the place to change the width of the sub-menu */
z-index:500;
}
#top-bar ul ul ul {
left:9.05em;
position:absolute;
top: 10px;
/* width: 100px; example width */
}
#top-bar ul li.sfhover a, #top-bar ul li:hover a {
background-repeat:repeat;
}
#top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover {
background-repeat:repeat;
text-decoration:none;
}
div#top-bar ul li.sfhover ul {
display:block;
}
div#top-bar ul ul, div#top-bar ul li.sfhover ul ul, div#top-bar ul ul li.sfhover ul ul {
border:none;
display:none;
/* margin-top: -8px;
padding-top: 8px;*/
}
div#top-bar ul li.sfhover ul, div#top-bar ul ul li.sfhover ul, div#top-bar ul ul ul li.sfhover ul {
display:block;
}
/* ++++++++++++++++++++++++++++++++++++++++ */
/* Page */
#page {
width: 100%; /*950px*/
margin: 0 0 0 50px;
padding: 0px;
font-size: 175%;
background: #FFFFFF;
/* background: -moz-linear-gradient(top, #CCC, #FFF, #FFF, #FFF);*/
background-attachment: fixed
}
#page h1, h2, h3{
/* letter-spacing: .15em;*/
font-family: 'Dosis', sans-serif;
}
#page h1 {
font-size: 2.0em;
}
#page h2 {
color: #000000;
font-size: 1.4em;
}
#page h3 {
font-size: 1em;
}
#page a {
color: #000000;
}
#page a:hover {
text-decoration: underline;
color: #800000;
background: none;
}
/* Footer */
#footer {
/* width: 91%; /*1100px*/;*/
margin: 0px;
padding: 0px 5px 5px 55px;;
/* border-top: 1px solid #000000;*/
border-bottom: 1px solid #000000;
background: #990000;
}
#footer p {
margin: 0 0 0 0;
color: #E2E4E3;
line-height: normal;
font-size: 9px;
text-transform: uppercase;
text-align: center;
}
#search-top-box { display: none; }
#login-status{ visibility: hidden; }
#slideshow {float:left; width:300px; height:300px; border:2px solid #fff; background:#fff; margin: 0; padding: 0}
#slides {position:relative; width:300px; height:300px; list-style:none; overflow:auto; margin: 0; padding: 0}
#slides li {width:300px; height:300px}