/* CSS Document */

body {
	background-color:#CCCCCC;
	background-image:url(images/page_bg.gif);
	background-repeat:repeat-x;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	text-align:center;
	color:#666666;
}
a:link, a:active, a:visited {
	color:#0068E6;
	text-decoration:none;
}
img {
	border:0px;
}
.f12b{font-size:12px; font-weight:bold;}
#single_content{line-height:18px;padding-left:5px;}
#display{display:none;}
#recent_a{width:100%;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
p#recent_a{margin:0px; padding:2px 0px 2px 0px;}
#single_left a:link{ text-decoration: none; color : #666; border: none;}
#single_left a:active{ text-decoration: none; color : #666; border: none;}
#single_left a:hover{ text-decoration: none; color : #666; border: none;}
#single_left a:visited{ text-decoration: none; color : #666; border: none;} 

#single_right a:link{ text-decoration: none; color : #666; border: none;}
#single_right a:active{ text-decoration: none; color : #666; border: none;}
#single_right a:hover{ text-decoration: none; color : #666; border: none;}
#single_right a:visited{ text-decoration: none; color : #666; border: none;} 
#single_right h2,#single_left h2{color:#000000;}
#single_right li{ width:100%;list-style-type:none;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
#single_left{ background-color:#FFFFFF;width:62%; float:left; height:300px; overflow:scroll;overflow-x:hidden;scrollbar-face-color: #DEE3E7;scrollbar-highlight-color: #FFFFFF;scrollbar-shadow-color: #DEE3E7;scrollbar-3dlight-color: #D1D7DC;scrollbar-arrow-color:  #FF8C8C;scrollbar-track-color: #EFEFEF;scrollbar-darkshadow-color: #98AAB1;}
#single_right{background-color:#FFFFFF; margin-left:15px;width:35%; float:left; height:300px; overflow:scroll;overflow-x:hidden;scrollbar-face-color: #DEE3E7;scrollbar-highlight-color: #FFFFFF;scrollbar-shadow-color: #DEE3E7;scrollbar-3dlight-color: #D1D7DC;scrollbar-arrow-color:  #FF8C8C;scrollbar-track-color: #EFEFEF;scrollbar-darkshadow-color: #98AAB1;}
#single_left p{padding:0px 0px 0px 10px;}

#sharethis{margin-top:10px; padding:10px; width:100%;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
#sharethis a{ list-style:none; padding:5px 0 0 0; margin-right:10px;}
#sharethis a:link{ text-decoration: none; color : #666; border: none;}
#sharethis a:active{ text-decoration: none; color : #666; border: none;}
#sharethis a:hover{ text-decoration: none; color : #666; border: none;}
#sharethis a:visited{ text-decoration: none; color : #666; border: none;} 
#sharethis h3{margin:0px; padding:0px;}
h2 a:link,h2 a:active,h2 a:visited {
	color:#0068E6;
	text-decoration:none;
}
a h2{color:#0068E6;}
.search_at{font-size:11px;font-weight:normal; overflow:hidden}
#single_adsense1{width:340px;}
#download{padding:5px 0 5px 0; margin-top:10px; font-weight:normal; color:#0068e6}
#down{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:98%;}
h2#replay{display:none;}
#partner{padding-left:20px;}
#partner ul{margin:0px; padding:0px; list-style:none;}
#partner a:link{ text-decoration: none; color : #666; border: none;}
#partner a:active{ text-decoration: none; color : #666; border: none;}
#partner a:hover{ text-decoration: none; color : #666; border: none;}
#partner a:visited{ text-decoration: none; color : #666; border: none;} 
select optgroup {
	font-weight:bold;
	font-style:normal;
	color:#333333;
	background-color:#E5E5E5;
}
select optgroup option {
	font-weight:normal;
	background-color:#FFFFFF;
}

h1, h2, h3, h4, h5, h6, p {
  position: relative;
} 

h1, h2 {
	padding:0px;
	margin:0px;
	font-size:11px;
	font-weight:normal;
	color:#E9F3FA;
}


/* <H> OBJECTS */

h4 {
	font-size:11px;
	margin:0px;
}
h3 {
	font-size:11px;
	margin:5px 0px 10px;
}



/* FORM ELEMENTS */

form {
	padding:0px;
	margin:0px;
}

/* HEADER */

div#contain_header { 
    margin:0px auto; 
    text-align:left; 
    width:1000px; 
	overflow:hidden;
    }
	div#header_logo {
	 	float:left;
		width:450px;
		color:#BCD7EA;
		background-image:url(images/header_left.jpg);
		background-repeat:no-repeat;
		height:40px;
		text-align:left;
		padding:20px 0px 0px 0px;
	}
