/*

Theme Name: BBRocks

Theme URI: http://blackberryrocks.com/

Description: BlackBerryRocks Theme v1.0

Author: Aleksandar Gichevski (ColinKlinkert.com)

Version: 1.0

License: This template can be used only by the owner of www.blackberryrocks.com

*/





/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

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



body{

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

	font-size:14px;

	background-color:#ffffff;

	line-height:1.5em;

	color:#666;

	background-image:url(images/bg.png);

	background-repeat:repeat-x;

	margin:0;

}



p{

	margin:12px 0 12px 0;

	padding:0;

}



a:link, a:visited, a:active{

	text-decoration:none;

	color:#069;

}



a:hover{

	color:#00A3F0;

	text-decoration:none;	

}





img{

	border:0; 

}



form{

	margin:0;

	padding:0;

}



.clear{

	clear:both;

	height:0;

}



#wrapper{

	width:1010px;

	margin-left:auto;

	margin-right:auto;

	position:relative;

}



.searchBox{

	float:right;

	font-size:16px;

	width:600px;

	color:#fff;

	height:52px;

	background-image:url(images/search-box.png);

	background-position:right;

	background-repeat:no-repeat;

	margin-top:7px;

}



.searchTxtBox{

	background:none;

	padding:3px 10px 6px 10px;

	margin-top:5px;

	width:198px;

	border:0;

	color:#999;

}



.topBox{

	width:100%;

	margin-top:38px;

}



.boxContainer{

	background-image:url(images/top-white-bg.png);

	width:148px;

	height:135px;

	float:right;

	padding:5px;

	margin-left:25px;

	position:relative;

}



.boxContainerTip{

	background-image:url(images/top-txt-bg.png);

	width:140px;

	height:41px;

	padding:4px;

	font-size:11px;

	position:absolute;

	bottom:5px;

	line-height:16px;

}



a.btc:link, a.btc:active, a.btc:visited{

	color:#fff;	

}





a.btc:hover{

	color:#ccc;

	text-decoration:none;

}





a.btc1:link, a.btc1:active, a.btc1:visited{

	color:#fff;	

	border-right:2px #666 solid;

	padding-right:10px;

	padding-left:10px;

}





a.btc1:hover{

	color:#ccc;

	text-decoration:none;

}



.hotTrends{

	float:right;

	width:683px;

	height:33px;

	padding-left:200px;

	padding-top:3px;

	margin-top:10px;

	font-size:16px;

	line-height:16px;

	background-image:url(images/hot-topics.png);

	background-position:top;

	background-repeat:no-repeat;

}



.mascot{

	background-image:url(images/mascot.png);

	width:185px;

	height:285px;

	position:absolute;

	top:5px;

	z-index:99999;

}



#nav{

	margin-top:9px;

	width:100%;

	height:32px;

}



#main{

	width:1010px;

	margin-top:9px;

}



#main .left{

	float:left;

	width:700px;

	margin-right:10px;

	padding-top:11px;

}



#main .right{

	float:left;

	width:300px;

	padding-top:11px;

}



a.most:link, a.most:active, a.most:visited{

	padding:5px 4px 5px 4px;

	background-color:#b2b2b2;

	color:#fff;

}





a.most:hover, .selected{

	color:#666;

	padding:5px 4px 5px 4px;

	background-color:#FFF;

	text-decoration:none;

}



.mostBox{

	float:left;

	width:135px;

}



.mostBox img, #scroll img{

	padding:2px;

	border:1px #fff solid;

	margin-bottom:10px;

}



h1{

	padding:0;

	margin:0;

	font-size:16px;

	font-weight:bold;

	color:#069;

}



#footerWide{

	background-color:#2B2B2B;

	widows:100%;

}



#footer{

	background-image:url(images/footer-bg.png);

	width:1010px;

	height:558px;

	margin-left:auto;

	margin-right:auto;

}



.copyRight{

	padding-top:12px;

	text-align:center;

	color:#fff;

}



#scroll{

	width:280px;

	overflow:auto;

	padding-top:5px;

	height:1100px;

}



.footerBox{

	float:left;

	background-image:url(images/footer-separator.png);

	background-position:top right;

	background-repeat:no-repeat;

	width:170px;

	padding-left:5px;

	padding-right:15px;

	margin-left:10px;

	margin-top:30px;

}



