*, body, html { margin: 0; border: 0; padding: 0; }
body { background: #f5f5f5; text-align: center; }

/* Global classes */
.ui-reset { margin: 0; padding: 0; border: 0; }
.ui-align { float: left; display: inline; }
.ui-block { display: inline-block; }
.ui-listclear { 	list-style: none; }
.ui-breakline { width: 100%; clear: left; float: left; display: inline; }
.ui-clear { clear: left; }
.ui-clickable { 	cursor: pointer; }

/* Header Components */
#header { width: 100%; text-align: left; }
#header #bar { width: 1148px; height: 23px; background-image: url('image/comlimao-topbar.jpg'); background-repeat: repeat-x; }
#header #bar #left { width: 300px; height: 23px; }
#header #bar #left #site-link { height: 18px; margin: 2px 0 0 20px; }
#header #bar #left #top-links { margin: 2px 0 0 20px; }
#header #bar #left #top-links li { height: 18px; line-height: 18px; float: left; display: inline; margin: 0; padding: 0 5px 0 5px; border-left: 1px solid #e0e0e0; position: relative; }
#header #bar #left #top-links li img.iconrss { position: absolute; top: 3px; left: 29px; }
#header #bar #right { width: 270px; height: 23px; margin: 0 0 0 570px; }
#header #bar #right #form-search { height: 23px; overflow: hidden; }
#header #bar #right .form-input { width: 196px; height: 20px; line-height: 15px; padding: 5px 0 0 15px; border: none; background: transparent url('image/comlimao-form-bg-input2.png') no-repeat; }
/* Opera */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body #header #bar #right .form-input { padding-top: 2px; } }
#header #logo { width: 1148px; height: 168px; background-image: url('image/comlimao-header.jpg'); background-repeat: no-repeat; }
#header #logo #comlimao-clickable { display:inline; float:left; margin:15px 0 0 40px; width:210px; height:68px; }

/* Main Screen  */
#wrapper { width: 1148px; text-align: left; margin: 0 auto 0 auto; display: block; background: #f5f5f5 url('image/comlimao-bg.jpg') no-repeat; min-height: 641px; height: auto !important; height: 641px; }
#main { width: 1148px; margin: -48px 0 0 0; text-align: left; }

/* Central Components */
#main #middle-container { width: 530px; background: #FFFFFF; border-bottom: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; min-height: 500px; height: auto !important; height: 500px; }
#main #middle-container #middle-header { position: relative; width: 530px; height: 32px; margin: -20px 0 0 0; background: #f3f3f3 url('image/comlimao-category-header.jpg') no-repeat; }
#main #middle-container #middle-header #middle-header-title { width: 455px; height: 32px; line-height: 32px; margin: 0 0 0 75px; }
#main #middle-container #fullbanner { width: 487px; height: 60px; border: 1px solid #d7d7d7; margin-left: 19px; }
#main #middle-container #fullbanner #fullbanner-content { width: 468px; height: 60px; }
#main #middle-container #fullbanner #fullbanner-label { width: 19px; height: 60px; }

/* Footer Components */
#footer-tabs { width: 1148px; height: 19px; background-image: url(  'image/footer-line.png' ); background-repeat: repeat-x; overflow: hidden; }
#footer-tabs .first-tab { margin-left: 292px; }
#footer-tabs .tab { width: 79px; height: 19px; background-image: url(  'image/footer-tab.png' ); background-repeat: no-repeat; text-align: center; }
#footer { width: 1148px; height: 74px; background-color: #FFFFFF; border-bottom: 2px solid #d3d3d3; text-align: center; }
#footer #copyright { margin: 19px auto 0 auto; }

/* Both Sidebars Components */
.side-content { width: 270px; float: left; clear: left; display: block; }
.side-content .form-input { width: 160px; height: 20px; display: inline; float: left; line-height: 14px; padding: 6px 0 0 15px; border: none; background: transparent url('image/comlimao-form-bg-input.png') no-repeat; }
/* Opera */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body .side-content  .form-input { padding-top: 3px; } }
.dotted-spacer { width: 270px; height: 22px; float: left; clear: left; display: block; margin: 20px 0 0 0; background-image: url(  'image/comlimao-bg-spacer.gif' ); background-repeat: repeat-x; font-size: 1px; }

