/*  
Theme Name: Geral 02
Author URI:http://www.netlisbon.com/
Version:1.0
Author:Net Lisbon
Description: Geral 02
*/

@import url("css/style-brown.css"); 

*{margin:0; padding:0; border:none}
body{font:11px Arial,Helvetica,sans-serif}
/* Links -----------------------------------------------------------------------*/
a{text-decoration:none; outline:none; -moz-outline-style:none}
ul{list-style:none}
.clear{clear:both}
.alignleft{float:left}
.alignright{float:right}
.imgleft{float:left; margin:0 12px 12px 0}
.imgright{float:right; margin:0 0 12px 12px}
.imgleft_n{float:left; margin:0 40px 12px 0; padding:3px}
.img_center{padding:5px; margin:10px 0}
code{font-size:12px}
.gravatar{float:right; margin:10px 10px 10px 15px; width:40px; height:40px}

/* STRUCTURE ----------------------------------*/
#header{overflow:hidden}
#header-in{width:975px; margin:0 auto}
#content-wrap{width:975px; margin:0 auto; height:100%; overflow:hidden; padding:10px 0 0 0}
#content{float:left; width:710px; height:100%}
#sidebar{float:right; width:235px; height:100%}
#footer{position:relative; bottom:-10px; overflow:hidden; clear:both; padding:4px 0 0px 0}
#footer-in{width:975px; overflow:hidden; padding-top:1px}
/*  Headings ----------------------------------*/
h1{margin:0 0 15px 0; padding:0; font-size:24px; font-weight:normal}
h3.title{font-size:28px; font-weight:normal}

h1 a, h3 a{text-decoration:none; border-bottom:none}
h1 a:hover, h3 a:hover{text-decoration:none}
h2{margin:0; padding:5px 0 0 0; line-height:150%; font-size:22px; font-weight:normal}
h2 a{text-decoration:none}
h2 a:hover{text-decoration:none}
h3{margin:0 0 10px 0; padding:0; font-size:22px; font-weight:normal}
#sidebar h3{font-size:14px}
h3 a{text-decoration:none}
h4{margin:0 0 0 0; padding:5px 0; font-size:18px; font-weight:normal}
h5{margin:0 0 0 0; padding:5px 0; font-size:16px; font-weight:bold}
h6{margin:32px 0 12px 0; padding:0; line-height:150%; font-size:18px; font-weight:normal}
.home_subcolumn p, #content p, p{margin:0 0 12px 0; padding:0; line-height:19px}
/* Header  ----------------------------------*/
#header-in .logo-image{font-size:32px; font-weight:normal; float:left}
#header-in .logo-image a{display:block; width:286px; height:28px; overflow:hidden; margin:10px 0 0 0; text-indent:-9009px; text-decoration:none}
#header-in .logo-text{font-size:32px; font-weight:normal; float:left; margin:8px 0 5px 0; overflow:hidden}
#header-in .logo-text a{overflow:hidden; text-decoration:none}
#header-in .description{margin:0; padding:0 5px 12px 0; font-size:12px; font-weight:normal; clear:both; text-align:left}
.h_left{float:left}
.h_right{float:right; width:400px; padding:7px 0 20px 15px; margin-top:15px; text-align:right; font-size:12px; font-weight:bold}
.callno{font-size:18px; padding:4px}
/*nav start ----------------------------------------------- */
 