/*category*/
#single_category ul{list-style:none; margin:5px 0px 5px 20px; padding:0px;}
#single_category ul li{padding:1px 0px 1px 0px; margin:0px;}
#single_category ul li a{
background-image:url(images/a_menulink_bg.gif);
background-repeat:no-repeat;
background-color:#F9F9F9;
display:block;
padding:5px 5px 5px 25px;
font-size:12px;
color:#333;
}

	#category_list ul{list-style-type:none;margin:0;padding:0 0 5px 20px;}
#category_list li{list-style-type:none;border:0;margin:5px;float:left;border-bottom:#eee 1px solid;white-space:nowrap;text-overflow:ellipsis; overflow:hidden; font-size:14px; width:auto;}

.box_base h2{ color:#666666;}
.box_base ul{margin:auto 5px; padding:0px; list-style:none;}
.box_base ul li{margin:0px; padding:0px; list-style:none;}
	#header{margin:0px 0px 0px 0px; padding-left:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	h1.blogtitle{margin:0;font-size:20px;font-weight:bold;}
	#header h1 strong{font-weight:bold;}
	#header p{margin:4px 0px 4px 0px; width:100%;overflow:hidden; white-space:nowrap;}
	#header #blogtitle{margin:0;padding:0 0 2px 0; font-size:20px;color:#006699;font-weight:bold;}
	#header p.desc{font-size:11px;margin:0;padding:0;}
	.blogtitle a,#blogtitle a{color:#ffffff;}
	#title{
	position:absolute;
	top:46px;
	}
	#title h1{font-size:11px;margin:0 0 10px 0;padding:0; font-weight:normal; color:#BCD7EA}
	#title p{display:none;}
	div#header_login {
	 	float:left;
		width:520px;
		color:#BCD7EA;
		background-image:url(images/header_right.jpg);
		background-repeat:no-repeat;
		height:40px;
		text-align:right;
		padding:20px 30px 0px 0px;

		}
	
	
	
	
/* SEARCH BAR */

div#contain_search {
	margin:0px auto; 
    text-align:left; 
    width:1000px; 
	overflow:hidden;
	background-image:url(images/searchbar.jpg);
	background-repeat:no-repeat;
	height:38px;
	}
	div#search_links {
		float:right;
		width:auto;
		text-align:right;
		font-size:10px;
		color:#FFFFFF;
		padding:12px 100px 0px 0px;
		}
	div#search_locator {
		float:right;
		text-align:center;
		font-size:10px;
		padding-top:12px;
		color:#FFFFFF;
		font-weight:bold;
	}
	div#search_form {
		float:left;
		width:auto;
		padding-left:100px;
		padding-top:7px;
		}
		div#search_form input.searchtxt {
			padding:2px;
			border:1px solid #1967AF;
			width:155px;
			margin-right:11px;
			height:14px;
			font-size:11px;
		}
		div#search_form input.searchgo {
			width:63px;
			height:22px;
			background-image:url(images/searchgo.gif);
			background-repeat:no-repeat;
			border:0px;
			line-height:1px;
			margin-bottom:-1px;
		}

/* MAIN CONTAINER */

div#contain_main {
	margin:0px auto; 
    text-align:left; 
    width:960px;
	overflow:hidden;
	background-image:url(images/main_rightbg.gif);
	background-repeat:repeat-y;
	padding:0px 20px 0px 20px;
	}
	div#col_left {
		float:left;
		width:196px;
		background-color:#217FBD;
		overflow:hidden;
	}
	div#col_left_single {
		float:left;
		width:196px;
		background-color:#217FBD;
		overflow:hidden;
	}
	div#col_mid {
		float:left;
		margin-left:8px;
		width:564px;
		overflow:hidden;
		background-color:#217FBD;
	}
	div#col_mid strong{font-weight:normal;}
	div#col_mid_2 {
		float:left;
		margin-left:0px !important;
		margin-left:4px;
		width:564px;
		overflow:hidden;
		background-color:#217FBD;
	}
	div#col_mid2 {
		float:right;
		margin-left:8px;
		width:756px !important;
		width:764px;
		overflow:hidden;
		height:100%;
	}
	#col_mid2 strong{font-weight:normal;}
	div#col_right {
		float:left;
		margin-left:8px;
		width:184px;
		overflow:hidden;
		background-color:#217FBD;
	}
	div.rss_right {
		float:right;
		padding-right:10px;
		text-align:right;
	}

	