/* Left Sidebar Components */
#main #left-container { width: 310px; }
#main #left-container #left-content { width: 270px; margin: 55px 0 0 20px; }
#side-categories { width: 270px; }
#side-categories li { width: 125px; height: 20px;	float: left; display: inline; padding-left:10px; line-height: 20px; font-weight: bold; background-image: url(image/side-icon-arrow2.png); background-repeat: no-repeat; background-position: 2px 8px; }
#side-twitter-logo { width: 160px; height: 75px; background-image: url('image/side-logo-twitter.png'); background-position: center center; background-repeat: no-repeat; }
#side-twitter-follow { width: 110px; height: 31px; background-image: url('image/side-logo-twitter-follow.png'); background-repeat: no-repeat; }
#side-twitter-info { width: 110px; height: 49px; margin: -5px 0 0 0; }
.selo-grande { width: 122px; height: 52px; }
.margem-selo-grande { margin: 0 0 0 10px; }
.selo-pequeno { width: 38px; height: 38px; }
.margem-selo-pequeno { margin: 0 0 0 5px; }

/* Right Sidebar Components */
#main #right-container { width: 306px; overflow: hidden; }
#main #right-container #right-content { width: 270px; margin: 55px 0 0 18px; }
#video-tabs { width: 270px; margin: 10px 0 0 0; padding: 0; }
#side-video-highlight-container { width: 266px; height: 204px; margin-top: 10px; border: 1px solid #c0bfbf; overflow: hidden;}
#side-video-highlight { width: 250px; height: 204px; margin: 8px 0 0 8px; position:relative; }
#side-video-highlight-description { width: 270px; float: left; display: block; margin-top: 10px; }
#side-video-highlight span { display: none; }
#side-video-highlight .video { background: url('image/comlimao-form-bg-button-video.png') no-repeat; }
#side-video-highlight a { text-decoration: none; }
#side-video-highlight a:hover{ background: transparent; }
#side-video-highlight a:hover span { width: 91px; height: 26px; display: block; position: absolute; top: 80px; left: 80px; cursor: pointer; }

.gallery-container { width: 100%; float: left; display: inline; clear: left; }
.gallery-container  .jcarousel-clip-horizontal { width:  265px; height: 75px; }
.gallery-container  .jcarousel-clip-vertical { width:  75px; height: 245px; }
.gallery-controls { float: left; display: block; width: 270px; margin-top: 5px; font-size: 11px; text-align: center; }
.gallery-controls-command { width: 80px; margin: 0 7px 0 3px; }
.gallery-controls-previous { float: left; margin-left: 10px; }
.gallery-controls-all { margin: 0 auto 0 auto; }
.gallery-controls-next { float: right; margin-right: 10px; }