.footerBox ul li {

	background-image:url(images/bullet.png);

	background-position:left;

	background-repeat:no-repeat;

	padding-left:15px;

	list-style:none;

	font-size:12px;

	margin-bottom:10px;

}



.footerBox ul li a:link, .footerBox ul li a:visited, .footerBox ul li a:active{

	color:#fff;

}



.footerBox ul li a:hover{

	color:#ccc;	

}



a.fLinks:link, a.fLinks:active, a.fLinks:visited{

	color:#999;

}



a.fLinks:hover{

	color:#ccc;	

}





.recentForum{

	float:left;	

	width:400px;

	margin-top:40px;

}



.latestDevices{

	float:right;

	width:400px;

	margin-top:50px;

}



.mainBox{

	float:left;

	width:310px;

	margin-right:10px;

	padding:15px;

}



.boxTop{

	background-image:url(images/box-top.png);

	width:700px;

	height:7px;

}



.boxMiddle{

	background-image:url(images/box-mid.png);

	width:670px;

	padding:15px;

}



.boxBottom{

	background-image:url(images/box-bottom.png);

	width:700px;

	height:7px;

	margin-bottom:20px;

}



.previousPost{

	background-image:url(images/previous.jpg);

	background-position:left;

	background-repeat:no-repeat;

	width:200px;

	height:71px;

	float:left;

	padding-left:90px;

	padding-top:20px;

	padding-right:10px;

}



.nextPost{

	background-image:url(images/next.jpg);

	background-position:right;

	background-repeat:no-repeat;

	width:200px;

	height:64px;

	padding-right:90px;

	padding-top:27px;

	padding-left:10px;

	float:right;

	margin-top:-7px;

}



.tags a:link, .tags a:active, .tags a:visited{

	color:#999;

}



.tags a:hover{

	color:#ccc;	

}



ul#related_posts_thumbnails{

	list-style:none;	

	padding:0;

	margin:0;

}



ul#related_posts_thumbnails li{

	padding-bottom:10px;

}



ul#related_posts_thumbnails li a:link, ul#related_posts_thumbnails li a:active, ul#related_posts_thumbnails li a:visited{

	color:#00A3F0;

}



ul#related_posts_thumbnails li a:hover{

	color:#069;	

}



ul#related_posts_thumbnails img{

	width:0;

	height:0;

}



.dateMain{

	padding-top:20px; padding-bottom:20px; background-image:url(images/mid-line.png); background-position:top; background-repeat:repeat-y;

}



.dateContainer{

	background-image:url(images/date-container.png); width:513px; margin-left:auto; margin-right:auto; height:36px; text-align:center; padding-top:15px;

}



.tmLeftBox{

	background-image:url(images/left-box.png);

	width:296px;

	height:294px;

	float:left;

	margin-bottom:10px;

	margin-left:12px;

	padding:20px;

}



.tmRightBox{

	background-image:url(images/right-box.png);

	background-position:top;

	width:283px;

	height:294px;

	float:left;

	margin-bottom:10px;

	margin-left:5px;

	padding-left:30px;

	padding-right:30px;

	padding-top:20px;

	padding-bottom:20px;

}



.reviewBox{

	background-image:url(images/review-box.png);

	width:550px;

	height:83px;

	margin-bottom:20px;

	margin-top:-11px;

	padding-top:45px;

	padding-left:150px;

}



.devicesBox{

	background-image:url(images/devices-bg.jpg);

	width:225px;

	height:327px;

	float:left;

	margin-right:8px;

}



.sidebarBox{

	border:3px #ebebeb solid;	

	padding:10px;

	width:280px;

	margin-bottom:20px;

}



.alignleft,



img.alignleft {



	display: inline;



	float: left;



	margin-right: 24px;



	margin-top: 4px;



}



.alignright,



img.alignright {



	display: inline;



	float: right;



	margin-left: 24px;



	margin-top: 4px;



}



.aligncenter,



img.aligncenter {



	clear: both;



	display: block;



	margin-left: auto;



	margin-right: auto;



}



img.alignleft,



img.alignright,



img.aligncenter {



	margin-bottom: 12px;



}