body {

background: #000;

font-size: 12px;

font-family: "Trebuchet MS", Arial, verdana;

margin:0;

padding:0;

color:#ffffff;

background:url(http://photos.johnpanelo.com/wp-content/themes/photospanelo/images/bg_panelo.jpg) fixed top center no-repeat #000000;

}

a{

outline: none;

}

blockquote{

margin: 0 0 0 25px;

padding: 0 25px 0 10px;

font-style: italic;

color: #999;

border-left: 4px solid #ccc;

}

img{

border:none;

}

form{

margin:0;

}

input, textarea{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

padding:3px;

}

label{

float:left;

}

hr{

margin:8px 0;

color:#000;

background:#000;

}

#container { 

width: 900px; 

text-align: left; 

margin: 0 auto;

/* background: #222; */



}

/* header styles */

#header { 

height: 100px;

/* background: #000; */

margin:0 0 20px 0;

position:relative;

}

#header h1, #header h1 a {

color: #ffaa00;

font-size: 30px;

font-family: "Trebuchet MS", Arial, verdana;

margin: 0;

text-decoration: none;

text-transform: uppercase;

padding:6px 0 0 6px;

letter-spacing:1px;

}

#header h1 a:hover {

color: #ccc;

}

#header .description {

color: #fff;

font-size: 10px;

font-family: Arial Narrow, Arial, Helvetica, Sans-Serif;

font-weight: bold;

text-transform: uppercase;

margin: 0;

padding:0 0 0 16px;

letter-spacing: 2px;

}

#rss{

position:absolute;

top:40px;

right:0px;

height:40px;

padding:20px 0 0 0;

}

#rss a{

text-decoration:none;

color:#FFFFFF;

padding:0 10px;

}

#rss a:hover{

text-decoration:underline;

}

#rss ul{

margin:0;

padding:0;

list-style-type:none;

}

#rss ul li{

display:inline;

padding:0 0 0 34px;

}

/* top menu styles */

#menu { 

margin: 0;

padding: 10px 0;

background: #000000;

font-size: 14px;

text-transform: uppercase;

font-weight: bold;

width:600px;

float:left;

}

#menu ul {

margin:0;

padding:0;

}

#menu li {

display: inline;

list-style-type: none;

margin: 0;

padding: 0;

}



#menu ul li a {

color: #fff;

padding: 10px 15px;

margin: 0;

text-decoration: none;

}

#menu ul li a:hover {

color:#000;

background:#eee;

}

/* search styles */

#top_search{

width:275px;

float:right;

margin-right:40px;

padding:5px 10px 5px 0;

height:38px;

text-align:right;

}

#search #s, #author, #email, #url, #comment {

border: 1px solid #000;

}

#search #searchsubmit, #submit {

border: 1px solid #000;

background: #fff;

}

#searchform{

margin:0;

}



/* content styles */

#content {

width: 540px; 

float: left; 

margin: 0 0 10px 0;

padding:0 10px;

position:relative;

}

#content p{

margin: 0;

line-height: 18px;

padding: 0 0 10px 0;

}

#content h1 {

color: #000000;

font-size: 28px;

font-family: "Trebuchet MS", Arial, verdana;

font-weight: normal;

padding: 10px;

line-height: 150%;

margin: 0;

}

#content h1 a{

color: #ffaa00;

text-decoration: underline;

}

#content h1 a:hover {

color: #EF7222;

text-decoration: none;

}

#content h2 {

color: #ffaa00;

font-size: 24px;

font-family: "Trebuchet MS", Arial, verdana;

font-weight: normal;



margin:0 0 2px 0;

padding:0 0 2px 0;

}

#content h2 a, #content h3 a{

border-bottom:1px #666666 dotted;

color: #fff;

text-decoration: none;

display:block;

}

#content h2 a:hover, #content h3 a:hover {

color: #aaa;

text-decoration: none;

}

/* posts styles */

.posts{

padding:10px 10px;

background:#222;

margin:0 0 10px 0;

width:512px;

border:2px solid #333;

}







.posts h2 a{

padding:4px 10px 2px 0;



}

.posts .title {

margin: 0;

padding: 0 0 5px 50px;

font-size: 1.8em;

}

.posts a{

color: #f19621;

}

.posts a:hover{

text-decoration: underline;

}

.posts ol{

margin:0;

padding:0;

}

.posts ol li{

list-style: decimal inside;

padding:4px 0 4px 10px;

margin:0;

}

.posts ul {

list-style: none;

margin: 0;

padding: 0 0 10px 0;

}

.posts ul li {

list-style: square inside;

margin: 0 0 0 10px;

padding: 5px 0 0 0;

}

.posts ul li a {

color: #000;

text-decoration: none;

font-style:normal;

}

.posts ul li a:hover {

color: #000000;

text-decoration: underline;

}

.posts blockquote p{

margin: 0 0 20px 0;

padding: 0;

}

.posts p img, .posts img{

border: 1px solid #666;

background:#000;

padding: 5px;

}

.posts img{

border: 1px solid #666;

background:#000;

padding: 5px;

}

.panelo_random img {

border: 1px solid #666;

background:#000;

padding: 10px;

margin:5px;

}

.panelo_rand {

border: 1px solid #666;

background:#000;

padding: 10px;

margin:5px;

}

.posts ol li img{

border:none;

padding:0

}

.input_comment{

margin:0 0 6px 0;

}

