/*
YUI 3.4.1 (build 4118)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#000;}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style:normal;
	font-weight:normal;
}
strong { font-weight: bold; }

ol,
ul {
	list-style:none;
}

caption,
th {
	text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}
h4 { font-size: 14px; line-height: 22px; }
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
em { font-style: italic; }
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
code { 
	clear: both;
	display: block;
	padding: 20px; 
	background: #e2f8ff;
	color: #01557d;
	font-family: "Courier New", Arial, sans-serif;
	margin-top: 12px;
	}
	
code br:first-child {
	display: none;
	}
/* because legend doesn't inherit in IE */
legend {
	color:#000;
}
body{
	margin:0;
	color:#424242;
	font:12px/20px Tahoma, Arial, sans-serif;
	background:url(images/bg-body.jpg);
	min-width:1020px;
}
a{
	color:#ff2a2a;
	text-decoration:underline;
}
a:hover{text-decoration:none;}
/* font face */
@font-face {
	font-family: 'PacificoRegular';
	src: url('fonts/pacifico-webfont.eot');
	src: url('fonts/pacifico-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/pacifico-webfont.woff') format('woff'),
		url('fonts/pacifico-webfont.ttf') format('truetype'),
		url('fonts/pacifico-webfont.svg#PacificoRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Francois One';
	src: url('fonts/francoisone-webfont.eot');
	src: url('fonts/francoisone-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/francoisone-webfont.woff') format('woff'),
		url('fonts/francoisone-webfont.ttf') format('truetype'),
		url('fonts/francoisone-webfont.svg#FrancoisOneRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* page */
#page {
	width:100%;
	overflow:hidden;
	position:relative;
}
/* wrapper */
#wrapper {
	width:978px;
	margin:0 auto;
}
/* wrapper top */
.wrapper-t {
	padding:10px 28px 20px 34px;
	margin:0 -28px 0 -34px;
	position:relative;
	width:978px;
	background:url(images/bg-wrapper-t.jpg) no-repeat 0 100%;
}
.wrapper-t .add {
	width:728px;
	margin:0 auto;
}
.wrapper-t .add img {
	vertical-align:top;
	border:solid #333;
	border-width:1px 0 1px
}
/* wrapper holder */
.wrapper-holder {
	padding:0 28px 0 34px;
	margin:0 -28px 0 -34px;
	position:relative;
	width:978px;
	background:url(images/bg-wrapper.gif) repeat-y;
}
/* header */
#header {
	width:978px;
	margin:0 -9999px;
	padding:0 9999px;
	position:relative;
	background:url(images/bg-header.jpg) no-repeat 50% 100%;
}
#header .header-holder {
	width:778px;
	padding:0 0 0 200px;
	position:relative;
}
#header .header-holder:after {
	content:'';
	display:block;
	clear:both;
}
/* logo */
#header .logo {
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	bottom:-22px;
	left:-48px;
	width:264px;
	height:105px;
}
#header .logo a {
	height:100%;
	display:block;
	background:url(images/logo-v2.png) no-repeat;
	cursor:pointer;
}
/* header set */
#header .header-set {
	width:775px;
	float:left;
	padding:8px 0 0;
	margin:0 0 22px;
}
/* top navigation */
#header .top-nav {
	float:left;
	width:458px;
	padding:7px 0 0;
	margin:0;
	list-style:none;
	text-align:right;
	font:10px/16px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#header .top-nav li {
	display:inline;
	padding:0 0 0 12px;
}
#header .top-nav a {
	color:#c6c6c6;
	text-decoration:none;
}
#header .top-nav a:hover {text-decoration:underline;}
/* search form */
#header .search-form {
	width:308px;
	padding:0 5px 0 10px;
	height:27px;
	float:right;
	border-bottom:1px solid #dbe7ed;
	background:#e3f5fb;
	position:relative;
	margin:0 -25px 0 0;
}
#header .search-form .btn-search {
	float:left;
	margin:6px 8px 0 0;
}
#header .search-form .text {
	float:left;
	color:#1d7392;
	font:12px Arial, Helvetica, sans-serif;
	margin:0;
	padding:6px 0 6px 0;
	width:287px;
	background:none;
	border:none;
}
/* navigation */
#nav {
	padding:0 0 24px 30px;
	margin:0;
	list-style:none;
	width:773px;
	font:18px/26px 'Francois One', Tahoma, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#nav:after {
	content:'';
	display:block;
	clear:both;
}
#nav li {
	float:left;
	margin:0 20px;
	display:inline;
}
#nav a {
	color:#01557d;
	text-decoration:none;
}
#nav a:hover {text-decoration:underline;}
/* main */
#main {
	width:100%;
	overflow:hidden;
	padding:17px 0 29px;
	background:url(images/separator02.gif) repeat-x 0 100%;
	margin:0 0 26px;
}
/* content */
#content {
	float:left;
	width:645px;
	padding:14px 0 0;
}
/* heading */
.heading {
	background:url(images/separator01.gif) repeat-x 0 50%;
	text-align:center;
	color:#ff2a2a;
	width:100%;
	overflow:hidden;
}
.heading span {
	font:20px/26px 'PacificoRegular', Arial, Helvetica, sans-serif;
	background:#fff;
	padding:0 10px 0;
}
.info-holder .heading span { 
	line-height: 38px;
	}
