/*-------------------------------------------------------+
| PHP-Fusion Content Management System
| Copyright © 2002 - 2012 Nick Jones
| http://www.php-fusion.co.uk/
+--------------------------------------------------------+
| Name: skpacman NeoBlog theme
| Based on a Design from http://www.templatemo.com
| Filename: theme.php
| Author: skpacman Studio
| Version: v1.00
| Developers: skpacman
| Site: http://www.skpacman.com
+--------------------------------------------------------+
| Login Header by Fangree_Craig
| Modified to fit the theme by skpacman
+--------------------------------------------------------+
| This program is released as free software under the
| Affero GPL license. You can redistribute it and/or
| modify it under the terms of this license which you
| can read by viewing the included agpl.txt or online
| at www.gnu.org/licenses/agpl.html. Removal of this
| copyright header is strictly prohibited without
| written permission from the original author(s).
+--------------------------------------------------------*/
body {
margin : 0;
padding : 0;
color : #aaa;
font-family : Tahoma, Geneva, sans-serif;
font-size : 13px;
line-height : 1.5em;
background-color : #1c1816;
background-image : url(./images/templatemo_body.jpg);
background-repeat : repeat-x;
background-position : top;
}
a, a:link, a:visited {
color : #9570c9;
text-decoration : none;
}
a:hover {
color : #f27444;
text-decoration : none;
}
p {
margin : 0;
padding : 0;
}
img {
border : none;
}
h1, h2, h3, h4, h5, h6 {
color : #fff;
}
h1 {
font-size : 40px;
font-weight : normal;
margin : 0 0 30px 0;
padding : 5px 0;
}
h2 {
font-size : 28px;
font-weight : normal;
margin : 0 0 30px 0;
padding : 10px 0 15px 0;
background : url(./images/templatemo_divider.jpg) bottom repeat-x;
}
h3 {
font-size : 21px;
margin : 0 0 15px 0;
padding : 0;
padding : 0;
color : #fff;
font-weight : normal;
}
h4 {
font-size : 18px;
margin : 0 0 20px 0;
padding : 0 0 10px 0;
}
h5 {
font-size : 16px;
margin : 0 0 10px 0;
padding : 0;
color : #fff;
}
h6 {
font-size : 14px;
margin : 0 0 5px 0;
padding : 0;
color : #fff;
}
.cleaner {
clear : both;
width : 100%;
height : 0;
font-size : 0;
}
.cleaner_h10 {
clear : both;
width : 100%;
height : 10px;
}
.cleaner_h20 {
clear : both;
width : 100%;
height : 20px;
}
.cleaner_h30 {
clear : both;
width : 100%;
height : 30px;
}
.cleaner_h40 {
clear : both;
width : 100%;
height : 40px;
}
.cleaner_h50 {
clear : both;
width : 100%;
height : 50px;
}
.cleaner_h60 {
clear : both;
width : 100%;
height : 60px;
}
.float_l {
float : left;
}
.float_r {
float : right;
}
.image_wrapper {
display : inline-block;
padding : 4px;
border : 1px solid #aaa;
max-width : 200px;
max-height : 200px;
background : none;
margin-bottom : 10px;
}
.image_fl {
float : left;
max-width : 200px;
max-height : 200px;
margin : 3px 15px 0 0;
}
.image_fr {
float : right;
max-width : 200px;
max-height : 200px;
margin : 3px 0 0 15px;
}
.news-category {
max-width : 200px;
max-height : 200px;
border : 0;
}
blockquote {
font-style : italic;
margin-left : 10px;
}
cite {
font-weight : bold;
color : #3b3823;
}
cite span {
color : #696443;
}
em {
color : #e55822;
}
.tmo_list {
margin : 20px 10px;
padding : 0;
list-style : none;
}
.tmo_list li {
background : url(./images/templatemo_list.png) 0% 0 no-repeat scroll transparent;
margin : 0 0 20px;
padding : 0 0 0 18px;
line-height : 1em;
}
.tmo_list li a {
color : #9570c9;
text-decoration : none;
}
.tmo_list li a:hover {
color : #f27444;
text-decoration : none;
}
a.eoup_superadmin_style {
color : #f00;
font-weight : bold;
}
a.eoup_member_style {
color : #bbb;
text-decoration : none;
}
.btn_more {
display : block;
color : #9a6bd7;
font-size : 12px;
text-decoration : none;
text-align : right;
}
.btn_more a {
display : block;
color : #9a6bd7;
font-size : 12px;
font-weight : bold;
text-decoration : none;
text-align : right;
float : right;
}
.btn_more a span {
font-size : 14px;
}
.btn_more a:hover, .btn_more a span:hover {
color : #fff;
}
.btn_more a span {
font-size : 16px;
}
.login-header {
position : relative;
top : 5px;
float : right;
font-size : 10px;
font-weight : bold;
padding : 0 0 15px 0;
color : #aaa;
}
.login-header1 {
position : relative;
top : 11px;
float : right;
font-size : 10px;
font-weight : bold;
padding : 0 0 15px 0;
color : #aaa;
}
span.user-name.small {
color : #aaa;
}
.new-pm {
color : #f00000;
}
.new-su {
color : #f00000;
}
#templatemo_top_wrapper {
width : 100%;
height : 45px;
background : url(./images/templatemo_top_bar.jpg) center no-repeat;
}
#templatemo_top {
width : 940px;
height : 45px;
padding : 0 10px;
margin : 0 auto;
background : url(./images/templatemo_top_bar.jpg) center no-repeat;
}
#social_box {
float : left;
display : inline-block;
margin : 8px 0 0;
padding : 0;
list-style : none;
}
#social_box li {
display : block;
float : left;
padding : 0;
margin : 0;
}
#social_box li a {
width : 24px;
height : 24px;
margin-right : 5px;
}
#search_box {
position : relative;
top : 2px;
float : left;
display : inline-block;
margin : 8px 0 0;
padding : 0;
list-style : none;
}
#search_box li {
display : block;
float : left;
vertical-align : middle;
padding : 0;
margin : 0;
}
#search_box li a {
width : 24px;
height : 24px;
margin-right : 5px;
}
#templatemo_header_wrapper {
width : 100%;
height : 125px;
background : url(./images/templatemo_header.jpg) center no-repeat;
}
#templatemo_header {
width : 940px;
height : 125px;
padding : 0 10px;
margin : 0 auto;
background : url(./images/templatemo_header.jpg) center no-repeat;
}
#templatemo_header #site_title {
float : left;
}
#templatemo_header #site_title h1 {
margin : 0;
padding : 0;
}
#templatemo_header #site_title a {
margin : 0;
padding : 0;
color : #ffffff;
font-weight : bold;
text-decoration : none;
}
#templatemo_header #site_title a span {
display : block;
font-size : 12px;
color : #ccc;
font-weight : normal;
margin-top : 5px;
margin-left : 5px;
}
#header_right {
float : right;
width : 660px;
}
.search {
border-radius : 6px;
border-width : 1px;
border-style : solid;
border-color : #5c5754;
background-color : #121212;
color : #aaa;
height : 16px;
}
#templatemo_menu_wrapper {
width : 100%;
height : 50px;
background : url(./images/templatemo_menu.jpg) center;
}
#templatemo_menu {
width : 940px;
height : 50px;
padding : 0 10px;
margin : 0 auto;
background : url(./images/templatemo_menu.jpg) center;
}
#templatemo_menu ul {
height : 53px;
margin : 0;
padding : 16px 0 0 0;
list-style : none;
}
#templatemo_menu ul li {
padding : 0;
margin : 0;
display : inline-block;
}
#templatemo_menu ul li a {
float : left;
display : block;
margin-right : 20px;
color : #d2a3cd;
text-align : center;
text-decoration : none;
font-weight : bold;
outline : none;
border : none;
}
#templatemo_menu ul li a:hover, #templatemo_menu ul .current {
color : #f4703a;
}
#templatemo_middle_wrapper_outer {
clear : both;
width : 100%;
background : url(./images/templatemo_content_top.jpg) center top no-repeat;
}
#templatemo_middle_wrapper_inner {
width : 950px;
padding : 10px 0;
margin : 0 auto;
background : url(./images/templatemo_content_top.jpg) center top no-repeat;
}
#templatemo_middle_top {
width : 970px;
height : 10px;
margin : 0 auto;
background : url(./images/templatemo_content_top.png) no-repeat;
}
#templatemo_middle_bottom {
width : 970px;
height : 10px;
margin : 0 auto;
background : url(./images/templatemo_content_bottom.png) no-repeat;
}
#templatemo_middle {
width : 920px;
padding : 10px 25px;
margin : 0 auto;
background : url(./images/templatemo_content_middle.png) repeat-y;
}
#templatemo_content {
float : left;
margin : 10px 0 10px 10px;
width : 504px;
}
#templatemo_content_noside {
float : left;
margin : 10px 0 10px 10px;
width : 684px;
}
#templatemo_content_noboth {
float : left;
margin : 10px 0 10px 10px;
width : 920px;
}
#templatemo_content p {
margin-bottom : 10px;
}
.content_box {
margin-bottom : 10px;
padding-bottom : 5px;
border-bottom : 1px solid #5c5754;
color : #aaa;
}
.col_w310 {
float : left;
width : 270px;
padding-right : 40px;
}
#templatmeo_sidebar_left {
float : left;
width : 180px;
padding-right : 15px;
border-right : 1px solid #5c5754;
border-bottom : 1px solid #5c5754;
}
#templatmeo_sidebar_right {
float : right;
width : 180px;
padding-left : 15px;
border-left : 1px solid #5c5754;
border-bottom : 1px solid #5c5754;
}
.sidebar_box_left {
margin-bottom : 15px;
padding-bottom : 15px;
padding-right : 15px;
float : left;
}
.sidebar_box_right {
margin-bottom : 15px;
padding-bottom : 15px;
padding-left : 15px;
float : right;
}
.post_box {
margin-bottom : 40px;
padding-bottom : 40px;
border-bottom : 1px solid #5c5754;
}
.post_box_last {
padding-bottom : 0;
border-bottom : none;
}
.post_box h2 {
margin : 0;
padding : 10px 0 10px 0;
line-height : 30px;
}
.post_box h2 a {
color : #fff;
text-decoration : none;
}
.post_box .post_meta {
padding : 5px;
margin-bottom : 20px;
background : #000000;
}
.post_box p {
text-align : justify;
margin-bottom : 20px;
}
.post_box img {
float : left;
margin-right : 20px;
padding : 5px;
border : 1px solid #000;
background : #221c1c;
display : inline-block;
}
.post_box .category {
float : left;
width : 300px;
}
.post_box .comment {
position : absolute;
top : -10px;
right : 0;
width : 70px;
height : 42px;
text-align : center;
padding-top : 10px;
font-size : 16px;
font-weight : bold;
background : url(./images/templatemo_comment.png) no-repeat;
}
.post_box .comment a {
color : #333;
text-decoration : none;
}
#comment_section {
clear : both;
margin-bottom : 60px;
width : 585px;
}
.first_level {
margin : 0;
padding : 0;
}
.comments {
list-style : none;
}
.comments li {
margin-bottom : 10px;
list-style : none;
}
.comments li .commentbox1 {
border : 1px solid #3c3735;
background : #282321;
}
.comments li .commentbox2 {
border : 1px solid #534e4b;
background : #3c3735;
}
.comments li .comment_box {
clear : both;
width : 100%;
padding : 15px;
}
.comment_box .gravatar {
float : left;
width : 50px;
border : 1px solid #3c3735;
margin-right : 15px;
background : #3c3735;
}
.comment_box .gravatar img {
margin : 0;
width : 50px;
height : 50px;
}
.comment_box .comment_text {
margin : 0 0 0 65px;
}
.comment_box .comment_text p {
margin : 0;
color : #aaaaaa;
}
.comment_text .comment_author {
font-size : 14px;
color : #d25050;
margin-bottom : 10px;
}
.comment_text .date {
font-size : 12px;
font-weight : normal;
color : #948393;
padding-left : 10px;
}
.comment_text .time {
font-size : 12px;
font-weight : normal;
color : #948393;
padding-left : 10px;
}
.comment_text .reply a {
display : block;
clear : both;
float : right;
padding : 1px 10px;
height : 24px;
text-align : center;
background : #3694ab;
border : 1px solid #fff;
color : #fff;
}
#comment_form {
clear : both;
}
#comment_form h3 {
font-size : 20px;
border-bottom : 1px dotted #666;
margin-bottom : 10px;
padding-bottom : 10px;
}
#comment_form form {
padding : 20px;
background : #282321;
border : 1px solid #3c3735;
}
#comment_form textarea {
background : none 0% 0% repeat fixed #13100f;
border : 1px solid #3c3735;
display : block;
font-family : Verdana, Geneva, sans-serif;
font-size : 12px;
color : #aaaaaa;
height : 150px;
margin-top : 5px;
padding : 5px;
width : 450px;
}
#comment_form .form_row {
width : 100%;
margin-bottom : 15px;
}
#comment_form form input {
margin-top : 5px;
padding : 5px;
width : 300px;
font-family : Verdana, Geneva, sans-serif;
font-size : 12px;
color : #aaaaaa;
background : none 0% 0% repeat fixed #13100f;
border : 1px solid #3c3735;
}
#comment_form .submit_btn {
width : 90px;
font-weight : bold;
color : #aaaaaa;
cursor : pointer;
padding : 8px 10px;
}
.service_box {
clear : both;
margin-bottom : 50px;
}
.service_box img {
float : left;
width : 48px;
height : 48px;
}
.service_box .sb_right {
float : right;
width : 540px;
}
#contact_form {
padding : 0;
}
#contact_form form {
margin : 0;
padding : 0;
}
#contact_form form input {
margin-top : 5px;
padding : 5px;
width : 250px;
font-family : Verdana, Geneva, sans-serif;
font-size : 12px;
color : #aaaaaa;
background : none 0% 0% repeat fixed #13100f;
border : 1px solid #3c3735;
}
#contact_form form label {
display : block;
width : 100px;
margin-right : 10px;
font-size : 14px;
color : #a39d9d;
}
#contact_form form textarea {
background : none 0% 0% repeat fixed #13100f;
border : 1px solid #3c3735;
display : block;
font-family : Verdana, Geneva, sans-serif;
font-size : 12px;
color : #aaaaaa;
height : 150px;
margin-top : 5px;
padding : 5px;
width : 260px;
}
#contact_form .submit_btn {
width : 90px;
font-weight : bold;
color : #aaaaaa;
cursor : pointer;
padding : 8px 10px;
}
#gallery {
clear : both;
}
#gallery a {
border : none;
}
#gallery ul {
list-style : none;
margin : 0;
padding : 0;
}
#gallery ul li {
padding : 0 0 30px 0;
margin : 0 0 30px 0;
border-bottom : 1px dashed #433d3a;
}
#gallery ul li .left {
float : left;
width : 300px;
}
#gallery ul li .left img {
width : 260px;
height : 160px;
border : 5px solid #000;
}
#gallery ul li .right {
float : right;
width : 320px;
}
.ads_125 {
margin : 0;
padding : 0;
list-style : none;
}
.ads_125 li {
display : block;
float : left;
margin : 0 10px 10px 0;
padding : 0;
display : inline-block;
}
.ads_125 li a {
display : block;
width : 125px;
height : 125px;
}
.ads_125 .odd {
margin-right : 0;
}
.ads_125 .last_row {
margin-bottom : 0;
}
.recent_comment_box {
padding : 0 0 15px;
margin : 0 0 15px;
border-bottom : 1px dashed #433d3a;
}
.recent_comment_box a {
color : #e55822;
font-weight : bold;
}
#templatemo_footer {
clear : both;
width : 930px;
padding : 20px;
}
.col_w310 {
width : 270px;
padding-right : 40px;
}
#templatemo_footer h4 {
color : #cfbbb1;
margin-bottom : 10px;
}
#templatemo_footer p {
margin-bottom : 10px;
}
#templatemo_footer ul {
padding : 0;
margin : 0;
list-style : none;
}
#templatemo_footer li {
padding : 0;
margin : 0 0 5px 0;
}
#templatemo_footer li a {
display : block;
text-decoration : none;
border-bottom : 1px dotted #322d2b;
}
#templatemo_footer li a:hover {
color : #fff;
}
#templatemo_footer .last {
padding-right : 0;
}
#templatemo_copyright_wrapper {
width : 100%;
background : #120f0e;
border-top : 1px solid #36312e;
}
#templatemo_copyright {
clear : both;
width : 930px;
padding : 10px 20px;
margin : 0 auto;
text-align : center;
color : #cfbbb1;
border-top : 1px solid #000;
}
#templatemo_copyright a {
color : #cfbbb1;
}
hr {
border : 0;
color : #5c5754;
background-color : #5c5754;
height : 1px;
}
hr.side-hr {
border : 0;
color : #5c5754;
background-color : #5c5754;
height : 1px;
}
.tbl-border {
border : 0;
width : 100%;
}
.tbl {
border : 0;
padding : 5px;
margin : 1px;
}
.tbl1 {
border : 0;
padding : 5px;
margin : 1px;
background : url(./images/tbl1.png);
}
.tbl2 {
border : 0;
padding : 5px;
margin : 1px;
background : url(./images/tbl2.png);
}
.tbl-error {
border : 1px #b00;
padding : 5px;
margin : 1px;
background : url(./images/tblerr.png);
}
.forum_sig {
border-radius : 6px;
border-width : 1px;
border-style : solid;
border-color : #5c5754;
background-color : #2a2132;
background-position : right top;
background-repeat : no-repeat;
vertical-align : bottom;
padding : 5px;
margin : 20px;
color : #d2a3cd;
}
.center {
margin-left : auto;
margin-right : auto;
}
.side-small {
color : #fff;
}
.side-label {
color : #fff;
}
.profile, .profile_category {
width : 100%;
}
.forum_breadcrumbs {
font-weight : bold;
}
.forum_idx_table, .forum_table, .forum_thread_table {
overflow : hidden;
}
.forum-caption {
border : 0;
padding : 5px;
margin : 1px;
background : url(./images/tbl1.png);
}
.forum_cat_name {
font-weight : bold;
text-decoration : underline;
}
.forum_name {
font-size : 12px;
}
span.small {
font-size : 10px;
}
.admin-message {
border-radius : 10px;
border-width : 1px;
border-style : solid;
border-color : #5c5754;
padding : 8px;
margin : 5px;
background-color : #121212;
background : url(./images/tblerr.png);
color : #d2a3cd;
}
.button {
border-radius : 6px;
border-width : 1px;
border-style : solid;
border-color : #5c5754;
color : #888;
padding : 3px;
margin : 3px;
background : url(./images/tbl1.png);
text-decoration : none;
}
a.button {
border-radius : 6px;
border-width : 1px;
border-style : solid;
border-color : #5c5754;
color : #888;
padding : 3px;
margin : 3px;
background : url(./images/tbl1.png);
text-decoration : none;
}
.bbcode {
border-radius : 6px;
border-width : 1px;
border-style : solid;
border-color : #5c5754;
background-color : #121212;
color : #d2a3cd;
}
.bbcode-popup {
border-radius : 6px;
border-width : 1px;
border-style : solid;
border-color : #5c5754;
background-color : #121212;
color : #d2a3cd;
}
.textbox {
border-radius : 6px;
border-width : 1px;
border-style : solid;
border-color : #5c5754;
background-color : #121212;
color : #d2a3cd;
}
.checkbox {
border-width : 1px;
border-style : solid;
border-color : #5c5754;
background-color : #121212;
color : #d2a3cd;
}
.quote {
border-radius : 6px;
border-width : 1px;
border-style : solid;
border-color : #5c5754;
background-color : #2a2132;
background-image : url(images/quote-mark.png);
background-position : right top;
background-repeat : no-repeat;
padding : 5px;
margin : 20px;
color : #d2a3cd;
}
.shoutbox {
border-radius : 6px;
border-width : 1px;
border-style : solid;
border-color : #5c5754;
background-color : #2a2132;
width : 165px;
padding : 5px;
color : #d2a3cd;
}
.shoutboxname {
font-weight : bold;
}
.shoutboxdate {
font-size : 10px;
}
.fpnotice {
color : #000;
}
.poll {
background-color : #6c3e2e;
}
.comment-main {
text-align : left;
}
.comment-name {
font-weight : bold;
}
.comment-avatar {
float : left;
margin : 8px;
}
.comment_actions {
font-size : 10px;
}
.comment_message {
color : #d2a3cd;
}
.comment_admin {
position : relative;
top : 5px;
}
#navigation h2 {
font-size : 11px;
display : block;
color : #666;
text-align : left;
text-decoration : none;
}
#navigation .bullet {
display : none;
}
#navigation ul {
margin : 0;
padding : 0;
list-style-type : none;
}
* html #navigation ul li {
height : 1%;
}
#navigation a {
display : block;
text-align : left;
text-decoration : none;
}
#navigation a:hover {
display : block;
color : #fff;
text-align : left;
text-decoration : none;
}
#navigation li.current-link a {
display : block;
text-align : left;
text-decoration : none;
}
.pagenav {
font-size : 11px;
padding : 4px;
margin : 3px;
}
.pagenav span {
font-size : 10px;
color : #555;
font-weight : bold;
background-color : #d6d6d6;
border : 1px solid #ccc;
border-radius : 4px;
padding : 4px 6px 4px 6px;
margin : 1px 2px 1px 2px;
}
.pagenav a {
font-size : 10px;
color : #666;
font-weight : bold;
border : 1px solid #ccc;
text-shadow : #fff 1px 1px 0;
border-radius : 4px;
padding : 4px 6px 4px 6px;
margin : 1px 2px 1px 2px;
}
.pagenav a:hover {
font-size : 10px;
color : #000;
font-weight : bold;
border : 1px solid #ccc;
text-shadow : #fff 1px 1px 0;
padding : 4px 6px 4px 6px;
margin : 1px 2px 1px 2px;
}
.nocomments-message {
text-align : center;
font-weight : bold;
}
.noscript-message {
text-align : center;
font-weight : bold;
}
.forum_thread_ip {
font-size : 10px;
color : #0f0;
font-weight : bold;
}
.forum_idx_table .tbl2, .forum_idx_table .tbl1, .forum_table .tbl2, .forum_table .tbl1 {
overflow : hidden;
}
.profile_user_reason {
font-size : 10px;
color : #f00;
font-weight : bold;
}
div.attachments-list {
border-radius : 6px;
border-width : 1px;
border-style : solid;
border-color : #5c5754;
background-color : #2a2132;
padding : 5px;
color : #d2a3cd;
float : left;
}
div.code_bbcode{
width: 250px;
}