/*
Theme Name: PaperNight
Theme URI: http://www.nocturnart.com/
Description: PaperNight theme for nocturnart.com
Version: 2.1
Author: studio nocturnart
Author URI: www.nocturnart.com
Tags: empty, clean, development, design

	Designed by web studio Nocturnart, Athens, Greece.
*/

/* HEADER */

#header {
	width: 100%;
	height: 246px;
	background-image: url(/images/gradbg.png);
	background-position: bottom;
	background-repeat: repeat-x;
}
#header #bg {
	width: 100%;
	height: 240px;
	background-image: url(/images/sky.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #000000;
}

#header  #bg #logo {
	padding: 0px;
	width: 978px;
	height: 240px;
	background-repeat: no-repeat;
	background-image: url(/images/logo.png);
	background-position: bottom;
	margin-left: auto;
	margin-right: auto;
}

#header  #bg #logo #menu {
	float: left;
	height: 40px;
	width: 560px;
	position: relative;
	left: 20px;
	top: 200px;
	background-image: url(/images/menu/menubg.png);
}
#header #bg #logo #menu #menuitem1 {
	height: 40px;
	width: 65px;
	float: left;
}

#header #bg #logo #menu #menuitem1:hover {
	height: 40px;
	width: 65px;
	float: left;
	background-image: url(/images/menu/menuitem1.png);
}

#header #bg #logo #menu #menuitem2 {
	height: 40px;
	width: 115px;
	float: left;
}
#header #bg #logo #menu #menuitem2:hover {
	height: 40px;
	width: 115px;
	float: left;
	background-image: url(/images/menu/menuitem2.png);
}
#header #bg #logo #menu #menuitem3 {
	height: 40px;
	width: 135px;
	float: left;
}
#header #bg #logo #menu #menuitem3:hover {
	height: 40px;
	width: 135px;
	float: left;
	background-image: url(/images/menu/menuitem3.png);
}
#header #bg #logo #menu #menuitem4 {
	height: 40px;
	width: 120px;
	float: left;
}
#header #bg #logo #menu #menuitem4:hover {
	height: 40px;
	width: 120px;
	float: left;
	background-image: url(/images/menu/menuitem4.png);
}
#header #bg #logo #menu #menuitem5 { height: 40px; width: 65px;	float: left; }
#header #bg #logo #menu #menuitem5:hover { height: 40px; width: 65px; float: left; background-image: url(/images/menu/menuitem5.png); }
#header #bg #logo #menu #menuitem6 { height: 40px; width: 60px;	float: left; }
#header #bg #logo #menu #menuitem6:hover { height: 40px; width: 60px; float: left; background-image: url(/images/menu/menuitem6.png); }
#header #bg #logo #shareme { height: 84px; width: 384px; left: 580px; top: 0px; position: relative; }
#header #bg #logo #shareme .shareicon {	float: left; height: 84px; width: 64px;	background-position: bottom; background-repeat: no-repeat; }
#header #bg #logo #shareme .shareicon:hover { float: left; height: 84px; width: 64px; background-position: top; background-repeat: no-repeat; }

#header #bg #logo #shareme #icondel { background-image: url(/images/share/delicious.png); }
#header #bg #logo #shareme #icontec { background-image: url(/images/share/technorati.png); }
#header #bg #logo #shareme #icondig { background-image: url(/images/share/digg.png); }
#header #bg #logo #shareme #iconfac { background-image: url(/images/share/facebook.png); }
#header #bg #logo #shareme #iconstu { background-image: url(/images/share/stumbleupon.png); }
#header #bg #logo #shareme #icontwi { background-image: url(/images/share/twitter.png); }

#header #ruler {
	height: 6px;
	width: 100%;
	float: left;
	background-image: url(/images/ruler.jpg);
	background-repeat: repeat-x;
}

/* BODY */
body {
	background-image: url(/images/blackbg.jpg);
	margin: 0px;
	padding: 0px;
}
hr {
	background-image: url(/images/tiny.png);
	height: 6px;
	width: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
float: left;
}
#wrapper {
	width: 100%;
	background-image: url(/images/vertical_red.png);
	background-repeat: repeat-y;
	float: left;
}
#main {
	margin: 0 auto;
	width: 973px;
	height: 100%;
	position: relative;
	top: 0px;
}
#grad {
	background-image: url(/images/gradbg2.png);
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	height: 200px;
	position: absolute;
	top: 246px;
}

#postarea    {
	width: 698px;
	margin: 0;
	padding: 0;
	float: left;
}
.mainbox   {
	float: left;
	width: 698px;
	margin-top: 20px;
	margin-bottom: 0px;
	
}
#main  #postarea  .mainbox  .mainboxtop  {
	background-image: url(/images/post/post-top.png);
	height: 20px;
	width: 698px;
}
#main #postarea .mainbox .mainboxcontent {
	background-image: url(/images/post/cardboard.jpg);
	width: 658px;
	padding-right: 20px;
	padding-left: 20px;
	float: left;
	padding-bottom: 10px;
}
#main  #postarea  .mainbox  .mainboxcontent  h1 {
text-shadow: 2px 2px 2px #fff;
	height: 40px;
	width: 658px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/images/post/post-paint.png);
	background-repeat: no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	color: #141414;
	margin-top: 0px;
	padding-bottom: 10px;
	letter-spacing: -2px;
	font-weight: normal;
}

