/*

Theme Name: The LAPTOPMAG

Author: www.sitefeito.com.br 

Author URI: http://sitefeito.com.br

Description: Portal com as principais notícias dos melhores blogs do Brasil e do Mundo.

*/



/* -------------------------------

BODY STYLES

----------------------------------*/



* {

  margin: 0;

  padding: 0;

}



body {

  color: #333;

    background:#ffffff url(http://www.laptopmag.com.br/images/laptopmag.png) repeat-x;

  

  background-position:center top;

  font-family:Arial, Helvetica, sans-serif;

  font-size:13px;

  line-height:135%;

}



/*----------------------------------------------------

BASIC HTML ELEMENTS STYLES

------------------------------------------------------*/

/*-INICIO COR DOS LINKS DOS MENUS E DOS---------*/

a {

	color:#646464;

	text-decoration:none;

}



a:hover {

  text-decoration: underline;

}



a:focus {

	outline:none;

}



h1 {

	font-size:26px;

	letter-spacing:-1px;

	font-weight:normal;

	padding:10px 0 12px;

	line-height:100%;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-style:italic;

}

/* INICIO COR MENSAGEM PARA LER O POST */

h1.home {

	color:#646464;

	font-size:30px;

}

/* FIM COR MENSAGEM PARA LER O POST */

h1 a {

	color:#333;

	text-decoration:none;

}

/*------ INICIO COR DO T�TULO DO POST -------*/
h1 a:hover {

	color:#646464;

	text-decoration:none;

}

/*------ FIM COR DO T�TULO DO POST -------*/



h2,h3 {

	font-size:22px;

	font-weight:normal;

	font-style:italic;

	letter-spacing:-1px;

	padding:5px 0;

} 



h3{

	font-size:17px;

	font-weight:bold;

}





ul {

	list-style:none;

}



p {

	margin:10px 0;

}



/* -------------------------------

LAYOUT STRUCTURE

----------------------------------*/




#wrapper {

	width:970px;

	margin:0 auto;

}

#header {

	position:relative;

	height:50px;

	

}



#content {

	padding:25px 0;

}



#content #colLeft {

	float:left;

	width:670px;

	margin-right:10px;



}



#content #colRight {

	float:left;

	width:290px;

	

}



#footer {

	background:#F6F6F6 url(http://www.laptopmag.com.br/images/rodape.png) 0 0 repeat-x;

	padding-top:20px;

	padding-bottom:25px;

	margin-top:15px;

	min-width:960px;

}



#footerInner {

	width:960px;

	margin:0 auto;

	color:#797979;

}



#copyright {

	border-top:1px solid #1E1E1E;

	background:#F6F6F6;

	min-width:960px;

}



#copyrightInner {

	width:960px;

	margin:0 auto;

	font-size:11px;

	color:#515151;

	padding:20px 0;

	position:relative;

}





/* -------------------------------

HEADER ELEMENTS

----------------------------------*/



/* TopMenu */



.ddsmoothmenu {

	position:absolute;

	left:0;

	top:6px;

	border-right:1px solid #2F2F2F;

}



.ddsmoothmenu ul li {

	float:left;

}



.ddsmoothmenu ul li a{

	display:block;

	color:#ccc;

	text-decoration:none;

	border-left:1px solid #2F2F2F;

	height:42px;

	line-height:42px;

	text-transform:uppercase;

	font-size:11px;

	padding:0 12px;

}



.ddsmoothmenu ul li a:hover {

	color:#FFFFFF;

	background:url(images/bk_top_hover.png) 50% 0 no-repeat;

}



/* TopMenuRight */



#topMenuRight {

	position:absolute;

	right:0;

	top:6px;

}



#topMenuRight ul li {

	float:left;

}



#topMenuRight ul li a{

	display:block;

	color:#ccc;

	text-decoration:none;

	height:42px;

	line-height:42px;

	font-size:11px;

	padding:0 8px;

	background:url(images/list_red_bullet.png) 1px 50% no-repeat;

}



#topMenuRight ul li a:hover {

	color:#FFFFFF;

}



/* Logo */



#logo {

	position:absolute;

	left:0;

	top:76px;

}



#logo img {

	border:none;

}



#logo span {

	display:block;

	padding-left:5px;

	padding-top:5px;

	text-transform:uppercase;

	color:#999999;

	font-size:12px;

}



/* Social Links */



