/*   
Theme Name: Perros Project
Theme URI: 
Description: A thematic child theme customized for Perros Project.
Author: Nic Marson
Author URI: http://nicmarson.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/* =Header
-------------------------------------------------------------- */
#header { z-index:2; }
/* =Menu
-------------------------------------------------------------- */
.skip-link { display:none; }
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin:			0; padding:		0; list-style:		none; }
.sf-menu { line-height:	1.0; }
.sf-menu ul { position:		absolute; top:			-999em; width:			10em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width:			100%; }
.sf-menu li:hover { visibility:		inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float:			left; position:		relative; }
.sf-menu a { display:		block; position:		relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:			0; top:			2.5em; /* match top ul list item height */ z-index:		99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:			-999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:			10em; /* match ul width */ top:			0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:			-999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:			10em; /* match ul width */ top:			0; }

/* =Attachments
-------------------------------------------------------------- */

.attachment-jpeg #container, .attachment-png #container { width:100%; }
.attachment-jpeg #content, .attachment-png #content { width:930px; }
.attachment-jpeg #comments, .attachment-png #comments { width:540px; overflow:hidden; }
.attachment-jpeg .main-aside, .attachment-png .main-aside { display:none; }

/* Using !important to override PageNavi CSS */

.wp-pagenavi { margin:0 0 0 -.5em; padding:0.5em 0; }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span { border:1px solid #ccc !important; color:#666!important; font-style:normal; margin:0 .375em !important; padding:0.5em 0.25em !important; }
.wp-pagenavi a:visited { border:1px solid #ccc !important; color:#666 !important; }
.wp-pagenavi a:hover { border:1px solid #ccc !important; color:#FF4B33 !important; }
.wp-pagenavi a:active { border:1px solid #ccc !important; color:#FF4B33 !important; }
.wp-pagenavi span.pages { border:none !important; color:#666 !important; margin:0 !important; padding:0 !important; }
.wp-pagenavi span.current { border:none !important; color:#666 !important; font-weight:normal !important; margin:0 !important; padding:0 !important; }
.wp-pagenavi span.extend { background-color:#FFFFFF; border:1px solid #000000; color:#000000; margin:2px; padding:2px 4px; }

.navigation { color:#666; font-size:13px; line-height:18px; margin:0px 0 22px 0; overflow:hidden; }
.navigation a { color:#666; font-style:italic; text-decoration:none; }
.navigation a:active, .navigation a:hover { color: #FF4B33; }
.navigation .meta-nav { font-style:normal; }
.nav-previous { float: left; width:50%; }
.nav-next { float: right; width:50%; text-align:right; }
#nav-above, #nav-below { width: 100%; }
#nav-above { display:none; }
.paged #nav-above { display:block; padding:0 0 44px 0; }

/* ----------------------------------------------
	Template Name : Jungleland
	Template Code : S-0030
	Version : 1.0   
	Author : Erwin Aligam
	Author URI : http://www.styleshout.com/       
	Last Date Modified : August 31, 2009
 ------------------------------------------------ */
 
/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 
body { font: 14px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; color: #91807F; margin: 0; padding: 0; background: #1d140f url(images/bg.gif) repeat-x; text-align: center; }
/* links */
a:link, a:visited { text-decoration: none; color: #c67114; }
a:hover { color: #fff; }
a:link.more, a:visited.more { float: left; margin-top: 20px; margin-right: 5px; padding: 3px 5px 4px 5px; border: 1px solid #E7871C; background-color: #E27304; text-transform: lowercase; font-weight: bold; text-decoration: none; color: #fff; }
a:hover.more { border: 1px solid #5A9223; background-color: #4C7B1E; }
strong a:link, strong a:visited { color:#005879; }
strong a:hover { color: #fff; }
/* headers */
h1, h2, h3, h4 { font: bold 1em/1.5em 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; color: #f0e8e8; margin: 10px 20px 7px 20px; }
h1 { font-size: 2.9em; font-weight: bold; letter-spacing: -2px; }
h2 { font-size: 2.8em; font-weight: bold; letter-spacing: -2px; }
h3 { font-size: 2.1em; font-weight: normal; letter-spacing: -0.5px; padding-top: 5px; }
h4 { font-size: 1.7em; }
/* Lists */
ul, ol { margin: 10px 20px; padding: 0 20px; }
ul { list-style: disc; }
ol { list-style: decimal; }
dt { font-weight: bold; color: #6f892c; }
dd { padding-left: 20px; }
p, dl { margin: 10px 20px; }
ul h2 { font-size: 1.6em; }
ul h3 { font-size: 1.4em; }
ul h4 { font-size: 1.2em; }
/* images */
img { background-color: #150e0b; border: 1px solid #261b15; padding: 8px; }
img.float-right { margin: 5px 0px 10px 10px; }
img.float-left { margin: 5px 10px 10px 0px; }
code { margin: 3px 0; padding: 20px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'Courier New', Monospace; /* white-space: pre; */
  	border: 1px solid #251a14; background-color: #130d0a; }
acronym { cursor: help; border-bottom: 1px dotted #555; }
blockquote { margin: 10px 20px; padding: 15px 15px 15px 32px; border: 1px solid #251a14; background: #130d0a url(images/quote.gif) no-repeat 12px 12px; font-weight: normal; font-size: 17px; line-height: 1.5em; font-style: italic; font-family: Georgia, 'Times New Roman', Times, Serif; }
strong { font-weight: bold; }
pre, code { font:14px Monaco, monospace; line-height:22px; }
caption { text-align:left; }
hr { background-color:#ccc; border:0; color:#ccc; height:1px; margin-bottom:22px; }
small { font-size:75%; }
/* start - table */
table { border-collapse: collapse; margin: 10px 20px; }
tr { background: #130d0a }
th, td { text-align: left; border-width: 1px; border-style: solid; }
th { background-color: #45561B; padding: .8em 1em; border-color: #647C28 #586A22 #43511A #5A6F23; font-weight: bold; color: #fff; }
td { border-color: #231A14; padding: .7em 1em; }
/* end - table */

/* form elements */
form { margin: 10px 20px; padding: 15px 25px; border: 1px solid #251a14; background-color: #130d0a; }
form p { color: #fff; margin: 0; }
label { font-weight: bold; color: #8E7D6A; }
input, select, textarea { margin: 5px 0; padding: 7px 5px; border-width: 1px; border-style: solid; border-color: #322014; background-color: #1E150D; font: 11px 'Lucida Grande', Verdana, Helvetica, Sans-Serif; color: #925D3A; }
input:focus, select:focus, textarea:focus { background-color: #934A00; border: 1px solid #BF6000; color: #fff; }
#author, #email, #comment, #url { width: 470px; }
div.form-submit { padding:13px 5px 8px; }
input.button, #commentform input#submit { height: 30px; margin: 0; padding: 2px 3px; border: 1px solid #c96111; background: #e2721b url(images/button-bg.png) repeat-x; font: bold 11px 'Lucida Grande', Verdana, Helvetica, Sans-Serif; text-decoration: none; color: #fff; }

/* start - form table */
form table { border-collapse: collapse; margin:0; }
form tr { background:none; }
form th, form td { border:0; }
form td { border:0; padding:0; }
/* end - table */

/* common styles */
li.flickr a { background: url(images/flickr_16.png) no-repeat 5px center; }
li.email a { background: url(images/mail-chimp_16.png) no-repeat 5px center; }
li.facebook a { background: url(images/facebook_16.png) no-repeat 5px center; }
li.rss a { background: url(images/feed-icon16.gif) no-repeat 5px center; }
/* ------------------------------------------
   LAYOUT
------------------------------------------- */ 
#wrapper { width: 940px; margin: 0 auto; text-align: left; position:relative; }
/* header */
#header { position: relative; margin: 0 auto 20px auto; height: 164px; background: url(images/header-bg.jpg) no-repeat center bottom; }
#branding { background:url(images/logo.gif) no-repeat; height:80px; left: 30px; padding-left:150px; position:absolute; top: 71px; width:790px; }
#blog-title { margin: 0; padding: 0; }
#blog-title a { margin: 0; padding: 0 5px 0 0; font: bold 48px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif; letter-spacing: -3px; text-decoration: none; color: #fff; }
#blog-description { letter-spacing:normal; margin: 0; padding:  0 5px 0 0; font: bold 11px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif; color: #897876; }
/*  navigation  */
#access { position: absolute; left: 15px; top: 0px; margin: 0; padding: 0; height: 60px; width: 925px; }
#access .menu ul { float: left; height: 60px; margin: 0; padding: 0; width: 100%; list-style: none; }
#access .menu ul li { float: left; margin: 0; padding: 0 0 0 5px; }
#access .menu ul li a { float: left; margin: 0; padding: 27px 15px 17px 11px; font: bold 12px 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; text-transform: lowercase; }
#access .menu ul li a:link, #access ul li a:visited { color: #867474; }
#access .menu ul li a:hover, #access ul li a:active { border: none; color: #fff; }
#access .menu ul li.current_page_item { background: url(images/left-nav-bg.gif) no-repeat; }
#access .menu ul li.current_page_item a { background: url(images/right-nav-bg.gif) no-repeat right top; color: #f0e8e8; }
/* header utility */
#access ul.utilities { margin:0; padding:5px 0; position:absolute; right:5px; text-align:right; top:18px; width:350px; }
#access ul.utilities li { display:inline; padding-left:10px; }
#access ul.utilities a { padding: 0 0 0 30px; font-weight: bold; text-transform: lowercase; color: #f0e8e8 !important; }
/* header quick search */
#searchform { position: absolute; top: 95px; right: 15px; z-index: 999999; padding: 0; margin: 0; border: none; width: 222px; height: 32px; background: url(images/header-search.png) no-repeat; }
#searchform div { margin: 0; padding: 0; border: none; }
#searchform input { float: left; margin: 0; padding: 5px; border: none; background: transparent; color: #4a413c; }
#searchform input#s { margin: 6px 0 0 5px; width: 170px; display: inline; }
#searchform label { display: none; }
/* featured block */
#featured { clear: both; margin: 0; padding-bottom: 20px; width: 940px; background: url(images/sep-bg.jpg) no-repeat center bottom; }
#featured-block { background-color: #130d0a; border: 1px solid #251a14; height:358px; position: relative; width: 565px; margin-left: 10px; padding:0 0 25px 355px; }
#featured-ribbon { position: absolute; background: url(images/ribbon.png) no-repeat; width: 99px; height: 98px; top: -1px; right: -2px; z-index: 99999; }
#featured h2 { margin-bottom: 0; padding-bottom: 0; font: bold 2.7em 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; letter-spacing: -2.0px; color: #f0e8e8; }
#featured h2 a { color: #f0e8e8; border: none; }
#featured .slideshow { left:0; position:absolute; top:0; width:326px; }
#featured img { background-color:#1c130e; border:1px solid #251a15; float:left; margin:30px 30px 0 25px; padding:12px; }
#featured .text-block { font-size:16px; margin: 24px 25px 0 0; }
#featured a.more-link { float: left; margin-top: 25px; padding: 5px 10px; border: 1px solid #c96111; background: #e2721b url(images/button-bg.png) repeat-x; text-decoration: none; text-transform: uppercase; font-size: 10px; font-weight: bold; line-height: 20px; color: #fff; display: block; }
#featured a.more-link:hover { border: 1px solid #2f4c13; background: #4a781d url(images/button-hover-bg.png) repeat-x; }
/* Content */
#content-wrap { clear: both; width: 940px; margin: 5px 0 0 0; padding: 0; }
#main { float: left; width: 920px; margin-left: 10px; padding-bottom: 40px; display: inline; }
/* Main */
#container { width: 600px; float: left; padding-top: 5px; }
#container h1 { color: #f0e8e8; border-bottom: 1px solid #29201c; margin-top: 15px; }
#container h1 a { color: #f0e8e8; }
#container .block { float: left; width: 265px; margin-top: 10px; padding-bottom: 15px; display: inline; }
#container .block img { margin: 0 0 20px 0; padding: 10px; background-color: #150e0b; border: 1px solid #261b15; display: block; }
#container .block .blk-top { width: 100%; margin-bottom: 10px; padding-bottom: 2px; border-bottom: 1px solid #29201c; }
#container .block .blk-top h4 { margin: 0 5px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; font-size: 1.4em; font-weight: normal; line-height: 125%; }
#container .block .blk-top h4 a { color: #6f892c; }
#container .block .blk-top p { padding: 2px 0 3px 0; margin: 0 3px; font-size: 11px; color: #b5b5b5; }
#container .block .blk-top p a:link, #container .block .blk-top p a:visited { color: #b5b5b5; }
#container .block .blk-top p .comment { margin-left: 5px; padding: 0 0 5px 20px; background: url(images/comment.gif) no-repeat 0 1px; }
#container .block .blk-top p .datetime { padding: 0 0 5px 20px; background: url(images/clock.gif) no-repeat 0 0; }
#container .block .blk-content { width: 100%; }
#container .block .blk-content p { margin: 5px; }
#container .odd { margin-left: 15px; }
#container .even { margin-left: 40px; }
/* sidebar common styles */
.aside ul li { list-style: none; }
/* primary sidebar */
#primary { float: right; width: 290px; padding-top: 5px; }
#primary h3 { margin: 10px 0 15px 10px; color: #f0e8e8; }
#primary .xoxo { margin:0; padding:0; }
#primary blockquote { font-size:14px; margin-left:0; }
#primary blockquote img { border:1px solid white; }
/* aside */
#primary ul ul { margin: 10px 8px 8px 8px; padding: 0; border-top: 1px solid #29201c; text-align: left; }
#primary li li { margin: 0; padding: 8px 5px 8px 19px; border-bottom: 1px solid #29201c; font-size: 11px; line-height: 20px; text-transform: uppercase; background: url(images/bullet.gif) no-repeat 0 14px; }
#primary li li a { padding-left: 0; }
#primary li li a:link, #primary li li a:visited { font-weight: bold; color: #F1E3D8; }
#primary li li span { display: block; margin-left: -16px; color: #9a8377; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; text-transform: none; }
#primary li li a:hover { color: #fff; border: none; }
#primary ul ul ul { margin: 0 0 0 5px; padding: 0; border: none; }
#primary ul ul ul li { border: none; }
/* donate */
#text-6 form { margin:0; position:relative; text-align:center; width:134px; }
#donatepaypal { float:left; margin:0 20px 0 0 position:relative; width:134px; }
#text-6 form img, #donatepaypal img { border:0; bottom:0; padding:0; position:absolute; right:0; }
#text-6 form input, #donatepaypal input { margin: 5px 0; font: 11px 'Lucida Grande', Verdana, Helvetica, Sans-Serif; color: #925D3A; }
#text-6 form input:hover, #donatepaypal input:hover { background:#934a00; }

/* social media */
#primary ul.utilities li { background:none; padding-left:5px; }
#primary ul.utilities a { padding: 0 0 0 30px; }
/* secondary sidebar (translation) */
#secondary { font-size:11px; position:absolute; right:-162px; top:5px; width:150px; z-index:3; }
#secondary ul { margin:0; padding:0; }
#transposh h3 { background:#040303; border:1px solid #262525; border-width:0 1px; font-size:14px; font-weight:bold; height:36px; margin:0; padding-top:19px; text-align:center; }
#transposh form { margin:0; }
#tr_credit { display:none; }
/* footer */
#footer { float: left; width: 100%; text-align: center; background: url(images/footer-bg.png) repeat-x; }
#footer-outer { clear: both; width: 940px; margin: 0 auto; font-size: .9em; text-align: left }
#footer-wrap { float: left; width: 920px; margin-left: 10px; padding-top: 20px; display: inline; }
#footer-wrap h3 { margin-bottom: 15px; font-size: 1.6em; font-weight: bold; color: #baaca2; }
#footer-wrap .col-a { width: 225px; float: left; display: inline; }
#footer-wrap .col-b { width: 225px; float: right; display: inline; }
/* footer-list */
#footer-outer .footer-list ul { list-style: none; margin-left: 20px; padding: 0; border-top: 1px solid #29201c; }
#footer-outer .footer-list ul li { border-bottom: 1px solid #29201c; }
#footer-outer .footer-list ul li a { display: block; width: 98%; margin-left: 0; padding: 5px 0; border: none; line-height: 2em; color: #877878; }
#footer-outer .footer-list ul li .email { background: url(images/email.gif) no-repeat 0 center; padding-left: 20px; }
#footer-outer .footer-list ul li .rssfeed { background: url(images/feed-icon14.gif) no-repeat 0 center; padding-left: 20px; }
#footer-outer .footer-list ul li .twitter { background: url(images/twitter.gif) no-repeat 0 center; padding-left: 20px; }
#footer-outer .footer-list ul li a span { font-style: italic; font-weight: normal; font-family: Georgia, 'Times New Roman', Times, Serif; font-size: .95em; }
#footer-outer .footer-list ul li a:hover, #footer-outer .footer-list ul li a:hover span { color: #fff; }
/* footer-bottom */
#footer-bottom { float: left; width: 100%; margin: 30px auto 15px auto; font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif; }
#footer-bottom .bottom-left { float: left; }
#footer-bottom .bottom-right { text-align: right; padding-right: 0; }
#footer-bottom a.back-to-top { background: url(images/arrow-up.gif) no-repeat right center; padding-right: 20px; }
/* post */
.post { margin-bottom: 15px; padding-bottom: 15px; }
.home .post { float:left; width:300px; }
.home .tag-featured { width:600px; }
.post .image-section { clear: both; display: block; margin: 25px 0 10px 20px; padding: 0; }
.post .image-section img { background: #150e0b; border: 1px solid #261b15; padding: 12px; }
.post .entry-utility { display:none; padding: 7px 15px; margin: 20px 20px 15px 20px; border: 1px solid #251a14; background-color: #130d0a; }
.post .entry-utility .comments-link { margin: 0 10px 0 5px; }
.post .entry-utility a.readmore { margin: 0 10px 0 5px; }
.post .entry-utility .date { margin: 0 10px 0 5px; }
.entry-meta, #featured .entry-meta { margin-top: 0; text-transform: uppercase; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; }
.entry-meta { display:none; margin:10px 20px; }
.entry-meta a, .entry-meta a:visited, #featured .entry-meta a, #featured .entry-meta a:visited { color: #6f892c; border: none; font-weight: bold }
.post .tags { padding: 7px 15px; margin: 20px 20px 15px 20px; border-top: 1px solid #34251C; border-bottom: 1px solid #30221A; }
.post .tags strong { color: #6f892c; }
/* comments list */
#comments-list ol { margin: 12px 20px; padding: 0; background-color: #130d0a; border-style: solid; border-color: #2C1F18; border-width: 1px 1px 0 1px; }
#comments-list li { list-style: none; margin: 0; padding: 15px 0 0 0; border-bottom: 1px solid #251a14; }
#comments-list li .comment-author { width: 99%; margin: 0; padding: 0; position:relative; }
#comments-list li .comment-author img { border: 1px solid #2C1F18; position:absolute; right:10px; top:0; }
#comments-list li .comment-author .fn { display: block; margin: 0; padding: 5px 125px 5px 20px; font-style: normal; font-weight: bold; }
#comments-list li .comment-meta { font-size: .8em; font-weight: normal; padding:5px 20px; }
#comments-list li .comment-content { clear: both; margin: 0; padding: 0 125px 25px 20px; }
#comments-list li .comment-content p { margin:  10px 0 20px 0; padding: 0; }
#comments-list li .comment-text .reply a { padding: 5px; background-color: #E27304; border: 1px solid #E7871C; font-weight: bold; font-size: 11px; color: #fff; }
#comments-list li ul.children { margin:0; padding: 0; }
#comments-list li ul.children li.depth-2, #comments-list li ul.children li.depth-3 { margin-left: 40px; border-style: solid; border-color: #2C1F18; border-width: 1px 0 0 1px; }
#comments-list li.thread-alt { background: #0A0605; }
/* archives */
ul.archive { margin: 10px 20px; padding: 0; border-top: 1px solid #29201c; }
ul.archive li { margin: 0; padding: 12px 5px; border-bottom: 1px solid #29201c; list-style: none; }
ul.archive li .post-title { margin: 0; padding: 0; font-size: 1.2em; }
ul.archive li .post-title a { color: #F1E3D8; }
ul.archive li .post-title a:hover { border: none; color: #fff; }
ul.archive li .post-details { margin-left: 0; margin-top: 0; font-size: .9em; }
/* pagenavigation */
.navigation { margin: 10px 20px; padding: 0; width: 560px; }
.navigation a:link, .navigation a:visited { float: left; display: block; margin: 10px 10px 0 0; padding: 5px 7px; border: 1px solid #E7871C; background-color: #E27304; text-transform: lowercase; text-decoration: none; font-weight: bold; color: #fff; }
.navigation a:hover { border: 1px solid #5A9223; background-color: #4C7B1E; }
/* thumbnails */
#flickr { margin: 0; padding: 10px 0 0 0px; }
#flickr img { position: relative; margin: 4px; padding: 8px; background: #150e0b; border: 1px solid #261b15; }
#flickr img:hover { border: 1px solid #453025; }
#flickr a:hover { background-color: transparent; border: none }
/* alignment classes & additional classes*/
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.no-border { border: none; }
/* clearing */
.fix { clear: both; height: 1px; margin: -1px 0 0; overflow: hidden; }
.clear { display:inline-block; }
.clear:after { display:block; visibility:hidden; clear:both; height:0; content: " "; }

#message { background: url(images/coming-soon-ribbon.png) no-repeat; height:299px; left:400px; position:absolute; top:180px; width:361px; }