/* 
Theme Name: Logon.com.pt v2
Theme URI: http://logon.com.pt/
Description: Logon theme
Version: 2.0
Author: Jose Carlos
Author URI: http://logon.com.pt/
*/
/* @group =reset.css */
/*http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent}
:focus { outline : 0}
ol, ul { list-style : none}
table { border-collapse: collapse; border-spacing : 0}
caption, th, td { text-align : left; font-weight : normal}
strong { font-weight: bold}
/* @end */

/* @group generic elements */
body {font: 68.75% "Lucida Grande", Verdana, Arial, sans-serif; background: #18191d; color: #fff; line-height: 1.636em;}
/* links */
a { color: #18191d; font-weight: bold;text-decoration: none}
a:hover { color: #69829c; text-decoration: underline;}

/* headings */
h1, h2, h3, h4, h5, p, blockquote, address, dl, ul, ol { margin : 0 15px; padding : .5em 0}
p { color: #333; padding-bottom: 10px }
h1, h2, h3 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif}
h1 {font-size: 2em}
h2 {font-size: 1.8em}
h3 {font-size: 1.4em}
h4 {font-size: 1.2em; font-weight: bold;}

acronym, abbr { cursor: help; border-bottom: #aaa 1px dotted; }
code, kbd, pre {font-family: "Monaco","Courier New", "Tahoma";}
.amp { font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif; font-style: italic; font-size: 125%; font-weight: normal;}
small { font-size: 85%; font-weight: normal;}
blockquote, .promo {  background: url(images/quote.png) no-repeat 15px 10px; color: #333; font-family: Palatino, Georgia, "Times New Roman", serif; font-size: 1.3em; font-style: italic; line-height: 1.4em; margin-right: 10px; padding: 15px 25px; }
blockquote p { font-size: 115%; }
textarea, input { font-family: "Lucida Grande", Verdana, sans-serif; font-size: 1em; }
em { font-style: italic; }
dt { font-weight: bold; margin-top: .5em; }
dd { padding-left: 1em; }
#content #my-services ul, #content .post ul { list-style: disc; list-style-position: outside;}
#content #my-services ol, #content .post ol { list-style-type: decimal; list-style-position: outside; padding-left: 10px; }
p code { border-left: 3px solid #18191d; display: block; margin: 1em 0 0 0; padding: 1em;}
.notice { background: #fff6bf; color: #333; margin-bottom: 1.5em; margin-top: 1.5em; padding: 5px;}
/* @end */
/* @group google prettify */
/* esta parte vem do google code pretifier
Pretty printing styles. Used with prettify.js. (not anymore :) ) */
.str { color: #090; }
.kwd { color: #009; }
.com { color: #900; }
.typ { color: #606; }
.lit { color: #066; }
.pun { color: #660; }
.pln { color: #000; }
.tag { color: #009; }
.atn { color: #606; }
.atv { color: #090; }
.dec { color: #606; }

@media print { 
  .str { color: #060; }
  .kwd { color: #006; font-weight: bold; }
  .com { color: #600; font-style: italic; }
  .typ { color: #404; font-weight: bold; }
  .lit { color: #044; }
  .pun { color: #440; }
  .pln { color: #000; }
  .tag { color: #006; font-weight: bold; }
  .atn { color: #404; }
  .atv { color: #060; }
}
/* @end */
/* @group generic layout */
.skip { display: none; }
#container { width: 750px; margin: 0 auto; padding: 0 10px; background: #fff; color: #18191d;}
#content { width: 550px; float: left; }
#related-content { width: 190px; margin-right: 0; float: right;}
#footer { clear: both; text-align: center; padding: 30px 0;}
/* @end */

/* branding and navigation */
/* @group logo */
#logo { padding-top: 30px;}
#logo a, #logo span { display: block; width: 210px; height: 60px; background: url(images/logo-hi.png) no-repeat top left; text-indent: -9999px; }
#logo img { display: block;	width: 0;}
#logo a:hover { display: block;background-position: 0 -60px}
/* @end */
/* @group navigation */
#brand-n-nav { width: 750px; padding: 0 10px; border-bottom: 5px solid #3a415a; overflow: hidden; margin: 0 auto; background-color: #fff;}
#brand-n-nav ul { float: right; padding: 0; margin-right: 10px;}
#brand-n-nav li { display: inline;}
#brand-n-nav li a { display: block; float: left; padding: 6px 12px; margin-right: 1px}
#brand-n-nav li a:hover, #brand-n-nav li.selected a { background-color: #3a415a; color: #fff; text-decoration: none;}
body#home #container { padding-top: 20px; }
/* @end */

/* @group blog, services and about me layout */
body#blog #content, body#services #content, body#about #content, body#contact #content, body#portfolio #content { width: 550px}
body#blog #related-content, body#services #related-content, body#about #related-content, body#contact #related-content, body#portfolio #related-content { width: 190px; margin-right: 0}
.section-title { margin-bottom: 15px; font: 1.4em "Lucida Grande", Verdana, Arial, sans-serif; }
body#blog #content, body#blog #related-content { margin-top: 3em; }
#related-content div { border-bottom: 1px solid #ddd; }
#search_box div { border-bottom: none; }
/* @end */

/* @group services/portfolio layout */
body#services #content h2 { border-bottom: 1px solid #ddd; margin-left: 0; margin-right: 0; padding-left: 15px; }
body#services #content ul { list-style: disc; }
.en { background: url(images/en.jpg) no-repeat left 50%; padding-left: 20px; }
.pt { background: url(images/pt.jpg) no-repeat left 50%; padding-left: 20px; }
#portfolio + h2 { margin-top: 1em; margin-bottom: 1.5em; }
.folio { float: left; margin-bottom: 3em; width: 260px;}
.folio.left { margin-right: 10px; }
.folio img { border: 1px solid #69829c; padding: 3px; }
.folio .info { min-height: 80px; }
.folio p { padding: 0; }
.folio h4 { font-weight: bold; }
.folio .details p { margin: 0; padding: 5px 0 0; }
.folio .details { border-top: 1px solid #69829c; margin: 0 15px; margin-top: 1em;}
p.slicer-link { font-size: 1.2em;margin: 2em 4em; font-family: Palatino, Georgia, serif; }
/* @end */

/* @group about me layout */
body#about #content div { overflow: hidden; margin-bottom: 20px;}
body#about #content h2 { border-bottom: 1px solid #ddd; margin-left: 0; padding-left: 15px; margin-right: 0;}
body#about #content ul { list-style: disc; list-style-position: inside;}
.xfn { width: 370px; margin-right: 10px;}
.xfn li { display: inline; }
.xfn li a { display: block; float: left; margin: 5px 5px 0 0; width: 155px;}
ul.inspiration { margin: 0; }
.inspiration li { float: left; width: 160px; margin-right: 5px; }
/* @end */

/* @group social networks and xfn */
.social-me { border-bottom: 1px solid #ddd; }
body#about #content .social ul { list-style-type: none; }
.social { width: 150px; float: right;}
.social li { margin-bottom: 3px; }
a[href="http://pownce.com/jjoaquim"] { padding-left: 20px; background: url(images/pownce.gif) no-repeat left 50%; }
a[href="http://flickr.com/photos/jjoaquim"] { padding-left: 20px; background: url(images/flickr.gif) no-repeat left 50%; }
a[href="http://delicious.com/logon.com.pt"] { padding-left: 20px; background: url(images/delicious.gif) no-repeat left 50%; }
a[href="http://twitter.com/jjoaquim"] { padding-left: 20px; background: url(images/twitter.gif) no-repeat left 50%; }
a[href="http://www.linkedin.com/in/jjoaquim"] { padding-left: 20px; background: url(images/linkedin.gif) no-repeat left 50%; }
a[href="http://www.last.fm/user/jjoaquim"] { padding-left: 20px; background: url(images/last.fm.gif) no-repeat left 50%; }
a[href="http://jjoaquim.jaiku.com/"] { padding-left: 20px; background: url(images/jaiku.gif) no-repeat left 50%; }
/* @end */

/* @group contact layout */
body#contact .info { width: 230px; float: right; }
#contactform { width: 530px; margin-right: 10px; padding-top: 10px; }
#contactform label { display: block; font-weight: bold;}
#contactform input, #contactform textarea { border: 1px solid #ddd; padding: 5px; width: 240px;}
#contactform textarea { width: 360px; }
#contactform input:focus, #contactform textarea:focus { border: 1px solid #69829c; padding: 5px; background: #f0f2f5; }
.geo { display: none; }
a.email { line-height: 30px; }
#hcard { margin-left: 10px; }
#hcard h3 { margin-left: 0; }
/* related content and extra content */
#related-content h3, #extra-content h3 { color: #69829c;}
#related-content h4 { color: #69829c; padding-bottom: 0; }
#extra-content div { border-bottom: 1px solid #ccc;}
/* @end */

/* @group 404 */
.not-found { display: block;text-indent: -9999px; background: url(images/404.jpg) no-repeat center; height: 300px; margin-top: 20px; }
/* @end */

/* @group search */
#search_box { margin: 15px 0 7px 15px; width: 160px; height: 25px; border:1px solid #a6b5c5}
#search_box #s { float: left; padding: 0; margin: 5px 0 0 6px; border: 0; width: 129px; background: none; }
#search_box #go { float: right; margin: 4px 4px 0 0; }
/* @end */

/* @group feeds */
.feeds li { display: inline;}
.feeds a { padding: 0; padding-left: 24px; display: block; background-repeat: no-repeat;}
.rss a { background-image: url(images/rss.jpg); }
.delicious a { display: block; background: url(images/del.icio.us.jpg) no-repeat left top; padding-left: 24px; }
#links ul { margin-right: 0; }
#links li p { margin: 0; }
#links li p a { display: block; }
/* @end */
/* footer org */
.org { display: none;}

/* @group post content */
#content p a { border-bottom: 1px dotted #ccc; }
#content p a:hover { border-bottom-color: #69829c; text-decoration: none; }
.post { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd;}
span.date {padding-left: 20px; background: url(images/date.gif) no-repeat left; }
a.com { display: block; padding-left: 16px; background: url(images/comments.gif) no-repeat left;}
span.cat { padding-left: 20px; background: url(images/tags.gif) no-repeat left; }
#content div.post-data { line-height: 2em;margin-bottom: 5px;}
body#blog .post { border-bottom: 0; }
.post { overflow: hidden; }
.post p a img, .post p img { border: 1px solid #ddd; display: block; margin: 0 auto; padding: 2px;}
.post p.clean a img, .post p.clean img, p.clean { border: 0; display: block; margin: 0 auto 10px auto; padding: 0; margin-bottom: 0;}
.post p img.right { border: 0; margin-right: 0;}
.post p img.right-clear { border: 0; float: right; margin-left: 1em;}
.post p img.left { border: 0; margin-left: 0;}
.post p img.left-clear { border: 0; float: left; margin-right: 1em;}
.post p img.wp-smiley { display: inline; }
a.com-num { padding-left: 16px; background: url(images/comments.gif) no-repeat left 50%; }
a.com-num.closed { background: url(images/comments_closed.gif) no-repeat left 50%; }
.view-site { padding: 2px 0;padding-left: 20px; background: url(images/view-site.jpg) no-repeat left 50%; }
a[rel="tag"] { background: url(images/tags.gif) no-repeat 3px 50%; padding-left: 17px; }
/* post pagination */
#pagination { text-align: center}
#pagination a { padding: 0 10px;}
/* @end */

/* @group comments */
#commentform p.subscribe-to-comments label { display: inline; }
#blog .post h2 { border-bottom: 1px solid #ddd; margin-right: 0; }
#commentPreview { width: 390px; margin-top: 15px; clear: both;}
h3.preview { background: #ccc; margin: 0;padding-left: 15px; }
.comment-timeout { clear: both; }
.subscribe-to-comments { clear: both; }
input.text.error { background: #fbe3e4; color: #d12f19; border-color: #fbc2c4;}
input.text.success { background: #e6efc2; color: #529214; border-color: #c6d880;}
#email.error, #author.error { background-image: url(images/error.gif); background-repeat: no-repeat; background-position: right 50%; }
#comment.error { background: #fbe3e4; border-color:#fbc2c4; color:#d12f19; background-image: url(images/error.gif); background-repeat: no-repeat; background-position: right top; }
#email.success, #author.success { background-image: url(images/success.gif); background-repeat: no-repeat; background-position: right 50%; }
#comment.success { background: #e6efc2; color: #529214; border-color: #c6d880; background-image: url(images/success.gif); background-repeat: no-repeat; background-position: right top; }
#error-output { width: 370px; color: #d12f19; }
/* comments */
ol.comments { clear: both;overflow: hidden; margin-bottom: 40px; margin-left: 0; margin-right: 0;}
.comments li { border-top: 1px solid #ddd; clear: both; padding: 15px; padding-right: 5px; overflow: hidden;}
.comments li div.author { width: 190px; float: left; }
.author span { display: block; margin-left: 37px;}
.author cite strong { display: block; margin-left: 37px;}
.comments li img { float: left; margin-right: 5px;}
.comments li div.comment { margin-left: 200px; }
.comments .wp-smiley { float: none; }
#commentform { border-top: 1px solid #ddd; padding-top: 10px;}
#commentform label { display: block; font-weight: bold;}
#commentform input, #commentform textarea { border: 1px solid #ddd; padding: 5px; width: 240px;}
#commentform textarea { width: 360px;}
#commentform input:focus, #commentform textarea:focus { border: 1px solid #69829c; padding: 5px; background: #f0f2f5; }
.comments li.boss { background: #18191d; color: #fff;}
.comments li.boss a, .comments li.boss p { color: #fff; }
/* @end */

/* @group buttons */
a.button, button { display:block; float:left; margin:0 0.583em 0.667em 0; padding:5px 10px 5px 7px;
  /* Links */
  border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; background-color:#f0f2f5; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:100%; line-height:130%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; }
button:hover, a.button:hover{background-color:#a6b5c5; border:1px solid #889CB0;color:#fff;}
a.button:active{ background-color:#6299c5; border:1px solid #6299c5; color:#fff;}
button { width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */}
button[type] { padding:4px 10px 4px 7px;   /* Firefox */ line-height:17px; /* Safari */}
*:first-child+html button[type] { padding:4px 10px 3px 7px;/* IE7 */}
button img, a.button img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; float:none;}
/* @end */

/* @group archives */
.year { clear: both; }
.year h2 { margin-bottom: 10px; }
.year h4 { font-size: 125%; font-weight: bold; border-bottom: 2px solid #3A415A; padding: 0 10px }
.month { width: 170px; margin-right: 5px; float: left; min-height: 200px}
.month h4 { padding: 0; }
.month li { padding-left: 0; }
.cats li { display: inline; }
.cats li a { display: block; float: left; margin: 5px 5px 0 0; width: 155px; font-size: 125%;}
.archives li a { padding-left: 20px; background: url(images/date.gif) no-repeat left 50%; }
/* @end */