/* theme name: A Delicious Red theme uri: http://blog.pleinesoft.de/ description: A Delicious Red powered by http://www.pleinesoft.de/ version: 2.0.2 author: Christopher Pleines author uri: http://www.pleinesoft.de/ tags: fixed width, two columns, widgets, custom header, red, delicious, clouds, pink, shadow, round, light, simple */ /* ----------- Layout ---------------------------------------------------------------------- */ * { font-size: 100%; margin: 0; padding: 0; line-height: 1.4em; } body { background: url(images/bg_body.gif) top left repeat-x #ffcccc; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #333; text-align: center; position: relative; } #page { display: block; width: 750px; background: url(images/bg_main.gif) top repeat-y; text-align: left; margin: 0 auto; } #header { position: relative; float: left; display: block; width: 750px; background: url(images/bg_header.jpg) top no-repeat; min-height: 250px; padding: 0; } #header h1 { font: 4em Georgia,"Times New Roman",Times,serif; color: #fff; letter-spacing: -1px; padding: 45px 37px 0 37px; margin: 0 0 -5px 0; } #header .description { color: #d2e2ed; margin: 0 37px 25px 37px; } * html #header { height: 250px; } /* your logo, picture etc. */ #mainpic { /* position: absolute; bottom: 0px; right:0px; float: left; background: url(images/mainpic.png) no-repeat; background-position: right top; display: block; width: 230px; height: 230px; margin: 0 7px; */ } p img { float: left; margin: 0 15px 12px 0; } p img.wp-smiley { float: none; margin: 0; } embed { float: left; margin: 0 18px 12px 0; } #content { padding: 20px 15px 15px 25px; float: left; width: 510px; } .clear { clear: both; } .icon { vertical-align:text-bottom; margin:0; padding:0; float:none; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .gravatar { height: 40px; width: 40px; } /* -------- // Layout ---------------------------------------------------------------------- */ /* ----------- Menu Tabs ------------------------------------------------------------------- */ #menu { position: absolute; bottom: 0px; float: left; width: 736px; font-size: 110%; line-height: normal; margin-left: 7px; margin-right: 7px; } #menu .tabs { margin:0; padding:0; list-style:none; } #menu .tabs ul { display:none; /* Hide subpages */ } #menu .tabs li { float:left; display:inline; margin:0 1px 0 0; padding:0; } #menu .tabs li#home { /* display: none; */ /* delete comment chars to hide the home link in the menu */ } #menu .tabs a { border-top: 1px solid #d2e2ed; border-left: 1px solid #d2e2ed; border-right: 1px solid #d2e2ed; float:left; margin:0; padding:4px; text-decoration:none; color: #fff; margin-top: 4px; } #menu .tabs li.current_page_item a, #menu .tabs a:hover { background-color: ffcccc; background-image:url(images/bg_menu_active.gif); background-position:bottom; color:#990000; border-top: 4px solid #ffcccc; border-left: 1px solid #FFF; border-right: 1px solid #FFF; margin-top: 1px; } /* -------- // Menu Tabs ------------------------------------------------------------------- */ /* ----------- Sidebar --------------------------------------------------------------------- */ #sidebar { float: left; width: 193px; } #sidebar .pad { padding-left: 0px; } #sidebar .sidebar_content { display: block; width: 157px; padding-left: 18px; float: left; } #sidebar .sidebar_content ul { list-style-type:square; color: #333; padding-left: 13px; } #sidebar a { color: #900; } #sidebar a:hover { text-decoration: underline; background:none; } #sidebar .cat { padding: 0px 0 0 17px; margin-top: 20px; float: left; display: block; width: 170px; margin-bottom: 3px; background: url(images/bg_sidebar_h3.gif) top left no-repeat; background-position: 5px 5px; } #sidebar .cat h3, #sidebar .cat h3 a { color: #c00; } #sidebar .cat h3 { font: 1.5em Arial, Helvetica, sans-serif; margin: 0; background: none; font-weight: bold; text-transform: none; border: 0; } #sidebar #search { background: url(images/bg_sidebar_search.png) top left no-repeat; height: 30px; padding: 6px 0 0 21px; } /* -------- // Sidebar --------------------------------------------------------------------- */ /* ----------- Forms ----------------------------------------------------------------------- */ form { margin: 0 0 18px 0; } #submitsearch { margin: 0; padding: 0; position:relative; left: 138px; background-color: #990000; border: 1px solid #000; } #sidebar #submitsearch { /*background: none;*/ border: 0; padding: 1px; } #searchfield { width: 130px; padding: 2px; border: 1px solid #333; background: url(images/bg_search_field.gif) repeat-x; color: #990000; margin:0; margin-right: 2px; position:absolute; height: 14px; } select, .field { width: 157px; margin: 0 0 4px 0; color: #32474B; } .field { padding: 2px; width: 153px; } textarea { padding: 2px; width: 308px; font: 1em Verdana, Arial, Helvetica, sans-serif; } select option { padding: 1px; } #submit { padding: 3px; } /* -------- // Forms ----------------------------------------------------------------------- */ /* ----------- Post ------------------------------------------------------------------------ */ .post ul, .page ul { margin-left: 2em; } /* date calendar */ .post .date { background: url(images/icon_calendar.gif) no-repeat left top; width: 40px; height: 40px; line-height:normal; float: left; margin-right: 10px; } .post .date .month, .post .date .day { text-align: center; width: 100%; } .post .date .month { font-size: 80%; line-height: 80%; color: #FFF; padding: 1px 0 0 0; margin: 0; } .post .date .day { font-size: 150%; padding: 2px 0 0 0; } /* title */ .post .title { float: left; } .post small, .post .small { position:absolute; margin-top: 3px; width: 460px; } .post h2 { border-bottom: 1px dotted #333; padding-bottom: 5px; width: 455px; } .post h2, .post h2 * { line-height: 80%; padding-top:1px; } .post .entry { margin-top: 5px; } .post-content { margin-left: 50px; } .post .postinfo { width: 430px; float:left; } .comments { background-image:url(images/icon_comments.gif); background-repeat:no-repeat; width: 24px; height: 20px; text-align:center; float:right; font-size: 9px; padding-top:1px; line-height:normal; margin-right:2px; } .comments a { width: 100%; height: 100%; display:block; line-height:normal; padding-top:1px; letter-spacing:-1px; } /* comment */ .comment { width: 510px; margin: 15px 0; } .comment .even .top, .comment .even .middle, .comment .even .bottom, .comment .odd .author { float: left; } .comment .odd .top, .comment .odd .middle, .comment .odd .bottom, .comment .even .author { float: right; } .comment .even .author { text-align: right; } .comment .even .top { background: url(images/comment_top_right.png) top left no-repeat; } .comment .odd .top { background: url(images/comment_top_left.png) top left no-repeat; } .comment .even .middle { padding: 0 22px 0 10px; } .comment .odd .middle { padding: 0 10px 0 22px; } .comment .odd .middle, .comment .odd .bottom { background-position: 8px 0; } .comment .top { height: 10px; width: 400px; line-height:normal; font-size: 1px; } .comment .middle { background: url(images/comment_middle.png) top left repeat-y; width: 368px; } .comment .bottom { background: url(images/comment_bottom.png) top left no-repeat; height: 10px; width: 400px; line-height:normal; font-size: 1px; } .comment .author { width: 110px; margin: 0; padding: 0; } .userinfo { width: 190px; float: left; } .form_comment { width: 320px; float: right; } /* categories */ .categories .children { display: none; /* if you want to show children categories - delete this line */ } .categories, .categories ul { list-style:none; margin:0; padding:0; } .categories li { display:inline; float:left; padding-right: 10px; padding-bottom: 5px; white-space:nowrap; } .categories .children li { display:block; float:none; padding-bottom: 0; } .categories li { margin: 0; padding-top: 1px; padding-left: 17px; background-image:url(images/folder.gif); background-repeat:no-repeat; } .categories .children li { background-image:url(images/folder_children1.gif); } .categories .children .children li { background-image:url(images/folder_children2.gif); } /* -------- // Post ------------------------------------------------------------------------ */ /* ----------- Footer ---------------------------------------------------------------------- */ #footer { clear: both; display: block; width: 750px; background: url(images/bg_footer.gif) bottom no-repeat; text-align: center; height: 70px; } #footer p { width: 530px; color: #BEBEBE; padding: 20px; 0; } #footer a, #footer a:visited { color: #BEBEBE; text-decoration:none; } #footer p a:hover { color: #666; } /* -------- // Footer ---------------------------------------------------------------------- */ /* ----------- Typography ------------------------------------------------------------------ */ h1 { font: 2em Tahoma, Verdana, Arial, sans-serif; color: #fff; letter-spacing: 0px; padding: 45px 37px 0 37px; margin: 0 0 -5px 0; } h1 a, h1 a:visited { color: #fff; text-decoration: none; } h2, h2 a { color: #990000; } h2 { font-size: 1.5em; font-weight:bold; } h3 { color: #CC0000; font-size: 1.5em; font-weight: normal; margin: 1em 0 0.5em 0; } .archive h3 { margin: 0.5em 0 0 0; } .post_detail h3 { border-bottom: 1px dotted #333; } .title { margin: 0px 0; } a { color: #CC0000; text-decoration: none; } a:hover { text-decoration:underline; } .readmore a { } p { padding: 5px 0; } .text { margin: 10px 0 0 0; } blockquote p { width: 40%; line-height:140%; margin:10px; background: url(images/quotes_close.gif) no-repeat bottom right !important; background /**/:url(); /* removing quote graphic in IE5+ */ padding:0px 25px 5px 0px; } blockquote p:first-letter { background: url(images/quotes_open.gif) no-repeat left top !important; padding:5px 2px 10px 30px!important; padding /**/:0px; /* resetting padding in IE5+ */ background /**/: url(); /* removing quote graphic in IE5+ */ } /* -------- // Typography ------------------------------------------------------------------ */ /* -------- Admin Buttons ------------------------------------------------------------------ */ .admin-buttons a { display: block; padding: 4px 10px; margin: 5px 0; text-align: center; background: url(images/bg_but_admin.gif) bottom left repeat-x; border-top: 1px solid #FCC; border-left: 1px solid #FCC; border-bottom: 1px solid #C99; border-right: 1px solid #C99; font-weight: bold; } .admin-buttons span, .admin-buttons div { margin: 5px 5px 5px 0; } .admin-buttons span { display: block; float: left; } .admin-buttons div { width: 150px; float: left; } .admin-buttons span a { display: inline; line-height:25px; } .admin-buttons a:visited { font-weight: normal; } .admin-buttons a:hover { background: #FCC; padding: 5px 9px 3px 11px; } /* ------// Admin Buttons ------------------------------------------------------------------ */ /* -------- Calendar ----------------------------------------------------------------------- */ #calendar_wrap { width: 157px; } #wp-calendar caption { width: 100%; text-align: center; background: url(images/bg_calendar_top.gif) no-repeat; color: #FFF; font-weight:bold; height: 24px; line-height: 20px; vertical-align:middle; } #wp-calendar { border-collapse: collapse; width: 100%; text-align: center; table-layout:auto; background: url(images/bg_calendar_middle.gif) repeat-y; } #wp-calendar thead th { margin:0; } #wp-calendar tbody td { padding: 1px 0; } #wp-calendar #today { border: 1px solid #C00; } #wp-calendar a { padding: 2px 0; font-weight: bold; } #wp-calendar tfoot td { padding: 2px 0 6px 0; background: url(images/bg_calendar_bottom.gif) bottom no-repeat; } #wp-calendar tfoot #prev { background-position: bottom left; } #wp-calendar tfoot #next { background-position: bottom right; } #wp-calendar #next { text-align: right; padding-right: 10px; } /* ------// Calendar ----------------------------------------------------------------------- */