/*
Theme Name: pagosoft
Theme URI: http://pagosoft.com/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Version: 1.1
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/

.highlight  {
	background: transparent;
}

pre,code,tt {
	font: 1em 'Consolas', 'Monaco', 'Inconsolata', 'lucida console', monospace;
	line-height: 1.5;
	letter-spacing: 0;
}

/* style the site */
html {
	background: url('./images/background.png');
}

body {
	background: url(./images/background_left.png) left repeat-y;
	padding-left: 7px;
	color: #333;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Veranda, sans-serif;
}

h1, h2, h3 {
	font-family: "Lucida Console", Monaco, monospace;
	letter-spacing: 1.5px;
	color: #113960;
	border-bottom: 1px solid #E3E3E3;
	width: 90%;
}

h1 {
	font-size: 2.2em;
}

h1 a {
	text-decoration: none;
	color: #113960;
}

h1 a:hover {
	color: #000;
}

#page {
	background: url(./images/background_right.png) right repeat-y;
	padding-right: 7px;
	text-align: left;
}

#header {
	background: url('./images/logo_bg.png') top repeat-x;
	height: 159px;
}

#nav ul {
	list-style-type: none;
	margin: 0;
	text-indent: 0;
	padding: 100px 20px 0 43px; /* the right padding should be 40px but 43px looks better */
}

#nav li {
	display: inline;
}

#nav a {
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid white;

	font-size: 1.4em;
	font-family: "Lucida Console", Monaco, monospace;
	text-transform: uppercase;
	display: block;
	float: left;
	margin-right: 3em;
}

#nav a:hover {
	border-bottom: 5px solid white;
}

#logo {
	text-align: left;
	margin-left: -10px;
}

#content {
	background: #FFF url(./images/content_bg_top.png) repeat-x;
	color: #0D2B47;
	vertical-align: top;
}

#document {
	border-right: 1px dotted #C0C0C0;
	padding: 20px 0;
	margin-right: 0;
	letter-spacing: 1px;
}

#document p, #document div.highlight, #document h2, #document dl, #document h3, #document form {
	margin: 1em 40px;
}

#document h1, #document h2 {
	word-spacing: -0.2em;
}

#document h1 {
	margin: 0 40px;
	letter-spacing: 0.3px;
}

#document h2 {
	font-size: 1.6em;
}

#document p + h1, #document dl + h1 {
	margin-top: 1.5em;
}

#document p, #document dd {
	text-align: justify;
}

#document p.time, #document .entry-utility {
	color: #777;
	font-size: 0.9em;
	margin-top: 0.8em;
}

#document ul {
	list-style-type: none;
	margin-left: 28px;
	padding-left: 1em;
	text-indent: -1em;
}

#document ul li:before {
	content: "\203A\203A\0020";
}

#document .page-nav {
	border-top: 1px dotted #C0C0C0;
}

.navigation {
	color: #888;
	font-size: 12px;
	line-height: 32px;
	overflow: hidden;
	padding: 0 40px;
}

.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

#nav-above,
#nav-below {
	display: block;
}

#nav-below {
	border-top: 1px dotted #C0C0C0;
}

.older a {
	background: url(./images/arrow_left.png) no-repeat;
	padding-left: 40px;
}

.older a, .newer a {
	font-size: 1.2em;
	line-height: 36px;
	color: #113960;
	text-decoration: none;
	border: 1px solid #113960;
	padding: 7px 5px 7px 40px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.older, .newer {
	padding: 10px 40px;
}

.older a:hover, .newer a:hover {
	background: #EEE url(./images/arrow_left.png) no-repeat;
}

.newer {
	text-align: right;
}

#sidebar {
	padding: 0;
	margin: 0;
}

#sidebar h2, #sidebar h3 {
	font-size: 1.2em;
	background: #FFF url(./images/content_bg_top.png) repeat-x;
	height: 62px;
	width: 100%;
	border: 0 none;
	padding: 10px 0px 5px 9px;
}

#sidebar ul + h2, #sidebar ul + h3 {
	border-top: 1px dotted #C0C0C0;
	padding: 5px 0px 5px 9px;
}

#sidebar div {
	margin-top: -50px;
	padding: 0;
	min-height: 50px;
	padding-left: 1em;
}

#sidebar ul ul {
	margin-top: -50px;
	list-style-type: none;
	padding: 0;
	min-height: 50px;
	padding-left: 2.5em;
	text-indent: -1em;
}

#sidebar ul.xoxo {
	list-style-type: none;
	margin: -2px 0 0 0;
	padding: 0;
}

#sidebar ul ul li:before {
	content: "\203A\203A  ";
}

#sidebar li {
	margin: 2px 0px;
}

#sidebar li a {
	margin-left: 5px;
}

#sidebar ul.flat li {
	float: left;
}

#sidebar ul.flat li:before {
	content: "";
}

#footer {
	background: url(./images/footer_bg.png) repeat-x;
	color: #57748F;
	text-decoration: none;
	height: 25px;
}

#footer p {
	font-size: 0.8em;
	height: 21px;
	text-align: center;
	padding-top: 4px;
}

#footer a {
	color: #57748F;
}

#footer a:hover {
	color: #F4F6F8;
}

/* =Asides
-------------------------------------------------------------- */

.home #content .category-asides p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 0;
}
.home .hentry.category-asides {
	padding: 0;
}
.home #content .category-asides .entry-content {
	padding-top: 0;
}


/* =Gallery listing
-------------------------------------------------------------- */

.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.category-gallery .gallery-thumb {
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}
.home #content .category-gallery .entry-utility {
	padding-top: 4px;
}

/* Wordpress stuff */

#content .video-player {
	padding: 0;
}


/* =Attachment pages
-------------------------------------------------------------- */

.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}


/* =Images
-------------------------------------------------------------- */

#content img {
	margin: 0;
	height: auto;
	max-width: 640px;
	width: auto;
}
#content .attachment img {
	max-width: 900px;
}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}
#content .wp-caption img {
	margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
#content .wp-smiley {
	margin: 0;
}
#content .gallery {
	margin: 0 auto 18px;
}
#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#content .gallery img {
	border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery img {
	border: 10px solid #f1f1f1;
}
#content .gallery br+br {
	display: none;
}
#content .attachment img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
	margin: 0 40px;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}