/*  



Theme Name: Portfolio Press



Theme URI: http://www.blogohblog.com



Description: A dark-colored, widgetized, Web 2.0 Wordpress Theme suitable for creating your personal portfolio. This theme is a free theme and comes under a Creative Commons License.



Version: 1.0



Author: Jai Nischal Verma



Author URI: http://www.blogohblog.com



*/



/**************** Aviso SWF para Readers *********************/

.aviso_swf { position: absolute; top: -50px; }



/**************** Body *********************/



*{margin:0; padding:0;}



body{background:#1b1b1b url(images/stripe.png); font:13px Arial;}



#wrapper {width:980px; margin:30px auto;}







/**************** Links *********************/



a, a:link, a:visited {text-decoration:none; color: #999999;}



a:hover {color:#CCCCCC;}







/**************** Header *********************/



#header {width:276px; margin-bottom:50px; float:left;}



#header h1 {text-indent:-10000px;margin:0; padding:0; }



#header h1 a {display:block; background:url(images/logo.gif) no-repeat left; height:31px;}



#header h2 {background:url(images/desc.jpg) no-repeat left; color:#999999; font-size:11px; font-weight:normal; height:22px; margin-top:5px; padding:5px 0 0 5px; letter-spacing:1px; word-spacing:1px; text-transform:capitalize;}



#rss {float:right; margin: 0;}



#cabecera {width: 100%; height: 100px; background: transparent url(images/header.png) no-repeat scroll left center; position: absolute; top: -10px; }







/**************** Navigation *********************/



#navigation{ font-size:12px; text-transform:uppercase; font-weight:bold;float:left;}



#menu{float:left;  margin-bottom:20px;}



#menu li{list-style:none;}



.page_item a:link, .page_item a:visited{color: #666666;  background:#262626 url(images/menu_left.gif) no-repeat top left; margin-bottom:10px; padding:8px 5px 5px 10px; height:19px; width:150px; display:block; }



.page_item a:hover {color:#cccccc; background:#161616 url(images/menu_left_hover.jpg) no-repeat top left;}



.current_page_item a:link, .current_page_item a:visited{color: #ccc; background:#161616 url(images/menu_left_hover.jpg) no-repeat top left; margin-bottom:10px; padding:8px 5px 5px 10px; height:19px; width:150px;display:block;}







/**************** Search *********************/



.topsearch{ background:#262626 url(images/menu_left.gif) no-repeat top left; margin-bottom:10px; padding:8px 5px 5px 10px; height:19px; width:150px; display:block; }



.searchfield{width:18em; color: #666666; text-transform:uppercase; font-weight:bold; font-size:12px; font-family:Tahoma;border:1px solid #262626; background:#262626 url(images/search.gif) left no-repeat; padding-left:16px; width: 130px; }



h2.search {font-size:15px; padding-left:20px; margin-left:0; font-family:Arial; font-weight: bold; padding-top:20px; color:#888888; text-transform: uppercase;}







/**************** Content *********************/



#content {width:790px; background-color:#333333; border:10px solid #262626; float:left;}



.comments {background:url(images/comments.gif) left no-repeat; padding-left:20px;}



.info { background-color:#262626; padding:2px 10px 2px 10px; font-size:11px; margin-bottom:10px; margin-top:1px;}



.info a {color:#FD2B60;}



.info a:hover {color:#fff;}



.entry { padding: 0 0 10px 0;}



.entry h2{ text-align: left; padding-bottom:1px;}



.entry h2 a {color:#222; font-family:Arial; font-weight: bold; text-transform: uppercase; font-size:15px;}



.entry h2 a:hover {color:#000; }



.entry p{padding:0 0 2px 0; margin:0 0 3px 0;}



.post{padding:20px 20px 0px 20px;text-align:justify; margin-bottom:0px; line-height:20px; color: #939393;}



.entry img {margin:0 10px 10px 10px;}



.new { background:/*url(images/new.gif)*/ right top no-repeat; }



html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 



html>body .entry li { margin: 7px 0 8px 10px; }



.entry ul li:before{ content: "\00BB \0020"; }



.entry ol { padding: 0 0 0 35px; margin: 0; }



.entry ol li { margin: 0; padding: 0; }



.meta { padding:3px 10px; margin: 0 0 -20px 0; font-size:11px; line-height:22px; border-top:1px solid #262626; text-transform:uppercase; font-weight:bold;}



.tags {background:url(images/tags.gif) left no-repeat; padding-left:24px;}



.cats {background:url(images/cats.gif) right no-repeat; padding: 0 18px 0 0; text-align: right;}

.cats a { color: #666666; }

.cats a:hover { color: #FD2B60 }







/**************** Comments *********************/



#comments {font-size:14px; font-family:Arial; font-weight: bold;}



h2#postcomment {font-size:14px; margin-top:10px; font-family:Arial; font-weight: Bold; font-weight:bold;}



.commentlist{padding:20px; margin-top:10px;}



.comtop {background:#262626 url(images/comtop.gif) no-repeat top left; padding:5px 0px 0px 0px; width:575px;}



.combottom {background:url(images/combottom.gif) no-repeat top left; width:575px; height:10px; margin-bottom:25px;}



.commentlist p{ padding-top:5px;}



.commentmetadata {font-size:11px;}



#author, #email, #url {width:12em; font-size:11px Arial; color:#EEEEEE; font-weight:lighter; padding:4px 4px; margin-right:5px; border:1px solid #1b1b1b; background-color:#555555;}



#submit{font:bold 1em Tahoma;margin-bottom:15px;margin-top:5px;padding:2px;}



#respond{padding-top:20px;padding-bottom:10px; font-weight:lighter;}



#comment{width:98%; border:1px solid #1b1b1b; padding: 4px 4px; font-weight: lighter; font:11px Arial;color:#EEEEEE; background-color:#555555;}



h3 #comments {font-size:13px;}



#commentform h2 {font-size:13px; font-weight:normal;}







/**************** Sidebar *********************/



#sidebar { text-align:right;}



#sidebar ul {list-style:none;}



#sidebar h2 {font-size:20px; font-family:Arial; color: #333333; padding-right:10px; border-bottom:1px solid #262626;}



#sidebar ul ul {margin:10px; padding-bottom:20px;}



#sidebar ul ul li {padding-bottom:5px;}







/**************** Footer *********************/



#footer {text-align:right; font-size:11px; margin:10px; color: #666666;}







/**************** Misc *********************/



acronym, abbr, span.caps { cursor: help; }



acronym, abbr { border-bottom: 1px dashed #999; }



blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 1px solid #666666; }



blockquote cite { margin: 5px 0 0; display: block; }



.center { text-align: center; }



hr { display: none; }



a img { border: none; }



.alignright{float:right; padding:10px 16px; margin-right:26px; margin-top: 30px; background:url(images/next.gif) no-repeat right; font-size:11px;}



.alignleft{float:left; padding:10px 15px; margin-left:26px; margin-top: 30px; background:url(images/back.gif) no-repeat left; font-size:11px;}



img.centered{display:block;margin-left:auto;margin-right:auto;}



img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}



img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}



pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}



code {font-size:12px; font-family:Tahoma; color: #6C6C6C; display:block; background-color:#262626; padding:10px; margin:10px 0 10px 0; border:1px solid #3F3F3F;}







/**************** avatar *********************/



.gravs {margin-top:20px; padding:0 15px 0 15px;}



.avatar {float:left; margin-right:10px; padding:3px;  border:1px solid #191919;}







/**************** Gallery *********************/



.gallery {text-align:center;}



.gallery img {padding:3px;}



.attachment {text-align:center;}



.attachment img { padding:5px; border:1px solid #999999;}



.imgnav {text-align:center;}



.imgleft {float:left;}



.imgleft img{ padding:5px; border:1px solid #999999;}



.imgright {float:right;}



.imgright img{ padding:5px; border:1px solid #999999;}