/*
Theme Name: PirataSV.net
Theme URI: http://piratasv.net
Description: Your theme
Version: 1
Author: You
Author URI: http://piratasv.net
*/

/**
 * @section Layout
 */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	color: #333;
	background: #3d3d3d url(images/background.png) repeat-x;
}

#page {
	position: relative;
	width: 756px;
	margin: 10px auto;
	text-align: left;
}

#header {
	background: url(images/background-header.png) no-repeat bottom;
	padding-bottom: 6px;
}

#content {
	position: relative;
	font-size: 1.25em; 
	background: #fff url(images/background-content.png) repeat-y;
	_background-color: transparent; /* fix IE6 right margin problem */
	margin: 0;
	padding: 1px 25px 8px 25px;
	/* Fixes the Peek-a-boo IE bug */
	height: 100%;
}

#content-inner {
	background: #fff url(images/background-content-inner.png) top repeat-x;
	margin: -1px -17px -5px -17px;
	padding: 1px 17px 5px;
}

#logo {
	position: absolute;
	top: 33px;
	right: 0px;
	width: 324px;
	height: 37px;
	padding: 0;
	margin: 0 10px;
	background: transparent url(images/logo.png) no-repeat top;
}

#logo a {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 226px;
	height: 37px;
	text-decoration: none;
	text-indent: -5000px;
}

#footer {
	background: url(images/background-footer.png) no-repeat top;
	color: #999;
	font-size: 1.1em;
	padding: 20px 26px 10px 26px;
	line-height: 1.6em;
}
#footer a { color: #aaa; }

#left {
	float: left;
	width: 468px;
}

#right {
	margin-left: 500px;
	width: 200px;
	font-size: 0.9em;
	_overflow: hidden; /* fix IE6 sidebar problem */
}


/**
 * @section Columns
 */

div.colsmall {
	display: block;
	float: left; 
	width: 190px; 
	margin-right: 10px;
}

div.collarge {
	display: block;
	float: right;
	width: 430px;
	margin-right: 10px;
}


/**
 * @section Default text
 */

p, blockquote	{ margin: 1.25em 0; }
p, li, blockquote	{ line-height: 1.5em; }

blockquote {
	margin-left: 0;
	padding: 0 20px 0 20px;
	background: url(images/quote.png) no-repeat top left;
	border: none;
	color: #999;
}

abbr, acronym {
	cursor: help;
	font-style: normal;
	border-bottom: 1px dotted;
}


/**
 * @section Lists
 */

ul {
	list-style: none;
	padding-left: 5px;
	margin: 15px 0;
}

li { margin: 0 0 4px 0; }

ul li {
	padding: 0 0 4px 15px;
	background: url(images/bullet.gif) no-repeat 0.1em 0.5em;
}

ul.children	{ margin: 4px 0; }
ul.children li	{ padding: 0 0 0 15px; }


/**
 * @section Monospace
 */

pre, code {
	font-family: "Lucida Typewriter" ,"Lucida Sans Typewriter", "Lucida Console", monospace;
	color: #666;
}


/**
 * @section Horizontal Rule
 */

hr {
	margin: 0;
	padding: 0;
	height: 1px;
	border: none;
	border-bottom: 1px solid #ddd;
	color: #fff;
}

pre hr { margin: 1em 0; }


/**
 * @section Images
 */

a img	{ border: none; }
.post img	{ vertical-align: bottom; }

img.center	{ display: block; margin-left: auto; margin-right: auto; }
img.alignright	{ display: inline; margin: 0 0 2px 7px; }
img.alignleft	{ display: inline; margin: 0 7px 2px 0; }
img.noborder { border: none; }

img.thumb, 
img.giThumbnail {
	margin: 1px 7px 8px 1px;
	padding: 3px;
	background: #fff;
	border: 1px solid #ddd;
	border-color: #eee #ddd #ddd #eee;
}

a:hover img.thumb, 
a:hover img.giThumbnail {
	margin: 0 6px 7px 0;
	border-width: 2px;
	border-color: #e04411; /* orange */
}

#right #wpg2-sbar-grid .one-image { display: inline; }
#right #wpg2-sbar-grid img.giThumbnail	{ width: 60px; height: 60px; }


/**
 * @section Headers
 */

h1 {
	margin: 15px 0 30px 0;
	font-weight: normal;
	font-size: 1.6em;
	letter-spacing: -0.01em;
}

h2, h3, h4 {
	font-weight: bold;
}

h3 {
	margin: 3em 0 1.3em 0;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #ddd;
	font-size: 1.15em;
}

h2 {
	font-size: 1.3em;
	margin: 17px 0 15px 0;
}

h4 {
	margin: 20px 0 15px 0;
	font-size: 1em;
	line-height: 1.3em;
}

