/*
Theme Name: JXBrushes
Theme URI: http://www.jegnux.com/
Description: Theme developed by JegnuX for his blog.
Version: 1.0
Author: JegnuX
 
JXBrushes by JegnuX || http://www.jegnux.com
 
*/

* {
    padding: 0px;
    margin: 0px;
}

html, body {			
height:100%;
margin: 0px;
padding: 0px;
}

img {
    border: none;
}

a:link, a:visited, a:active {
	color: #314654;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-size:25px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:normal;
	padding-bottom:2px;
}
h2 {
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:normal;
	padding-bottom:11px;
	padding-top:15px;

}
h3 {
	font-size:17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:normal;
	padding-bottom:10px;
	padding-top:14px;
}

p {
    margin:10px 0px;
}

body {
    font-family: Verdana, Arial;
    font-size: 10pt;
    background: url('images/background.png');  
}

#pennant {
    background: url('images/pennant.png') repeat-x;
    height: 40px;
    width: 100%;
    left:0px;
    right:0px;
    position: fixed;
    top:-5px;
    z-index: 20;
}

#wrap {
    background:#eaeaea url('images/body-gradiant.png') left 160px repeat-x;
    margin: auto;
    width:1020px;
    border-left: solid 1px #878787;
    border-right: solid 1px #878787;
    min-height: 100%;
    position: relative;
}

html>body #wrap {		
height:auto;
}

#header {
    position: relative;
    width: 100%;
    height: 130px;
    padding-top: 30px;
    background: url('images/header.png') no-repeat;
}

#title-logo {
    position: absolute;
    top:30px;
    left:40px;
}

#twitter-logo {
    position: absolute;
    top:40px;
    left:426px;
    z-index: 10;
}

#rss-logo {
    position: absolute;
    top:40px;
    left:555px;
    z-index: 10;
}

#twitter-logo:hover {
    top:10px;
    padding: 20px;
    left:406px;
}

#rss-logo:hover {
    top:10px;
    padding: 20px;
    left:535px;
}

#header #tabBar {
    background: url('images/tabBar.png') repeat-x;
    position: absolute;
    width: 100%;
    height: 33px;
    bottom: 0px;
    
}

#tab-list {
    width: 650px;
    height: auto;
    position: absolute;
    font-family: Tahoma;
    text-align: center;
    bottom: 0px;
    padding-bottom: 7px;
}

#tab-list li {
    display: inline;
    height: 30px;
    padding: 0px 10px 7px;
    text-transform: capitalize;
}

#tab-list li a{
    font-size: 12pt;
    color: #314654;
}

#tab-list li:hover{
    background: url('images/hover-tab.png') center bottom no-repeat;
}

#tab-list li a:hover{
    text-decoration: none;
}

#flags {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100;	
}

#qtrans_language_chooser li {
	list-style: none;
}

#body {
    width: 655px;
    margin: 0px 5px;
    height: 100%;
    position: relative;
    padding-bottom: 80px;
}

#sidebar {
    background: url('images/top-sidebar.png') center 60px no-repeat;
    position: absolute;
    width: 305px;
    min-height: 310px;
    top: 0px;
    padding: 80px 30px 0px;
    right: 0px;
} 

.livesearchpopup {
    z-index: 10;
    position: absolute;
    top:134px;
    left:525px;
}

.spiegel {
    display: none;
}

#sidebar ul {
    list-style: none;
}

#sidebar .widget{
    margin-bottom: 25px;
}

#sidebar .widget .title{
    text-align: center;
    font-size: 12pt;
    border-bottom: 1px dotted gray;
    padding-bottom: 2px;
    margin-bottom: 2px;
}

#sidebar .widget li{
    text-align: left;
    font-size: 10pt;
    margin-bottom: 0px;
}

#sidebar .widget a:hover{
    color:#505050;
}

#footer {
    position: absolute;
    width: 100%;
    padding: 10px 0px;
    text-align: center;
    bottom: 0px;
}

.article {
    width: 100%;
    margin: 10px 0px;
    position: relative;
}

.article .header {
    width: auto;
    font-size: 14pt;
    font-family: Verdana;
    height: 14px;
    padding: 15px;
    background: url('images/article-header.png') no-repeat;
}

.article .content {
    top:30px;
    min-height: 100px;
    width: auto;
    padding: 5px 20px;
    background: url('images/article-body.png') repeat-y;
    overflow: hidden;
}

.article .content a:link, .article .content a:visited, .article .content a:active {
	color: #0082ff;
}
.article .footer {
    bottom : 0px;
    width: auto;
    color:gray;
    font-size: 8pt;
    padding: 7px 20px;
    background: url('images/article-footer.png') no-repeat;
    height: 20px;
}

.article .footer .commentaire{
    float:right;
}

.article .footer .date{
    float:left;
}

#navigation {
    width: auto;
    padding: 0px 20px;
    margin-bottom: 30px;
}
/*------------------COMMENTS----------*/
.commentlist {
	padding: 0;
	text-align: justify;
}	
.commentlist p {
	margin: 0 15px 10px 2px;
	clear:both;
}
#commentform p {
	margin: 5px 0;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
.alt{
	margin-top: 1px;
	padding: 10px 10px 5px 10px;
	background: #f2f2f2;
	border: 1px solid #b2b0a4;
}	
.alt2{
	margin-top: 1px;
	padding: 10px 10px 5px 10px;
	background: #ffffff;
	border: 1px solid #b2b0a4;
}	
.administrator {
	margin-top: 1px;
	padding: 10px 10px 5px 10px;
	background:#e5dfcf url(images/author.png) no-repeat center ;
	border: 1px solid #7e7d75;
}
.cgravatar {
	float: left;
	width: 60px;
	height: 60px;
	margin: 0px 12px 0px 0px;
	border: 1px solid #47453a;
}
.comment-author {	
	font-size: 120%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #2b2d2f;
}
.comment-author a:link , .comment-author a:visited, .comment-author a:active {
	color: #d21600;
	border-bottom: 1px solid #d21600 ;	
	text-decoration: none;
}
.comment-author a:hover {
	color: #635537;
	border-bottom:1px solid #b2b0a4;
	text-decoration: none;
}		
.comment-date {
	margin-left:2px;
	margin-top:3px;
	font-size: .75em;
	color: #888;
}
#com{
    width: auto;
    margin: 0px 10px;
	clear: both;
}
#comhead, #respond{
	margin:15px 0px 20px;
	color:#271b03;
	padding:3px 0 3px 20px;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;	
	width: auto;	
    background: url('images/back-reply.png') repeat-y;
}

#commentform {	
	margin: 10px 10px 30px 0px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	color: #787878;
	font-size: 87%;
}
#commentform input{
	width: 200px;
	background: #fff;
	border: 1px solid #b2b0a4;
	padding: 5px;
	margin-top: 3px;
	font: 100% 'Trebuchet MS', Verdana, Sans-Serif;
}
#commentform textarea{
	height: 130px;
	width: auto;
	background: #fff;
	border: 1px solid #b2b0a4;
	padding: 5px;
	margin-top: 3px;
	font: 100% 'Trebuchet MS', Verdana, Sans-Serif;
	overflow: auto;
}
#commentform #submit{
	cursor:pointer;
}