.info-holder .heading {
	margin-bottom: 10px;
	}	
	
.info-box .heading span { 
	line-height: 42px;
	}
.info-box .heading {
	margin-bottom: 10px;
	}	
	
/* ---------------------------------------
   CONTENT STYLES
   --------------------------------------- */
#content h1 {
	font: 41px/43px 'Francois One', Arial, Helvetica, sans-serif;
	}
	
#content h2 {
	font:34px/36px 'Francois One', Arial, Helvetica, sans-serif;
	}
	
#content h3 {
	font:30px/32px 'Francois One', Arial, Helvetica, sans-serif;
	}
	
	#content .info-box h3 { font: 20px/24px 'Francois One', Arial, Helvetica, sans-serif; margin-bottom: 15px; }
	
#content ul li {
	list-style: disc;
	margin-left: 20px; 
	}
	
#content .updated {
	display:block;
	font-size:10px;
	line-height:12px;
	text-transform:uppercase;
	color:#c6c6c6;
	margin:-8px 0 4px;
	position:relative;
}
/* info block */
#content .info-block {
	background:#e7f5f9 url(images/bg-visual.gif) repeat-x 0 100%;
	padding:10px 12px 16px 10px;
	width:618px;
	min-height: 180px;
	position:relative;
	margin:0 0 9px;
}
#content .info-block img {vertical-align:top;}
#content .info-block .description {
	position:absolute;
	bottom:16px;
	left:10px;
}
#content .info-block .description .holder {
	background:url(images/bg-description.png);
	width:574px;
	padding:15px 22px 13px;
}
#content .info-block .category, #content .info-block .category a {
	font:12px/18px 'Trebuchet MS', Arial, sans-serif;
	color:#74d8ec;
}
#content .info-block h1 {
	font:41px/40px 'Francois One', Arial, Helvetica, sans-serif;
	margin:0;
	color:#fff;
	margin-bottom: 10px;
}
#content .info-block h1 a{
	color:#fff;
	text-decoration:none;
}
#content .info-block h1 a:hover{text-decoration:underline;}
/* columns holder */
.columns-holder {
	background:url(images/separator01.gif) repeat-x 0 100%;
	width:680px;
	overflow:hidden;
	padding:0 0 17px;
	margin:0 0 22px -35px;
}
/* col */
.columns-holder .col {
	float:left;
	display:inline;
	width:190px;
	margin:0 0 0 35px;
}

	.col .visual img {}

.columns-holder .info {
	font-size:11px;
	display:block;
	margin:0 0 4px;
}
.columns-holder .category-title a {
	background:url(images/bullet01.gif) no-repeat 100% 50%;
	padding:0 13px 0 0;
	display: inline;
	color:#ff2a2a;
	text-decoration:none;
}
.columns-holder .info a:hover {text-decoration:underline;}
/* visual */
.visual {
	background:#e7f5f9 url(images/bg-visual.gif) repeat-x 0 100%;
	padding:7px 7px 10px 6px;
	width:177px;
	margin:0 0 8px;
	text-align: center;
}
.visual img { vertical-align:top; }