#socialLinks {

	position:absolute;

	right:0;

	top:105px;

	background:url(images/bk_social_links.png) 0 50% no-repeat;

	padding-left:155px;

	height:42px;

}



#socialLinks .linkedin, #socialLinks .facebook, #socialLinks .twitter, #socialLinks .rss {

	display:block;

	width:32px;

	height:32px;

	float:left;

	margin-left:5px;

	text-indent:-9999px;

}



#socialLinks .linkedin:hover, #socialLinks .facebook:hover, #socialLinks .twitter:hover, #socialLinks .rss:hover {

	margin-bottom:2px;

}



#socialLinks .linkedin {

	background:url(images/ico_linkedin.png) 0 0 no-repeat;

}



#socialLinks .facebook {

	background:url(images/ico_facebook.png) 0 0 no-repeat;

}



#socialLinks .twitter {

	background:url(images/ico_twitter.png) 0 0 no-repeat;

}



#socialLinks .rss {

	background:url(images/ico_rss.png) 0 0 no-repeat;

}



/*----------------------------

FOOTER ELEMENTS

------------------------------*/



#footer h2 {

	font-weight:bold;

	color:#ccc;

	font-size:18px;

}



#footerInner {

	overflow:hidden;

	padding-bottom:10px;

}



#footerInner .boxFooter {

	float:left;

	width:290px;

	padding-right:30px;

}



#footerInner .last {

	padding-right:0;

}



#footerInner h2 {

	font-size:20px;

	border-bottom:1px solid #292929;

	padding:7px 0;

	margin-bottom:7px;

}



#footerInner .boxFooter ul li {

	padding:5px 6px 5px 18px;

	border-bottom:1px solid #292929;

	background:url(images/star.png) 0 8px no-repeat;

	color:#986123;

	font-size:10px;

	font-style:italic;

}



#footerInner .boxFooter ul li br {

	line-height:5px;

}



#footerInner .boxFooter ul li a {

	text-decoration:none;

	color:#515151;

	font-size:13px;

	font-style:normal;

}



#footerInner .boxFooter ul li a:hover {

	color:#ccc;

}



#site5bottom {

	position:absolute;

	right:5px;

	top:13px;

}



#site5bottom img {

	border:none;

}



#site5bottom a {

	display:block;

	width:344px;

	height:26px;

	background:url(images/site5bottom.png) 0 0 no-repeat;

	text-indent:-9999px;

}





/*----------------------------

LEFTCOL ELEMENTS

------------------------------*/



.postBox {

	margin-bottom:10px;

}



.postBoxTop {

	height:5px;

	width:668px;

	background:url(images/bk_box_top.png) 0 0 no-repeat;



}



.postBoxBottom {

	height:5px;

	width:668px;

	background:url(images/bk_box_bottom.png) 0 0 no-repeat;

}



.postBox .postBoxMid {

	padding:0 5px;

	background:url(images/bk_box_mid.png) 0 0 repeat-y;

}



.postBox .postBoxMid p{

	line-height:145%;

}



.postBox .postBoxMid img {

	border:none;

}





.postBox .postBoxMidInner {

	padding:20px 40px;

	position:relative;

}



.postBox .first {

	background:url(images/bk_box_mid_inner.jpg) 0 0 no-repeat;

}



.postBoxMid .category {

	background:url(images/star.png) 0 50% no-repeat;

	padding:0 0 0 20px;

	text-transform:uppercase;

	font-size:11px;

	line-height:100%;

	color:#ccc;

	font-weight:bold;

	

}



