/*
THEME NAME: Portafolio
THEME URI: http://www.amatoro.net
DESCRIPTION: Portafolio by amatoro studio
TAGS: portafolio, amatoro studio, amatoro, Adriana Agudelo
VERSION: 1.1
AUTHOR: amatoro studio
AUTHOR URI: http://www.amatoro.net
*/

@import "style/css/reset.css";


/* Main layout blocks */
.navigation {margin-top:50px;}

body { background:#141414 url(images/page_body_bg.png) top center repeat-x fixed; border-top:10px solid #000 }
div { position:relative }
img { margin:10px 0 }
div.wrapper { position:relative; margin:0 auto; width:820px;  }
div.footer { width:100%; height:100%; margin:40px 0 0 0; padding:40px 0; background:#000 }
div.footer div { margin:0 auto; width:820px }
br.dirtyLittleTrick { clear:both; height:1px; margin:-1px 0 0 0 }

/* Advanced layout */
ul.nav { position:absolute; top:0px; left:0 }
div.footer div div.feeds { position:absolute; top:0px; left:0px; }
div.footer div div.feeds ul li a { display:block; margin:10px 0; padding:0 0 0 23px; height:16px; width:250px; background:url(images/feedIcon01.gif) top left no-repeat; color:#9ff }
div.footer div div.feeds ul li a:hover { border:none; color:#fff }

div.footer div div.find { position:absolute; top:85px; left:0px; }
div.footer div div.find ul li a { display:block; margin:10px 0; padding:0 0 0 23px; height:16px; width:250px; top left no-repeat; color:#9ff }
div.footer div div.find ul li a:hover { border:none; color:#fff }


div.footer div div.credits { width:380px; padding:0 0 0 20px; margin:0 0 0 420px; border-left:1px solid #666 }
div.footer img { margin:0; vertical-align:middle; }
div.portfolioItem { top:120px; background:url(images/semiTransparent01.png); margin:0 0 100px 0; padding:10px 20px 20px 20px }
body.archive div.portfolioItem { margin:0 0 150px 0 }
div.blogOnHomePage { margin:150px 0 40px 0 }
div.blogOnHomePage div.search { position:absolute; top:0; left:0 }
div.blogOnHomePage div.hireme { position:absolute; top:150px; left:30px }
div.blogOnHomePage .post {  width:550px; padding:0 0 0 20px; margin:0 0 0 220px; border-left:1px solid #666 }
div.blogFocus { margin:160px 30px 40px 30px }
div.blogFocus div.search { position:absolute; top:0px; left:565px }
div.blogFocus .post {  background:url(images/semiTransparent01.png); width:500px; padding:20px 20px 10px 20px }
.search form { margin:20px 0 }
input.textInput { width:140px }

div.blogFocus #qotd { color:#ff9 ;font:14px Georgia, "Times New Roman", Times, serif; width:300px; position:absolute; top:180px; left:565px }
div.blogFocus cite {color:#fff;font:11px Arial,  Helvetica, sans-serif;display:block;margin:5px 0 0; text-align:right;}
div.blogFocus li#qotd {text-decoration:underline;}
div.blogFocus #qotd p {color:#ff9; font-style:italic; font-weight: bold; text-align:right;  }

div.recentProjects ul { margin:0 0 40px 0 }
div.recentProjects ul li { display:inline; margin:0 16px 0 0 }
div.recentProjects ul li.last { margin:0 }
div.recentProjects ul li a img { background:url(images/semiTransparent01.png); padding:10px }
div.recentProjects ul li a:hover { border:none }
div.singlePost { float:left; width:340px; padding:0 40px 0 0 }
ul.sidebar {  float:left; width:219px; margin:120px 0 0 195px; padding:0 0 0 20px; border-left:1px solid #666 }
.post { margin:120px 0 20px 0; width: 500px; }
ul.recentEntries.mini li { width:170px; float:left; margin:0 7px 0 27px }
.widget { margin-top: 40px; }
.gravatar img { float:left; border: 1px solid #DEDBD1 !important; margin: 0px 7px 0 0; padding-top:0px !important;}

div#comments ol.commentlist li.comment { padding:20px 0; border-bottom:1px solid #666 }
div#comments form#commentform input, form#commentform textarea { width:340px; margin:5px 0 }

/* TYPOGRAPHY */
/* ----------------------------------------- */

/* Typography (basic) */
body, p, h4, h5, li, label, input { font:12px/18px "Helvetica", Verdana,  Arial, sans-serif; color:#fff }
li  { font:11px/18px "Palatino Linotype", "Book Antiqua", "Helvetica", Verdana,  Arial, sans-serif; color:#fff }
h1, h2, h2 label, h3, p.description { font-family: "Palatino Linotype", "Book Antiqua", Baskerville, BaskervilleBE, BaskervilleOldFace, Garamond, "Times New Roman", serif }
h1 { font-size:36px; line-height:36px; font-style:italic }
h2, h2 label { font-size:24px; line-height:24px }
h3, p.description { font-size:14px; line-height:22px }
p, .post ul, .post ol { margin:0 0 20px 0 }
a { color:#ff9; text-decoration:none }
a:hover { color:#ff9; border-bottom:1px dotted #ff9 }
input { color:#000 }

/* Typography (advanced) */
h1 { position:absolute; top:0; left:0 }
h1 a:hover { color:#fff; border:none }
p.description { width:450px; margin:50px 0 40px 420px; padding:0 0 0 10px; border-left:1px solid #666 }
ul.nav { width:500px; margin:105px 0 40px 380px; padding:0 0 0 20px;  text-align:center; word-spacing:0;}
ul.nav li { font-size:16px; line-height:14px; display:inline; font-weight:700; letter-spacing:1px; border-left:1px solid #666; padding:0 30px 0 30px;  }
ul.nav li#homeButton { border:none; padding:0 30px 0 30px }
ul.nav li a { color:#ff9 }
ul.nav li a:hover { color:#fff; border:none }
ul.nav .current_page_item a { color:#fff !important; }
div.portfolioItem h2 { background:url(images/semiTransparent01.png); padding:10px 20px 10px 20px; position:absolute; top:-44px; left:-20px }
div.portfolioItem p { margin:10px 0 0 0 }
body.single div.portfolioItem ul { position:absolute; top:230px; left:30px }
body.single div.portfolioItem p { margin:10px 0 0 220px }
.portfolioItem .image a:hover { border: none !important; }
div.blogFocus .post h2 { background:url(images/semiTransparent01.png); padding:10px 20px 10px 20px; position:absolute; top:-44px; left:-20px }
div.blogFocus .post h3 { font-size:24px; line-height:24px }
body.home .post h2 { margin:0 0 20px 0 }
p.entry-meta { color:#666 }
div.recentProjects h2 a { font-size:15px; line-height:22px }
ul.sidebar li h2 { margin:40px 0 0 0 }
ul.sidebar li.search h2 { margin:0 }
div#comments h2 { margin:40px 0 0 0 }

div#navigation div.wp-pagenavi span.pages { background:none; color:#fff; border:none; }
div#navigation div.wp-pagenavi span.current { background:#000; color:#fff; border:none }
div#navigation div.wp-pagenavi a { background:#ff9; color:#000; border:none }
div#navigation div.wp-pagenavi a:hover { background:#fff }
div.footer div div.credits { color:#666 }
div.footer p { margin:0 }
div.footer p.disclaimer { margin:20px 0; color:#666 }
a.commentPermalink { color:#fff; border:none }
a.commentPermalink:hover { color:#fff; border:none }

ul.recentEntries.tagPage li { margin:20px 0; border-bottom:1px solid #666; position:relative }
ul.recentEntries.tagPage h3, ul.recentEntries.tagPage p { padding:0 0 0 120px }
ul.recentEntries.tagPage h3.entry-type { position:absolute; top:0; left:0; padding:0 }

/* Typography (styles for text within posts) */
.post blockquote p { font-style:italic; padding:0 0 0 20px; border-left:5px solid #666 }
.post ul li { padding-left:20px; list-style:disc; }
.post ol li { padding-left: 20px; list-style:decimal }

.icon-facebook {
	padding: 1px 0 1px 21px;
	background: url("images/facebook.png") no-repeat 0 50%;
}

.icon-twitter {
	padding: 1px 0 1px 21px;
	background: url("images/twitter.png") no-repeat 0 50%;
}

#wp_widget_text { border:#ffffff 1px dotted;}

#h2 entry-title {Font-size:14px;}