#navi{clear:both; height:26px; clear:both}
#naviin{width:975px; margin:0 auto}
/* TOP SEARCH FORM -----------------------------------------------------------------------*/
#search{width:282px; height:25px; float:right; padding:0 0 0 20px}
#search .s{width:210px; height:16px; float:left; margin:5px 15px 0 0; padding:1px; font:12px Arial,Helvetica,sans-serif}
#searchform .sgo{width:55px; height:20px; margin:3px 0 0 0; float:right}
/* Content  ----------------------------------*/
.home_subcolumn{width:470px}
.home_subcolumn h3{padding:5px 0; margin:0; font-size:10px; text-transform:uppercase}
.home_subcolumn h4{padding:8px 10px; margin:0 0 10px 0; font-size:10px; text-transform:uppercase}
.home_subcolumn .h_inner_sub{width:230px}
.date{float:left; width:80px; font-size:10px; text-transform:uppercase}
.news_title{float:right; width:150px; margin-top:-3px; font-size:11px}
.h_post{margin-bottom:10px; padding-bottom:5px; font-size:11px; overflow:hidden; height:100%}
.h_inner_sub ul{margin:0; padding:0; font-size:11px}
.h_inner_sub li{margin:0 0 5px 0; padding:0 0 0 12px; line-height:18px}
.overview{margin-top:15px; text-align:justify}
#content h2{font-size:18px; padding:3px 0 2px 0; margin:0}
#content h3{font-size:22px; padding:3px 0 2px 0; margin:0 0 8px 0}
#content a{text-decoration:none; border-bottom:none}
#content a:hover{text-decoration:none}
#content ul{margin:0; margin-bottom:12px; padding:0; font-size:12px}
#content li{margin:0 0 5px 0; padding:0 0 0 12px; line-height:18px}
#content ul li ul{margin:8px 0 5px 0; padding:0 0 0 0}
#content li ul li{margin:0 0 5px 0; padding:0 0 0 12px}
#content ol{list-style-type:decimal; line-height:18px; margin:0; font-size:12px; padding:0 0 10px 22px}
#content ol li ol{margin:8px 0 5px 18px; padding:0 0 0 0}
#content ol li{margin:0 0 5px 10px; padding:0; background:none}
#content p.aligncenter{text-align:center}
#content p.aligright{text-align:right}
#content p.more{font-size:10px; text-transform:uppercase}
#content p.more a{text-decoration:none}
#content blockquote{margin:15px 0 20px 0; padding:15px 10px 5px 10px; font-size:12px; font-style:italic}
#content blockquote p{font-size:12px}
#content .projectlist{margin:0 -78px 20px 0; padding:0; clear:both; list-style-type:none; font-size:11px; height:150px}
*+html #content .projectlist{height:auto; min-height:150px; display:block}
#content .projectlist li img{margin-bottom:3px}
#content .projectlist li{float:left; margin:0 37px 15px 0; padding:10px; width:130px; height:100px; background:none}
#content .projectlist li a{display:block; text-decoration:none}
#content .pdetails{float:left; width:330px}
#content .pdetails img{margin-bottom:10px}
#content .pdescription{width:370px; float:right}
#content p.i_previous{padding:0 0 0 15px; margin:0}
#content p.i_next{padding:0 15px 0 0; margin:0}
/*post css start ----------------------------------*/
.category{float:left; width:48%}
.archives{float:right; width:48%}
#content .category h2{margin-bottom:15px}
#content .archives h2{margin-bottom:15px}
.search404{margin:4px 8px 5px 0; padding:5px 0 0 0px; width:265px; overflow:hidden; height:100%}
.search404 .s{padding:2px; font:bold 12px Arial,Helvetica,sans-serif; width:195px; float:left; height:16px; margin-right:5px}
#content .search404 .sgo{width:55px; height:20px; margin:1px 0 0 0; float:right}
.posts{clear:both; height:100%; overflow:hidden; padding-bottom:15px}
.posts_left{width:150px; float:left}
.posts_right{width:560px; float:right}
#content .posts_left span{font-size:11px; width:150px; float:left; padding:5px 0 10px 0; margin-bottom:5px}
.text{text-transform:uppercase}
#content .posts_left a{text-decoration:none}
#content .posts_left a:hover{text-decoration:none}
.more-link{text-align:right; float:right; font-size:10px; width:72px; height:17px; text-transform:uppercase; padding-right:10px; text-indent:-9009px; margin-bottom:8px; margin-top:8px; clear:both}
.more-link a{text-indent:-9009px; overflow:hidden; margin:0; padding:0}
#content .commentp{float:right}
/* Previous/Next Page Navigation ----------------------------------*/
.page-nav{clear:both; margin:0 0px; padding:2px 0px; overflow:hidden; height:100%; margin-bottom:10px}
.nav-previous{width:249px; float:left; text-align:left; margin:2px 0px}
.nav-next{width:249px; float:right; text-align:right; margin:2px 0px}
.page-nav a{text-decoration:none; border-bottom:none}
.nav-previous a{padding-left:11px; text-transform:uppercase}
.nav-next a{padding-right:11px; text-transform:uppercase}
/* Comments  ----------------------------------*/
#commentform{width:523px}
#commentform label{float:left; text-align:left; margin-bottom:15px; font-size:11px; width:100px}
.textarea{width:380px; float:right; padding:5px; margin-bottom:5px; font:12px Arial,Helvetica,sans-serif}
.Cbutton{border:none; font:bold 11px Arial,Helvetica,sans-serif; padding:4px; float:left; width:100px; margin-left:132px; cursor:pointer}
/*Comments*/
.commetmainauthor{clear:both; overflow:hidden; padding:10px; height:100%; margin-bottom:15px}
.commetmain{clear:both; margin-bottom:15px; padding:10px; overflow:hidden; height:100%}
.commet_left{width:20%; float:left; font-size:11px}
.commet_right{width:70%; float:right; padding:5px 0 0 35px; min-height:55px}
.comm_list{margin-bottom:15px}
#content .commetmain p{margin:0; padding:0}
.nav-next{padding-right:8px; font-weight:bold}
.nav-previous{padding-left:8px; font-weight:bold}
.comment-author{padding-bottom:5px; font-size:11px; text-align:center}
#content .trackbacklist{margin:8px 0 0 0; padding:0; list-style:none}
#content .trackbacklist li{margin:0 0 8px 0; padding:0 0 5px 12px; list-style:none; line-height:18px}
.post-ratings{font-size:12px; font-style:normal; padding-left:8px; display:block; margin:8px 0; clear:both}
/* Contact Form ----------------------------------------------------------------*/
.contactform{width:500px; font-size:12px; font-weight:bold; margin-top:-5px; padding:15px 0; min-height:340px}
.contactform textarea, .contactform input{padding:2px; font:12px Arial,Helvetica,sans-serif; padding:3px; width:240px}
.contactform textarea{height:150px}
.contactform #contactsubmit{width:133px; height:28px; padding-bottom:5px; cursor:pointer; font:bold 12px Arial,Helvetica,sans-serif}
.contactleft{font:bold 12px Arial,Helvetica,sans-serif !important; width:120px; float:left; margin-bottom:20px; _padding-top:2px}
*+html .contactleft{padding-top:2px}
.contactright{font:normal 9px Arial,Helvetica,sans-serif !important; width:380px; font-weight:normal!important; float:right; margin-bottom:12px}