/* GLOBAL BOX MODEL */

div.box {
	border:1px solid #FFFFFF;
	background-color:#E7E7E7;
	padding-bottom:5px;
	margin-top:8px;
	overflow:hidden;
	}
	div.box_title_green {
		background-color:#63AD00;
		background-image:url(images/box_t_green.jpg);
		background-repeat:no-repeat;
		border-bottom:1px solid #FFFFFF;
		height:25px;
		padding:10px 0px 0px 25px;
		font-weight:bold;
		color:#F3F9E7;
		margin-bottom:5px;
	}
	div.box_title_blue {
		background-color:#2589C5;
		background-image:url(images/box_t_blue.gif);
		background-repeat:no-repeat;
		border-bottom:1px solid #FFFFFF;
		height:25px;
		padding:10px 0px 0px 25px;
		font-weight:bold;
		color:#E9F3FA;
		margin-bottom:5px;
		}
		div.box_title_blue a:link, div.box_title_blue a:active, div.box_title_blue a:visited {
			color:#DCEDF8;
		}
		div.box_title_blue a:hover {
			color:#C5DFF1 !important;
		}
	div.box_base {
		border-top:1px solid #FFFFFF;
		border-bottom:1px solid #FFFFFF;
		background-color:#FFFFFF;
		overflow:hidden;
		margin:0px;
		}

	div.box_baseline {
		border-top:1px solid #FFFFFF;
		border-bottom:1px solid #FFFFFF;
		background-color:#FFFFFF;
		width:100%; overflow:hidden;
		color:#828282;
			}

	div.box_baseline h1 {
	padding:0px;
	margin:0px;
	font-size:14px;
	font-weight:normal;
	color:#E9F3FA;
	}

	div.box_gradient {
		background-repeat:repeat-y;
		background-position:right;
		background-color:#FFFFFF;
		border-right:1px solid #ECECEC;
		border-bottom:1px solid #ECECEC;
		padding:10px 3px 10px 7px;
		font-size:10px;
		color:#828282;
		margin:0px;
		}
		div.box_gradient a:hover {
			color:#333333 !important;
		}
	div.box_bgradient {
		background-image:url(images/grad_blue.gif);
		background-repeat:repeat-y;
		background-position:right;
		background-color:#FFFFFF;
		border-bottom:1px solid #ECECEC;
		padding:10px;
		color:#828282;
	}
	a.menulink_off {
		background-image:url(images/a_menulink_bg2.gif);
		background-repeat:no-repeat;
		background-color:#F9F9F9;
		display:block;
		padding:5px 5px 5px 25px;
		font-size:11px;
		border-bottom:1px solid #ECECEC;
		border-right:1px solid #ECECEC;
		margin-bottom:1px;
		}
		a.menulink_off:link, a.menulink_off:visited, a.menulink_off:active {
			color:#828282;
		}
		a.menulink_off:hover {
			color:#333333 !important;
		}
	a.menulink_on {
		background-image:url(images/a_menulink_bg2.gif);
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		display:block;
		padding:5px 5px 5px 25px;
		font-size:11px;
		border-bottom:1px solid #ECECEC;
		border-right:1px solid #ECECEC;
		margin-bottom:1px;
		}
		a.menulink_on:link, a.menulink_on:visited, a.menulink_on:active {
			color:#828282;
		}
		a.menulink_on:hover {
			color:#333333 !important;
		}
	
	a.menulink_closed_off {
		background-image:url(images/a_menulink_bg.gif);
		background-repeat:no-repeat;
		background-color:#F9F9F9;
		display:block;
		padding:5px 5px 5px 25px;
		font-size:11px;
		border-bottom:1px solid #ECECEC;
		border-right:1px solid #ECECEC;
		margin-bottom:1px;
		height:14px;
		width:100%;
		overflow:hidden;
		white-space:nowrap;
		}
		a.menulink_closed_off:link, a.menulink_closed_off:visited, a.menulink_closed_off:active {
			color:#828282;
		}
		a.menulink_closed_off:hover {
			color:#333333 !important;
		}
	a.menulink_closed_on {
		background-image:url(images/a_menulink_bg.gif);
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		display:block;
		padding:5px 5px 5px 25px;
		font-size:11px;
		border-bottom:1px solid #ECECEC;
		border-right:1px solid #ECECEC;
		margin-bottom:1px;
		height:14px;
		width:100%;
		overflow:hidden;
		white-space:nowrap;
		}
		a.menulink_closed_on:link, a.menulink_closed_on:visited, a.menulink_closed_on:active {
			color:#828282;
		}
		a.menulink_closed_on:hover {
			color:#333333 !important;
		}
	a.menulink_open_off {
		background-image:url(images/a_menulink_bg4.gif);
		background-repeat:no-repeat;
		background-color:#F9F9F9;
		display:block;
		padding:5px 5px 5px 25px;
		font-size:11px;
		font-weight:bold;
		border-bottom:1px solid #ECECEC;
		border-right:1px solid #ECECEC;
		margin-bottom:1px;
		height:14px;
		}
		a.menulink_open_off:link, a.menulink_open_off:visited, a.menulink_open_off:active {
			color:#828282;
		}
		a.menulink_open_off:hover {
			color:#333333 !important;
		}
	a.menulink_open_on {
		background-image:url(images/a_menulink_bg4.gif);
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		display:block;
		padding:5px 5px 5px 25px;
		font-size:11px;
		font-weight:bold;
		border-bottom:1px solid #ECECEC;
		border-right:1px solid #ECECEC;
		margin-bottom:1px;
		height:14px;
		}
		a.menulink_open_on:link, a.menulink_open_on:visited, a.menulink_open_on:active {
			color:#828282;
		}
		a.menulink_open_on:hover {
			color:#333333 !important;
		}
		
