/*

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:728px;

	height:33px;

	padding-left:155px;

	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:#393939;

	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:7px;

}



.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;



}




a.btnHome:link, a.btnHome:active, a.btnHome:visited{
	background-image: url(images/nav_sprite.png);
	background-position:0px 0px;
	width: 82px;
	height: 32px;
	display:block;
}

a.btnHome:hover{
	background-image: url(images/nav_sprite.png);
	background-position:-82px 0px;
	width: 82px;
	height: 32px;
	display:block;
}

a.btnNews:link, a.btnNews:active, a.btnNews:visited{
	background-image: url(images/nav_sprite.png);
	background-position:0px -32px;
	width: 82px;
	height: 32px;
	display:block;
}

a.btnNews:hover{
	background-image: url(images/nav_sprite.png);
	background-position:-82px -32px;
	width: 82px;
	height: 32px;
	display:block;
}

a.btnReviews:link, a.btnReviews:active, a.btnReviews:visited{
	background-image: url(images/nav_sprite.png);
	background-position:0px -64px;
	width: 100px;
	height: 32px;
	display:block;
}

a.btnReviews:hover{
	background-image: url(images/nav_sprite.png);
	background-position:-100px -64px;
	width: 100px;
	height: 32px;
	display:block;
}

a.btnDevices:link, a.btnDevices:active, a.btnDevices:visited{
	background-image: url(images/nav_sprite.png);
	background-position:0px -96px;
	width: 100px;
	height: 32px;
	display:block;
}

a.btnDevices:hover{
	background-image: url(images/nav_sprite.png);
	background-position:-100px -96px;
	width: 100px;
	height: 32px;
	display:block;
}

a.btnApps:link, a.btnApps:active, a.btnApps:visited{
	background-image: url(images/nav_sprite.png);
	background-position:0px -128px;
	width: 69px;
	height: 32px;
	display:block;
}

a.btnApps:hover{
	background-image: url(images/nav_sprite.png);
	background-position:-69px -128px;
	width: 69px;
	height: 32px;
	display:block;
}

a.btnOS:link, a.btnOS:active, a.btnOS:visited{
	background-image: url(images/nav_sprite.png);
	background-position:0px -160px;
	width: 69px;
	height: 32px;
	display:block;
}

a.btnOS:hover{
	background-image: url(images/nav_sprite.png);
	background-position:-69px -160px;
	width: 69px;
	height: 32px;
	display:block;
}

a.btnForums:link, a.btnForums:active, a.btnForums:visited{
	background-image: url(images/nav_sprite.png);
	background-position:0px -192px;
	width: 88px;
	height: 32px;
	display:block;
}

a.btnForums:hover{
	background-image: url(images/nav_sprite.png);
	background-position:-88px -192px;
	width: 88px;
	height: 32px;
	display:block;
}

a.btnContact:link, a.btnContact:active, a.btnContact:visited{
	background-image: url(images/nav_sprite.png);
	background-position:0px -224px;
	width: 88px;
	height: 32px;
	display:block;
}

a.btnContact:hover{
	background-image: url(images/nav_sprite.png);
	background-position:-88px -224px;
	width: 88px;
	height: 32px;
	display:block;
}

a.btnFb:link, a.btnFb:active, a.btnFb:visited{
	background-image: url(images/social_sprite.png);
	background-position:0px 0px;
	width: 135px;
	height: 58px;
	display:block;
}

a.btnFb:hover{
	background-image: url(images/social_sprite.png);
	background-position:-135px 0px;
	width: 135px;
	height: 58px;
	display:block;
}

a.btnTw:link, a.btnTw:active, a.btnTw:visited{
	background-image: url(images/social_sprite.png);
	background-position:0px -58px;
	width: 135px;
	height: 58px;
	display:block;
}

a.btnTw:hover{
	background-image: url(images/social_sprite.png);
	background-position:-135px -58px;
	width: 135px;
	height: 58px;
	display:block;
}

a.btnRss:link, a.btnRss:active, a.btnRss:visited{
	background-image: url(images/social_sprite.png);
	background-position:0px -116px;
	width: 135px;
	height: 58px;
	display:block;
}

a.btnRss:hover{
	background-image: url(images/social_sprite.png);
	background-position:-135px -116px;
	width: 135px;
	height: 58px;
	display:block;
}

a.btnYt:link, a.btnYt:active, a.btnYt:visited{
	background-image: url(images/social_sprite.png);
	background-position:0px -174px;
	width: 135px;
	height: 58px;
	display:block;
}

a.btnYt:hover{
	background-image: url(images/social_sprite.png);
	background-position:-135px -174px;
	width: 135px;
	height: 58px;
	display:block;
}

a.btnSmallFb:link, a.btnSmallFb:active, a.btnSmallFb:visited{
	background-image: url(images/social_sprite.png);
	background-position:0px -232px;
	width: 61px;
	height: 21px;
	display:block;
}

a.btnSmallFb:hover{
	background-image: url(images/social_sprite.png);
	background-position:-61px -232px;
	width: 61px;
	height: 21px;
	display:block;
}

a.btnSmallTw:link, a.btnSmallTw:active, a.btnSmallTw:visited{
	background-image: url(images/social_sprite.png);
	background-position:-122px -232px;
	width: 61px;
	height: 21px;
	display:block;
}

a.btnSmallTw:hover{
	background-image: url(images/social_sprite.png);
	background-position:-191px -232px;
	width: 61px;
	height: 21px;
	display:block;
}

a.btnSearch:link, a.btnSearch:active, a.btnSearch:visited{
	background-image: url(images/top_nav_sprite.png);
	background-position:0px 0px;
	width: 78px;
	height: 36px;
	display:block;
}

a.btnSearch:hover{
	background-image: url(images/top_nav_sprite.png);
	background-position:-78px 0px;
	width: 78px;
	height: 36px;
	display:block;
}

a.btnRegister:link, a.btnRegister:active, a.btnRegister:visited{
	background-image: url(images/top_nav_sprite.png);
	background-position:0px -36px;
	width: 120px;
	height: 36px;
	display:block;
}

a.btnRegister:hover{
	background-image: url(images/top_nav_sprite.png);
	background-position:-120px -36px;
	width: 120px;
	height: 36px;
	display:block;
}

a.btnLogin:link, a.btnLogin:active, a.btnLogin:visited{
	background-image: url(images/top_nav_sprite.png);
	background-position:0px -72px;
	width: 73px;
	height: 36px;
	display:block;
}

a.btnLogin:hover{
	background-image: url(images/top_nav_sprite.png);
	background-position:-73px -72px;
	width: 73px;
	height: 36px;
	display:block;
}

a.btnLogout:link, a.btnLogout:active, a.btnLogout:visited{
	background-image: url(images/top_nav_sprite.png);
	background-position:0px -108px;
	width: 81px;
	height: 36px;
	display:block;
}

a.btnLogout:hover{
	background-image: url(images/top_nav_sprite.png);
	background-position:-81px -108px;
	width: 81px;
	height: 36px;
	display:block;
}

a.btnProfile:link, a.btnProfile:active, a.btnProfile:visited{
	background-image: url(images/top_nav_sprite.png);
	background-position:0px -144px;
	width: 81px;
	height: 36px;
	display:block;
}

a.btnProfile:hover{
	background-image: url(images/top_nav_sprite.png);
	background-position:-81px -144px;
	width: 81px;
	height: 36px;
	display:block;
}

.arrowDown{
	background-image: url(images/others_sprite.png);
	background-position:-287px 0px;
	width: 13px;
	height: 10px;
	display:block;
}

.bbrocksOnGp1Txt{
	background-image: url(images/others_sprite.png);
	background-position:0px -19px;
	width: 226px;
	height: 18px;
	display:block;
}

.comments{
	background-image: url(images/others_sprite.png);
	background-position:-279px -35px;
	width: 21px;
	height: 22px;
	display:block;
}

.latestDevicesTxt{
	background-image: url(images/others_sprite.png);
	background-position: 0px -36px;
	width: 212px;
	height: 18px;
	display:block;
}

.recentForumPostsTxt{
	background-image: url(images/others_sprite.png);
	background-position: 0px -70px;
	width: 291px;
	height: 18px;
	display:block;
}

.recentPostsTxt{
	background-image: url(images/others_sprite.png);
	background-position: 0px -105px;
	width: 189px;
	height: 37px;
	display:block;
}

.socialBoxTxt{
	background-image: url(images/others_sprite.png);
	background-position: 0px 0px;
	width: 151px;
	height: 19px;
	display:block;
}