/*
Theme Name: Jynxed
Theme URI: http://www.forthelose.org
Description: A premium wordpress theme offered off of ForTheLose.org. Created by Ralph Damiano.
Version: 1.0
Author: Ralph Damiano
Author URI: http://www.flthemes.forthelose.org
*/
body {
margin: 70px 0px 20px 0px;
padding: 0px;
text-align: center;
background: url(http://www.musemuseum.it/v2/bg.jpg) #000000 fixed no-repeat;
font-family: "Arial", "Verdana", "Tahoma", "Trebuchet MS", sans-serif;
color: #fff;
font-size: 12px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
* {
margin: 0px;
padding: 0px;
}
.clear {
clear: both;
}
.center {
width: 100%;
text-align: center;
}
a:link, a:visited {
font-family: "Arial", "Verdana", "Tahoma", "Trebuchet MS", sans-serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
text-decoration: none;
color: #84b8ff;
}
a:hover {
text-decoration: underline;
}
a:active, a:focus {
outline: none;
}
img {
border: 0px;
}
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
margin: 5px;
}
.alignright {
float: right;
margin: 5px;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
.wp-smiley {
display: inline;
}
.go-right{
float: right;
clear: right;
padding: 0px;
margin: 0px;
}
.go-left{
float: left;
clear: left;
padding: 0px;
margin: 0px;
}
/*Misc ----------------------------------------------------------------------------------------------------------------*/
#container{
width: 910px;
overflow: hidden;
text-align: left;
margin: 0 auto;
z-index: 1000;
}
.width-space{
height: 80px;
float: right;
width: 20px;
overflow: hidden;
}
#main{
width: 910px;
overflow: hidden;
margin: 0px 0px 20px 0px;
padding: 0px;
}
#left{
width: 600px;
overflow: hidden;
float: left;
clear: left;
margin: 0px;
padding: 0px;
}
#left h2{
font-size: 15px;
font-weight: bold;
margin: 0px 0px 10px 0px;
padding: 0px;
}
#sidebar{
width: 290px;
overflow: hidden;
float: right;
clear: right;
margin: 0px;
padding: 0px;
}
/*Header --------------------------------------------------------------------------------------------------------------*/
#top-shadow{
width: 100%;
height: 326px;
position: absolute;
top: 0;
left: 0;
background: url(images/background-top.png) repeat-x;
z-index: -100;
}
#left-shadow{
width: 334px;
height: 326px;
position: absolute;
left: 0;
top: 0;
background: url(images/background-topleft.png) no-repeat;
z-index: -100;
}
#right-shadow{
width: 334px;
height: 326px;
position: absolute;
right: 0;
top: 0;
background: url(images/background-topright.png) no-repeat;
z-index: -100;
}
#header{
width: 910px;
margin: 0px 0px 20px 0px;
overflow: hidden;
}
#header-main{
float: left;
height: 80px;
width: 515px;
color: #ccc;
font-size: 14px;
font-weight: bold;
overflow: hidden;
}
#header-search{
float: right;
height: 80px;
overflow: hidden;
color: #fff;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
}
#header-rss{
float: right;
height: 80px;
overflow: hidden;
text-align: center;
}
.rnd-header-left{
height: 80px;
width: 9px;
float: left;
background: url(images/logo-left.png) no-repeat;
}
.rnd-header-mid{
height: 62px;
float: left;
padding: 9px 0px 9px 0px;
background: url(images/black-1.png);
overflow: hidden;
}
.rnd-header-right{
height: 80px;
width: 9px;
float: left;
background: url(images/logo-right.png) no-repeat;
}
.rnd-header-left2{
height: 80px;
width: 9px;
float: left;
clear: left;
background: url(images/logo-left.png) no-repeat;
}
.rnd-header-mid2{
height: 62px;
width: 497px;
float: left;
padding: 9px 0px 9px 0px;
background: url(images/black-1.png);
overflow: hidden;
}
.rnd-header-right2{
height: 80px;
width: 9px;
float: right;
clear: right;
background: url(images/logo-right.png) no-repeat;
}
#header-logo{
float: left;
clear: left;
height: 60px;
width: 60px;
margin: 0px 5px 0px 0px;
overflow: hidden;
}
.title{
display: block;
}
.title a:link, .title a:visited{
font-size: 30px;
font-family: "Century Gothic", "Arial", sans-serif;
font-weight: normal;
margin: 0px;
padding: 0px;
}
.title a:hover{
text-decoration: none;
color: #fff;
}
.slogan{
color: #ccc;
font-size: 14px;
font-weight: bold;
padding: 5px 0px 0px 0px;
display: block;
}
#search-bg{
width: 251px;
height: 30px;
overflow: hidden;
margin: 12px 0px 0px 0px;
background: url(images/search-bg.gif) no-repeat;
}
.search-input{
float: left;
height: 19px;
width: 199px;
padding: 8px 0px 8px 3px;
overflow: hidden;
vertical-align: top;
color: #aaa;
font-weight: bold;
font-size: 10px;
font-family: "Arial", "Verdana", sans-serif;
text-transform: uppercase;
background: none;
border: 0px;
outline: none;
}
.search-input:hover, .search-input:active{
outline: none;
border: none;
background: none;
}
.search-button{
float: left;
width: 44px;
height: 30px;
background: none;
border: 0px;
outline: none;
}
#rss-logo{
margin: 0 auto;
text-indent: -9999px;
padding: 0px;
}
#rss-logo a:link, #rss-logo a:visited{
display: block;
height: 56px;
width: 64px;
overflow: hidden;
background: url(images/rss-icon.png) 0 0 no-repeat;
}
#rss-logo a:hover{
background-position: 0 -56px;
}
/*NavBar --------------------------------------------------------------------------------------------------------------*/
#navbar{
width: 910px;
height: 48px;
overflow: hidden;
margin: 0px 0px 20px 0px;
padding: 0px;
}
.navbar-top{
width: 910px;
height: 9px;
overflow: hidden;
margin: 0px;
padding: 0px;
background: url(images/910-top.png) no-repeat;
}
.navbar-bottom{
width: 910px;
height: 9px;
overflow: hidden;
margin: 0px;
padding: 0px;
background: url(images/910-bottom.png) no-repeat;
}
.navbar-mid{
width: 910px;
height: 30px;
overflow: hidden;
margin: 0px;
padding: 0px;
background: url(images/black-1.png);
}
.navbar-mid ul{
padding: 0px;
margin: 0px;
list-style-type: none;
display: inline;
}
.navbar-mid ul li{
height: 30px;
float: left;
padding: 0px;
margin: 0px;
display: inline;
border-left: 1px solid #292929;
border-right: 1px solid #555;
}
.navbar-mid ul li a:link, .navbar-mid ul li a:visited{
display: block;
margin: 0px;
padding: 8px 10px 8px 10px;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
color: #CCC;
}
.navbar-mid ul li a:hover{
color: #FFF;
background: url(images/black-2.png);
}
.single-black-bar{
float: left;
width:1px;
height: 30px;
padding: 0px;
margin: 0px;
overflow: hidden;
background: #292929;
}
.navbar-mid ul li.current_page_item a:link, .navbar-mid ul li.current_page_item a:visited, .navbar-mid ul li.current_page_item a:hover {
display: block;
margin: 0px;
padding: 8px 10px 8px 10px;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
color: #FFF;
background: url(images/black-2.png);
}
/*Sidebar --------------------------------------------------------------------------------------------------------------*/
.sidebar-box{
width: 290px;
overflow: hidden;
margin: 0px 0px 20px 0px;
padding: 0px;
}
.sidebar-top{
width: 290px;
height: 10px;
overflow: hidden;
padding: 0px;
margin: 0px;
background: url(images/sidebar-top.png) no-repeat;
}
.sidebar-bottom{
width: 290px;
height: 10px;
overflow: hidden;
padding: 0px;
margin: 0px;
background: url(images/sidebar-bottom.png) no-repeat;
}
.sidebar-middle{
width: 270px;
padding: 0px 10px 0px 10px;
margin: 0px;
overflow: hidden;
background: url(images/black-1.png);
}
.sidebar-middle h1{
margin: 0px 0px 5px 0px;
padding: 0px;
font-weight: normal;
font-size: 18px;
color: #84b8ff;
font-family: "Century Gothic", "Arial", sans-serif;
}
.sidebar-middle ul{
list-style-type: none;
padding: 0px;
margin: 0px;
}
.sidebar-middle li{
margin: 0px;
padding: 5px 0px 5px 25px;
background: url(images/sidebar-li-1.png) left center no-repeat;
border-top: 1px dotted #272727;
}
.sidebar-middle li:hover{
background: url(images/sidebar-li-2.png) left center no-repeat;
}
.sidebar-middle ul li a:link, .sidebar-middle ul li a:visited{
color: #fff;
font-weight: bold;
}
.sidebar-middle ul li a:hover{
text-decoration: none;
color: #bbb;
}
.sidebar-middle ul li a.listMeta:link, .sidebar-middle ul li a.listMeta:visited{
color: #ccc;
font-weight: bold;
font-size: 11px;
}
.sidebar-middle ul li a.listMeta:hover{
color: #ccc;
text-decoration: none;
}
.sidebar-middle ul li a.listTitle:link, .sidebar-middle ul li a.listTitle:visited{
font-family: "Century Gothic", "Arial", sans-serif;
font-size: 13px;
font-weight: normal;
}
.sidebar-middle ul li a.listTitle:hover{
color: #84b8ff;
text-decoration: none;
}
/*Post -----------------------------------------------------------------------------------------------------------------*/
.main-post-container{
width: 600px;
overflow: hidden;
margin: 0px 0px 20px 0px;
padding: 0px;
}
.post-container{
width: 580px;
overflow: hidden;
margin: 0px;
padding: 0px 10px 0px 10px;
background: url(images/black-1.png);
}
.post-header{
width: 580px;
overflow: hidden;
margin: 0px;
padding: 0px;
}
.post-avatar{
width: 60px;
height: 60px;
overflow: hidden;
margin: 0px;
padding: 0px;
float: left;
clear: left;
}
.post-meta{
width: 510px;
overflow: hidden;
margin: 0px;
padding: 0px;
float: right;
clear: right;
color: #bbb;
font-family: "Arial", sans-serif;
}
.post-meta h1{
font-family: "Century Gothic", "Arial", sans-serif;
font-size: 18px;
margin: 0px;
padding: 0px;
color: #fff;
font-weight: normal;
}
.post-meta h1 a:link, .post-meta h1 a:visited{
font-family: "Century Gothic", "Arial", sans-serif;
font-size: 18px;
margin: 0px;
padding: 0px;
color: #fff;
font-weight: normal;
}
.post-meta h1 a:hover{
text-decoration: underline;
}
.post-content{
width: 580px;
text-align: justify;
padding: 10px 0px 0px 0px;
margin: 0px;
color: #ddd;
font-size: 12px;
}
.post-content p{
padding: 8px 0px 8px 0px;
margin: 0px;
}
.post-content h1{
margin: 8px 0px 8px 0px;
padding: 0px 0px 2px 0px;
font-weight: normal;
font-size: 16px;
color: #fff;
border-bottom: 1px solid #fff;
}
.post-content h2{
margin: 8px 0px 8px 0px;
padding: 0px;
font-weight: normal;
font-size: 16px;
color: #fff;
}
.post-content h3{
margin: 8px 0px 8px 0px;
padding: 0px;
font-weight: normal;
font-size: 15px;
color: #bbb;
}
.post-content blockquote{
width: 528px;
margin: 0px 0px 0px 30px;
padding: 10px;
background: url(images/black-2.png);
border-left: 2px solid #272727;
color: #aaa;
}
.post-content ul{
width: 513px;
margin: 0px 0px 0px 30px;
padding: 10px 10px 10px 25px;
color: #aaa;
}
.post-content ol{
width: 513px;
margin: 0px 0px 0px 30px;
padding: 10px 10px 10px 25px;
color: #aaa;
}
.post-top{
width: 600px;
height: 6px;
overflow: hidden;
margin: 0px;
padding: 0px;
background: url(images/600-top.png) no-repeat;
}
.post-bottom{
width: 600px;
height: 6px;
overflow: hidden;
margin: 0px;
padding: 0px;
background: url(images/600-bottom.png) no-repeat;
}
.post-comments{
width: 540px;
height: 25px;
padding: 5px 10px 0px 10px;
margin: 0px 20px 0px 20px;
background: url(images/post-comments.png) no-repeat;
font-size: 13px;
color: #fff;
}
.post-comments a:link, .post-comments a:visited{
font-size: 13px;
}
.post-comments a:hover{
text-decoration: none;
color: #ddd;
}
.comments-notice{
margin: 0px;
padding: 0px 0px 0px 28px;
background: url(images/comment-icon.png) left center no-repeat;
}
.below-post{
width: 100%;
height: 30px;
margin: 20px 0px 0px 0px;
padding: 0px;
text-align: center;
}
.below-post a:link, .below-post a:visited{
font-weight: bold;
}
/*Comment --------------------------------------------------------------------------------------------------------------*/
.comment-container{
width: 600px;
overflow: hidden;
margin: 0px 0px 20px 0px;
padding: 0px;
}
.comment-top{
width: 600px;
height: 6px;
margin: 0px;
padding: 0px;
overflow: hidden;
background: url(images/600-top.png) no-repeat;
}
.comment-bottom{
width: 600px;
height: 6px;
margin: 0px;
padding: 0px;
overflow: hidden;
background: url(images/600-bottom.png) no-repeat;
}
.comment-middle{
width: 580px;
padding: 5px 10px 5px 10px;
margin: 0px;
overflow: hidden;
color: #ddd;
background: url(images/black-1.png);
}
.comment-middle p{
padding: 0px;
margin: 5px 0px 5px 0px;
}
.comment-middle blockquote{
width: 528px;
margin: 0px 0px 0px 30px;
padding: 10px;
background: url(images/black-2.png);
border-left: 2px solid #272727;
color: #aaa;
}
.comment-middle ul{
width: 513px;
margin: 0px 0px 0px 30px;
padding: 10px 10px 10px 25px;
background: url(images/black-2.png);
border-left: 2px solid #272727;
color: #aaa;
}
.comment-middle ol{
width: 513px;
margin: 0px 0px 0px 30px;
padding: 10px 10px 10px 25px;
background: url(images/black-2.png);
border-left: 2px solid #272727;
color: #aaa;
}
.comment-header{
width: 580px;
padding: 0px 10px 0px 10px;
overflow: hidden;
margin: 0px;
background: url(images/black-1.png);
}
.comment-gravatar{
width: 48px;
height: 48px;
padding: 0px;
margin: 0px;
border: 1px solid #272727;
float: left;
clear: left;
}
.comment-meta{
width: 520px;
float: right;
clear: right;
padding: 5px 0px 0px 0px;
margin: 0px;
overflow: hidden;
font-family: "Century Gothic", "Arial", sans-serif;
color: #fff;
font-size: 14px;
}
.comment-meta a:link, .comment-meta a:visited{
font-size: 14px;
font-family: "Century Gothic", "Arial", sans-serif;
}
.comment meta a:hover{
color: #fff;
text-decoration: none;
}
.comment-date{
color: #bbb;
}
.strong{
font-weight: bold;
}
.comment-input {
width: 400px;
height: 17px;
padding: 0px;
margin: 7px 0px 7px 0px;
font-family: "Arial", sans-serif;
font-size: 11px;
color: #bbb;
font-weight: normal;
text-decoration: none;
background: url(images/black-1.png);
vertical-align: top;
border: 1px solid #333;
}
.comment-box-area {
width: 520px;
height: 100px;
padding: 0px;
margin: 7px 0px 7px 0px;
font-family: "Arial", sans-serif;
font-size: 11px;
color: #bbb;
font-weight: normal;
text-decoration: none;
background: url(images/black-1.png);
border: 1px solid #333;
vertical-align: top;
}
/*Footer ----------------------------------------------------------------------------------------------------------------*/
.footer-mid{
width: 894px;
overflow: hidden;
margin: 0px;
padding: 4px 8px 4px 8px;
background: url(images/black-1.png);
font-size: 10px;
font-weight: bold;
}
.footer-mid a:link, .footer-mid a:visited{
font-weight: bold;
font-size: 10px;
}
/*Tabs ------------------------------------------------------------------------------------------------------------------*/
#tab-box{
width: 290px;
overflow: hidden;
margin: 0px;
padding: 0px;
}
.tab-rack{
width: 290px;
height: 31px;
margin: 0px 0px 10px 0px;
padding: 0px;
overflow: hidden;
}
#tabnav{
list-style-type: none;
margin: 0px;
padding: 0px;
height: 31px;
overflow: hidden;
display: inline;
}
#tabnav li{
width: 91px;
display: inline;
float: left;
height: 31px;
margin: 0px 5px 10px 0px;
padding: 8px 0px 0px 0px;
overflow: hidden;
background: url(images/tab-bg.png) no-repeat;
text-align: center;
}
#tabnav li a:link, #tabnav li a:visited{
color: #fff;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}
#tabnav li a:hover, #tabnav li a.selected{
color: #84b8ff;
text-decoration: none;
}
.tab-top{
height: 10px;
width: 290px;
overflow: hidden;
background: url(images/sidebar-top.png) no-repeat;
margin: 0px;
padding: 0px;
}
.tab-bottom{
height: 10px;
width: 290px;
overflow: hidden;
background: url(images/sidebar-bottom.png) no-repeat;
margin: 0px;
padding: 0px;
}
.tab-middle{
width: 270px;
padding: 0px 10px 0px 10px;
margin: 0px;
overflow: hidden;
background: url(images/black-1.png);
}
.panel{
width: 290px;
margin: 0px 0px 20px 0px;
padding: 0px;
}