/* Theme Name: Beach Evening Theme URI: http://www.themesjunction.com/view/?theme=Beach+Evening Description: a very cute wordpress theme for personal blogs Author: Themes Junction Author URI: http://www.themesjunction.com Tags: four-columns, orange Version: 2.1 Align classes: .aligncenter */ /*=============================================================================*/ /*global*/ body { margin: 0 auto; background: #FAFCFB url("images/background.gif") repeat-x top;} h1, h2, h3, h4 { margin: 0; } a { text-decoration: none; } a:hover { text-decoration: underline; } img { border: 0; } .alignleft{ float:left; } .alignright{ float:right; } .clear { clear: both; height: 0; overflow: hidden; } /*wrap*/ #wrap { width: 1004px; margin: 0 auto; padding:0px; } #content-container { width: 1004px; background: url("images/header.jpg") no-repeat top; margin: 0 auto; padding:0px; } #contents { width: 960px; padding: 0 0px 0 35px; margin-top:10px; } #page-bottom { width: 1004px; background: url("images/footer.gif") no-repeat bottom; } /*header*/ #header { width: 1004px; height: 420px; position: relative; } #header-title { position: absolute; text-transform: uppercase; right: 70px; top: 50px; } #header-title h1 { color: #ffffff; font:30px Arial; font-weight:bold; margin-bottom: 0px; } #header-title h1 a { color: #ffffff; text-decoration: none; } .header-subtitle { color: #ffffff; font:12px Arial; } #rss {position: absolute; top: 374px; left: 45px; float:right; padding-left: 30px; height: 33px; font: 10px tahoma; color: #9A592A; line-height:25px; background: url("images/icon_feed.gif") no-repeat; } #rss a { color: #565656; } /*top menus*/ #navlist { position: absolute; top: 328px; left: 35px; height: 45px; } #navlist ul { list-style-type: none; height: 28px; padding: 0; margin: 0; } #navlist ul li { font: bold 14px tahoma; color: #FFECB8; margin: 0 0 0 2px; height: 28px; float: left; } #navlist ul li a { display: block; text-decoration: none; color: #FDF6E0; text-align: center; padding:5px 0px 0 0px; height:25px; width: 97px; background:url(images/menu.gif) no-repeat right top; } #navlist ul li:hover { } #navlist ul li a:hover { color: #B95028; background:url(images/menu.gif) no-repeat top left; } #navlist ul li.current_page_item { color: #B95028; } #navlist ul li.current_page_item a { color: #B95028; background:url(images/menu.gif) no-repeat top left; } #navlist ul li:hover ul ul, #navlist ul li:hover ul ul ul, #navlist ul li:hover ul ul ul ul{display:none;} #navlist ul li:hover ul, #navlist ul li li:hover ul, #navlist ul li li li:hover ul, #navlist ul li li li li:hover ul{display:block;} #navlist ul ul {display:none;} /*aboutus summary*/ #about_box { float: left; width: 345px; margin-left:13px; padding:0 10px 0 10px; height:270px; margin-top:0px; text-align:justify; font:12px arial; color:#F8E1ED; overflow:hidden; background: url("images/box_about.gif") no-repeat top left; } #about_box h3 { margin:5px 0px; color:#F8DFEC; font:bold 14px arial; padding:0; } #about_box img{ float:right; padding:0px; margin:25px 0 0 10px; border:1px solid #999999; } #about_box a{ color:#ffffff; text-decoration:none; } /*search area*/ #menu_search_box { position: absolute; top: 378px; left: 790px; width: 150px; height: 20px; } #menu_search_box #searchform { margin: 0; padding: 0; width: 180px; height: 27px; } #menu_search_box #s { font: 10px tahoma; color: #565656; border: 0; background: none; float: left; width: 160px; height: 18px; } #menu_search_box #submit { display: none; } /*post top*/ #contents .top_post { float: left; padding:0; margin: 0 0 10px 0; height:280px; width: 560px; } .meta_inf { width: 530px; height: 22px; } .meta_inf a{ color:#B36431; } .headline { float: left; display:inline; padding-left: 5px; } .headline_date { float: right; display:inline; padding-right: 0px; color:#CC6699; font:14px arial; } .meta_date { float: right; display:inline; padding-top:28px; padding-right:10px; padding-bottom:10px; text-align:right; color:#666666; font:10px arial; width:130px; overflow:hidden;} .meta_comments { width:100px; float: left; font:10px arial; padding-left: 15px; padding-top:15px; height:22px; line-height:22px; } .meta_more { float: right; width:120px; text-align:right; font:10px arial; padding-top:20px; padding-right:2px; } .top_titles a{ color: #DA754E; text-decoration: none; font: bold 18px arial; } .post_bottom { width: 560px; padding-top: 14px; line-height: 22px; height: 30px; font: 11px Arial; color: #cccccc; } .post_cat { padding-left: 14px; line-height: 22px; font: 11px Arial; color: #cccccc; } .post_cat a { color: #B36431; } /*magazine style posts*/ #content { float: left; width: 580px; overflow: hidden; } #content .mag_posts { float: left; width: 280px; margin: 0 6px 6px 0; color: #858585; font: 11px Arial; background: url("images/post_mag_bg.gif") repeat-y left; } #content .mag_posts a { color: #B36431; } #content .top_mag_posts { width: 270px; background: url("images/post_mag_top.gif") no-repeat; } #content .bottom_mag_posts { width: 270px; padding-top: 7px; padding-bottom: 4px; background:url("images/post_mag_bottom.gif") no-repeat bottom left; } #content .mag_posts h2 { padding:0; padding-left: 7px; color: #DD9BC3; font: bold 14px verdana; height:30px; margin:0; } #content .mag_posts h2 a { color: #DEC3D3; } #content .top_mag_titles{ height:30px; text-align:left; clear:both; padding-top:10px;} #content .top_mag_titles a{ color: #DA754E; text-decoration: none; font: bold 12px verdana; } #content .mag_cat{ height:30px; float:left; padding-top:5px; padding-left:15px;} #content .mag_posts .mag_posts_entry { padding: 0px 9px 0px 7px; margin:0; width: 250px; height: 350px; text-align:justify; } #content .mag_posts .mag_posts_meta { margin: 0 9px 0 6px; width:250px; height: 40px; overflow:hidden; } /*pages*/ #content .post { float: left; width: 530px; margin-bottom: 10px; } #content .post-top { width: 530px; clear:both; color: #D09640; height:50px; font: 10px Arial; } #content .post-bottom { width: 555px; padding-top: 14px; line-height: 22px; height: 30px; font: 11px Arial; color: #cccccc; } #content .post-top a { color: #DA754E; text-decoration: none; } #content .post-top a:hover { text-decoration: underline; } #content .post-top h2 { color: #666666; font: bold 14px Arial; padding: 7px 5px 10px 5px; background:url("images/post_top.gif") repeat-x bottom; } #content .post-top h2 a { color: #DA754E; text-decoration: none; } #content .post-top h2 a:hover { text-decoration: underline; } #content .meta_inf { width: 530px; height: 22px; } #content .post .post_ctg { width: 560px; padding-left: 14px; line-height: 22px; height: 22px; font: 11px Arial; color: #A07608; } #content .post .post_ctg a { color: #B45E01; } #content .post-entry { font: 12px Arial; color: #909090; width: 520px; padding: 0 10px 0 10px; text-align:justify; } #content .post-entry a { color: #DA754E; text-decoration: none; } #content .post .post-entry a:hover { text-decoration: underline; } #content .post .post-entry blockquote { border-left: 6px solid #999999; margin: 0px 20px; padding-left: 10px; font-style:italic; } #content .post .post-entry img { padding: 5px; border: 0px; } #content .post h3 { margin: 20px 0 5px 0; color: #B36431; font: 18px Verdana; } #comment { background:#ffffff; width:500px; border:1px solid #606060; } #commentform input{ border:1px solid #606060; background:#ffffff; } #commentform #submit{ border:1px solid #909090; border-style:outset; background:#efefef; color:#999999; } #content .post .comments { font: 11px Arial; color: #969696; width: 500px; } #content .post .comments ol { margin: 10px 0; padding-left: 25px; } #content .post .comments ol li { padding: 5px; } #content .post .comments ol li a { color: #DA754E; text-decoration: none; } #content .post .comments ol li a:hover { text-decoration: underline; } #content .post .comments ol li.alt { background: #EBF1FD; } #content .post .comments ol li cite { color: #606060; font-style: normal; font-weight: bold; } #content .post .comments ol li cite a { color: #606060; text-decoration: none; } #content .post .comments ol li cite a:hover { text-decoration: underline; } #content .post .comments ol li .commentmetadata a { color: #aaaaaa; text-decoration: none; } #content .post .comments ol li .commentmetadata a:hover { text-decoration: underline; } #content .post #commentform { font: 11px Arial; color: #909090; width: 548px; padding-left: 25px; margin: 0; } #content .post #commentform a { color: #DA754E; text-decoration: none; } #content .post #commentform a:hover { text-decoration: underline; } /*sidebar 1*/ #sidebar-wrap { width:345px; margin:0; padding:0; float:left;} #sidebar1 { float: left; width: 190px; font: 11px Arial; color: #E6EBF8; background: url("images/sidebar_bg.gif") repeat-y left; } #sidebar_container { width:170px; margin-bottom: 3px; } #sidebar1 h2 { width: 168px; height: 25px; text-align:center; padding-top:25px; margin-bottom: 2px; font: bold 14px tahoma; color: #40408A; background: url("images/sidebar_title.gif") no-repeat top left; } #sidebar1 a { color: #1C71A7; text-decoration: none; } #sidebar1 a:hover { text-decoration: underline; } #sidebar1 ul { margin: 0; padding: 7px; list-style-type: none; } #sidebar1 ul li { color: #656565; font: 11px Arial; border-bottom:1px dashed #3B5986; width:155px; } #sidebar1 ul li ul li{ border:none; } #sidebar1 ul li a { color: #1C71A7; text-decoration: none; padding: 5px 5px 5px 10px; margin:0; display: block; background: none; } #sidebar1 ul li a:hover { text-decoration: none; } #sidebar1 ul li ul { margin: 0; padding: 0; background: none; } #sidebar1 #searchform { display:none; } #sidebar1 #searchform #s { width: 100px; } #sidebar1 #calendar_wrap { width: 160px; margin: 0 auto; padding-top: 5px; } #sidebar1 #calendar_wrap table { width: 140px; } #sidebar1 #calendar_wrap caption { margin: 0 auto; font-weight: bold; } #sidebar1 #calendar_wrap tbody { text-align: right; } #sidebar1 #calendar_wrap tfoot #next { text-align: right; } #sidebar1 #calendar_wrap #today { font-weight: bold; } #sidebar1 .textwidget { padding: 0 5px; } /*sidebar 2*/ #sidebar2 { float: left; width: 170px; font: 11px Arial; color: #E6EBF8; margin-left:2px; background: url("images/sidebar_bg.gif") repeat-y left; } #sidebar2 h2 { width: 168px; height: 25px; text-align:center; padding-top:25px; margin-bottom: 2px; font: bold 14px tahoma; color: #40408A; background: url("images/sidebar_title.gif") no-repeat top left; } #sidebar2 a { color: #1C71A7; text-decoration: none; } #sidebar2 a:hover { text-decoration: underline; } #sidebar2 ul { margin: 0; padding: 7px; list-style-type: none; } #sidebar2 ul li { color: #656565; font: 11px Arial; border-bottom:1px dashed #3B5986; width:155px; } #sidebar2 ul li ul li{ border:none; } #sidebar2 ul li a { color: #1C71A7; text-decoration: none; padding: 5px 5px 5px 10px; margin:0; display: block; background: none; } #sidebar2 ul li a:hover { text-decoration: none; } #sidebar2 ul li ul { margin: 0; padding: 0; background: none; } #sidebar2 #searchform { display:none; } #sidebar2 #searchform #s { width: 180px; } #sidebar2 #calendar_wrap { width: 160px; margin: 0 auto; padding-top: 5px; } #sidebar2 #calendar_wrap table { width: 140px; } #sidebar2 #calendar_wrap caption { margin: 0 auto; font-weight: bold; } #sidebar2 #calendar_wrap tbody { text-align: right; } #sidebar2 #calendar_wrap tfoot #next { text-align: right; } #sidebar2 #calendar_wrap #today { font-weight: bold; } #sidebar2 .textwidget { padding: 0 10px 0 10px; } .sidebar_bottom { background: url("images/sidebar_bottom.gif") no-repeat bottom left; margin: 0px; padding: 0px; clear:both; height: 20px; width: 170px; display:block; position:relative; } /*advertisements*/ .ads_wrap { display:none; float: left; position:relative; width: 300px; margin:0; padding:0; padding-left:28px; margin-bottom: 10px; margin-top:-25px; } .ad_block{ padding:10px; float:left; border:none; } /*recent posts*/ #recent_data { width: 935px; margin-bottom: 15px; } #recent_data_top { width: 933px; } #recent_data_bottom { width: 923px; padding: 0 0 20px 10px; overflow: hidden; } .recent_data_container { width: 190px; float: left; padding-left:5px; } .recent_data_container h3 { color: #F8D8F3; padding: 6px; height:20px; font: bold 14px Verdana; background: url("images/top_side_left.gif") repeat-x top; } .recent_data_container ul { margin: 0; padding: 0; list-style-type: none; } .recent_data_container ul li { font:12px tahoma; text-align:left; border-bottom: 1px dotted #ffffff; } .recent_data_container ul li a { color: #F2A9D5; text-decoration: none; display: block; padding: 4px; } .recent_data_container ul li a:hover { text-decoration: none; background-color:#dedede; } .recent_data_container ul li a span { color: #222222; font: 10px Arial; display: block; margin-bottom: 4px; } .recent_data_container ul li ul { display: none; } .recent_data_middle { width: 320px; margin-top: 8px; padding: 0 23px; overflow: hidden; float: left; } /*bottom nav*/ .navigation { font: 11px tahoma; color: #1C71A7; width: 550px; padding:0; overflow:hidden; } .navigation a { color: #CC9966; text-decoration: none; } .navigation a:hover { color: #CC9966; text-decoration: underline; } .navigation-p { float: left; } .navigation-n { float: right; } /*footer*/ #footer { width: 934px; height: 80px; padding: 0; color: #6E7DA0; padding-top:30px; text-align:center; font: 11px Arial; clear:both; } #footer a { color: #FAFCFB; text-decoration: none; } #footer a:hover { text-decoration: none; }