#main  #postarea  .mainbox  .mainboxcontent li {
list-style: decimal inside none;
	font-family: verdana;
	font-size: 12px;
	color: #141414;
font-weight: normal;
	line-height: 1.5em;
	text-align: justify; margin-bottom: 10px;
}

#main  #postarea  .mainbox  .mainboxcontent  h1 a{
color: #141414;
}
.tinyimg {
padding: 2px 5px 0px 5px;
margin: 0px 5px 0px 5px;
border: 0px;

}
#main  #postarea  .mainbox  .mainboxcontent  h1 a:hover {
color: #990000;
}

#main #postarea .mainbox .mainboxcontent p {


	font-family: verdana;
	
	font-size: 12px;
	color: #000000;
	margin-top: 10px;
	font-weight: normal;
	line-height: 1.5em;
	text-align: justify;

}
#main #postarea .mainbox .mainboxcontent p code {

display: block;
	padding: 2px;
font-size: 12px;
	border: 2px dashed;
overflow: hidden;
background-color: #D6C196;
}

#main #postarea .mainbox .mainboxcontent a {
	color: #990000;
	text-decoration: none;
}
#main #postarea .mainbox .mainboxcontent a:hover {
	color: #333333;
	text-decoration: none;
}

.read_more {
font-weight: bold;
font-family: tahoma;
font-size: 11px;
padding-top: 10px;
height: 40px;
width: 150px;
float: left;
background-image: url(/images/post/tape.png);
}


#main #postarea .mainbox .mainboxbot {
	width: 698px;
	float: left;
	background-repeat: no-repeat;
	background-position: top;
	font-family: tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	text-align: center;
}
#main #postarea .mainbox .mainboxbot a {
color: #970000;
}

/* SIDEBAR */

#sidebar {
	float: left;
	width: 250px;
	padding-bottom: 20px;
	padding-left: 25px;
}
.widget img {
border: 0px;
}
.widget {
	float: left;
	width: 250px;
	margin-top: 30px;
}
.widget  .widgettitle {
	background-image: url(/images/sidebar/side_top.png);
	height: 43px;
	width: 240px;
	color: #ff9900;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 22px;
	font-variant: normal;
	text-align: left;
	padding-top: 3px;
	padding-left: 10px;
	letter-spacing: -1px;
}
.widget .widgetmain {
	background-image: url(/images/sidebar/side_mid.png);
	width: 225px;
	padding-left: 10px;
	padding-right: 15px;
	font-family: Tahoma;
	font-size: 11px;
	text-align: justify;
	padding-top: 10px;
	font-weight: normal;
	padding-bottom: 5px;
}

#sidebar .widget .widgetmain a {
	color: #970000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.widget .widgetbot {
	background-image: url(/images/sidebar/side_bot.png);
	height: 32px;
	width: 230px;
	color: #ff9900;
	font-family: arial;
	letter-spacing: -1px;
	padding-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1em;
	font-weight: bold;
}
.widget .widgetbot a {
	color: #BED702;

}


/* FOOTER */

#footerline {
	width: 100%;
	float: left;
	bottom: 0px;
	background-image: url(/images/footer.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 20px;
	position: relative;
}
#footer   {
	width: 100%;
	bottom: 0px;
	position: relative;
	float: left;
	background-image: url(/images/paperbg.png);
}
#footer  a  {
	color: #970000;
	text-decoration: none;
	}
#footer  a:hover  {
	color: #970000;
	text-decoration: underline;
}
#footer #footercontent {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	float: left;
}
#footer #footercontent .footbox {
	width: 22%;
	float: left;
	text-align: justify;
	font-family: tahoma;
	font-size: 11px;
}
#footer  #footercontent  .footbox  p  {
	padding-top: 0px;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
}
#footer #footercontent .footbox h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #970000;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
	letter-spacing: -1px;
}
#footer  #footercontent  .footbox  ul li a {
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}
#footer #footercontent .footspacer {
	float: left;
	width: 4%;
	height: 20px;
}
#footer    #propaganda    {
	float:left;
	color: #333333;
	font-family: tahoma;
	font-size: 11px;
	text-align: center;
	
	position: relative;
	width: 100%;
}



/* - BASIC STUFF - */
body {
	background-image: url(/images/blackbg.jpg);
	margin: 0px;
	padding: 0px;
}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}

/* TABLES BY TEO */

table {
font-family: verdana;
font-size: .8em;
width: 100%;
}
.jr-post-img {
float: left;
border: 10px solid;
margin-right: 10px;
color: #333333;
}
.jr-post-img:hover {
float: left;
border: 10px solid;
margin-right: 10px;
color: #990000;
}

/* lists inside posts
.entry-content ul ol {margin-left:0;}
.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;} */

/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
div.reply {}
textarea#comment {overflow:auto}

/* -- ALIGNMENTS -- */
img.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}


/* -- NAVIGATION --*/
div.navigation {width:100%;height:auto;float:left;clear:both;padding: 10px 0px;}
.navigation-index {}
.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}

/* -- IMAGES -- */

.size-full {
border: 10px solid;
color: #333333;
}

img.noborder {
clear: left;
border: 0px;
}

div.half {
width: 45%;
float: left;
padding: 5px;
margin: 5px;
}

/* -- GALLERY --*/
.gallery .gallery-item .gallery-icon a img {
	border: 5px #000000;
}