@charset "UTF-8";
/* CSS Document */



#logo a:link {
	display:block;
	background:url(../images/bclogo.png) no-repeat;
	height:37px;
	width:230px;
	text-indent:-99999px;
	margin:15px 0px;	
}

h2 {
	font-size:25px;
	padding-top:30px;
	text-shadow: 0 1px 0 #fff;
	text-align:center;
	font-weight:bold;
	color:#2b2b2b;
}

/*Blog styles*/
 #blog_links {
	width:250px;
	margin:10px auto;
}

#blog_links li {
	display:inline-block;
	text-align:center;
	color:#fff;
	width:100px;
	margin-right:20px;
}

#blog_links a:link {
	display:block;
	font-color:#fff;
}

.blog_btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 4px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
}.blog_btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.blog_btn:active {
	position:relative;
	top:1px;
}

.blog {
	background:#FFF;
	width:98%;
	min-height:200px;
		box-shadow: 0 1px 2px #c0c0c0;
	-webkit-box-shadow: 0 1px 2px #c0c0c0;
	-moz-box-shadow: 0 1px 2px #c0c0c0;
	-o-box-shadow: 0 1px 2px #c0c0c0;
	-ms-box-shadow: 0 1px 2px #c0c0c0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	padding:1%;
	overflow:auto;
	margin-bottom:10px;
}

.blog h2 {
	text-align:left;
	margin:0px;
	padding:0px;	
}

.blog p {
	font-size:13px;
	line-height:160%;
	margin-top:8px;
	margin-bottom:8px;
	color:#333;	
}

@media only screen and (max-device-width: 480px),
		only screen 
        and (min-device-width: 768px) 
        and (max-device-width: 1024px) 
       	  {

#wrapper {
	width:95%;
	min-width:95%;
	max-width:500px !important;
	margin:0px auto;
	overflow:visible;
}

#end-user, #privacy {
	width:49%;
	min-width:300px;
	max-width:480px;
	max-height:200px;
	overflow:hidden;
	margin:5px .5% 5px 0px;
	float:left;
}

h2 {
	font-size:20px;
	padding-top:4%;
	text-shadow: 0 1px 0 #fff;
	text-align:center;
	font-weight:bold;
	color:#2b2b2b;
}

/*Mobile Blog styles*/

.blog {
	background:#FFF;
	width:92%;
	min-height:200px;
		box-shadow: 0 1px 2px #c0c0c0;
	-webkit-box-shadow: 0 1px 2px #c0c0c0;
	-moz-box-shadow: 0 1px 2px #c0c0c0;
	-o-box-shadow: 0 1px 2px #c0c0c0;
	-ms-box-shadow: 0 1px 2px #c0c0c0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	padding:4%;
	overflow:auto;
}
		}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5)  {
#logo a:link {
	display:block;
	background:url(../images/logo@2x.png) no-repeat;
	height:22px;
	width:200px;
	text-indent:-99999px;
	margin:15px 0px;
 	-o-background-size: 100%;
	-webkit-background-size: 100%;
	-khtml-background-size: 100%;
	-moz-background-size: 100%;  
    background-size: 100%;
}

#end-user, #privacy {
	width:49%;
	min-width:300px;
	max-width:480px;
	max-height:200px;
	overflow:hidden;
	margin:5px .5% 5px 0px;
	float:left;
}

		
	}