/* tagcloud  ----------------------------------*/
#tag_cloud a{font-size:12px !important; margin-right:10px; line-height:18px}
/* sidebar content ----------------------------------*/
#sidebar a{line-height:18px; text-decoration:none}
#sidebar a:hover{text-decoration:none}
/*widget calendar css =================================================== */
#wp-calendar{width:100%; text-align:center}
#sidebar .widget_calendar h2, widgettitle{display:none}
#sidebar #calendar_wrap caption{margin:0; padding:5px 10px; font-size:11px; text-transform:uppercase}
/* widget search css ===================================================  */
#sidebar #search{padding:0; overflow:hidden; height:100%; width:110px}
#sidebar input{margin-bottom:3px}
#sidebar #search br{display:none}
.Sponsors{text-align:center; margin:8px 0 8px 0; overflow:hidden; height:100%}
.Sponsors img{margin-bottom:5px}
#sidebar h2{margin:0 0 8px 0; padding:5px 10px; font-size:10px; font-weight:bold; text-transform:uppercase}
#sidebar h3{margin:0 0 8px 0; padding:11px 0 11px 0; font-size:11px; font-weight:normal; text-transform:uppercase; text-align:center; overflow:hidden}
#sidebar p{margin:0; padding:0 0 5px 0; line-height:17px}
#sidebar p a{text-decoration:none}
#sidebar p a:hover{text-decoration:none}
#sidebar p.aright{text-align:right}
.spacer{padding:0 5px}
.advt_spacer{margin:0 0 10px 0}
.recentwork{margin:0 -60px 20px 0; padding:0; font-size:12px; _height:280px; min-height:220px; overflow:hidden}
.recentwork li{margin:0 10px 10px 0; padding:10px; width:130px; height:80px; float:left}
.recentwork li img{margin-bottom:3px}
#sidebar ul li{margin:0 0 25px 0; padding:0; font-size:11px; list-style-type:none}
#sidebar ul li ul{margin:0; padding:0}
#sidebar ul li ul li{margin:0; padding:3px 0 3px 0}
#sidebar ul li ul li a{line-height:18px; text-decoration:none}
#sidebar ul li ul li a:hover{text-decoration:none}
#sidebar ul li ul li ul li{margin:0; padding:3px 0 3px 15px}
#sidebar ul li ul li ul li a{margin:0; text-decoration:none}
#sidebar ul li ul li ul{padding:0; margin:0}
#sidebar ul li ul li ul li a:hover{}
#sidebar .subscribetextbg{padding:0 0; margin:5px 0 8px 0; height:25px}
#sidebar .subscribe_textield{font:12px Arial,Helvetica,sans-serif; margin:2px 0 0 5px; padding:2px; width:120px; float:left}
#sidebar .rssfeed{float:right; padding:0 5px 0 0}
#sidebar .subscribe{padding:5px 3px; height:100%; margin-bottom:11px}
#sidebar .subscribe_b{border:none; font:11px Arial,Helvetica,sans-serif; text-align:center; margin:-14px 0 0 0; float:right}
#sidebar .i_rss{padding-left:22px; padding-bottom:3px}