.post-visual img { 
	padding:7px 7px 10px 6px;
	margin-right: 15px;
	float: left; 
	}
	
#content .columns-holder h2 {
	font:16px/18px 'Francois One', Arial, Helvetica, sans-serif;
	margin:0;
	color:#0c4c60;
}
#content .columns-holder h2 a {
	text-decoration:none;
	color:#0c4c60;
}
#content .columns-holder h2 a:hover {text-decoration:underline;}
.alignleft {
	float:left;
	margin:4px 22px 15px 0;
}
.alignright {
	float:right;
	margin:0 0 15px 22px;
}
.wp-caption {
	display: block;
	margin: 10px auto; 
	}
	
.wp-caption:after {
	clear: both; 
	}
/* info holder */
.info-holder {
	width:100%;
	margin:0;
}
/* info section */
.info-holder .info-section {
	width:100%;
	background:url(images/separator01.gif) repeat-x 0 100%;
	padding:0 0 16px;
	margin:0 0 37px;
}
.info-holder .info-section .posted {
	font:11px/15px Arial, Helvetica, sans-serif;
	color:#01557d;
	display:block;
	margin:0 0 7px;
}
.info-holder .info-section .posted a {font-weight:bold;}
.info-holder .info-section h3 {
	font:34px/34px 'Francois One', Arial, Helvetica, sans-serif;
	margin:0 0 5px;
	color:#01557d;
	letter-spacing:-1px;
}
.info-holder .info-section h3 a{
	text-decoration:none;
	color:#01557d;
}
.info-holder .info-section h3 a:hover{text-decoration:underline;}
.info-holder .information {
	width:100%;
	overflow:hidden;
	padding:7px 0 0;
}
.info-holder p {margin:0 0 20px; }
.info-box p, .information p { font-size: 14px; line-height: 22px; }
.info-holder .box,
.info-box .box {
	width:645px;
	overflow:hidden;
	padding:13px 0 0;
	font:11px/20px Arial, Helvetica, sans-serif;
	color:#cdcdcd;
}
.info-box .box {
	padding:6px 0 12px;
	color:#9d9d9d;
	font:11px/20px Tahoma, Arial, sans-serif;
}
.info-holder .box .soc-list,
.info-box .box .soc-list {
	padding:0;
	margin:0;
	list-style:none;
	float:right;
}
.info-holder .box .soc-list li,
.info-box .box .soc-list li {
	float:left;
	margin:0 4px;
	display:inline;
}
.info-holder .box .soc-list img,
.info-box .box .soc-list img {vertical-align:top;}
#content .info-holder .box p,
#content .info-box .box p {margin:0;}
.info-holder .box p a,
.info-box .box p a {
	font-weight:bold;
	color:#cdcdcd;
}
.info-box .box p a {
	color:#ff2a2a;
	margin:0 2px;
	text-decoration:none;
}
.info-box .box p a:hover {text-decoration:underline;}
.info-box .box .info {
	background:url(images/bullet01.gif) no-repeat 100% 50%;
	padding:0 13px 0 0;
}