.gallery { list-style: none; margin: 0; 	padding: 0; }
.gallery li { margin: 10px 0 0 10px; padding: 0; float: left; display: inline; position: relative; width: 76px; height: 59px; }
.gallery img { border: solid 1px #c0bfbf; padding: 2px; }
.gallery span { display: none; } 
.gallery span.info { background: url(image/comlimao-form-bg-button-info.png) no-repeat; }
.gallery a { text-decoration: none; }
.gallery a:hover{ background: transparent; }
.gallery a:hover span { width: 51px; height: 18px; display: block; position: absolute; top: 22px; left: 15px; cursor: pointer;}

#podcast-player { width: 268px; margin: 5px 0 0 2px; }
#podcast-player .cover { margin: 0 0 0 0; width: 52px; border: 1px solid #a6a6a6; padding: 1px; }
#podcast-player .cover img { border: solid 1px #e8e8e8; } 
#podcast-player .controls { margin: 0 0 0 10px; width: 200px; font-size: 10px; line-height: 11px; }
#podcast-itens { margin: 8px 0 0 0; }

/* Post Components */
.post { width: 490px; margin: 18px 0 0 18px; }
.post .post-date { width: 38px; height: 49px; background-image: url('image/post-date.png'); text-align: center; }
.post .post-title { width: 445px; height: 49px; margin:0 0 0 7px; }
.post .post-subtitle, .post .post-body, .post .post-functions, .post .post-tags { width: 490px; margin: 10px 0 0 0; }

.post .post-body .post-gallery ul { list-style: none; }
.post .post-body .post-gallery ul li { width: 70px; height: 53px; display: inline; overflow: hidden; padding: 0; margin: 2px; }
.post .post-body .post-gallery ul li a { }
.post .post-body .post-gallery ul li a:hover { border: none; }
.post .post-body .post-gallery ul li a img { margin: 0; padding: 0; border: 2px solid #f5f5f5; }
.post .post-body .post-gallery ul li a:hover img { border: 2px solid #b4ba3e; }

.post .post-functions { width: 490px; height: 32px; background-image: url('image/post-functions-bg.gif'); background-repeat: repeat-x; }
.post .post-functions .post-rating { width: 225px; height: 20px; line-height: 20px; margin: 5px 0 0 10px; }
.post .post-functions .post-sharing { width: 245px; height: 20px; line-height: 20px; margin: 5px 0 0 0; }

.icons-sharing { display: inline; }
.icons-sharing li { list-style: none; float:left; width:20px; height:20px; display:block; background:transparent; overflow:hidden; background-image: url('image/icon-sharing.gif'); background-repeat: no-repeat; }
.icons-sharing li a, .icons-sharing li a:hover, .icons-sharing li a:active, .icons-sharing li a:visited, .icons-sharing li a:link { display: block; float: left; width:20px; height:20px; text-decoration: none; } 
.icons-sharing li.icon-twitter { background-position: 0 0; }
.icons-sharing li.icon-delicious { background-position: -20px 0; }
.icons-sharing li.icon-technorati { background-position: -40px 0; }
.icons-sharing li.icon-digg { background-position: -60px 0; }
.post-spacer { float: left; clear: left; display: inline; width: 300px; height: 20px; }

.post-dotted-spacer { width: 490px; height: 22px; float: left; clear: left; display: inline; margin: 20px 0 0 19px; background-image: url(  'image/comlimao-bg-spacer.gif' ); background-repeat: repeat-x; font-size: 1px; }

.post-comment { width: 490px; margin-left: 19px; }
.post-comment .form-label { height: 22px; line-height: 22px; }
.post-comment .form-input { height: 18px; line-height: 16px; padding: 2px 0 0 2px; font-size: 12px; }
.post-comment .form-textarea { height: 148px; line-height: 16px; padding: 2px 0 0 2px; font-size: 12px; } 
.post-comment .form-border { border-top: 1px solid #aeaeb0; border-left: 1px solid #e4e4e6; border-right: 1px solid #dddce1; border-bottom: 1px solid #e8e8ea; } 

.post-comment .observation , .post-comment .title { display: block; }

.post-comment .comment { width: 490px; margin: 18px 0 0 0; }
.post-comment .comment .author { width: 490px; }
.post-comment .comment .content { width: 480px; margin: 10px 0 0 0; padding: 10px 0 10px 8px; border-left: 1px solid #d3d3d3; word-wrap: break-word; }

.more { width: 490px; margin-left: 9px; }
.more .head { margin-left: 10px; }
.more .media  { width: 490px; margin: 0; padding: 0; }
.more .media .item { float: left; display: inline; width: 106px; margin: 10px 0 0 10px; padding: 0; text-align: center; }
.more .media .item img { border: solid 1px #c0bfbf; padding: 2px; margin: 0 auto 0 auto; }
.more .post  { margin: 0; padding: 0; }
.more .post .item { margin: 10px 0 0 10px; padding: 0; float: left; display: inline; }
.more .post .item .date { margin-top: 10px; width: 38px; height: 49px; background-image: url('image/post-date.png'); text-align: center; }
.more .post .item .description { margin: 0 0 0 6px; width: 420px; padding: 0; float: left; display: inline; border-lefT: 1px solid #d3d3d3; padding: 10px 0 10px 6px; }

#paging { width: 532px; height: 75px; margin-left: 310px; background-image: url(  'image/comlimao-bg-paging.jpg' ); background-repeat: no-repeat; }
#paging #pagelist { width: 430px; height: 34px; margin: 20px 0 0 50px; text-align: center; }
#paging-spacer { height:40px; margin-left:310px; width:532px; }