/*
THEME NAME: Whiteout
THEME URI: http://jeffvergara.com
Description: Design inspired from sator-ii template but much simpler.
Version: 1.1
AUTHOR: Jeff Vergara
*/

@import url(css/reset-fonts-grids.css);
@import url(css/base-min.css);

body {text-align:left; color:#555; font-family:'Liberation Sans',FreeSans,'Helvetica Neue LT Std','Helvetica LT Std', Helvetica, Arial, Tahoma,'Lucida Grande','Lucida Sans',sans-serif;}

a, .entry-content a em, .entry-content a strong, .entry-content em a, .entry-content strong a {color:#963; text-decoration: none; outline:none !important;}
a:hover {color:#963; border-bottom: 1px dotted #963;}
ul li {list-style-type: circle;}
.fw {width:100% !important;float:none;}

.skip-link{display:none;}	

#container {width: 960px; margin: 0 auto;}
#header {width: 960px; padding:20px 0; margin: 0 auto;}
h2.entry-title, #blog-title a, h2.page-title, h3.entry-title {font-family: 'ITC Avant Garde Gothic Std','URW Gothic L','Century Gothic', 'Avant Garde', 'Trebuchet MS', sans-serif;}

#blog-title {margin-bottom:0.35em;}
#blog-title a {color:#000; font-weight:normal; text-decoration:none; font-size:140%; }
#blog-title a:hover {color:#963;}
#blog-description {font-size:77%; color:#555; text-transform:uppercase; letter-spacing:0.15em;}

#access {width: 960px; padding: 0; margin: 0 auto; text-align:left;}
#menu ul {overflow:hidden; text-align:left; margin: 0 0 0 -25px;}
#menu li {display:inline; padding:0 25px; border-left:1px dotted #bbb; line-height:2.2;}
#menu li:first-child {border-left:none;}
#menu li a {color: #bbb; font-size:77%; text-transform:uppercase; letter-spacing:0.15em; text-decoration: none;}
#menu li a:hover {color:#963; border-bottom: 1px dotted #963;}

.post, #content .page {clear:both; margin:1em 0; overflow:hidden;}

/*sticky posts*/
.sticky {border:solid #eee; border-width:5px 0; padding-bottom:0.8em;}
.sticky h2.entry-title a {font-weight:bold; text-transform:uppercase;}
.sticky .entry-content {color:#333}

h2.entry-title, h3.entry-title {margin-bottom:0.8em; color:#963; font-size:200%; font-weight:normal;}
h3.entry-title {font-size:138.5%;}
h2.entry-title a, h3.entry-title a {color:#963; text-decoration:none;}
h2.entry-title a:hover, h3.entry-title a:hover {border-bottom:1px dotted #963; color: #963;}
h3.entry-title span {font-size:66.7%;}
h3.entry-title span.comments-link a {background:url(img/mini_icons2/comment.gif) left no-repeat; padding-left:13px;}
h3.entry-title span.edit-link a {background:url(img/mini_icons2/field_input.gif) left no-repeat; padding-left:13px;}
h2.page-title {color:#333; margin: 20px auto; width: 960px; font-weight:normal;}
h2.page-title a {color:#000;}
body.attachment .entry-title {margin-left:3%;}
body.attachment #header {padding:1em 3%; width:94%;}

.entry-content {width: 800px; float:left; line-height:1.7; padding-right: 20px; border-right: 1px dotted #bbb;}
#content .page .entry-content {float:left;}
.entry-meta, .page-meta {width: 120px; float:right; margin:0; font-size:85%;}
h3.page-links-title {padding-left:1em;}

.page-meta {float:right;}
.page-meta li {margin:0.25em;}
.page-meta li ul {margin:0 0 0 1em;}
.page-meta li {color:#bbb;}
.page-meta li ul li {color:#999;}
.page-meta a {color:#666; text-decoration:none;}
.page-meta li.current_page_item a {color:#000;}
.entry-meta abbr {border-bottom:none;}
.entry-meta dt {font-weight:bold; color:#666; margin-bottom: 5px;}
.entry-meta, .entry-meta a {color:#888; text-decoration:none;}
.entry-meta a:hover, .page-meta a:hover {color:#963; border-bottom: 1px dotted #963;}
.entry-meta dd {margin:0 0 1em;}
.entry-meta ul {margin:0;}
.entry-meta li {margin-left:1.5em; color:#C90;}

.tag-links, .archive .cat-links, .search .cat-links {font-size:85%; background:url(img/mini_icons2/tag.gif) left no-repeat; padding-left:13px;}
.archive .cat-links, .search .cat-links {background-image:url(img/mini_icons2/folder.gif); margin-bottom:0.5em;}
.tag-links span, .archive .cat-links span, .search .cat-links span {font-weight:bold; color:#666;}
.tag-links a,.archive .cat-links a,.search .cat-links a {text-decoration:none; color: #999;}
.tag-links a:hover, .archive .cat-links a:hover, .search .cat-links a:hover {color:#963; border-bottom: 1px dotted #963;}

table {font-size:93%;}
caption {text-transform:uppercase; text-align:left;letter-spacing:0.10em; font-weight:bold;}
th, td {border:none;}
tr.odd {border:1px solid #EBE5D9; border-width:1px 0;background:#F7F4EE;}
th {background:#f7f4ee;}
tr.odd th {background:#F3EEE4;}
thead, thead th, tfoot, tfoot th, thead a,tfoot a {background:#963 !important; color:#fff !important;}

.entry-content li {margin-bottom:0.5em;}
.entry-content strong, .entry-content em {color:#222;}
.entry-content code {color:#ce5c00;}
#comments code {color:#2e3436;}
.entry-content kbd {color:#8f5902;}
.entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {color:#222;}
pre {overflow: auto; border:1px solid #f5f5f5; background: #FDFDFD; padding: 1.5%; width:96%; margin:auto;}
.entry-content blockquote {border-left:10px solid #ddd; padding-left: 10px; margin: 20px 0 20px 10px;}

#nav-above {display:none;}
#nav-below {border-top:1px dotted #bbb; border-bottom:1px dotted #bbb; width: 820px; margin: 10px 0;}
#nav-below div:hover {}
#nav-below div {padding:1% 0;}
.nav-previous {text-align:left;}
.nav-next {text-align:right;}
.nav-previous .meta-nav {padding-left:0}
.nav-next .meta-nav {padding-right:0}
#nav-below a {color:#bbb; text-transform:uppercase; text-decoration:none; letter-spacing:0.1em; font-size:85%;}
#nav-below a:hover {color:#963;}
#nav-images {padding:3em 3%; clear:both;}

body.attachment .entry-content {width:100%; margin:1em auto; float:none; text-align:center;}
body.attachment div.entry-meta {clear:both; width:94%; padding:1em 3%; text-align:center;}
body.attachment div.entry-caption, body.attachment .entry-content p {width:90%; margin:1em 5%;}

#sidebar-wrapper, #footer, #comments {clear:both;}
#sidebar-wrapper {padding-top:2em; font-size:93%; line-height:1.5; width: 960px; margin: 0 auto;}	
ul.xoxo {margin: 0;}
.xoxo li {list-style:none; margin-bottom:2em;}
.xoxo li li {list-style-type:circle; margin-bottom:0; color: #bbb;}
.xoxo li ul, .xoxo li ol {margin-left: 15px;}

#sidebar-wrapper h3, #sidebar-wrapper h3 a {color:#330; text-decoration:none;}
#sidebar-wrapper a, #comments a:hover {color:#999; text-decoration: none;}
#sidebar-wrapper a:hover {color:#963; border-bottom: 1px dotted #963;}
#wp-calendar {margin:0 auto;}
.widget_tag_cloud {text-align: justify;}
.widget_tag_cloud a {text-decoration:none; vertical-align: middle; color: #bbb;}
.widget_tag_cloud a:hover {color: #963; border-bottom: 1px dotted #963;}

.widget_search input {border: 1px dotted #bbb; padding: 2px;}
.widget_search .button {background: #eee; padding: 3px 5px; color: #555; border: 1px solid #fff;}
select {border: 1px dotted #bbb;}


#comments {}
#comments h3 {margin-top:0;}
#comments {padding:2em 0; overflow:hidden;}
#comments h3 span {color:#999;}
#comments a {color:#bbb;}
#comments .yui-gd, #respond {}

.comments ol li {display:block; list-style:none;}
.comments ol {margin: 1em 0;}
.comments li li {display:list-item; list-style-type:circle;}
.comments ol ol {margin:1em 0;}

.leave-trackback {color:#555;}
#comments abbr, #comments acronym {border-bottom-color:#bbb;}
.trackback-url {font-size:93%; display:block; overflow:hidden; color:#bbb; width:120% !important; margin: 2px 0; padding: 1% 2%; white-space:nowrap; border:1px dotted #bbb;}
#trackbacks-list .trackback-text {font-size:85%; margin:2em 0;}
#trackbacks-list li {border-top:2px solid #E3E2C9; padding:2em 0;}
#trackbacks-list li:first-child {border-top:none; padding-top:1em;}

#comments-list {width: 960px; margin: 0;}
#comments-list h3 {margin-left:0;}
#comments-list .yui-u {width: 820px; float: left; border-right:1px dotted #bbb; padding:1em 0; margin-left: 0;}
#comments-list .first {width: 120px; float: right; border-right:1px dotted #fff; padding-left:0; padding-top:1.2em;}
.comment {clear:both; margin:1.5em 0;}
.comment:first-child {margin-top:0;}
#comments-list .comment-author, #comments-list img.avatar {text-align: left;}
.comment-author a {text-decoration:none; color:#963 !important;}
.comments .meta-sep {color:#B0AF9C}
.comments .edit-link a {color:#979584 !important;}
.comment-meta a {color:#963 !important; text-decoration: none; cursor:pointer;}
#comments-list .comment-author span {display:block;}
#comments-list .comment-meta {font-size:85%; color:#979584;}
.comment-text {line-height:1.5; padding-right: 20px;}

/* comment section */
#respond {width: 820px; margin: 1em 0;}
.no-replies {margin:3em 0 !important;}
p#comment-notes {margin-bottom:2em}
#respond div.yui-gf div.first {float: right; text-align: left;}
#commentform input.text, #commentform textarea {margin-bottom:1em; background:#fdfdfd; border:1px dotted #bbb; width:95%; padding:3px; -moz-border-radius:0.25em; color:#555;}
textarea#comment {line-height:1.7;}
#commentform .form-label {color:#555; margin-bottom:0.35em; font-size: 90%;}
#form-textarea {width:620px;}
#form-textarea div {margin: 0}

#submit {background:#f6f6f6; border:1px dotted #bbb; color:#555; font-weight: bold; padding:0.35em; width:96.35%; font-size:85%; text-transform:uppercase; letter-spacing:0.1em; -moz-border-radius:0.25em;}

.comment form#commentform {margin-top:1em;}
#comments-list form#commentform .yui-u {border:none 0;}
.comment p#comment-notes {display:none}

/* footer */
#footer {clear:both; padding: 20px 0; color: #bbb; font-size: 85%; text-align:left; width: 960px; margin: 0 auto;}
#footer p {margin: 0.25em 0;}
#footer a {color:#bbb; text-decoration:none;}
#footer a:hover {color:#963; border-bottom: 1px dotted #963;}

/* styles for wordpress-generated classes */
.aligncenter, div.aligncenter, img[align="center"], .postimgfull {display: block; margin:1em auto;}
.alignleft, img[align="left"] {float: left; margin-right:0.5em;}
.alignright, .postimgtn, img[align="right"] {float: right; margin-left:0.5em;}

.imgserie {text-align:center;}
.imgserie img {margin:0.5em}

.gallery-caption {color:#666; text-align: center; margin:0; font-size:85%; padding:0 0.5em;}
.wp-caption {background:#f6f6f6; border:1px solid #eee; text-align:center; font-size:85%; padding:0.5em 0.15em 0.15em; -moz-border-radius:5px;-webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
.wp-caption img {margin:0; padding:0; border:0 none;}
.wp-caption-text {margin-bottom:0; margin-top:0.15em; color:#bbb;}

.gallery-item {width:33.2%; float:left; margin:1em 0; text-align:center;}
.gallery-item img {border:2px solid #ddd;}

/* widget boxes */
#uno {width: 250px;}
#uno h3, #dos h3, #tres h3 {color: #777; font-size:77%; text-transform:uppercase; letter-spacing:0.15em;}
#dos {width: 250px;}
#tres {width: 250px;}
#quattro {width: 120px; height: 250px; float: right; margin: 10px 0 0 0; padding-left: 20px; border-left: 1px dotted #bbb; color: #ccc;}