.crp_thumb {
	padding: 10px;
	border: solid 1px #eeeeee;}

/* paging */
.paging {
	width:100%;
	overflow:hidden;
	margin:-6px 0 0;
	padding:0 0 10px;
	position:relative;
}
.paging .prev {
	background:#1d7392;
	float:left;
	color:#fff;
	font:20px/31px 'Francois One', Arial, Helvetica, sans-serif;
	padding:0 20px 0 23px;
	text-transform:uppercase;
	text-decoration:none;
}
.paging .prev span {
	background:url(images/bullet02.gif) no-repeat 0 50%;
	padding:0 0 0 18px;
}
.paging .next {
	background:#1d7392;
	float:right;
	color:#fff;
	font:20px/31px 'Francois One', Arial, Helvetica, sans-serif;
	padding:0 23px 0 20px;
	text-transform:uppercase;
	text-decoration:none;
}
.paging .next span {
	background:url(images/bullet03.gif) no-repeat 100% 50%;
	padding:0 18px 0 0;
}
/* info box */
#content .info-box {
	background:url(images/separator01.gif) repeat-x;
	padding:9px 0 0;
	margin:6px 0 0;
	color:#424242;
}
* html #content .info-box {margin:27px 0 0;}
* +html #content .info-box {margin:27px 0 0;}
#content .info-box h1 {
	font: 40px/40px 'Francois One', Arial, Helvetica, sans-serif;
	margin: 10px 0px 5px 0px;
	letter-spacing:-1px;
	color:#01557d;
}
#content .info-box h1.pagetitle {
	margin-bottom: 15px; 
	}
#content .info-box .illustration {
	width:100%;
	margin:0 0 28px;
}
#content .info-box .illustration img {
	vertical-align:top;
	border:1px solid #777;
}
#content .info-box p {margin:0 0 20px; clear: left; }
/* info set */
#content .info-set {
	width:100%;
	overflow:hidden;
	background:url(images/separator01.gif) repeat-x 0 100%;
	padding:0 0 1px;
	margin:0 0 14px;
}
/* info set block */
.info-set .block {
	width:100%;
	padding:0 0 20px;
}
#content .info-set .illustration {
	width:100%;
	margin:0 0 21px;
}
#content .info-set .illustration img {
	vertical-align:top;
	border:1px solid #c0c0c0;
}
.info-set .holder {
	width:100%;
	overflow:hidden;
}
.number {
	width:41px;
	height:41px;
	text-align:center;
	color:#fff;
	font-size:25px;
	line-height:40px;
	float:left;
	margin:-6px 22px 12px 0;
	background:url(images/bg-number.gif) no-repeat;
}
.info-set p {margin:0 0 21px;}
/* about box */
#content .about-box {
	width:643px;
	padding:0 2px 0 0;
	overflow:hidden;
	line-height:18px;
	margin:0 0 10px;
}
.about-box {
	background: url(images/separator01.gif) repeat-x 0 0;
	width: 100%;
	position: relative;
	padding-top: 20px;
	margin-top: 20px;
	}

.person-info {
	position:relative;
	float: right;
	margin-top: 0px; 
	width: 100%;
}

#authorbox {
	background: none !important;
	border: none !important;
	padding: 0px !important;
	}
	
#authorbox h3 {
	padding: 0px !important;
	font:18px/30px 'Francois One', Arial, Helvetica, sans-serif;
	color: #01557d;
	}
	
#authorbox img#authorbox-photo {
	margin-bottom: 20px !important; 
	height: 75px !important;
	width: 75px !important;
	}
	
#authorbox p {
	font-size: 13px !important;
	line-height: 18px;
	margin-top: 5px !important;
	}
	
#authorbox #socialinks {
	text-align: left !important;
	}
	
#socialinks li:first-child {
	display: none;
	}
	
.person-info h3 a {
	font:24px/30px 'Francois One', Arial, Helvetica, sans-serif;
	color:#01557d;
	text-decoration:none;
	padding:0 0px;
}
.about-box .person-info h2 a {
	text-decoration:none;
	color:#ffffff;
}
.about-box .person-info h2 a:hover {text-decoration:underline;}
.about-box .person-holder {
	width:100%;
	overflow:hidden;
	margin:0 0 17px;
}
.about-box .illustration {
	float:left;
	margin:5px 16px 0 0;
}
.about-box .illustration img {
	vertical-align:top;
	border:1px solid #b4b4b4;
	padding: 3px;
}
.about-box .description {
	margin-top: 5px; 
}
.about-box a.viewmore { margin-left: 0px; }
.about-box .action-box {
	float:right;
	width:289px;
	overflow:hidden;
	padding:22px 0 0;
}
.about-box .action-box ul {
	width:263px;
	height:125px;
	overflow:hidden;
	padding:13px 14px 14px 12px;
	background:#cfeff9;
	margin:0;
	list-style:none;
}
.about-box .action-box ul li {
	float:left;
	margin:0 0 0 13px;
	display:inline;
}
.about-box .action-box ul li:first-child,
.about-box .action-box ul li.first-child {margin:0;}
.about-box .action-box ul li img {vertical-align:top;}
/* share block */
#content .share-block {
	width:625px;
	margin:0 0 30px 20px;
	background:#cfeff9;
	position:relative;
}
#content .share-block p {
	float: right; 
	width: 430px; 
	margin: 15px 20px; 
	line-height: 18px;
	}
