/* $id */ /* * Theme name: Admire Grunge * Theme by: Worthapost * Website: http://www.worthapost.com * Author name: Mohd. Sakib * * Visit our website to rate this theme and see our Ppremium Themes. * */ body { font-size: 12px; font-family: monospace, Lucida Console, Trebuchet MS; color: #000000; margin: 0; padding: 0; background: #f1ede0 url(images/bg2.jpg) repeat fixed top center; } .container { width: 930px; margin: 0 auto; } /* * Top bar */ #top_bar { width: 100%; height: 37px; background: url(images/top_bar.jpg) repeat-x bottom; color: #fff; font-family: Lucida Console, monospace; } #top_bar a { color: #f6f1e5; text-decoration: none; } #top_menu { line-height: 35px; padding: 0 15px 0 0; font-size: 14px; float:left; height:35px; } #top_bar ul.links li { padding: 0 0.8em; } #topbar_right{ float:right; height:35px; } #topbar_right #user_links{ float:right; line-height:33px; height:33px; padding:2px 0 0 0; color:#41a3c0; } #user_links a{ color:#41a3c0; } #user_links ul{ padding:0; margin:0; } #topbar_right #user_links ul li{ list-style:none; list-style-type:none; display:inline; padding:0; margin:0; } #topbar_right #feed_icon_grunge{ float:right; padding:5px 0 0 10px; } /* * Head */ #head{ height:120px; padding:15px 0 0 0; } #logocontainer{ float:left; margin:25px 10px 0 10px; } #texttitles{ float:left; margin:25px 15px 0 10px; } .site-name{ float:left; margin:0; padding:0; font-size:40px; font-weight:bolder; text-shadow:1px 1px 1px #fff; font-family: georgia; padding:0 15px 0 0 ; letter-spacing:-3px; } .site-name a{ color:#281906 !important; } .site-slogan{ float:left; line-height:55px; height:55px; font-size:13px; font-family:tahoma, arial; font-weight:bolder; padding-left:15px; color:#735a1a; text-shadow:1px 1px 1px #fff; border-left:1px solid #553f10; } /* * Head -> SearchBox */ #head_right{ float:right; height:120px; width:303px; margin-left:15px; } #grunge_search *{ padding:0; margin:0; } #grunge_search{ height:90px; padding:30px 0 0 0px; } #grunge_search #search-theme-form input.form-text{ display:block; height:16px; padding:7px 5px 6px 5px; width:293px; border:none !important; background:url(images/search_box.jpg) no-repeat; font-family:monospace; } #grunge_search #search-theme-form input.form-submit{ float:right; margin:3px 3px 0 0; } /* * Primary Menu */ #primary_menu_bar{ height:37px; width:930px; margin:0 0 30px 0; background:#2a1b0f url(images/primary.jpg) center center no-repeat; } #primary_menu_bar ul.menu li { display: inline; margin: 0; height: 37px; /* font-family:Lucida Console, monospace; */ font-size:20px; font-weight:normal; padding:0 5px 0 25px !important; } #primary_menu_bar ul.menu li:hover, #primary_menu_bar ul.menu li.hover{ background:url(images/menu_hover.png) center center no-repeat; } #primary_menu_bar ul ul li:hover, #primary_menu_bar ul ul li.hover{ background-image:none; } #primary_menu_bar ul li a, #primary_menu_bar ul li a:visited { text-decoration: none; color: #fff; display: inline; } #primary_menu_bar ul li a:hover, #primary_menu_bar ul li a.active { } #primary_menu_bar ul { list-style-type: none; margin: 0; padding: 0; float: left; line-height:37px; } #primary_menu_bar ul li { float: left; position: relative; z-index: 1000; } #primary_menu_bar ul li a:hover { color: #fff; } #primary_menu_bar ul li a { float: none !important /*Non-IE6*/; float: left /*IE-6*/; text-decoration: none; } #primary_menu_bar ul li.expanded a { padding-right: 12px; } #primary_menu_bar ul li.expanded { background:url(images/arrow_dropdown.png) right center no-repeat; } #primary_menu_bar ul li.expanded li.expanded{ background-image:none; } #primary_menu_bar ul li ul { display: none; border: none; padding: 0; } #primary_menu_bar ul li:hover a { } #primary_menu_bar ul li:hover ul, #primary_menu_bar ul li.hover ul { display: block; width: 175px; position: absolute; top: 37px; z-index: 999; left: 0; background: #100902; border-left: 3px solid #222; border-bottom: 4px solid #222; -moz-opacity: .92; opacity: .92; margin:0 0 0 25px; } #primary_menu_bar ul li:hover ul ul, #primary_menu_bar ul li.hover ul ul { display: none; visibility: hidden; } #primary_menu_bar ul li:hover ul li, #primary_menu_bar ul li:hover ul li.leaf, #primary_menu_bar ul li.hover ul li, #primary_menu_bar ul li.hover ul li.leaf { margin: 0; list-style-image: none; padding: 0 !important; list-style: none; height: auto; } #primary_menu_bar ul li:hover ul li a, #primary_menu_bar ul li:hover ul li a:visited, #primary_menu_bar ul li.hover ul li a, #primary_menu_bar ul li.hover ul li a:visited { display: block; width: 160px; height: auto; line-height: 20px; padding: 6px 0 6px 15px; border-bottom: solid 1px #222; background: none; color: #fff; font-size: 13px; } #primary_menu_bar ul li:hover ul li a:hover, #primary_menu_bar ul li.hover ul li a:hover { background: url(images/top_bar.jpg) top; color: #fff; text-decoration: none; } /* * Forms */ #wrap input.form-text{ background:#f6f5f1 url(images/input-text.jpg) top repeat-x; border-left:1px solid #c9c2a9; border-top:1px solid #fff; border-right:1px solid #c9c2a9; border-bottom:1px solid #fff; color:#000; padding:2px 5px; width:95%; } #wrap textarea{ background:#f6f5f1 url(images/input-text.jpg) top repeat-x; border-left:1px solid #c9c2a9; border-top:1px solid #fff; border-right:1px solid #c9c2a9; border-bottom:1px solid #fff; color:#000; padding:2px 5px; width:95%; } .resizable-textarea{ width:100%; } #wrap input[type=submit], #wrap input[type=button]{ background:#3a1b06; border-right:1px solid #a5835a; border-bottom:1px solid #a5835a; border-left:1px solid #000; border-top:1px solid #000; color:#f1ede0; padding:2px 20px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; font-weight:bolder; font-family:monospace; } .form-item .description{ padding:2px 0; font-size:.9em; } form label{ font-size:12px; font-family:tahoma; } #wrap_center form{ margin:15px 0; } select{ background:#f6f5f1 url(images/input-text.jpg) top repeat-x; border-style:solid; border-width:1px; border-color:#A5835A #FFFFFF #FFFFFF #A5835A; font-family:monospace; } .resizable-textarea .grippie { background-color:#ece9dc; border-color:#c9c2a9 ; } /* * Wrap structure */ #wrap{ min-height:400px; margin-bottom:30px; } #wrap #wrap_left{ width:185px; float:left; } #wrap #wrap_right{ width:205px; float:right; } #wrap #wrap_center{ float:left; } .no_side #wrap #wrap_center{ width:900px; margin: 0 15px; } .left_side #wrap #wrap_center{ width:715px; margin: 0 15px; } .right_side #wrap #wrap_center{ width:695px; margin: 0 15px; } .both_sides #wrap #wrap_center{ width:510px; margin: 0 15px; } /* * Blocks and Lists */ #wrap_left a{ color:#322201; text-decoration:underline; } #wrap .block-comment .item-list ul{ padding:0; } #wrap .block-comment .item-list ul li{ padding:0; list-style:none; list-style-image:none; border: none; margin-bottom:8px; line-height:18px; color:#4e452e; } .item-list ul li{ margin:5px 0; } #wrap_center ul{ padding:0 1em 0.25em 1.8em; font-family:Lucida Console, monospace; } #wrap_center ol{ padding:0 1em 0.25em 1.2em; font-family:Lucida Console, monospace; } #wrap #left_inner{ background:url(images/left.jpg) top repeat-y; } #wrap #left_inner #left_inner_inner{ padding:0 8px 0 10px; margin-top:-22px; } #wrap #left_inner .blocktitle{ font-size:18px; } #wrap_left ul li, #wrap_left ul li.leaf{ border-bottom:1px solid #a99669; } #wrap_left ul li.expanded{ border-bottom: none; } #wrap ul li, #wrap ul li.leaf{ list-style-image:url(images/bullet.png); line-height:22px; } #wrap ul li.expanded{ list-style-image:url(images/menu-expanded.png); } #wrap ul li.collapsed{ list-style-image:url(images/menu-collapsed.png); } #wrap .block{ padding-bottom:28px; } #wrap .block ul a:hover{ color:#41A3C0 !important; } #wrap .block ul.menu{ padding:0 1em 0.25em .8em; font-family:Lucida Console, monospace; } #wrap_left .block ul.menu a, #wrap_left .block ul.menu a:visited{ color:#322201; text-decoration:none;; } /* * Block->right dark */ #right_dark{ margin-bottom:18px; } #right_dark .block{ position:relative; margin-bottom:18px; padding:0; color:#f3f0e0; } #right_dark .right_dark_block_inner{ background:url(images/right_dark.jpg) repeat-y center; padding:5px 15px 5px 15px; margin:0; } #right_dark .dark_fold{ top:0; right:0; overflow:hidden; } #right_dark img.right_dark_bottom{ position:absolute; bottom:0; height:4px; overflow:hidden; line-break:4px; } #right_dark .block .blocktitle{ font-size:18px; margin-right:35px; margin-top:-28px; } #right_dark .block .content{ padding:6px 3px; } #right_dark a, #right_dark a:visited{ color:#f0ebcd; } #right_dark .block-comment .item-list ul li{ color:#eee; } #right_dark ul li, #right_dark ul li.leaf{ list-style-image:url(images/bullet-light.png); line-height:22px; } #right_dark ul li.expanded{ list-style-image:url(images/menu-expanded-light.png); } #right_dark ul li.collapsed{ list-style-image:url(images/menu-collapsed-light.png); } #right_dark input.form-text{ background:#f3f1d8; border-bottom:none; border-right:none; border-top:1px solid #86754b; border-left:1px solid #86754b; padding:2px 4px; font-family:Lucida Console, monospace; font-size:14px; } #right_dark #user-login-form input.form-text{ width:130px; font-family:Lucida Console, monospace; } #user-login-form input.form-submit{ width:111px; border:none !important; padding:0; margin:8px 0; height:24px; line-height:24px; text-align:center; background:url(images/login_submit.jpg) center center no-repeat; font-family:Lucida Console, monospace; font-weight:bolder; font-size:13px; color:#000; } #right_dark label{ font-weight:normal; } /* * Blocks->right main */ #rightside { min-height:490px; width:204px; background:url(images/right.jpg) repeat-y center; } #rightside #right_block_inner{ width:204px; position:relative; min-height:490px; background:url(images/right_top.jpg) top no-repeat; } #rightside #right_bottom{ background:url(images/right_bottom.jpg) bottom no-repeat; min-height:490px; } #rightside .block{ padding:9px 10px 9px 10px; } #rightside .block .blocktitle{ font-size:18px; } #rightside .block .content{ padding:5px; } #rightside .block a, #rightside .block a:visited{ color:#322201; font-weight:bolder; } #rightside .block ul.menu a, #rightside .block ul.menu a:visited, #rightside .block .item-list a:visited, #rightside .block .item-list a{ text-decoration:none;; } #rightside ul li{ border-bottom:1px solid #a99669; } #rightside ul li.expanded{ border-bottom: none; } /* * Blocks->content top */ #content_top{ padding:10px; min-height:140px; } #content_top a, a:visited{ color:#322201; } #content_block_cover1{ background:url(images/content_block_bg.jpg) repeat-y center; margin-bottom:20px; width:510px; } #content_block_cover2{ background:url(images/content_block_top.jpg) no-repeat top center; } #content_block_cover3{ background:url(images/content_block_bottom.jpg) no-repeat bottom center; } #content_top .block{ padding:10px 0; } /* * Blocks->content bottom */ #content_bottom{ padding:10px; min-height:140px; } #content_bottom a, a:visited{ color:#322201; } #content_bottom_block_cover1{ background:url(images/content_block_bg.jpg) repeat-y center; margin-top:20px; margin-bottom:20px; width:510px; } #content_bottom_block_cover2{ background:url(images/content_block_top.jpg) no-repeat top center; } #content_bottom_block_cover3{ background:url(images/content_block_bottom.jpg) no-repeat bottom center; } #content_bottom .block{ padding:10px 0; } /* * Blocks -> Ad blocks */ #main_adbanner{ text-align:center; margin-bottom:20px; } #above_content_ad{ margin-bottom:20px; } #right_ad{ margin-bottom:18px; } #right_ad .block{ padding:12px; } #right_ad .blocktitle{ font-size:14px; font-weight:bolder; } /* * Wrap theme -> Content area */ #wrap_center{ } #mission{ padding:10px 20px; border:1px dashed #412d1f; margin:0 0 20px 0 } #wrap_center h1{ font-size:28px; color:#000000; font-family:Trebuchet MS, Lucida Console; } #wrap_center h1, #wrap_center h2{ font-family:Trebuchet MS, Lucida Console; } #wrap_center h1 a, #wrap_center h2 a{ color:#000; } #wrap_center div.submitted{ width:61px; height:48px; font-size:11px; background:url(images/submitted.jpg) center center no-repeat; color:#f1eddf; text-align:center; float:left; line-height:20px; padding:6px 0 0 0; letter-spacing:-1px; margin:5px 8px 5px 0; } #wrap_center div.submitted .larger{ font-size:13px; font-weight:bolder; } #wrap_center .node div.links{ margin:10px 0; } #wrap_center .node div.terms{ margin:5px 0; text-align:right; } #wrap_center .node div.links a{ color:#F3F0E0; } #wrap_center .node div.links ul{ padding:0 5px; background:#2A1B0F ; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; float:right; color:#F3F0E0; } #wrap_center .node div.links ul li{ padding:0 15px; } #wrap_center .node .picture img{ float:right; width:50px; height:50px; margin:5px 0 0 5px; border:4px solid #cec0a2; } #wrap_center .node .content{ padding:5px; } /* * Tabs */ #wrap_center .tabs ul.primary{ margin:0; padding:0; } #wrap_center .tabs ul.primary li{ padding:0; margin:0; } #wrap_center .tabs ul.primary li a{ padding:2px 20px; color:#fff; } #wrap_center ul.primary li.active a, #wrap_center ul.primary li a:hover{ background:#6f4c36; } #wrap_center ul.primary li a{ background:#321e12; line-height:12px; } #wrap_center .tabs ul.primary { margin:0; padding:0; } ul.primary { border-bottom:1px solid #321e12; } /* * Comments */ h2.comments{ font-size:26px; } .comment { width:488px; margin:20px auto 10px auto; padding:35px 13px 25px 14px; background:url(images/comment_hanger.gif) top center no-repeat; position:relative; } .comment .comment-inner{ background:url(images/comment_paper_top.jpg) top center no-repeat; min-height:181px; } .comment .comment-inner2{ background:url(images/comment_paper_bottom.jpg) bottom center no-repeat; min-height:161px; padding:20px 20px 10px 20px; } .comment .comment-paper{ background:url(images/comment_paper.jpg) top center repeat-y; } .indented{ margin:0 !important; } .comment h3{ padding:0; } .comment h3 a{ color:#322201; } .comment p{ margin:0.6em 0 0.6em } .comment .submitted{ color:#8b7e43; } .comment div.picture{ float:left; margin:0 10px; 0 0x; border:4px solid #cec0a2; } .comment div.links a{ color:#322201; font-weight:bolder; } #comment-controls{ padding:6px 10px; background:#e3dcc5; color:#f0ecde; } #comment-controls { color:#64461a; margin:0 20px !important; border-top:1px solid #6f4e1c; } #comment-controls .box, #comment-controls .box .content, #comment-controls .box .content2, #comment-controls .box .content3, #comment-controls .box .content4{ background:none !important; padding:0 !important; } #comment-controls h2{ font-size:14px; font-weight:bolder; } #comment-controls .form-item{ display:block; margin:5px 0; } #wrap .comment div.links ul{ text-align:right; padding:5px 0; } #wrap .comment div.links ul li{ padding: 0 0 0 8px; } /* * Comments->form */ #comments{ width:510px; margin:auto; } #comment-form .content1{ background:url(images/comment_form_mat.gif) repeat-y center; } #comment-form .content2 { background:url(images/comment_mat_bottom.jpg) bottom center no-repeat; min-height:36px; } #comment-form .content3{ min-height:36px; background:url(images/comment_mat_top.jpg) top center no-repeat; } #comment-form .content4{ padding:25px 45px 20px 50px; } #comment-form .content textarea{ height:120px; } #comment-form{ width:510px; } #comment-form .comment{ background:none !important; width:385px; margin:auto; padding:15px; background:#d4c8a9; } #comment-form .comment .comment-inner2, #comment-form .comment .comment-paper, #comment-form .comment .comment-inner1, #comment-form .comment .comment-inner, #comment-form .comment .comment-inner3{ padding:0; background:none ; } #comment-form .reply_img, .reply_img{ display:none; visibility:hidden; } .indented .reply_img{ position:absolute; display:block; visibility:visible; left:-15px; top:50px; } .box h2.areatitle{ border-bottom:1px solid #000; margin:20px 0; } /* * Pager */ li.pager-item a{ background:#513610; padding:2px 4px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#ede7db; } .pager a{ text-decoration:none; } /* * Footer */ #footer{ height:75px; background:url(images/footer_wood.jpg) center center no-repeat; margin-top:10px; color:#fff; font-family:Lucida Console, monospace; font-size:12px; } #footer * a{ color:#26c6cc; text-decoration:none; } #footer * a:hover{ text-decoration:underline; } #footer #footer_message{ float:left; margin-right:10px; text-align:left; padding:28px 0 0 25px; font-size:11px; max-width:400px; } #footer .credit{ color:#af9880; } #footer .credit a{ color:#d3a87d; } #footer #footer_region{ float:right; text-align:left; } #footer #footer_region ul{ padding:0; } #footer #footer_region ul li{ float:left; display:inline; list-style:none; list-style-image:none; line-height:15px; margin:0; padding:0 8px 0 0 ; } #footer #footer_region .block{ margin:0; padding:22px 10px 0 10px; float:left; } #footer #footer_region .blocktitle{ display:inline; font-size:12px; font-weight:bolder; margin:0; padding:0; }