html, body {
font-family: arial;
/* line-height: 180%;*/
font-size: 12px;
border: 0;
color: #404040;
padding-bottom: 30px;
letter-spacing: 0.3px;
line-height: 1.7em;
}
body {
background: #334F60;
}
body, img, p, h1, h2, h3, h4, h5, ul, ol, li, form, blockquote {
margin: 0;
padding: 0;
}
img {
border:0;
}
p {
line-height: 18px;
}
p, h1, h2, h3, h4, h5, ul, ol, blockquote p {
padding: 10px 0;
}
ul, ol {
list-style: none;
}
small {
font-size: 11px;
}
code {
/*background: #FFFFC1;*/
}
a {
color: #CE1433;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
}
acronym, abbr, span.caps {
cursor: help;
}
/* Align (used for images) */
.aligncenter {
margin: 5px auto 5px auto;
display: block;
}
.alignleft {
margin: 14px 15px 10px 0;
float: left;
}
.alignright {
margin: 14px 0px 10px 15px;
float: right;
}
/* Wrap */
.wrap {
width: 100%;
}
.left-col {
float: left;
}
.right-col {
float: right;
}
/* Container */
#container {
width: 940px;
margin: 0 auto;
background: url(images/top.gif) no-repeat 0 143px;
}
/* Header */
#header {
width: 100%;
height: 108px;
}
#header h1 {
padding: 30px 0 0 20px;
}
/* Main Menu */
#menu {
width: 100%;
height: 35px;
margin-bottom: 4px;
}
#menu ul {
width: 764px;
height: 35px;
margin-left: 160px;
padding: 0;
background: url(images/menu_bg.gif) repeat-x 0 bottom;
}
#menu ul li {
line-height: 30px;
display: inline;
font-weight: bold;
text-transform: uppercase;
font-family: "Lucida Sans";
}
#menu ul li a {
display: block;
float: left;
margin-top: 5px;
padding: 0 27px 0 0;
color: #C0CDCF;
border-left: #2B404D 1px solid;
}
#menu ul li a:hover {
color: #fff;
cursor: pointer;
}
#menu ul li a span {
display: block;
float: left;
height: 30px;
padding: 0 0 0 27px;
}
/* Main Menu - Current Page Item */
#menu ul li.current_page_item {
line-height: 35px;
}
#menu ul li.current_page_item a {
background: url(images/menu_button.gif) no-repeat right top;
margin-top: 0;
color: #1A272E;
border: 0;
}
#menu ul li.current_page_item a:hover {
color: #1A272E;
}
#menu ul li.current_page_item a span {
background: url(images/menu_button.gif) no-repeat left top;
height: 35px;
}
/* Main Menu - extra */
#menu ul li.first a {
border: 0;
}
#menu ul li.current_page_item a {
margin-right: -1px;
position: relative;
}
/* Content Area - Content and Sidebar */
.background {
background: #F5F5F5 url(images/content_bg.gif) repeat-y right top;
}
/* Content */
#content {
width: 651px;
padding: 0 0 15px 0;
line-height: 2em;
}
h2.arh {
width: 460px;
margin-left: 160px;
margin-top: 12px;
margin-bottom: 10px;
padding: 10px 15px;
font-size: 20px;
background: #FFF0D4;
border-bottom: #D7D7D7 1px solid;
border-top: #D7D7D7 1px solid;
line-height: 25px;
}
/* Post */
.post {
width: 100%;
clear: both;
padding: 10px 0;
border-bottom: #CBCBCB 1px solid;
background: url(images/post_element.gif) no-repeat 159px 21px;
}
.error, .page {
border: 0;
}
/* Post Content */
.post-content {
width: 440px;
margin-right: 21px;
display: inline;
text-align: justify;
}
.post-content a {
font-weight: bold;
}
.post-content a:hover {
text-decoration: underline;
}
/* Post Content Headings */
.post-content h2 {
font-size: 28px;
line-height: 30px;
text-align: left;
}
.post-content h2 a {
color: #404040;
}
.post-content h2 a:hover {
text-decoration: underline;
}
.post-content h3 {
font-size: 14px;
padding: 5px 0;
}
/* Post Content Lists and Blockquote */
.post-content ol, .post-content ul {
line-height: 20px;
}
.post-content ul {
padding-left: 30px;
}
.post-content ul li {
list-style: circle;
padding: 3px 0;
}
.post-content ol {
padding-left: 37px;
}
.post-content ol li {
list-style: decimal;
padding: 3px 0;
}
.post-content blockquote {
border-left:2px solid #777777;
color:#777777;
font-style:italic;
margin:5px auto 15px;
padding:0px 10px;
width:85%;
}
/* Post Content Images*/
.post-content img {
padding: 0px;
/*background: #1A272E;*/
}
/* Post Content (read more) */
.post-content span.read_more {
padding: 5px 0 10px 0;
display: block;
float: left;
font-size: 13px;
}
.post-content a span.read_more {
color: #1A86DF;
text-decoration: underline ;
}
.post-content a:hover span.read_more {
text-decoration: none;
}
/* Post Meta */
.post-meta {
width: 140px;
margin-left: 6px;
text-align: right;
display: inline;
padding-top: 11px;
}
.post-meta a {
color: #587384;
}
.post-meta a:hover {
text-decoration: underline;
}
/* Post Meta Date */
.post-meta h3 {
padding: 3px 0;
margin-bottom: 23px;
}
.post-meta h3 span.day {
display: block;
float: right;
line-height: 28px;
font-size: 35px;
border-right: #CBCBCB 1px solid;
padding-right: 5px;
color: #8D8D8D;
}
.post-meta h3 span.month, .post-meta h3 span.year {
color: #666666;
width: 40px;
}
.post-meta h3 span.month {
display: block;
float: right;
font-size: 16px;
line-height: 14px;
padding-left: 4px;
text-align: center;
text-transform: uppercase;
}
.post-meta h3 span.year {
font-size: 14px;
display: block;
}
/* Post Meta Author and Comments */
.post-meta h4 {
font-size: 12px;
padding: 3px 21px 3px 0;
color: #666666;
}
.post-meta h4.author {
background: url(images/icon_author.gif) no-repeat right 2px;
font-style: italic;
}
.post-meta h4.comments {
background: url(images/icon_comment.gif) no-repeat right 4px;
}
.post-meta h4.comments a {
color: #666666;
}
/* More Entries */
.more_posts {
width: 400px;
clear: both;
margin-left: 190px;
padding: 5px 0 6px 0;
}
.more_posts h2 {
font-size: 20px;
}
.more_posts h2 a {
color: #404040;
}
.more_posts h2 a:hover {
color: #1A86DF;
}
/* Comments (single.php and comments.php) */
h3#comments, h3.lc {
font-size: 18px;
border-bottom: #D7D7D7 2px solid;
background: url(images/comment.gif) no-repeat 2px 22px;
text-indent:22px;
color:#396BB9;
}
h3.lc {
padding-top: 20px;
}
.comments_wrap {
margin: 20px 0 0px 0px;
clear: both;
padding-bottom: 5px;
border-bottom: #D7D7D7 1px dotted;
}
.comments_wrap img {
background: none;
padding: 1px;
}
.comments_wrap .left {
width: 46px;
padding-top: 2px;
float: left;
}
.comments_wrap .left img {
/*border: #D7D7D7 1px solid; */
padding: 1px !important;
}
.comments_wrap .right {
margin-left: 55px;
}
.comments_wrap .right h4 {
font-size: 11px !important;
text-transform: none;
padding: 0;
font-weight: normal;
}
.comments_wrap .right h4 b {
font-size: 12px !important;
}
.comments_wrap .right h4 a {
text-decoration: none;
}
.comments_wrap .right h4 a:hover {
text-decoration: underline;
}
/* Comments (form) */
#content form {
margin: 20px 0 30px 10px;
}
#content form label {
display: block;
margin: 10px 0;
font-size: 12px;
}
#content form label input {
width: 230px;
font-size:14px;
border:0px;
height:28px;
padding:5px;
background: url(images/bg-text-comment.png) no-repeat 0 0;
position: relative;
}
#content textarea {
margin-bottom: 10px;
display: block;
padding: 3px;
width:350px;
height:150px;
border:0px;
font-size: 12px;
background: url(images/bg-textfield-comment.png) no-repeat 0 0;
}
#content form input {
margin-top: 5px;
}
.lc_logged {
padding: 0;
margin-top: -10px;
}
/* Sidebar */
#sidebar {
width: 289px;
}
#sidebar h2 {
font-size: 13px;
color: #4A8393;
}
/* Sidebar Search */
#search {
width: 100%;
height: 57px;
background: url(images/search_block_bg.gif) no-repeat 0 0;
height: 50px;
}
#search form {
padding: 14px 0 0 14px;
}
#search form div {
width: 259px;
height: 30px;
background: url(images/search_field.png) no-repeat 0 0;
position: relative;
}
#search form input.search_box {
width: 220px;
border: 0;
position: absolute;
left: 5px;
top: 5px;
padding-top: 2px;
background: transparent;
font-size: 13px;
font-weight: bold;
outline: none;
color:#3F6069;
}
#search form input.submit {
position: absolute;
right: 0;
}
/* Custom */
#search input.search { width: 25px; height: 25px; background: url(./images/SearchButton.png) no-repeat;}
#search input.search:hover { background: url(./images/SearchButton.png) no-repeat 0 -25px; }
/* IE Win min height hack */ * html #buttonsearch { margin: -26px 0px 0px 291px; } /* */
#buttonsearch { padding: 0px; margin: 2px 0px 0px 164px; top: 0px; background: none; }
/* Seacrh Jquery*/
#search input#jq-primarySearch {
width: 286px;
height: 19px;
padding: 2px 5px;
font-size: 1.4em;
color: #333;
background: #fff;
border: 1px solid #aaa;
line-height: 1;
font-size: 1.5em;
-moz-border-radius: 10px;
}
#search button {
background: url(./images/icon_searchglass.png) 0 0 no-repeat;
_background-image: url(./images/icon_searchglass.gif);
position: relative;
width: 35px;
height: 35px;
position: absolute;
right: 28px;
top: -1px;
border: 0;
cursor: pointer;
font-size: 1.1em;
}
#search button span {
position: absolute;
left: -9999999px;
}
#search button:hover {
background-position: 0 -36px;
}
/* Sidebar Block */
#sidebar .block {
padding: 14px 4px 14px 14px;
background: url(images/sidebar_block_top.gif) repeat-x 0 0;
}
#sidebar .block a {
color: #3F6069;
}
#sidebar .block a:hover {
color: #131A1C;
}
#sidebar .block ul {
width: 100%;
padding: 1px 0 8px 0;
}
/* Sidebar Inside Block */
#sidebar_in .block ul li {
font-weight: bold;
border-bottom: #BDCCD1 1px solid;
line-height: 20px;
padding: 4px 0 4px 21px;
background: url(images/circle.gif) no-repeat 5px 11px;
margin-right: 10px;
}
#sidebar_in .block ul li ul li {
border: 0;
}
/* Sidebar Special List */
#sidebar .categories ul, #sidebar .blogroll ul, #sidebar .widget_categories ul, #sidebar .widget_links ul {
background: url(images/sidebar_ul_lines.gif) no-repeat 0 0;
margin-top: 3px;
}
#sidebar .categories ul li, #sidebar .blogroll ul li, #sidebar .widget_categories ul li, #sidebar .widget_links ul li {
width: 104px;
float: left;
margin-right: 10px;
display: inline;
}
#sidebar .categories ul li, #sidebar .widget_categories ul li {
background: url(images/icon_folder.gif) no-repeat 0 6px;
}
#sidebar .blogroll ul li, #sidebar .widget_links ul li {
background: url(images/circle.gif) no-repeat 5px 11px;
font-size: 11px;
}
/* Sidebar Flickr */
#sidebar .flickr h2 span {
color: #0061D8;
}
#sidebar .flickr h2 span span {
color: #FF1183;
}
#sidebar .flickr .wrap {
padding-top: 5px;
margin-left: -10px;
position: relative;
}
#sidebar .flickr li {
float: left;
margin-left: 10px;
display: inline;
margin-bottom: 10px;
}
#sidebar .flickr img {
float: left;
margin-left: 5px;
display: inline;
margin-bottom: 5px;
display: block;
padding: 4px;
background: #fff;
border: #BFCACE 1px solid;
}
/* Sidebar Adverts */
#sidebar .adverts {
width: 285px;
padding: 15px 0 10px 4px;
background: url(images/sidebar_block_top.gif) repeat-x 0 0;
}
#sidebar .adverts ul {
padding: 0;
}
#sidebar .adverts ul li {
float: left;
margin-left: 10px;
margin-top: 10px;
display: inline;
}
#sidebar .adverts img {
display: block;
}
/* Widget (calendar) */
#wp-calendar {
width: 95%;
padding: 0 0 0px 0;
margin-bottom: 15px;
}
#wp-calendar caption {
padding: 10px;
}
#wp-calendar th, #wp-calendar td {
padding: 5px;
text-align: center;
background: #C0DBE2;
}
#wp-calendar td {
background: transparent;
}
#wp-calendar td, table#wp-calendar th {
padding: 3px 0;
}
#wp-calendar a {
text-decoration: underline;
}
#wp-calendar a:hover {
text-decoration: none;
}
/* Widget (tag cloud) */
#tag_cloud {
padding-bottom: 20px;
}
#tag_cloud h2 {
margin-bottom: 5px;
}
/* Footer */
#footer {
width: 940px;
margin: 0 auto;
background: url(images/footer_bg.gif);
padding-top: 18px;
margin-top: -1px;
position: relative;
}
#footer a {
color: #B2D1E4;
}
#footer a:hover {
color: #318DE1;
}
#footer h2 {
color: #6D7E87;
}
/* Footer Popular Articles */
#footer .popular {
padding-bottom: 30px;
}
#footer .left-col .wrap {
width: 646px;
}
#footer .left-col h2 {
width: 115px;
display: block;
float: left;
line-height: 24px;
text-align: right;
padding: 10px 35px 10px 10px;
font-size: 20px;
background: url(images/footer_element.gif) no-repeat right 18px;
display: inline;
}
#footer .left-col ul {
width: 441px;
display: block;
float: left;
padding: 5px 0 15px 30px;
}
#footer .left-col ul li {
line-height: 20px;
font-size: 16px;
padding: 6px 0 9px 0;
font-weight: bold;
background: url(images/footer_line.gif) repeat-x left bottom;
}
/* Footer Subscribe */
#footer #subscribe {
width: 241px;
padding: 0 30px 0 18px;
color: #B2D1E4;
}
#footer #subscribe a {
font-weight: bold;
text-decoration: underline;
}
#footer #subscribe h2 {
font-size: 16px;
}
#footer #subscribe p {
padding: 8px 0 8px 42px;
}
#footer #subscribe p.rss {
background: url(images/icon_rss.gif) no-repeat 0 11px;
}
/* Copyright */
#copyright {
width: 100%;
clear: both;
background: #1A272E url(images/bottom.gif) no-repeat left bottom;
border-top: #2B404D 1px solid;
font-size: 11px;
color: #677881;
padding: 5px 0;
}
#copyright .left-col {
padding-left: 15px;
}
#copyright .right-col {
padding-right: 15px;
}
#copyright .right-col img {
vertical-align: middle;
}
/* Fix */
.wrap:after,
.block ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Misc */
.fix{
clear: both;
height: 1px;
margin: -1px 0 0;
overflow: hidden
}
.fl{
float: left
}
.fr{
float: right
}
.ac{
text-align: center
}
.ar{
text-align: right
}
img.centered{
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright{
padding: 4px;
margin: 3px 0 2px 10px;
display: inline;
}
img.alignleft{
padding: 4px;
margin: 3px 10px 2px 0;
display: inline;
}
.alignleft{
float: left;
}
.alignright{
float: right;
}
/* Threaded comments */
ol.commentlist {
margin:0;
padding:0;
}
ol.commentlist li{
list-style-type:none;
}
ol.commentlist li ul.children {
padding-left:20px;
}
ol.commentlist li ul.children li{
border-top:1px dotted #D7D7D7;
border-bottom:none;
padding-top:15px;
}
/* Custom */
.information{
border:#ADD7FF 1px solid;
margin:2px;
padding:2px;
line-height: 180%;
background: #E7F3FF url(images/information.png) 5px 5px no-repeat;
text-indent:2em;
}
.information ul{
margin:0px 0 0px 0px;
list-style:square;
}
.quote{
border:#F5F5F5 1px solid;
margin:0px;
padding:2px;
line-height: 180%;
background: #FFFFFF url(images/quote.png) 5px 5px no-repeat;
}
.code-xhtml{
border:#ADD7FF 1px solid;
margin:2px;
padding:4px;
line-height: 180%;
background: #F3F4F5 url(images/xhtml.png) 370px 2px no-repeat;
font-family: "Courier New", Courier, monospace;
color:#56636f;
}
.code-css{
border:#ADD7FF 1px solid;
margin:2px;
padding:4px;
line-height: 180%;
background: #F3F4F5 url(images/css.png) 415px 2px no-repeat;
font-family: "Courier New", Courier, monospace;
color:#56636f;
}
.code-php{
border:#ADD7FF 1px solid;
margin:2px;
padding:4px;
line-height: 180%;
background: #FFFFFF url(images/php.png) 370px 2px no-repeat;
font-family: "Courier New", Courier, monospace;
color:#56636f;
}
.code-jquery{
border:#ADD7FF 1px solid;
margin:2px;
padding:4px;
line-height: 180%;
background: #F3F4F5 url(images/jquery.png) 375px 2px no-repeat;
font-family: "Courier New", Courier, monospace;
color:#56636f;
}
.botao {
background: url("images/botao.png") repeat-x;
border: 0px none;
width:118px;
height:31px;
}
pre {
color: #930;
background: #faf8f0;
padding: 0 4px 0 4px;
border: 1px dashed #bbbbbb;
margin-left: 0px;
margin-right: 0px;
font-size: 11px;
letter-spacing: normal;
margin-top: 0;
margin-bottom: 1em; /* Margin shorthand would undo gutter */
white-space: pre-wrap;
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -o-pre-wrap; /* Opera 7+ */
}
.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 0.4;
}
.opacityit img{
border:0px;
}
.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 1;
}
.sub_title {
font-weight:bold;
color:#024B90;
font-size:1.1em;
}
#copyright .right-col {
padding-right: 15px;
}
#copyright .right-col img {
vertical-align: middle;
}
/* Fix */
.wrap:after,
.block ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Misc */
.fix{
clear: both;
height: 1px;
margin: -1px 0 0;
overflow: hidden
}
.fl{
float: left
}
.fr{
float: right
}
.ac{
text-align: center
}
.ar{
text-align: right
}
img.centered{
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright{
padding: 4px;
margin: 3px 0 2px 10px;
display: inline;
}
img.alignleft{
padding: 4px;
margin: 3px 10px 2px 0;
display: inline;
}
.alignleft{
float: left;
}
.alignright{
float: right;
}
/* Threaded comments */
ol.commentlist {
margin:0;
padding:0;
}
ol.commentlist li{
list-style-type:none;
}
ol.commentlist li ul.children {
padding-left:20px;
}
ol.commentlist li ul.children li{
border-top:1px dotted #D7D7D7;
border-bottom:none;
padding-top:15px;
}
/* Custom */
.information{
border:#ADD7FF 1px solid;
margin:2px;
padding:2px;
line-height: 180%;
background: #E7F3FF url(images/information.png) 5px 5px no-repeat;
text-indent:2em;
}
.information ul{
margin:0px 0 0px 0px;
list-style:square;
}
.quote{
border:#F5F5F5 1px solid;
margin:0px;
padding:2px;
line-height: 180%;
background: #FFFFFF url(images/quote.png) 5px 5px no-repeat;
}
.code-xhtml{
border:#ADD7FF 1px solid;
margin:2px;
padding:4px;
line-height: 180%;
background: #F3F4F5 url(images/xhtml.png) 370px 2px no-repeat;
font-family: "Courier New", Courier, monospace;
color:#56636f;
}
.code-css{
border:#ADD7FF 1px solid;
margin:2px;
padding:4px;
line-height: 180%;
background: #F3F4F5 url(images/css.png) 415px 2px no-repeat;
font-family: "Courier New", Courier, monospace;
color:#56636f;
}
.code-php{
border:#ADD7FF 1px solid;
margin:2px;
padding:4px;
line-height: 180%;
background: #FFFFFF url(images/php.png) 370px 2px no-repeat;
font-family: "Courier New", Courier, monospace;
color:#56636f;
}
.code-jquery{
border:#ADD7FF 1px solid;
margin:2px;
padding:4px;
line-height: 180%;
background: #F3F4F5 url(images/jquery.png) 375px 2px no-repeat;
font-family: "Courier New", Courier, monospace;
color:#56636f;
}
.botao {
background: url("images/botao.png") repeat-x;
border: 0px none;
width:118px;
height:31px;
}
pre {
color: #930;
background: #faf8f0;
padding: 0 4px 0 4px;
border: 1px dashed #bbbbbb;
margin-left: 0px;
margin-right: 0px;
font-size: 11px;
letter-spacing: normal;
margin-top: 0;
margin-bottom: 1em; /* Margin shorthand would undo gutter */
white-space: pre-wrap;
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -o-pre-wrap; /* Opera 7+ */
}
.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 0.4;
}
.opacityit img{
border:0px;
}
.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 1;
}
.sub_title {
font-weight:bold;
color:#024B90;
margin:5px;
font-size:13px;
}rmal;
margin-top: 0;
margin-bottom: 1em; /* Margin shorthand would undo gutter */
white-space: pre-wrap;
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -o-pre-wrap; /* Opera 7+ */
}
.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 0.4;
}
.opacityit img{
border:0px;
}
.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 1;
}
.sub_title {
font-weight:bold;
color:#024B90;
}
#copyright .right-col {
padding-right: 15px;
}
#copyright .right-col img {
vertical-align: middle;
}
/* Fix */
.wrap:after,
.block ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Misc */
.fix{
clear: both;
height: 1px;
margin: -1px 0 0;
overflow: hidden
}
.fl{
float: left
}
.fr{
float: right
}
.ac{
text-align: center
}
.ar{
text-align: right
}
img.centered{
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright{
padding: 4px;
margin: 3px 0 2px 10px;
display: inline;
}
img.alignleft{
padding: 4px;
margin: 3px 10px 2px 0;
display: inline;
}
.alignleft{
float: left;
}
.alignright{
float: right;
}
/* Threaded comments */
ol.commentlist {
margin:0;
padding:0;
}
ol.commentlist li{
list-style-type:none;
}
ol.commentlist li ul.children {
padding-left:20px;
}
ol.commentlist li ul.children li{
border-top:1px dotted #D7D7D7;
border-bottom:none;
padding-top:15px;
}
/* Custom */
.information{
border:#ADD7FF 1px solid;
margin:2px;
padding:2px;
line-height: 180%;
background: #E7F3FF url(images/information.png) 5px 5px no-repeat;
text-indent:2em;
}
.information ul{
margin:0px 0 0px 0px;
list-style:square;
}
.quote{
border:#F5F5F5 1px solid;
margin:0px;
padding:2px;
line-height: 180%;
background: #FFFFFF url(images/quote.png) 5px 5px no-repeat;
}
.code-xhtml{
border:#ADD7FF 1px solid;
margin:2px;
padding:4px;
line-height: 180%;
background: #F3F4F5 url(images/xhtml.png) 370px 2px no-repeat;
font-family: "Courier New", Courier, monospace;
color:#56636f;
}
.code-css{
border:#ADD7FF 1px solid;
margin:2px;
padding:4px;
line-height: 180%;
background: #F3F4F5 url(images/css.png) 415px 2px no-repeat;
font-family: "Courier New", Courier, monospace;
color:#56636f;
}
.code-php{
border:#ADD7FF 1px solid;
margin:2px;
padding:4px;
line-height: 180%;
background: #FFFFFF url(images/php.png) 370px 2px no-repeat;
font-family: "Courier New", Courier, monospace;
color:#56636f;
}
.code-jquery{
border:#ADD7FF 1px solid;
margin:2px;
padding:4px;
line-height: 180%;
background: #F3F4F5 url(images/jquery.png) 375px 2px no-repeat;
font-family: "Courier New", Courier, monospace;
color:#56636f;
}
.botao {
background: url("images/botao.png") repeat-x;
border: 0px none;
width:118px;
height:31px;
}
pre {
color: #930;
background: #faf8f0;
padding: 0 4px 0 4px;
border: 1px dashed #bbbbbb;
margin-left: 0px;
margin-right: 0px;
font-size: 11px;
letter-spacing: normal;
margin-top: 0;
margin-bottom: 1em; /* Margin shorthand would undo gutter */
white-space: pre-wrap;
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -o-pre-wrap; /* Opera 7+ */
}
.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
.opacityit img{
border:0px;
}
.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.4;
}
.sub_title {
font-weight:bold;
color:#024B90;
margin:10px;
font-size:13px;
}