#content .share-block:after {
	content:'';
	display:block;
	clear:both;
}
.share-block .share {
	font:17px/30px 'Francois One', Arial, Helvetica, sans-serif;
	background:#01557d;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	padding:0 14px;
	position:absolute;
	top: 15%;
	left:-20px;
}
.share-block ul {
	clear: both;
	float: right;
	padding:0 0px 0 0;
	margin:0 20px 15px 0;
	list-style:none;
	width: 430px;
}
.share-block ul li { margin: 0px 5px; }

.share-block ul li:first-child,
.share-block ul li.first-child {background:none;}
/* related block */
#content .related-block {
	background:url(images/separator01.gif) repeat-x;
	padding:20px 0 17px;
}
.related-block h3 {
	font:23px/30px 'Francois One', Arial, Helvetica, sans-serif;
	color:#01557d;
	margin:0 0 14px;
}
.related-block .columns-holder {padding:0 0 23px;}
.related-block .columns-holder .col {
	width:191px;
	line-height:18px;
}
.related-block .columns-holder .col a {
	color:#005269;
	text-decoration:none;
}
.related-block .columns-holder .col a:hover {text-decoration:underline;} 
.related-block .visual {
	width:181px;
	padding:6px 5px 11px;
	margin:0 0 12px;
}
/* conversation-block */
#content .conversation-block {
	width:100%;
	color:#919191;
	line-height:14px;
	margin:0 0 22px;
}
#content .conversation-block h4 {
	font:23px/30px 'Francois One', Arial, Helvetica, sans-serif;
	color:#ff2121;
}
/* sidebar */
#sidebar {
	width:300px;
	float:right;
}
/* social networks */
.social-networks {
	padding:0;
	margin:0 0 21px;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.social-networks li {
	float:left;
	margin:0 0 0 9px;
	display:inline;
}
.social-networks li:first-child,
.social-networks li.first-child {margin:0;}
.social-networks a {
	width:94px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	background:url(images/bg-social-networks.gif) no-repeat;
}
.social-networks .facebook {background-position:0 0;}
.social-networks .twitter {background-position:-94px 0;}
.social-networks .linkedin {background-position:-188px 0;}
#sidebar .add {
	width:100%;
	margin:0 0 23px;
}
#sidebar .add img {vertical-align:top;}
#sidebar .heading {
	margin:0 0 12px;
	background-position:0 18px;
	overflow:visible;
}
#sidebar .heading span {font:21px/32px 'PacificoRegular', Arial, Helvetica, sans-serif;}
#sidebar .windows-block {
	background:#e7f5f9 url(images/bg-visual.gif) repeat-x 0 100%;
	padding:5px 15px 17px;
	color:#005269;
	line-height:17px;
	margin:0 0 12px;
}

/* SIDEBAR POPULAR TUTORIALS */
#akpc-widget-2 ol li {
	background: #e2f5fb;
	display: block;
	font: 12px/16px Arial, Helvetica, sans-serif;
	padding: 10px 16px;
	margin-bottom: 1px;
	}
	
#akpc-widget-2 ol li:nth-child(odd) {
	background: #f6fdff;
	}
	
#akpc-widget-2 ol li:first-child { 
	margin-top: -7px;
	padding-top: 10px;
	}

#akpc-widget-2 ol li:last-child { 
	margin-bottom: 25px;
	}
	