.postBox .postBoxMid .date {

	background:url(http://www.laptopmag.com.br/images/data_cinza.png) 0 0 no-repeat;

	width:62px;

	height:89px;

	left:-34px;

	top:13px;

	text-align:center;

	position:absolute;

	font-size:11px;

	/*--- INICIO  COR DO M�S E DATA ------*/ 
	
	color:#646464;

	/*--- FIM COR DO M�S E DATA ------*/ 
	
	padding-top:17px;

}



.postBox .postBoxMid .date span.day {

	font-size:24px;

	font-weight:bold;

	text-shadow:1px 1px #646464;

	color:#646464;

}



.postBox .postBoxMid .textPreview {

	float:left;

	width:350px;

	margin-top:15px;



}



.postBox .postBoxMid .textPreview p{

	margin-top:0;

	

}	



.postBox .postBoxMid .postThumb{

	float:left;

	margin:15px 25px 25px 0;

	width:201px;

	overflow:hidden;

}

.postThumbbuscas{

	float:left;

	margin:15px 25px 25px 0;

	width:180px;
	
	height:160px;

	overflow:hidden;

}

.postimage img{

	width:80px;
	
	height:60px;
	
	border:0;

}

.postimage_destaque img{

	width:200px;
	
	height:153px;
	
	border:0;

}

.postimage_destaquereviews img{

	width:204px;
	
	height:153px;
	
	border:0;

}

.postBox .postBoxMid .postThumb img{

	width:100px;
	
	height:90px;

}



.postBox .postBoxMid .postMeta {

	border-top:1px solid #E2E2E2;

	padding-top:20px;

	margin-top:25px;

	clear:left;

	overflow:hidden;

}



.postBox .postBoxMid .postMeta .more-link {

	display:block;

	background:url(images/ico_readmore.png) 0 0 no-repeat;

	padding:3px 0;

	padding-left:35px;

	font-size:14px;

	font-weight:bold;

	float:left;

	

}



.postBox .postBoxMid .postMeta .metaRight {

	float:right;

}



.postBox .postBoxMid .postMeta .metaRight img {

	vertical-align:middle;

	margin-left:20px;

}



.postBox .postBoxMid .postMetaSingle {

	border-bottom:1px solid #E2E2E2;

	padding:5px 0 15px;

	margin-bottom:20px;

}



.postBox .postBoxMid .postMetaSingle img {

	vertical-align:middle;

}



.postBox .postBoxMid .postCredentials {

	background:#F8F8F8;

	border-top:3px solid #E2E2E2;

	border-bottom:3px solid #E2E2E2;

	padding:20px 40px 15px;

	margin-right:2px;

	overflow:hidden;

	text-shadow:1px 1px #fff;

}



.postBox .postBoxMid .postCredentials p {

	font-size:12px;

	color:#666;

	margin:0.6em 0;



}



.postBox .postBoxMid .postCredentials img {

	float:left;

	margin-right:10px;

	padding:4px;

	background:#fff;

	border-right:1px solid #ccc;

	border-bottom:1px solid #ccc;

}



.postBox .postBoxMid .postCredentials #authorDetails {

	clear:both;

	padding-top:15px;

	overflow:hidden;

	border-top:1px solid #ddd;

}



.postBox .postBoxMid .postCredentials #authorDetails img {

	margin-bottom:15px;

}



/* POST SOCIAL SHARE */



.postBox .postBoxMid .postCredentials .social {

	margin:0 0 10px;

	padding-bottom:10px;

	border-bottom:1px solid #ddd;

}



.postBox .postBoxMid .postCredentials .social a:hover img {

	margin-top:-4px;	

}



.postBox .postBoxMid .postCredentials .social img {

	border:none;

	vertical-align:middle;

	float:none;

	background:none;

	padding:0;

	margin-right:5px;

}



.postBox .postBoxMid .postCredentials .social strong {

	padding-right:20px;	

}



.postBox .postBoxMid .postTags {

	font-size:13px;	

	background:url(images/ico_tag.png) 0 50% no-repeat;

	padding-left:24px;

	margin:25px 0 0;

}





/* RELATED POSTS */



#content #colLeft .relatedPosts {

	margin-left:-25px;

}



#content #colLeft .relatedPosts li {

	display:block;

	border-top:1px solid #ddd;

	padding:15px 0;

	width:275px;

	float:left;

	margin-left:25px;

	font-weight:bold;

	background:none;

}	



#content #colLeft .relatedPosts li img {

	float:left;

	padding:5px;

	background:url(images/bk_thumbs.jpg) 0 0 no-repeat;

	margin:0 10px 0 0;

}



#content #colLeft .relatedPosts li span {

	font-size:11px;

	color:#999;

}



#archive-title {

	font-size:14px;

	padding:3px 0 15px;

}



blockquote {

	border-left:1px dashed #aaa;

	padding-left:20px;

	margin:20px 0 15px 20px;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-style:italic;

	background:url(images/bk_blockquote.jpg) 90% 0 no-repeat;

}



#content #colLeft ul li, #content #colLeft ol li  {

	padding:5px 0 5px 15px;

	background:url(images/bullet_list.png) 0 9px no-repeat;

}



#content #colLeft ul {

	margin:0 0 15px 15px;

}