.prev{

float:left;

text-align:left;

padding:0 0 10px 0;

color:#ffaa00;

}

.next{

float:right;

text-align:right;

padding:0 0 10px 0;

color:#ffaa00;

}









.prev_next{

padding:10px 0 0 0;

color:#fff;

text-align:center;

}

.prev_next a, .prev a, .next a{

text-decoration:none;

color:#ffaa00;

}

.prev_next a:hover, .prev a:hover, .next a:hover{

text-decoration: underline;

color: #ffaa00;

}

.author_date{

background: #E6E6E6;

padding:6px 6px 6px 10px;

color:#000;

margin:0 0 10px 0;

border-bottom:2px solid #aaa;

}

.author_date a, .author_date a:visited{

font-style:normal;

color:#000000;

}

.alignleft{

border: none;

padding: 0px 5px 5px 0px;

float:left;

}

.alignright{

border: none;

padding: 5px 0px 0px 5px;

float:right;

}

/* comments styles */

.comments {

padding: 8px;

}

.comments * {

font-size: 13px;

}

.comments h3 {

color: #6B030B;

font-size: 14px;

font-family: Times New Roman, Georgia, Serif;

margin-bottom: 10px;

}

.comments .commentlist {

padding: 0;

margin: 0;

}

.comments .commentlist div {

margin: 5px 0 5px 0;

padding: 10px;

background: #ccc;

width: 450px;

overflow: auto;

}

.comments .commentlist .alt {

background: #fff;

}

.comments ol {

list-style-type: decimal;

line-height: 18px;

margin: 0;

padding: 0 0 10px 0;

}

.comments ol li{

list-style: decimal inside;

margin:0;

padding:10px;

border-bottom:2px solid #000;

}

.graybox{

background: #17161B;

}

.whitebox{

background: #18161B;

}

/* sidebar styles */

#sidebar{ 

width: 320px;

margin: 0;

padding:0;

}

#l_sidebar, #r_sidebar{ 

width: 160px;

float: right; 

margin: 0 10px 0 0;

padding: 0;

}

/* widget_box styles */

.widget_box {

width: 330px;

display: block;

background: #fff;

float: left; 

margin:0 0 10px 0;

padding: 0;

font-size:11px;

}

.widget_boxx {

width: 330px;

display: block;

float: left; 

margin:0 0 10px 0;

padding: 0;

font-size:11px;

}

.widget_box2 {

width: 160px;

display: block;

background: #fff;

float: left; 

margin:0 0 10px 0;

padding: 0;

font-size:11px;

}

.widget_boxx p, .widget_box p, .widget_box2 p{

padding:4px;

margin:4px 0;

}

.widget_box p img.author{

float:left;

margin:0 6px 6px 0;

padding:4px;

border:1px solid #CCCCCC;

}

.widget_boxx p img.author{

float:left;

margin:5px 6px 6px 0;

padding:4px;

border:1px solid #CCCCCC;

}

.widget_boxx h3, .widget_boxx h2, .widget_boxx h1, .widget_box h1, .widget_box h2, .widget_box h3, .widget_box2 h1, .widget_box2 h2, .widget_box2 h3{

color: #000;

background: #ffaa00;

font-size: 12px;

font-family: Verdana, Arial, Helvetica, sans-serif;

letter-spacing:1px;

font-weight: normal;

list-style: none;

padding: 5px;

margin: 0;

text-transform: uppercase;}

.widget_boxx a, .widget_box a, .widget_box2 a {

margin: 0;

padding: 0 0 0 0px;

color: #ffaa00;

text-decoration: none;

}

.widget_boxx a:hover, .widget_box a:hover, .widget_box2 a:hover{

color:#666;

}

.widget_boxx ul, .widget_box ul, .widget_box2 ul{

list-style: none;

margin: 0;

padding: 0;

}

.widget_boxx ul li, .widget_box ul li, .widget_box2 ul li{

border-bottom:1px solid #000;

list-style: none;

margin: 0;

padding:0;

font-size: 11px;

}

.widget_boxx ul li a, .widget_box ul li a, .widget_box2 ul li a{

margin: 0;

padding:4px;

color: #000;

text-decoration: none;

display:block;

font-family:Verdana, Arial, Helvetica, sans-serif;

}

.widget_box ul li a{

width:318px;

}

.widget_box2 ul li a{

width:152px;

}

.widget_boxx ul li a{

width:318px;

}

.widget_boxx ul li a:hover, .widget_box ul li a:hover, .widget_box2 ul li a:hover{

text-decoration:none;

color:#aaa;

}

.widget_boxx ul ul li ul, .widget_box ul ul li ul, .widget_box2 ul ul li ul{

margin-top: 0;

}

.widget_boxx ul ul li ul li, .widget_box ul ul li ul li, .widget_box2 ul ul li ul li, .widget_box2 ul ul li{

border-bottom:none;

}

.sidebar .recentcomments, .sidebar .textwidget{

padding:3px 0 2px 4px;

}

.clear{

clear:both;

}

/* footer styles */

#footer { 



padding: 20px;

text-align: center;

height:20px;

color:#666;

margin:0 auto;

width:840px;

border-top:1px solid #666;

}

#footer a{

color:#fff;

text-decoration:none;

}

#footer a:hover{

text-decoration:underline;

}



.image {margin-bottom:5px;}

.image a:hover {

	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;

margin:0;

padding:0;

}



.image a {

	filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;

margin:0;

padding:0;

}