#akpc-widget-2 ol li span {
	display: none; 
	}

/* windows-block */
.windows-block .info {
	font-size:11px;
	display:block;
	margin:0 0 7px;
	line-height:20px;
}
.windows-block .info a {
	background:url(images/bullet01.gif) no-repeat 100% 50%;
	padding:0 13px 0 0;
	color:#ff2a2a;
	text-decoration:none;
}
.windows-block .info a:hover {text-decoration:underline;}
.windows-block .illustration {
	width:100%;
	margin:0 0 12px;
}
.windows-block .illustration img {vertical-align:top;}
.windows-block h4 {
	font:18px/22px 'Francois One', Arial, Helvetica, sans-serif;
	color:#0c4c60;
	margin:0 0 5px;
}
.windows-block h4 a{
	text-decoration:none;
	color:#0c4c60;
}
.windows-block h4 a:hover{text-decoration:underline;}
.windows-block p {margin:0 0 13px;}
.windows-block .box {
	width:100%;
	overflow:hidden;
	color:#91cde1;
	font-size:11px;
	line-height:20px;
}
.windows-block .box a {
	text-decoration:none;
	color:#91cde1;
}
.windows-block .box a:hover {text-decoration:underline;}
.windows-block .box p {margin:0;}
.windows-block .box .share-holder {float:right;}
.windows-block .box .share-holder img {vertical-align:top;}
/* twitter list & popular list */
#sidebar .twitter-list,
#sidebar .popular-list {
	padding:0 0 18px;
	margin:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
#sidebar .twitter-list li,
#sidebar .popular-list li {
	background:#c6ebf8;
	width:280px;
	padding:11px 10px;
	overflow:hidden;
	margin:0 0 1px;
	vertical-align:top;
	list-style-position:outside;
}
#sidebar .twitter-list .alt,
#sidebar .popular-list .alt {background:#e2f5fb;}
#sidebar .twitter-list .img-holder,
#sidebar .popular-list .img-holder {
	float:left;
	margin:0 16px 0 0;
	width:77px;
}
#sidebar .twitter-list .img-holder img,
#sidebar .popular-list .img-holder img {vertical-align:top;}
#sidebar .twitter-list .description {
	height:1%;
	overflow:hidden;
	padding:8px 0 0;
}
#sidebar .popular-list .description { padding:14px 0 0;}
#sidebar .twitter-list h5,
#sidebar .popular-list h5 {
	font-size:12px;
	line-height:16px;
	color:#005269;
	margin:0;
	padding:0 0 6px;
}
#sidebar .twitter-list h5 a,
#sidebar .popular-list h5 a {
	text-decoration:none;
	color:#005269;
}
#sidebar .twitter-list h5 a:hover,
#sidebar .popular-list h5 a:hover {text-decoration:underline;}
#sidebar .twitter-list .twitter-holder {
	width:100%;
	overflow:hidden;
}
#sidebar .twitter-list .twitter {
	color:#239acd;
	text-decoration:none;
	font-size:11px;
	line-height:14px;
	float:left;
	cursor:pointer;
}
#sidebar .twitter-list .twitter:hover {text-decoration:underline;}
#sidebar .twitter-list .twitter span {
	background:url(images/bg-twitter.png) no-repeat;
	float:left;
	width:14px;
	height:11px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 4px 0 0;
}
#sidebar .twitter-list .twitter em {
	font-style:normal;
	float:left;
	position:relative;
	margin:-2px 0 0;
}
#sidebar .email-heading {margin:9px 0 5px;}
#sidebar .email-heading span {
	background:#fff url(images/bg-email.jpg) no-repeat 0 50%;
	padding:0 10px 0 38px;
}
/* email form */
#sidebar .email-form {
	background:#e2f5fb;
	width:279px;
	padding:10px 5px 20px 16px;
	color:#005269;
	OLDmargin:0 0 32px;
	margin:0 0 22px;
}
* html #sidebar .email-form {margin:0 0 29px;}
#sidebar .email-form p {margin:0 0 9px;}
#sidebar .email-form .field {
	width:100%;
	overflow:hidden;
}
#sidebar .email-form .text {
	float:left;
	width:204px;
	height:29px;
	position:relative;
	background:url(images/bg-text.gif) no-repeat;
}
#sidebar .email-form .text input {
	background:none;
	border:none;
	font-size:12px;
	color:#c4c4c4;
	font-style:italic;
	margin:0;
	padding:7px 10px 8px;
	width:184px;
}
#sidebar .email-form .btn-sign {float:left;}
#sidebar .facebook-block {width:100%;}
/* activity-box */
.activity-box { padding:14px 0 26px;}
#sidebar .activity-box .heading { margin:0 0 3px;}
.activity-box .content {
	background:#e2f5fb;
	padding:18px 16px 14px 16px;
}
.activity-box .bar {
	width:268px;
	height:28px;
	overflow:hidden;
	line-height:28px;
	margin:0 0 5px;
	position:relative;
	color:#fff;
}
.activity-box .bar .progress {
	background:url(images/bg-progressbar.gif) no-repeat;
	position:absolute;
	top:0;
	left:0;
	height:28px;
	min-width:140px;
}
.activity-box .bar .text {
	position:absolute;
	top:0;
	left:13px;
	font-weight:bold;
	z-index:3;
}
.activity-box .bar .qty {
	position:absolute;
	top:0;
	right:0;
	width:32px;
	height:28px;
	font-weight:bold;
	text-align:center;
	background:url(images/bg-progressbar.gif) no-repeat 100% 0;
}
.activity-box .windows .progress { background-position:0 -28px;}
.activity-box .windows .qty { background-position:100% -28px;}
.activity-box .reviews .progress { background-position:0 -56px;}
.activity-box .reviews .qty { background-position:100% -56px;}
.activity-box .programming .progress { background-position:0 -84px;}
.activity-box .programming .qty { background-position:100% -84px;}
.activity-box .networking .progress { background-position:0 -112px;}
.activity-box .networking .qty { background-position:100% -112px;}
.activity-box .database .progress { background-position:0 -140px;}
.activity-box .database .qty { background-position:100% -140px;}