/* TUTORIALS LISTING DISPLAY */	
					
div.tut {
	color:#666666;
	clear:both;
	float:left;
	width:100%;
	padding-left:5px;
	margin:0px;
	font:10px Verdana, Arial, Helvetica, sans-serif !important;
	overflow:hidden;
	background-image:url(images/bg_gradient3.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FFFFFF;
	border-bottom:1px solid #ECECEC;
	}
	
	div.tut h4, div.tut h4 a {
			color:#0068e6 !important;
			font:bold 11px Verdana, Arial, Helvetica, sans-serif;
			margin:0px 0px 5px 0px;
			width:100%;
			overflow:hidden;
			white-space:nowrap;
			text-overflow:ellipsis;
			}
			div.tut h4 a:hover {
				color:#000000 !important;
				}
	div.tut_info {
		margin-top:8px;
		padding:0px 8px 8px 0px;
		width:100%;
	}

div.tut_sub {
	display:none;
	padding-top:8px;
	margin:1px 0px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	}
	div.tut_sub a {
		margin:1px;
		color:#FFFFFF !important;
		font:10px Verdana, Arial, Helvetica, sans-serif;
		}
		div.tut_sub a.greenbutton img {
			height:17px;
			border:0px;
			margin-top:3px;
			}
div.tut a { color:#2181be; padding:0px !important; margin: 0px; }
div.tut p { margin:2px 0px; padding:0px !important; font:10px Verdana, Arial, Helvetica, sans-serif !important; }

/* PARTNERS */

div#partners {
	padding:7px 0px;
	}
	div#partners img {
		margin-top:15px;
		margin-left:15px;
		}
	
			

	
	input.button_submit {
	background:transparent url(images/button_submit.gif) no-repeat top left;
	width:61px;
	height:17px;
	padding:0px;
	border:0px;
	cursor:pointer;
}

##single_content strong{font-weight:bold;}
/* FOOTER */

div#contain_footer {
	margin:0px auto;  
    width:1000px; 
	overflow:hidden;
	background-image:url(images/footer.gif);
	background-repeat:no-repeat;
	height:35px;
	padding-top:24px;
	font-size:10px;
	color:#BCD7EA;
	text-align:center;
	}
	div#contain_footer a:link, div#contain_footer a:visited, div#contain_footer a:active {
		color:#BCD7EA;
	}
	div#contain_footer a em {
		font-style:normal;
		color:#FFFFFF !important;
	}
	div#contain_footer a:hover {
		color:#FFFFFF !important;
	}

/*page*/
.navigation{width:100%;color:#666;margin:0 auto; padding:0;}
.alignright{float:right;margin-top:10px; margin-bottom:10px;}
.alignleft{float:left;margin-top:10px; margin-bottom:10px;}
.halfwidth{width:45%; margin-right:10px; float:left; font-size:10px;}
/*TAG*/
font b{color:#0068e6; font-weight:normal;}
.tag_a font b{color:#0068E6; font-weight:normal;}
#taglist{ line-height:22px;}
#taglist a{margin:5px 10px 5px 10px;border-bottom:#eee 1px solid;font-size:14px; display:block;}
#taglist strong{font-weight:bold;}