#content #colLeft ol li {

	background:none;

	padding-left:0;

}



#content #colLeft ol {

	margin:0 0 15px 35px;

}



/* PAGINATION */



.emm-paginate {padding:10px 0; overflow:hidden;}

.emm-paginate a {background:url(images/bk_pagenavi.jpg) 0 100% repeat-x; border:1px solid #ddd; color:#666; margin-right:5px; padding:4px 8px; text-align:center; text-decoration:none;}

.emm-paginate .emm-title {color:#555; margin-right:4px;}

.emm-paginate .emm-gap {color:#999; margin-right:4px;}

.emm-paginate a:hover, .emm-paginate a:active, .emm-paginate .emm-current {color:#fff; background:#18AEF5; border:1px solid #0A95D8; margin-right:5px; padding:4px 8px;}

.emm-paginate .emm-page {}

.emm-paginate .emm-prev, .emm-paginate .emm-next {}





/* --------------------------------

RIGHTCOL ELEMENTS

-----------------------------------*/



.rightBox {

	margin-bottom:10px;

}



.rightBoxTop {

	height:5px;

	width:290px;

	background:url(images/bk_box_top_right.png) 0 0 no-repeat;



}



.rightBoxBottom {

	height:5px;

	width:290px;

	

}



.rightBox .rightBoxMid {

	padding:50px 20px 25px;

	background:url(images/bk_box_mid_right.png) 0 0 repeat-y;

	position:relative;

}



.rightBox .rightBoxMidSearch {

	padding:6px 10px 5px;

		overflow:hidden;

}



.rightBox .rightBoxMid h2 {

	font-size:14px;

	font-weight:bold;

	letter-spacing:0;
	
	
/* INICION COR DA LETRA DO MENUS CANTO DIREITO -*/

	color:#ffffff;

/* FIM COR DA LETRA DO MENUS CANTO DIREITO -*/

	text-transform:uppercase;

	display:block;

	background:url(http://www.laptopmag.com.br/images/menu_cinza.png) 0 0 no-repeat;

	width:300px;

	height:39px;

	position:absolute;

	top:6px;

	left:-2px;

	padding:13px 15px 0 20px;

}



.rightBox .rightBoxMid ul li{

	padding:5px 0;

	border-bottom:1px solid #E2E2D8;

}



/* Latest Tweet */



#twitter {

	margin-left:4px;

}



#twitter #twitter_update_list {

	background:url(images/bk_twitter_box_top.png) 0 0 no-repeat;

	padding:3px 15px 0;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:12px;

	font-style:italic;

	line-height:125%;

	color:#666;

}



#twitter #twitter_update_list li{

	list-style-type:none;

	padding-top:10px;

}



#twitter #bottom {

	height:36px;

	background:url(images/bk_twitter_box_bottom.png) 0 0 no-repeat;

	padding-left:63px;

	padding-top:45px;

	font-weight:bold;

}



/* ADS */



.rightBox .rightBoxMidAds{

	padding:6px 0;

	background:url(images/bk_box_mid_right.png) 0 0 repeat-y;

	position:relative;

}



.rightBox .rightBoxMidAds div div {

	margin:0 0 6px 5px;

	float:left;

}



.rightBox .rightBoxMidAds div div a img {

	border:1px solid #D8D8D8;	

}



.rightBox .rightBoxMidAds a.advertise {

	display:block;

	padding:0 10px 6px 15px;

	clear:both;

	font-weight:bold;

}



/* COMMENTS

-----------------------------------*/



h2.h2comments {

	display:block;

	background:url(images/ico_comments.png) 0 50% no-repeat;

	padding:10px 0 15px 40px;

	font-weight:bold;

}



h2.h2comments a.addComment {

	display:block;

	width:151px;

	height:30px;

	background:url(images/but_addcomment.png) 0 0 no-repeat;

	text-transform:uppercase;

	color:#fff;

	text-align:center;

	float:right;

	font-size:12px;

	margin-top:-7px;

	padding-top:8px;

	font-weight:bold;

}



h2.h2comments a.addComment:hover {

	text-decoration:none;

}



h2#commentsForm {

	margin:0;

	padding-top:0;

}



#content #colLeft ul.commentlist {

	list-style:none;

	list-style-position:outside;

	display:block;

	margin:20px 0;

	border-top:3px solid #E5E8EA;

	border-bottom:2px solid #E5E8EA;

	padding:0;

}