#content #crp_related ul li {
	width: 110px; 
	float: left;
	list-style: none;
	margin-left: 0px;
	line-height: 16px;
	margin-right: 21px;
	margin-bottom: 20px; 
	}
	
#content #crp_related ul li:last-child {
	margin-right: 0px;
	}
	
#content #crp_related ul li img {
	margin-bottom: 5px;
	}
	
#content #crp_related h3 {
	font: 20px/24px 'Francois One', Arial, Helvetica, sans-serif;
	color: #FF2121;
	margin-bottom: 10px;
	}

/* Comments */

#comments h2 { display: none; }
#content #comments li { 
	border-bottom: 1px dotted #c2ced5;
	clear: both;
	margin-top: 10px; 
	margin-left: 0px;
	display: block;
	padding: 15px 15px 10px 15px; 
	}
	
#content #comments li:nth-child(odd) {
	background: #f6fdff; 
	border-bottom: 1px solid #e2f5fb;
	}
	
	#content #comments li ul li {
		background: none !important;
		border: 0px !important;
		margin-left: 10px;
		}
	
#content #comments li img {
	float: left; margin-right: 15px; 
	}
	
#content #comments li:first-child {
	margin-top: 20px; 
	}
	
#content #comments li:last-child {
	margin-bottom: 20px;
	}
	
	#content #comments li ul li:last-child {
		margin-bottom: 0px;
		border-bottom: 0px; 
		}
	
#comments li p {
	color: #424242;
	display: block;
	overflow: hidden;
	margin-bottom: 10px !important;
	font-size: 13px;
	line-height: 16px;
	margin-left: 65px;
	}
	
#comments li p.meta {
	color: #cccccc;
	font-size: 10px;
	margin-bottom: 5px;
	}
	
#comments li p a.comment-reply-link {
	display: block;
	clear: both;
	text-align: left;
	}
	
