/*

Theme Name: Tropicala
Description: Simple, modern, lightweight - <a href="http://www.wpthemes.ch">Traduction WP Themes</a>
Version: 1.3
Author: LetsEat.at
Author URI: http://www.LetsEat.at
Tags: grey, orange, white, fixed width, two columns, widgets, fixed width, valid XHTML, valid CSS, two columns, right sidebar, simple

This template is being distributed via Wordpress.org under GPLv3 license. Enjoy!

To replace the banner image, just swap out masthead.png with your own image, sized 723px x 147px. 
The dropshadows are in the background CSS, not the image.

v1.1 - changed license to GPLv3
v1.2 - added comments and removed some blank elements from stylesheet
v1.3 - added license.txt (Apparently some people don't read this stylesheet), added link back to the theme's page at Wordpress.org

*/


* {
padding : 0;
margin : 0;
list-style : none;
}
body {
font : 62.5% Arial, Helvetica, sans-serif;
background-image : url(http://culturemonthey.ch/wp-content/bg.png);
background-attachment : fixed;
}
p, h2, h3, h4, h5 {
font-size : 1.2em;
}
img {
border : 0;
}
div#wrapper {
width : 778px;
padding-top : 8px;
margin : 25px auto 0;
background : none;
}
div#masthead {
width : 790px;
background : white;
position : relative;
margin-bottom : 10px;
}
h1 a {
font-family : "Georgia", serif;
font-size : 350%;
position : absolute;
height : 40px;
left : 30px;
top : 30px;
font-weight : lighter;
text-decoration : none;
text-transform : uppercase;
color : #006699;
}
#masthead p {
position : absolute;
margin : 0;
top : 200px;
left : 30px;
font-family : "Georgia", serif;
font-size : 1.8em;
font-style : italic;
color : #006699;
}
div#masthead ul {
float : right;
margin-right : 22px;
position : relative;
z-index : 2;
bottom : -2px;
}
div#masthead ul li {
float : left;
display : block;
}
div#masthead ul li a {
color : #006699;
text-decoration : none;
display : block;
font-size : 1.4em;
padding : 80px 20px 10px;
}
div#masthead ul li a:hover, div#masthead ul li.current_page_item {
background : none;
}
div#masthead_image {
width : 750px;
height : 200px;
clear : both;
padding : 20px 20px;
position : relative;
z-index : 1;
}
a {
outline : 0;
}
div#content {
width : 800px;
background : none;
}
div#main {
padding : 0 20px 20px;
width : 500px;
float : left;
background : white;
}
h2.header {
font-family : Arial, sans serif;
color : #006699;
font-size : 24px;
font-weight : lighter;
padding : 10px 0 0;
line-height : 0.5;
margin : 0 0 5px;
border-bottom : 1px solid #e7e7e7;
position : relative;
}
div#main h2.pagetitle {
color : black;
border-bottom : 1px dotted black;
font-size : 150%;
padding-bottom : 5px;
padding-top : 10px;
text-transform : uppercase;
}
div#main h2.header a {
color : #006699;
text-decoration : none;
}
h2.header span {
font-family : "Georgia", serif;
font-size : 200%;
line-height : 1;
position : relative;
padding-right : 10px;
bottom : 0;
}
div#main h3 {
margin : 15px 0 5px;
color : #ff7e00;
}
div#main p {
color : #000000;
line-height : 1.5;
margin : 10px 0;
}
div#main a {
color : #006699;
text-decoration : none;
}
div#main a:hover {
color : #006699;
text-decoration : underline;
}
.article {
margin-bottom : 20px;
}
.article blockquote {
margin : 0 15px;
padding : 1px 15px;
border-left : 5px solid #b8d1e4;
background : #f0f0f0;
}
.article ul, .article ol {
font-size : 1.2em;
color : black;
margin-bottom : 10px;
}
.article ul li {
margin : 5px 0 5px 0;
padding-top : 4px;
list-style : none;
border-top : 1px solid #e7e7e7;
}
.article ul li a {
color : black;
}
.article ol {
margin-left : 30px;
}
.article ol li {
list-style : decimal;
margin : 10px 0;
}
.article ol li ol {
font-size : 1em;
margin-left : 15px;
}
.article_top {
font-family : "Georgia", serif;
font-size : 1.6em;
font-style : italic;
color : #2a2a2d;
border-bottom : 1px solid #e7e7e7;
margin-bottom : 20px;
text-decoration : none;
}
.article_top ul {
margin-left : 0;
}
.article_top ul li {
border-bottom : 1px solid #e7e7e7;
}
.article_top ul li a {
color : black;
border-bottom : 1px solid #e7e7e7;
}
div#main p.article_top a {
color : black;
font-size : 1em;
}
.post-meta {
color : black;
font-family : "Arial", sans-serif;
border-bottom : 1.5px dotted black;
}
.post-meta-key {
text-transform : uppercase;
font-weight : bold;
margin-right : 5px;
}
div#secondary {
padding : 15px 20px 20px 20px;
width : 200px;
float : left;
background : white;
margin-left : 10px;
}
div#secondary ul#sidebar {
margin : 15px 0 20px;
color : black;
padding-bottom : 10px;
border-bottom : 1px solid #e7e7e7;
}
div#secondary ul#sidebar li {
margin : 5px 0;
font-size : 1.2em;
line-height : 1.5em;
}
div#secondary h2 {
text-transform : uppercase;
font-weight : normal;
color : #006699;
margin : 20px 0 8px;
font-size : 1.4em;
line-height : 1;
}
div#secondary a {
color : black;
text-decoration : none;
}
div#secondary a:hover {
text-decoration : underline;
}
div#secondary ul.children {
margin-left : 5px;
padding-left : 10px;
border-left : 5px solid #eaeaea;
}
div#secondary ul#sidebar li li {
font-size : 1em;
}
div#author h2 {
font-size : 1.2em;
}
div#secondary p {
line-height : 1;
margin : 5px 0;
color : black;
}
form#searchform {
position : relative;
height : 28px;
margin-bottom : 20px;
}
form#searchform input#s {
position : absolute;
top : 0;
height : 18px;
width : 156px;
padding : 5px;
background : white;
border : 1px solid #bcbcbc;
}
input#search_submit {
position : absolute;
right : 0;
}
div#footer {
padding : 5px 20px 25px;
width : 500px;
float : left;
background : white;
margin-top : 10px;
}
div#footer ul#footer {
position : relative;
height : 8px;
text-align : center;
font-size : 1em;
color : #686868;
}
div#footer ul#footer li {
display : inline;
margin-left : 10px;
}
div#footer ul#footer li span {
position : absolute;
text-indent : -9999em;
}
div#footer ul#footer li a {
color : #686868;
text-decoration : none;
}
ol.commentlist {
margin-top : 15px;
color : #555;
}
ol.commentlist li {
background : #f1f1f1;
padding : 10px;
margin : 10px 0;
}
ol.commentlist li.alt {
background : #ebf9fc;
}
textarea#comment {
width : 500px;
}
#main p.comment_meta {
margin : 0;
float : right;
}
body#commentspopup {
background : #fff;
padding : 20px;
}
body#commentspopup a {
color : #666;
}
body#commentspopup h1 a {
position : relative;
top : 0;
left : 0;
}
body#commentspopup h3 {
color : #555;
}
body#commentspopup p {
margin : 10px 0;
color : #555;
}
body#commentspopup textarea {
width : 340px;
}
.aligncenter {
display : block;
margin-left : auto;
margin-right : auto;
}
.alignleft {
float : left;
}
.alignright {
float : right;
}
.wp-caption {
border : 1px solid #ddd;
text-align : center;
background-color : #f3f3f3;
padding-top : 4px;
margin : 10px;
}
.wp-caption img {
margin : 0;
padding : 0;
border : 0 none;
}
.wp-caption-dd {
font-size : 11px;
line-height : 17px;
padding : 0 4px 5px;
margin : 0;
}
p.entry_info {
clear : both;
}
div.navigation {
margin : 10px 0;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
.clearfix {
display : block;
}
.ngg-albumoverview {
margin-top : 10px;
width : 100%;
clear : both;
display : block !important ;
}
.ngg-album {
height : 100%;
padding : 5px;
margin-bottom : 5px;
border : 1px solid #fff;
}
html > body .ngg-album {
overflow : hidden;
padding : 5px;
margin-bottom : 5px;
border : 1px solid #cccccc;
}
.ngg-album {
overflow : hidden;
padding : 5px;
margin-bottom : 5px;
border : 1px solid #cccccc;
}
.ngg-albumtitle {
text-align : left;
font-weight : bold;
margin : 0;
padding : 0;
font-size : 1.4em;
margin-bottom : 10px;
}
.ngg-thumbnail {
float : left;
margin-right : 12px;
}
.ngg-thumbnail img {
background-color : #ffffff;
border : 1px solid #a9a9a9;
margin : 4px 0 4px 5px;
padding : 4px;
position : relative;
}
.ngg-thumbnail img:hover {
background-color : #a9a9a9;
}
.ngg-description {
text-align : left;
}
.ngg-album-compact {
float : left;
height : 180px;
padding-right : 6px !important ;
margin : 0 !important ;
text-align : left;
width : 120px;
}
.ngg-album-compactbox {
background : transparent url(albumset.gif) no-repeat scroll 0%;
height : 86px;
margin : 0 0 6px !important ;
padding : 12px 0 0 7px !important ;
width : 120px;
}
.ngg-album-compactbox .Thumb {
border : 1px solid #000000;
margin : 0 !important ;
padding : 0 !important ;
width : 91px;
height : 68px;
}
.ngg-album-compact h4 {
font-size : 15px;
font-weight : bold;
margin-bottom : 0;
margin-top : 0;
width : 110px;
}
.ngg-album-compact p {
font-size : 11px;
margin-top : 2px;
}
.ngg-galleryoverview {
overflow : hidden;
margin-top : 10px;
width : 100%;
clear : both;
display : block !important ;
}
.ngg-galleryoverview .desc {
margin : 0 10px 10px 0;
padding : 5px;
}
.ngg-gallery-thumbnail-box {
float : left;
}
.ngg-gallery-thumbnail {
float : left;
margin-right : 5px;
text-align : center;
}
.ngg-gallery-thumbnail img {
background-color : #ffffff;
border : 1px solid #a9a9a9;
display : block;
margin : 4px 0 4px 5px;
padding : 4px;
position : relative;
}
.ngg-gallery-thumbnail img:hover {
background-color : #a9a9a9;
}
.ngg-gallery-thumbnail span {
font-size : 90%;
padding-left : 5px;
display : block;
}
.ngg-clear {
clear : both;
}
.ngg-navigation {
font-size : 0.9em !important ;
clear : both !important ;
display : block !important ;
padding-top : 15px;
text-align : center;
}
.ngg-navigation span {
font-weight : bold;
margin : 0 6px;
}
.ngg-navigation a.page-numbers, .ngg-navigation a.next, .ngg-navigation a.prev, .ngg-navigation span.page-numbers, .ngg-navigation span.next, .ngg-navigation span.prev {
border : 1px solid #dddddd;
margin-right : 3px;
padding : 3px 7px;
}
.ngg-navigation a.page-numbers:hover, .ngg-navigation a.next:hover, .ngg-navigation a.prev:hover, .ngg-navigation span.page-numbers:hover, .ngg-navigation span.next:hover, .ngg-navigation span.prev:hover {
background-color : #0066cc;
color : #ffffff !important ;
text-decoration : none !important ;
}
.ngg-imagebrowser h3 {
text-align : center;
}
.ngg-imagebrowser img {
border : 1px solid #a9a9a9;
margin-top : 10px;
margin-bottom : 10px;
width : 100%;
display : block !important ;
padding : 5px;
}
.ngg-imagebrowser-nav {
padding : 5px;
margin-left : 10px;
}
.ngg-imagebrowser-nav .back {
float : left;
border : 1px solid #dddddd;
margin-right : 3px;
padding : 3px 7px;
}
.ngg-imagebrowser-nav .next {
float : right;
border : 1px solid #dddddd;
margin-right : 3px;
padding : 3px 7px;
}
.ngg-imagebrowser-nav .counter {
text-align : center;
font-size : 0.9em !important ;
}
.exif-data {
margin-left : auto !important ;
margin-right : auto !important ;
}
.slideshow {
margin-left : auto;
margin-right : auto;
text-align : center;
outline : none;
}
.ngg-singlepic {
background-color : #ffffff;
display : block;
padding : 4px;
}
.ngg-left {
float : left;
margin-right : 10px;
}
.ngg-right {
float : right;
margin-left : 10px;
}
.ngg-center {
margin-left : auto !important ;
margin-right : auto !important ;
}
.ngg-widget, .ngg-widget-slideshow {
overflow : hidden;
margin : 0;
padding : 5px 0 0 0;
text-align : left;
}
.ngg-widget img {
border : 2px solid #a9a9a9;
margin : 0 2px 2px 0;
padding : 1px;
}
.ngg-related-gallery {
background : #f9f9f9;
border : 1px solid #e0e0e0;
overflow : hidden;
margin-bottom : 1em;
margin-top : 1em;
padding : 5px;
}
.ngg-related-gallery img {
border : 1px solid #dddddd;
float : left;
margin : 0 3px;
padding : 2px;
height : 50px;
width : 50px;
}
.ngg-related-gallery img:hover {
border : 1px solid #000000;
}
.ngg-galleryoverview ul li:before {
content : '' !important ;
}
.ngg-gallery-list {
list-style-type : none;
padding : 0 !important ;
text-indent : 0 !important ;
}
.ngg-galleryoverview div.pic img {
width : 100%;
}
.ngg-gallery-list li {
float : left;
margin : 0 2px 0 2px !important ;
overflow : hidden;
}
.ngg-gallery-list li a {
border : 1px solid #cccccc;
display : block;
padding : 2px;
}
.ngg-gallery-list li.selected a {
background : #000000 none repeat scroll 0% 0%;
}
.ngg-gallery-list li img {
height : 40px;
width : 40px;
}
li.ngg-next, li.ngg-prev {
height : 40px;
width : 40px;
font-size : 3.5em;
}
li.ngg-next a, li.ngg-prev a {
padding-top : 10px;
border : none;
text-decoration : none;
}
#shDisplay div#shTitle {
font : normal 12px/17px 'Lucida Grande', Verdana, sans-serif;
color : #ffffff;
text-align : center;
margin : 0 auto;
}
#shDisplay div#shCount {
color : #999999;
font : normal 10px/12px 'Lucida Grande', Verdana, sans-serif;
}
#shDisplay div#shTitle a {
text-decoration : none;
font : bold 16pt 'Courier New', Courier, fixed;
letter-spacing : -2px;
margin : 0 10px;
width : 26px;
color : #999999;
}
#shDisplay div#shTitle a:hover {
color : #ffffff;
border : none;
}
#shDisplay div#shNext {
float : right;
}
#shDisplay div#shPrev {
float : left;
}
body {
height : 100%;
}
#shShutter *, #shDisplay * {
padding : 0;
margin : 0;
}
div#shShutter, div#shDisplay {
top : 0;
left : 0;
width : 100%;
position : absolute;
}
div#shShutter {
height : 100%;
z-index : 1000;
background-color : #000000;
}
div#shDisplay {
display : block;
background-color : transparent;
z-index : 1002;
}
div#shDisplay img#shTopImg {
margin : 0 auto;
border : 1px solid #555;
background : transparent;
display : block;
max-width : none;
max-height : none;
float : none;
padding : 2px;
cursor : pointer;
}
div#shDisplay div#shWrap {
visibility : hidden;
}
div#shWaitBar {
font : bold 32px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
height : 36px;
width : 100%;
left : 0;
cursor : default;
z-index : 1001;
margin-top : 160px;
color : #ae0a0a;
}
#wp-calendar {
text-align : center;
width : 100%;
border-collapse : collapse;
padding : 0;
margin : 0;
font-size : 1em;
}
#wp-calendar caption a, #wp-calendar caption a:hover {
background : transparent;
}
#wp-calendar th {
font-weight : bold;
}
#wp-calendar a {
text-decoration : none;
display : block;
color : black;
}
#wp-calendar td, #wp-calendar th {
text-align : center;
}
#wp-calendar tbody td a {
text-decoration : underline;
background-color : #ccc;
}
#wp-calendar caption {
letter-spacing : 0.1em;
padding : 0.2em 1em 0.2em 0;
font-weight : normal;
text-align : left;
font-size : 1.2em;
}