#content #colLeft ul.commentlist ul {

	list-style-type:none;

	list-style-position:outside;

	margin:0;

}



#content #colLeft ul.commentlist li {

	padding:0 0 20px 40px;

	position:relative;

	border-bottom:1px solid #E5E8EA;

	margin-top:25px;

	background:none;

}



#content #colLeft ul.commentlist li p{

	font-size:13px;

	margin:10px 0;

}



#content #colLeft ul.commentlist li .comment-meta, #content #colLeft ul.commentlist li .text  {

	margin-left:20px;	

}



#content #colLeft ul.commentlist li .comment-meta span {

	font-size:11px;

	color:#999;

}



#content #colLeft ul.commentlist li .comment-meta {

	font-size:16px;

}





#content #colLeft ul.commentlist li .avatar {

	background:#fff;

	padding:1px;

	border:4px solid #eee;

	position:absolute;

	left:0;

	top:0;

}



#content #colLeft ul.commentlist .reply {

	position:absolute;

	right:0;

	top:0;

	width:46px;

	height:21px;

	background:url(images/bk_link_reply.png) 0 0 no-repeat;

	text-align:center;

	font-size:10px;

	text-indent:-9999px;

}



#content #colLeft ul.commentlist .reply a {

	color:#FFF;

	display:block;

	width:46px;

	height:21px;

}





#content #colLeft ul.commentlist li .children li {

	margin-top:15px;

	padding-top:15px;

	border-top:1px solid #E5E8EA;

	border-bottom:none;

	overflow:hidden;

	padding-bottom:0;

}



#content #colLeft ul.commentlist li .children li .avatar {

	top:15px;

}



#content #colLeft ul.commentlist li .children li .reply {

	top:15px;

}







/* --------------------------------

FORMS

-----------------------------------*/



#searchform input {

	border:0px dashed #CDCDCD;

	border-right:none;

	width:265px;

	background:none;

	padding:8px 10px 7px;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:14px;

	color:#666666;

	font-style:italic;

	float:left;

	margin-top:12px;

}



#searchform input.submit {

	width:70px;

	height:39px;

	background:url(http://www.laptopmag.com.br/images/buscar.png) 0 0 no-repeat;

	border:none;

	padding:0;

	margin-top:7px;

}



/* COMMENTS F0RM */



#commentform p {

	margin:0;

}



#commentform label {

	display:block;

	padding:5px 0;

}



#commentform input, #commentform textarea {

	border:1px solid #ddd;

	padding:8px;

	width:300px;

	margin-bottom:10px;

   -moz-border-radius:4px;

   -webkit-border-radius:4px;

}



#commentform input:focus, #commentform textarea:focus {

	border:1px solid #0099FF;

}





#commentform textarea {

	width:560px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

}



#commentform input#submit{

	border:none;

	width:151px;

	height:30px;

	margin-top:10px;

	cursor:pointer;

	background:url(images/but_addcomment.png) 0 0 no-repeat;

	color:#FFF;

	font-weight:bold;

	font-size:12px;

	padding:0;

}



/* Contact Form */



#contact label {

	display:block;

	padding:5px 0;

}



#contact input, #contact textarea {

	border:1px solid #ddd;

	padding:8px;

	width:300px;

	margin-bottom:10px;

   -moz-border-radius:4px;

   -webkit-border-radius:4px;

}





#contact textarea {

	width:560px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

}



#contact input.submit{

	border:none;

	width:151px;

	height:30px;

	margin-top:10px;

	cursor:pointer;

	background:url(images/but_addcomment.png) 0 0 no-repeat;

	color:#FFF;

	font-weight:bold;

	font-size:12px;

	padding:0;

}



.errormsg, .successmsg{

	background:#FEF4F1;

	border:1px solid #F7A68A;

	color:#DA4310;

	padding:10px;

	-moz-border-radius:4px;

   -webkit-border-radius:4px;

}



.successmsg {

	background:#F5FAF1;

	border:1px solid #C2E1AA;

	color:#8FA943;

	-moz-border-radius:4px;

   -webkit-border-radius:4px;

}



/* -------------------------------

CLEARING

----------------------------------*/



.clearfix:after {

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

  overflow: hidden;

  float: none;

}



.clearfix { 

  display: block;  

}





/* Hide from IE-mac \*/

* html .clearfix { float: left; height: 1%; }

/* End hide from IE-mac */