/* footer ---------------------------------- */
#footer{overflow:hidden}
#footer-in{width:975px; margin:0 auto}
#footer p{margin:0 0 5px 0; padding:0; font-size:11px; line-height:22px; overflow:hidden}
#footer span{position:relative; top:-5px}
#footer span a{text-decoration:none}
#footer span a:hover{text-decoration:none}
#flinks{float:right; list-style:none; width:50%; text-align:right; margin-right:-5px; margin-top:-2px}
#flinks li{display:inline; line-height:26px; text-align:right}
#flinks li a{padding:0px 8px 0 8px; margin:0; font-size:10px; text-transform:uppercase; text-decoration:none}
#flinks li a:hover{display:inline}
/* 
dropnavIGATION --------------------------------------------------------------------------------------------------------- */
 
ul#navmenu-h{margin:0; padding:0; width:640px; list-style:none; height:26px; float:left}
ul#navmenu-h li{margin:0; padding:0; float:left; /*For Gecko*/display:inline; list-style:none; position:relative; height:24px}
ul#navmenu-h ul{margin:0; padding:0; width:160px; list-style:none; display:none; position:absolute; top:26px; left:0}
ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{clear:both; display:block; font:1px/0px serif; content:"."; height:0; visibility:hidden}
ul#navmenu-h ul li{width:160px; float:left; /*For IE 7 lack of compliance*/display:block !important; display:inline; /*For IE*/}
/* Root Menu */
ul#navmenu-h a{padding:0 10px; float:none !important; /*For Opera*/float:left; /*For IE*/display:block; font:bold 12px Arial,Helvetica,sans-serif; text-decoration:none; height:auto !important; height:1%; /*For IE*/line-height:26px}
/* 2nd Menu */
ul#navmenu-h li:hover li a, ul#navmenu-h li.iehover li a{float:none; line-height:24px; height:24px}
ul#navmenu-h ul ul, ul#navmenu-h ul ul ul{display:none; position:absolute; top:0; left:160px}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul, ul#navmenu-h li:hover ul ul ul, ul#navmenu-h li.iehover ul ul, ul#navmenu-h li.iehover ul ul ul{display:none}
ul#navmenu-h li:hover ul, ul#navmenu-h ul li:hover ul, ul#navmenu-h ul ul li:hover ul, ul#navmenu-h li.iehover ul, ul#navmenu-h ul li.iehover ul, ul#navmenu-h ul ul li.iehover ul{display:block}
/* #end -------------- */
.noimage_avilable{width:455px; padding:110px 0; font-size:11px; text-align:center; cursor:pointer}
.noimage_avilable1{width:130px; padding:30px 0; font-size:11px; margin-bottom:5px; text-align:center; cursor:pointer}
.noimage_avilable2{width:130px; padding:32px 0; font-size:11px; margin-bottom:5px; text-align:center; cursor:pointer; background:#fff}
.noimage_avilable3{width:285px; padding:70px 0; margin-bottom:10px; _margin-bottom:12px; font-size:12px; text-align:center; cursor:pointer}
#content .buynow a{display:block; width:100px; float:left; padding:5px; clear:both; font-size:12px; font-weight:bold; text-align:center}
.note{font-size:11px; margin-bottom:5px; float:left; font-size:10px}

.rss{position:relative; top:4px}

/* note ----------------------- */
#content address{font-style:italic; margin:0; padding:0}
#content p.alert, #content p.download, #content p.info, #content p.notes{margin:10px 0 10px 0; padding:9px 10px 9px 36px; color:#333}

#content  p.alert{border-top:1px solid #f0baa2; border-bottom:1px solid #f0baa2; background:#ffd9c8 url(images/alert.png) no-repeat 12px 13px}
#content p.download{border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/download.png) no-repeat 10px 13px}
#content p.info{border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee url(images/info.png) no-repeat 12px 13px; clear:both}
#content p.notes{border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#eee url(images/note.png) no-repeat 14px 13px}

.breadcrumb{width:975px; margin:0 auto; padding:10px; font:10px Arial,Helvetica,sans-serif; text-transform:uppercase}

/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */
.clearfix:after{content:"."; clear:both; height:0; visibility:hidden; display:block}
.clearfix{display:inline-block; /* Fixes IE/Mac */}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */
#content .alignleft{float:left; margin:5px 10px 0px 0px}

#content .alignright{float:right; margin:5px 0px 0px 10px}

.featuredwork{height:179px; width:454px}

.bottomleft{float:left; width:285px; margin:0px 0px 0px 0px; padding:10px 20px 10px 20px; overflow:hidden}

.bottommiddle{float:left; width:285px; margin:0px 0px 0px 0px; padding:10px 20px 10px 20px; overflow:hidden}

.bottomright{float:right; width:285px; margin:0px 0px 0px 0px; padding:10px 20px 10px 20px; overflow:hidden}

.shadow{float:left; margin-right:10px; margin-top:5px; padding-bottom:3px; background:url(images/shadow-bg.gif) no-repeat 99% 100%}

.h_right a{color:#FFF}
.h_right a:hover{color:#EEE}


/*Page navigatoin 2 ----------------------------- */


#content .wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #222222;
	color: #920000;
	background-color: #D9D7C1;	
}
#content .wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #222222;
	color: #920000;
	background-color: #D9D7C1;	
}
#content .wp-pagenavi a:hover {	
	border: 1px solid #222222;
	color: #920000;
	background-color: #D9D7C1;
}
#content .wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #222222;
	color: #0066cc;
	background-color: #D9D7C1;	
}
#content .wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #222222;
	background-color: #D9D7C1;
}
#content .wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #222222;
	color: #000000;
	background-color: #D9D7C1;
}
#content .wp-pagenavi span.extend {
display: none;
}

/* Style for Usual tabs */
.usual { padding:5px 0px 0px 0px; width:710px; margin:0px 0px 0px 0px; }
.usual li { list-style:none; float:left; background-image: none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.usual ul a { display:block; padding:6px 10px; text-decoration:none!important; margin:0px; font:10px Verdana; 
color:#FFF; background:#C6C4AF; }
.usual ul a:hover { color:#FFF; background:#A4A180; }
.usual ul a.selected { margin-bottom:0; color:#000; background:#F1EFE1; cursor:default; }
.usual div { margin:0px 0px 0px 0px; background: #000; padding:0px 0px 0px 0px; clear:left; 
width: 710px; height: 430px; overflow: hidden; }
.usual div a { color:#000; font-weight:bold; }

/* End of style for various uses of tabs */

#galleria{width:710px; height: 500px; margin-bottom: 20px; }