/*
 Modifications by Omar Romero http://omar.spollo.com.
Licensed under GPL :)
*/

@import "layout.css";
@import "menu.css";
@import "panel.css";

body, html {
margin:0;
padding:0;
background:#7F7F7F;
font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

/*-----------GENERAL STYLING--------------*/

a {
text-decoration: none;
}

a:link {
color: #336699;
}

a:visited {
color: #336699;
}

a:active {
color: #336699;
}

a:hover {
color: #000000;
text-decoration: underline;
}

h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}

.input {
background-color: #FFFFFF;
background-image: url(imgs/back_input.gif);
background-repeat: repeat-x;
background-position: top;
border: 1px solid #a79d8f;
margin: 0px;
padding: 2px 1px;
line-height: inherit;
font-size: 12px;
display: inline;
}

/*---------HEADER---------*/

#header {
background: url(imgs/header.gif) top #7F7F7F no-repeat;
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
text-align: left;
}

#header  a {
color: #ffffff;
text-decoration: none;
}

#header  h1 {
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size: xx-large;
padding: 12px 0px 0px 25px;
}

#header  h2 {
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
color: orange;
font-size: small;
padding-left:25px;
padding-bottom: 5px;
}

/*---------MAIN CONTAINER---------*/

#box {
width: 800px;
text-align: left;
font-size: 12px;
margin-left: auto;
margin-right: auto !important;
margin-top:0px;
margin-bottom:0px;
padding-right: 0px;
padding-left: 20px;
background: url(imgs/page_bg.gif) center #7F7F7F repeat-y;
}

/*---------CONTENT---------*/

#content {
overflow: hidden;
background-color: #EEEEEE;
color: #333;
font-size: small;
border: 1px solid #CECECE;
margin: 10px 10px 10px 0px;
padding: 10px 10px 10px 10px;
}

#content h2 {
color: #666;
/* font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; */
font-size: large;
text-align: left;
font-weight: normal;
margin: 0px 0px 15px 0px;
border-bottom: 1px solid #CECECE;
}

.storytitle {
background: url(imgs/title_bg.png) no-repeat;
height: 43px;
width:558px;
font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size: x-large;
text-align: left;
margin: 0;
line-height:43px;
vertical-align:middle;
padding-left:15px;
font-weight: normal;
color: #ffffff;
}

.storytitle a, .storytitle a:visited, .storytitle a:hover {
font-weight: normal;
color: #ffffff;
}

.shadelight, .shadedark {
font-size: 10px;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
padding: 2px 4px 2px 4px;
}

.shadelight {
background: #CCC;
}

.shadedark {
background: #B6B6B6;
color: #FFF;
font-weight: bold;
}

.shadedark a, .shadelight a	 {
font-weight: bold;
text-decoration: none;
}

/*---------STORY CONTENT---------*/

.storycontent {
margin-left: 0px;
}

.storycontent a:link, .storycontent a:visited, .storycontent a:hover {
color: red;
font-weight: normal;
text-decoration: none;
}

.storycontent p {
color: #333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
margin-bottom: 10px;
}

.storycontent blockquote{
overflow: auto;
font-size: 11px;
border: 1px dashed silver;
background: #fff;
padding : 5px 10px 5px 10px;
margin:1em 0 1em 0;
}

.storycontent blockquote p{
font-size: 11px;
}

.storycontent ul, .storycontent ol {
display: inline;
padding: 0;
margin: 0;
color: #666;
font-size: 11px;
}

.storycontent li{
margin: 0px 40px;
font-size: 11px;
}

.archive{
padding: 5px 0px 5px 20px;
background: transparent url(imgs/date.gif) no-repeat center left;
}
/*---------FEEDBACK---------*/

.feedback {
background-color: rgb(223, 223, 223);
text-align: center;
padding: 0px 10px 0px 10px;
margin: 10px 10px 30px 0px;
border-width: 1px;
border-color: #CECECE;
border-style: dashed;
}

/*---------COMMENTS---------*/

#comments{
background-color: #fff;
border: dashed 1px #CECECE;
margin: 0 2em 0px 2em;
}

#comments li{
margin: 10px 20px 0px 20px;
font-size: 11px;
border-bottom: 1px solid #CECECE;
}

/*---------PAGER---------*/

.pager {
clear:both;
text-align: center;
margin-bottom: 20px;
margin-top: 20px;
font-size: 12px;
padding-top: 10px;
padding-bottom: 10px;
}

.pager a, .pager a:link, .pager a:hover {
text-decoration: none;
border: 0px;
}

.pager .pagerLinkPrevPage, .pagerLink, .pagerLinkNextPage{
padding: 2px 6px;
}

.pager .pagerLinkPrevPage{
margin-right:20px;
}

.pager .pagerLinkNextPage {
margin-left:20px;
}

.pager .pagerCurrent {
padding: 2px 6px;
border-color: #999;
font-weight: bold;
font-size: 13px;
vertical-align: top;
background: #fff;
color: #FF0084;
}

/*---------CREDITS---------*/

.credit {
clear: both;
margin-top: 10px;
margin-bottom: 0px;
font-size: 11px;
text-align: center;
}

.credit p {
margin: 0;
padding: 0;
color: #666;
}

/*---------META---------*/

.meta {
padding: 0px;
margin: 0px 0px 10px 15px;
border-bottom: 1px solid #CECECE;
font-size: 80%;
}

/*---------Gallery thumbnails---------*/

.gallery-thumb {
margin: 5px;
text-align: center;
}

.gallery-thumb img {
background: #f3f3f3;
border: 1px solid #ddd;
padding: 7px;
margin: 1px;
-moz-border-radius: 3px;
}

.gallery-thumb a img {
border-color: #ccc;
}

.gallery-thumb a:hover img, .gallery-thumb img:hover  {
border-width: 2px;
border-color: #38c;
margin: 0;
-moz-border-radius: 5px;
}

.gallery-thumb {
margin-right: 5px !important;
}

#CommentForm fieldset {
	border:2px solid #d4d0cd; 
	padding-top:10px; 
	margin-top:10px; 
	padding-left:10px; 
	padding-bottom:10px;
}

#CommentForm legend {
	color:#525150;
	padding:2px 4px 2px 4px;
	background-color: #ffffff;
	font-weight : bold;
}

#CommentForm label {
	width:13em;
	float:left;
	display:block;
	clear:both; 
	float:left;
	margin-top:8px;
	margin-bottom:0px;
}
	
#CommentForm input {
	margin-top:
	8px;margin-bottom:8px;
}
	
#Submit {
	margin-top:8px;
	margin-bottom:8px;
	margin-left:6em;
}
	
#CommentForm textarea {
	margin-top:8px;
	margin-bottom:0px;
}