#respond h2 {
	font: 23px/30px 'Francois One', Arial, Helvetica, sans-serif;
	color: #FF2121;
	margin-bottom: 0px;
	margin-top: 30px;
	}
	
#respond textarea {
	display: block;
	border: 1px solid #cccccc;
	margin: 0px 0px 15px 1px;
	width: 610px;
	padding: 15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
	
#respond button.button {
	background: #004b67;
	font: 17px/28px 'Francois One', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	border: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 8px 20px;
	margin-bottom: 15px;
	}
	
	#respond button.button:hover {
		cursor: pointer;
		background: #1c7b9f; }
	
#respond span.yjl-mes {
	color: #FF2121;
	}

/* footer */
#footer {
	background: #004b67 url(images/bg-footer.gif) no-repeat;
	width:978px;
	OLDpadding:54px 37px 54px 43px;
	padding:54px 37px 14px 43px;
	margin:0 -37px 0 -43px;
	position:relative;
	overflow:hidden;
}
/* section holder */
#footer .section-holder {
	width:968px;
	overflow:hidden;
	OLDpadding:0 0 65px 10px;
	OLDmargin:0 0 30px;
	padding:0 0 20px 10px;
	margin:0 0 20px;
	background:url(images/separator03.gif) repeat-x 0 100%;
}
/* footer */
#footer .section-holder .footer-section {
	float:left;
	width:150px;
	padding:0 10px 0 0;
}
#footer h6 {
	font:14px/20px 'Francois One', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	margin:0 0 18px;
}
#footer .footer-section ul {
	padding:0;
	margin:0;
	list-style:none;
	line-height:18px;
}
#footer .footer-section ul li {margin:0 0 6px;}
#footer .footer-section ul a {
	text-decoration:none;
	color:#a7dbee;
}
#footer .footer-section ul a:hover {text-decoration:underline;}
#footer .footer-set {
	width:100%;
	overflow:hidden;
	OLDpadding:0 0 20px;
	padding:0 0 10px;
}
#footer .logo {
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	width:154px;
	height:40px;
	background:url(images/logo02.gif) no-repeat;
	margin:2px 33px 0 0;
}
#footer .logo a {
	display:block;
	height:100%;
}
/* footer info */
#footer .footer-info {
	height:1%;
	overflow:hidden;
	padding:0 100px 0 0;
	font-size:10px;
	line-height:11px;
	color:#79a6b7;
}
#footer .footer-info p {margin:0 0 10px;}

/* ---------------------------------------
   IMAGE STYLES
   --------------------------------------- */
   
img.aligncenter {
	display: block;
	margin: 10px auto;
	text-align: center;
	}
	
img.alignright {
	float: right;
	margin: 10px 0px 15px 15px;
	}
	
img.alignleft {
	float: left;
	margin: 10px 0px 15px 15px;
	}
	
/* ---------------------------------------
   CONTENT ADVERTISEMENTS
   --------------------------------------- */

.adBlock {
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	padding: 5px 0px;
	display: block;
	margin: 5px auto;
	text-align: center;
	}
	
.precoms {
	padding: 20px 0px;
	display: block;
	margin: 20px auto;
	text-align: center;
	}
	
	
.loopAds { 
	background: url(images/separator01.gif) repeat-x 0 100%;
	padding-bottom: 40px;
	margin-bottom: 20px;
	}
	
	.loopAd1 { float: left; margin-right: 20px; margin-left: 10px; }
	
/* ---------------------------------------
   COMMENT FORMS
   --------------------------------------- */
   
#respond {
	margin-top: 20px;
	}

#respond dt {
	margin: 5px 0px;
	}
	
#respond dt label {
	font-weight: bold;
	}
	
#respond input[type=text] {
	border: 1px solid #cccccc;
	background: none;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-left: 1px;
	margin-bottom: 8px;
	width: 220px;
	}
	
/* ---------------------------------------
   DK specifics
   --------------------------------------- */
   
.grayborder{
		background-color: #f3f3f3;
	border: 1px solid #ddd;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* optional rounded corners for browsers that support it */
	margin: 10px;
	padding-top: 4px;
	text-align: center;
}   


	
