/* Theme Name: Under a bigger Palm Tree Theme Theme URI: http://flamingofred.se/ Description: A variant of the default WordPress theme based on the famous Kubrick. Version: 1.1 Author: Fredrik Berggren Author URI: http://flamingofred.com/ Tags: yellow, sand, bamboo, sifr, tiki, fixed width, two columns, widgets */ /*--- @Font --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ @font-face { font-family: 'House-A-RamaLeague-Night'; src: url('/service/font/House-A-Rama-League-Night.eot'); src: local('/service/font/House-A-Rama League-Night'), local('/service/font/House-A-Rama-League-Night'), url('/service/font/House-A-Rama-League-Night.woff') format('woff'), url('/service/font/House-A-Rama-League-Night.otf') format('opentype'), url('/service/font/House-A-Rama-League-Night.svg#House-A-Rama-League-Night') format('svg'); } /*--- Body and framework --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body { background: #6f3f00 url('img/sand.jpg'); color: #1f0f00; font-family: Georgia, 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 62.5%; text-align: center; } body { margin: 0; padding: 0; } #container { margin: 0px auto; text-align: left; width: 860px; padding: 0; } #cladding { background: transparent url('img/content_back.png') repeat-y top left; margin: 0px auto; overflow: hidden; padding: 0 0 30px 0; text-align: left; width: 860px; } #page { margin: 0px auto; padding: 0; page: 0 0 10px 0; text-align: left; width: 860px; } #content { font-size: 1.3em; margin-bottom: 20px; } .widecolumn .entry p { font-size: 1.0em; } .narrowcolumn .entry, .widecolumn .entry { line-height: 1.6em; margin-left: 5px; } .widecolumn { line-height: 1.6em; } .narrowcolumn .postmetadata { padding-left: 0; text-align: left; } .thread-alt { background: transparent url('img/bamboo_divider.png') repeat-x bottom right; margin: 0 0 20px; padding: 0 0 20px 0; text-align: left; } .thread-even { background: transparent url('img/bamboo_divider.png') repeat-x bottom right; margin: 0 0 20px; padding: 0 0 20px 0; text-align: left; } .depth-1 { border: none; } .even, .alt { border-left: none; } .narrowcolumn { background: transparent url('img/bamboo_divider_vertical.png') repeat-y top right; float: left; margin: 10px 0 0; padding: 0 35px 15px 45px; width: 530px; } .widecolumn { margin: 5px 0 0 150px; padding: 10px 0 20px 0; width: 530px; } .post { background: transparent url('img/bamboo_divider_splash.png') repeat-x top right; margin: 0 0 40px 0; padding: 20px 0 0 0; text-align: left; } .post hr { display: block; } .navigation { background: transparent url('img/bamboo_divider.png') repeat-x top right; margin: 0; padding: 27px 0 0 0; text-align: left; } .widecolumn .post { margin: 0; } .narrowcolumn .postmetadata { padding-top: 12px; } .widecolumn .postmetadata { margin: 0; } .widecolumn .smallattachment { float: left; margin: 5px 5px 5px 0px; text-align: center; width: 128px; } .widecolumn .attachment { margin: 5px 0px; text-align: center; } .postmetadata { clear: both; } .clear { clear: both; } .singlepostmetadata { display: block; border: none; margin: 35px 0 5px 0; clear: both; } /*--- Header --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #flower { background-image: url('img/hibiscus_pink.png'); display:block; height: 250px; left: 675px; overflow: visible; position: relative; top: -15px; width: 250px; z-index: 200; } #header { background: transparent url('img/header.png') no-repeat top center; height: 200px; margin: 0 0 0 1px; overflow: visible; padding: 0; width: 858px; } #headerimg { overflow: visible; } #flamingofred { position: relative; margin: 10px 0 0 0; left: 7px; border: none; } #vasnas { position: relative; margin: 0 0 0 0; left: 515px; top: -165px; border: none; width: 140px; height: 130px; z-index: 201; visibility: hidden; } /*--- Main Menu --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #woodmenu { display: block; left: -33px; margin: 0; padding: 0; position:relative; top: 129px; } #woodmenu li, #woodmenu li ul, #woodmenu pagenav { left: 0; list-style-type: none; top: 0; } #woodmenu li ul li { background-image: url('img/menu_plank_s.png'); background-repeat: no-repeat; color: #593718; display: block; float:left; font-family: Rockwell, verdana, sans-serif; font-size: 16px; font-weight: bold; height: 29px; left: 0px; margin: 0px 4px 1px 0px; padding: 10px 0px 0px 0px; position: static; text-align: center; text-transform:uppercase; top: 0px; width: 140px; } #woodmenu li ul li a { color: #1f0f00; text-decoration:none; } #woodmenu li ul li a:hover { color: #6f4f40; text-decoration:none; } #woodmenu li ul li:hover { background-image: url('img/menu_plank_s_hover.png'); } #woodmenu li ul li#current { background-image: url('img/menu_plank_s.png'); } #woodmenu li ul li#current:hover { background-image: url('img/menu_plank_s_hover.png'); } /*--- Footer --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #footer { position:relative; background: transparent url('img/footer.png') no-repeat top; border: none; clear: both; height: 100px; margin: 0 auto; padding: 0; width: 860px; top: -45px; } #footer p { margin: 0; padding: 20px 0 0 50px; } #skully { background-image: url('img/hibiscus_yellow.png'); display:block; height: 187px; left: 700px; overflow: visible; position: relative; top: -105px; width: 178px; z-index: 200; background-repeat: no-repeat; margin-bottom: -100px; } #pointy { background-image: url('img/pointy.png'); display:block; height: 167px; left: 740px; overflow: visible; position: relative; top: -310px; width: 179px; z-index: 200; background-repeat: no-repeat; margin-bottom: -310px; } p.creditline { visibility: hidden; height: 0; overflow: hidden; } /*--- Typography --------------------------------------------------------------------------------------------------------------------------------------------------------------*/ small { font-family: Rockwell, verdana, sans-serif; font-size: 0.9em; line-height: 1.5em; margin-left: 5px; position: relative; top: -5px; } h1, h2 { font-family: 'House-A-RamaLeague-Night', sans-serif; text-shadow: 0 0 7px #000, 0 0 2px #000; filter:progid:DXImageTransform.Microsoft.DropShadow(Color=#a88d60, OffX=2, OffY=2); } h3 { font-family: Rockwell, Verdana, Arial, Sans-Serif; font-weight: bold; } h1 { font-size: 4em; text-align: center; text-indent: -9999px; } #headerimg .description { font-size: 1.2em; text-align: center; text-indent: -9999px; } h2 { font-size: 3em; } h2.pagetitle { font-size: 3em; } .archive { background: none; } .archivetitle { color: #000; font-family: Georgia, serif; font-size:1em; margin: 0 0 10px 0; padding: 0; font-weight: normal; } #sidebar h2 { font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.3em; filter: none; } h3 { font-size: 1.3em; } h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description { color: #ffffff; text-decoration: none; } h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #ffffff; } h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { text-decoration: none; } .entry p a:visited { color: #3a1001; } .entry p img { margin-bottom: -25px; position: relative; top: -20px; } .entry p img.size-full { margin-bottom: -15px; position: relative; top: -5px; } .commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li ul li { font-size: 1em; } .commentlist li { font-weight: bold; background: none; } .commentlist li .avatar { visibility: hidden; width: 1px; height: 1px; float: right; } .commentlist cite, .commentlist cite a { font-size: 1.1em; font-style: normal; font-weight: bold; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } #commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentmetadata { font-weight: normal; } #sidebar { font-size: 1.2em; } small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #1f0f00; } code { font: 1.1em 'Courier New', Courier, Fixed; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } a, h2 a:hover, h3 a:hover { color: #511905; text-decoration: none; } a:hover { color: #ffffff; text-decoration: underline; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar a { text-decoration: none; } #wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } #respond h3, h3#comments {font-size: 1.8em; margin: -10px 0 -6px 0; font-family: 'House-A-RamaLeague-Night', sans-serif; text-shadow: 0 0 7px #000, 0 0 2px #000; filter:progid:DXImageTransform.Microsoft.DropShadow(Color=#a88d60, OffX=2, OffY=2); } /* Begin Headers */ h1 { margin: 0; padding-top: 70px; } h2 { margin: 0px 0 0px 0; } h2.pagetitle { margin-top: 30px; text-align: center; } #sidebar h2 { color: #fff; font-family: Rockwell, verdana, sans-serif; margin: 5px 0 0; padding: 0; } h3 { margin: 30px 0 0; padding: 0; } h3.comments { margin: 10px auto 20px ; padding: 0; } h3#comments { font-size: 1.8em; margin: -17px 0 -10px 0; } /* Begin Images */ p img { max-width: 100%; padding: 0; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { display: inline; margin: 0 0 2px 7px; padding: 4px; } img.alignleft { display: inline; margin: 0 7px 2px 0; padding: 4px; } .alignright { float: right; } .alignleft { float: left } /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html>body .entry ul { list-style: none; margin-left: 0px; padding-left: 10px; padding: 0 0 0 30px; text-indent: -10px; } html>body .entry li { margin: 7px 0 8px 10px; } .entry ul li:before, #sidebar ul ul li:before { } .entry ol { margin: 0; padding: 0 0 0 35px; } .entry ol li { margin: 0; padding: 0; } .entry h3 { font-size: 2em; margin: 0 0 0 0; padding: 6px 0 0 0; border-bottom: 1px solid #aa8844; font-family: 'House-A-RamaLeague-Night', sans-serif; text-shadow: 0 0 4px #000, 0 0 2px #000; } .postmetadata ul, .postmetadata li { display: inline; list-style-image: none; list-style-type: none; } #sidebar img { margin-left: -5px; } #sidebar ul, #sidebar ul ol { margin: 0; padding: 0; } #sidebar ul li { list-style-image: none; list-style-type: none; padding-bottom: 55px; margin-bottom: 0px; background: transparent url('img/bamboo_divider.png') repeat-x bottom right; } #sidebar ul li li { border-bottom: none; background: none; } #sidebar ul p, #sidebar ul select { margin: 5px 0 8px; } #sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 0px; } #sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; } ol li, #sidebar ul ol li { list-style: decimal outside; } #sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; } /* Begin Form Elements */ #searchform { margin: 10px 0 0 0; padding: 0; text-align: left; } #sidebar #searchform #s { padding: 2px; width: 108px; } #sidebar #searchsubmit { padding: 1px; } .entry form { text-align:center; /* This is mainly for password protected posts, makes them look better. */ } select { width: 130px; } #commentform input { margin: 5px 5px 1px 0; padding: 2px; width: 170px; } #commentform { margin: 5px 10px 0 0; } #commentform textarea { padding: 2px; width: 100%; } #respond:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #commentform #submit { float: right; margin: 0 0 5px auto; } /* Begin Comments*/ .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; } .commentlist li { list-style: none; margin: 15px 0 10px; padding: 5px 5px 10px 10px; } .commentlist li ul li { margin-left: 10px; margin-right: -5px; } .commentlist p { margin: 10px 5px 10px 0; } .children { padding: 0; } #commentform p { margin: 5px 0; } .nocomments { margin: 0; padding: 0; text-align: center; } .commentmetadata { display: block; margin: 0; } /* Begin Sidebar */ #sidebar { margin-left: 635px; padding: 20px 0 10px 0; width: 195px; } #sidebar form { margin: 0; } /* Begin Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar td.pad:hover { background-color: #fff; /* Doesn't work in IE */ } /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { border-left: 5px solid #ddd; margin: 15px 30px 0 10px; padding-left: 20px; } blockquote cite { display: block; margin: 5px 0 0; } .center { text-align: center; } .hidden { display: none; } hr { display: none; } a img { border: none; } /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: none; margin: -15px 0 10px 0; text-align: center; } .wp-caption img { border: 0 none; margin: 0; padding: 0; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Page Navigation */ .navigation { } .navigation img { border: none; } .navold { float: left; height: 25px; text-align:left; background: transparent url('img/left_hand.png') no-repeat top left; padding: 0 0 0 31px; } .navold img { margin: 0px 0 0 5px; vertical-align:middle; } .navnew { float: right; height: 25px; text-align:right; background: transparent url('img/right_hand.png') no-repeat top right; padding: 0 31px 0 0; } .navnew img { margin: 0px 5px 0 0; vertical-align:middle; } /* padding: 0 32px 0 0; background: transparent url('img/right_hand.png') no-repeat top right; padding: 0 0 0 32px; background: transparent url('img/left_hand.png') no-repeat top left; */ /* Recipe styles */ #rec { position: static; float: right; top: -10px; height: auto; width: 225px; margin: 0; padding: 0; font-family: Rockwell, Georgia, serif; color: #443333; } #rec div { background: transparent url('img/note.png') top left no-repeat; height: auto; margin: 0; padding: 55px 0 10px 0; width: 225px; } #rec div div { background: none; margin: 0 15px 0 15px; padding: 6px 0 0 0; font-size: 0.9em; line-height: 1.35em; width: 190px; } #rec div div .rectitle { color: #0f0502; font-size: 19px; font-weight: normal; position:relative; font-family: 'House-A-RamaLeague-Night', sans-serif; } #rec div div table { background: none; margin: 5px 0 0 0; padding: 0 0 0 0; } #rec div div p { margin: 7px 0 0 0; padding: 0; } #rec td.r { text-align: right; } #rec .foot { background: transparent url('img/note_footer.png') 0 -10px no-repeat; height: 25px; margin: 0; padding: 0; width: 225px; } /* New Tag Cloud */ #newtagcloud, #newtagcloud li { list-style: none !important; list-style-type: none !important; } #newtagcloud li a { margin: 0 7px 0 0;} /* Twitter */ .widget_twitter { width: 195px; overflow: hidden; } .widget_twitter img { float: right; margin: 3px 0 0 0; } .widget_twitter .entry-meta { display: block; font-size: 10px; margin: 0 0 8px 0; } a.twitterwidget { color: #1f0f00; } h2.widgettitle a { color: #fff; filter: none; } h2.widgettitle a:link { color: #fff; } h2.widgettitle a:visited { color: #fff; } /*--- Trading Post ------------------------------------------------------------------------------------------------------------------------------------------------------*/ .mug { display:block; clear:both; width: 420px; border:none; margin: 0; } .mug img { display:block; height: 150px; width: 150px; margin: 0; padding: 0; } .mug div { display:block; float:left; } h3.mugname { display:block; float:left; margin: 15px 0 0 0; font-size: 1.6em; width: 240px; }