h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited	{ color: #333; }
h1, h1 a, h1 a:visited	{ color: #999; }
h1, h1 a, h1 a:hover, h1 a:visited,
h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited { text-decoration: none; }

.editlink img {
	width: 16px;
	height: 16px;
	border: none !important;
	padding: 0 !important;
	margin: 4px 0 0 !important;
	position: absolute;
	right: 0;
	top: 0;
}

.post .editlink	{ display: none; }
.post:hover .editlink	{ display: block; }

.metalink a, .metalink a:visited { 
	color: #999 !important;
	font-weight: normal !important;
	text-decoration: none !important;
}

.metalink {
	display: block;
	margin-top: 0.4em;
	color: #999;
	font-size: 0.9em !important;
}
.metalink a:hover	{ color: #2e80cf !important; /* blue */ }
h3 .metalink	{ font-size: 0.8em; }


/**
 * @section Hyperlinks
 */

a	{ text-decoration: none; }
a:hover	{ text-decoration: underline; }
a[name] {
	color: inherit;
	text-decoration: inherit;
}

a, 
h2 a:hover,
h3 a:hover,
h4 a:hover,
.breadcrumb a:hover { color: #2e80cf; /* blue */ }

h1 span a:hover, 
h2 span a:hover,
h3 span a:hover,
h4 span a:hover { color: #2e80cf !important; /* blue */ }

#right .more-link a,
.meta a,
.more a,
.prevnext a,
.commentslink a { color: #e04411; /* orange */ }

a:hover { color: #148; /* dark blue */ }

#right .more-link a:hover,
.meta a:hover, .more a:hover, 
.prevnext a:hover,
.commentslink a:hover	{ color: #b21; /* dark orange */ }


/**
 * @section Form elements
 */

input, textarea	{ /* font-size: 0.9em; */ }

input.text,
input[type=text],
textarea {
	background: #fff;
	margin: 1px;
	padding: 3px;
	color: #000;
	border: solid 1px #999;
}

input.text:focus, textarea:focus { border-color: #333; }


/**
 * @section Main Navigation
 * 
 * Main Navigation in the page header 
 */

#nav	{ height: 80px; }

#nav ul	{
	position: absolute;
	top: 53px;
	left: 26px;
	width: 450px;
	height: 25px;
}

#nav ul, #nav ul li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#nav ul li	{ float: left; }

#nav ul li a {
	display: block;
	white-space: nowrap;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	text-decoration: none;
	margin: 0;
	padding: 4px 7px 1px 6px;
	color: #fff;
	background: url(images/nav-bg.png) repeat-x top;
}

#nav ul li a:hover,
#nav ul li a:active,
#nav ul li a.current { background-position: bottom; }
#nav ul li.first	{ padding-left: 23px; background: url(images/nav-first.png) no-repeat left; }
#nav ul li.last	{ padding-right: 23px; background: url(images/nav-last.png) no-repeat right; }


/**
 * @section Categories
 * 
 * Category listing at the bottom of the page
 */

#categories	{ border-top: 1px solid #ddd; padding: 15px 0; margin: 30px 0; }
#categories ul { list-style: none; margin: 0; padding: 0; }
#categories li	{ list-style: none !important; font-size: 0.9em; color: #999; float: left;  text-align: right;  display: block; width: 120px; margin: 2px 10px 2px 0; padding: 0; background: none; }
#categories li a	{ color: #e04411; /* orange */ font-weight: bold; float: left; text-decoration: none; }
#categories li a:hover { color: #b21; /* dark orange */ text-decoration: underline; }


/**
 * @section Posts and Comments
 */

.post {
	margin: 17px 0 20px 0;
	border-bottom: 1px solid #ddd;
	position: relative;
	_border-right: 1px solid #fff; /* IE hack */
}

.single { border-bottom: none !important; }

.post h2 { display: inline; }

.post .storycontent	{ padding-left: 15px; }

.post .meta {
	font-size: 0.9em;
	display: block;
	margin: 15px 0 20px 0;
	padding-left: 15px;
	text-align: center;
	color: #999;
	line-height: 1.6em;
}

.chronodata { padding: 3px 0 2px 20px; background: url(images/icon_date.gif) left center no-repeat; }

.commentslink {
	padding: 3px 0 2px 20px;
	background: url(images/icon_comment.gif) left center no-repeat;
	margin-left: 10px;
}

/** FIXME */
a.commentslink 	{ color: #e04411 !important; }
a.commentslink:hover { color: #b21 !important; }

.entry-tags {
	padding: 1px 0 2px 20px;
	background: url(images/tag_blue.png) left center no-repeat;
	margin-left: 9px;
}

.post-more	{ border-bottom: 1px solid #ddd; }
.post-more-last	{ border-bottom: none; }
.post-more .commentslink a	{ font-weight: normal !important; }
.post-more .note	{ margin-left: 0.3em; }


.commentlist	{ margin: 0 0 60px 0; padding: 0; list-style: none; }
.commentlist li { margin: 0; padding: 5px 0 5px 15px; border-bottom: 1px solid #ddd; list-style: none; }
.commentlist li.authorcomment	{ background: #f6f6f6; }
.commentlist li .author_meta	{ margin: 1.25em 0; width: 182px; float: right; }
.commentlist li .author_meta .commentauthor	{ font-weight: bold; }
.commentlist li .author_meta .commentauthor a	{ color: #333 !important; }
.commentlist li .comment_text	{ margin: 0; width: 400px; float: left; }

.pinglist	{ margin: 20px 0 60px 0; padding: 0; }
.pinglist li	{ margin: 15px; padding: 0; list-style: none; background: none; }
.pinglist li .commentauthor	{ font-weight: bold; display: block; }
.pinglist li small	{ display: block; }

.leavecomment	{ text-align: center; color: #ddd; font-size: 1.4em; }

small.commentmetadata	{ color: #999; }
small.commentmetadata a,
.meta .date a	{ color: #999 !important; }
.meta .date a:hover	{ color: #999; }

#commentform textarea	{ width: 440px; }

.closedcomments {
	margin: 35px 0 20px 0;
	text-align: center;
	font-weight: bold;
}


/**
 *Â @section Navigation
 * 
 * Prev/Next navigation (where no "pagebar" is available)
 */

.navigation {
	text-align: center;
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
}

.navigation .left	{ width: 50%; float: left; text-align: left; }
.navigation .right	{ width: 50%; float: right; text-align: right; }
.navigation p	{ margin: 0; padding: 0; }
.navigation a	{ color: #e04411; text-decoration: none !important; font-weight: bold; }
.navigation a:hover { color: #b21 !important; text-decoration: underline !important; }


/**
 * @section Misc styles
 */

small, .small, .note	{ font-size: 0.9em; }

.note	{ color: #999; }

.alert {
	margin: 2em 0;
	background: #fff6bf;
	border: 1px solid #ffd324;
	border-width: 1px 0;
	padding: 1em 15px;
}

.breadcrumb {
	font-size: 0.8em;
	color: #aaa;
	margin: 15px 5px -15px 0;
	float: right;
	line-height: 15px;
}

.breadcrumb a { color: #666; }

#right .more-link,
.more {
	font-weight: normal;
	font-size: 0.9em;
	color: #666;
}

div.more-link div.more {
	margin: 10px 0 15px 0;
	text-align: right;
}

.hide { display: none; }

.clear {
	margin: 0;
	padding: 0;
	clear: both;
	height: 3px;
	line-height: 1px;
}

.alignright	{ float: right; }
.alignleft	{ float: left; }

.highlight { background-color: #fffacc; }


/**
 * @section Sidebar
 */

#right ul	{ padding: 0; }
#right ul li	{ margin: 2px 0; padding: 0 0 0 13px; }

#right #sidebar-about h3 {	margin-top: 17px; }

#right #sidebar-ads	{ margin: 1em; }

#right #sidebar-comments ul li {
	font-weight: normal;
	padding-bottom: 0.5em !important;
	padding-left: 0 !important;
	background: none !important;
}

#right #sidebar-comments ul li span a, 
#right #sidebar-comments ul li small a {
	color: #999;
	font-weight: normal;
}

#right #sidebar-comments small {
	display: block;
	margin: 0;
	font-weight: normal;
	line-height: 1.5em;
}

#right #sidebar-related ul li	{ margin-bottom: 0.5em !important; }
#right #sidebar-related ul li .note	{ display: block; }

#right #sidebar-feeds ul li { background: url(images/feed.png) no-repeat -2px 1px !important; }

#right input#searchsubmit	{ padding: 0 0.2em; }


/**
 * @section Grunion Contact Form Plugin
 * @link http://automattic.com/#
 *
 * Add a contact form to any post 
 */

.form-error {
	color: #c00;
}

.form-error h3 {
	border: none;
	font-size: 1em;
	color: #c00;
	margin: 0;
}

.contact-form textarea {
	width: 95%;
	height: 10em;
}


/**
 * @section Page bar Plugin
 * @link http://www.elektroelch.de/hacks/wp/pagebar.html
 *
 * Page bar Plugin for page navigation in WordPress entry lists
 */

.pagebar { margin: 0; padding-bottom: 1.5em; text-align: center; }
.pagebar a, .pageList .this-page { padding: 5px 0.4em; }
.pagebar a	{ color: #e04411; /* orange */ }
.pagebar a:visited	{ padding: 5px 0.4em; }
.pagebar a:hover	{ color: #b21; }

.pagebar .break {
	padding: 2px 6px; 
	border: none; 
	color: #999;
	background: #fff; 
	text-decoration: none;
}

.pagebar .this-page {
	padding: 2px 0.2em; 
	border-color: #999; 
	font-weight: bold; 
	vertical-align: top; 
	background: #fff;
}