/*
Theme Name: Old Vokab Theme
Theme URI: http://wordpress.org/
Description: The Old Vokab Theme that used to be live.
Author: Giancarlo
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/

/* reset css */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

a { color: #E0826C; 
}


blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*---------------------------reset code----------------------------------*/
.clear								{ 	clear:both; line-height:1px; font-size:1px;}
.left								{ 	float:left;}
.right								{ 	float:right;}




body 								{	font:bold 12px/18px Arial, Helvetica, sans-serif; color:#fff; background:#020609 url(images/bg.gif) top center repeat-x;}
/*---------------------------Main Body Start ----------------------------*/

#main_wrapper						{   width:100%;  margin:0 auto; background:url(images/main_wrapperbg.jpg) top center no-repeat; min-height:800px;   }
.wrapper							{	width:948px; margin:0 auto;      }
/*---------------------------Main Body End-------------------------------*/


/*--------------------------- Text Css Start ------------------------------*/
h1									{	font:bold 27px/27px "Myriad Pro", Arial, Helvetica, sans-serif; color:#fff;}
h2									{	font:bold 16px/16px Arial, Helvetica, sans-serif; color:#23c5cb;}
h2 a								{ color:#23c5cb; text-decoration:none; }
h3									{	font:normal 14px/14px Arial, Helvetica, sans-serif; color:#fafafa; padding:0 0 20px 0;}
h4									{	font:normal 29px/29px "Myriad Pro", Arial, Helvetica, sans-serif; color:#fff; text-align:center;}
h5									{	font:bold 26px/26px "Myriad Pro", Arial, Helvetica, sans-serif; color:#fff; padding:28px 0 0 0}
.orange								{	color:#ea846b;}
.blue, .blue a								{	color:#6ac1d4; text-decoration:none;}
.no_border							{	border:none !important; }
.h1_padd							{	padding:0 0 0 20px;}
.txt_left							{	text-align:left;}
/*--------------------------- Text Css End ------------------------------*/


/*--------------------------- Header Start ------------------------------*/
.header								{	width:948px; margin:0 auto; position:relative;}

.header	.header_right				{	float:right; width:158px; margin:17px -158px 0 0;}
.header	.header_right h1			{	font:normal 20px/20px "Myriad Pro", Arial, Helvetica, sans-serif; color:#fff; text-align:center;}
.header	.header_right p				{	font:bold 20px/20px Arial, Helvetica, sans-serif; color:#e78c79; text-align:center;}
.header	.header_right p a			{	font:bold 20px/20px Arial, Helvetica, sans-serif; color:#e78c79; text-decoration:none;}
.header	.header_right p a:hover		{	text-decoration:underline;}
.header .header_right .here			{	color:#45e7f6;	}
/*--------------------------- Header End-------------------------------*/

/*--------------------------- Navigation Start ------------------------------*/
.navigation							{	width:1024px; height:86px; background:url(images/navbg.png) 0 0  no-repeat; position:absolute; top:368px; left:-35px;}
.navigation ul						{	margin:0; padding:0; width:918px;}
.navigation ul li					{	float:left;	margin:0 0 0 0; padding:28px 0 0 26px; list-style:none; display:inline; }
.navigation ul li a					{	float:left; margin:0; padding:0; font:bold 14px/58px Arial, Helvetica, sans-serif; color:#333333; text-decoration:none;}
.navigation ul li a:hover, .navigation ul li.current_page_item a			{	color:#d46852;}
.navigation ul li.first				{	padding:28px 0 0 67px;}
/*--------------------------- Navigation End ------------------------------*/

 
/*--------------------------- Banner Start ------------------------------*/
.banner								{	width:948px; margin:0 auto;}
.logo								{	width:948px; margin:0 auto; padding:487px 0 0 0;}
/*--------------------------- Banner End ------------------------------*/




/*--------------------------- Container Start ------------------------------*/
.main_container						{  width:100%; margin:0 auto; background:#171b1e url(images/main_containerbg1.gif) top center repeat-x; }
.contianer							{	width:948px; margin:0 auto; padding:20px 0 0 0; }
.container_left						{	float:left; width:604px; margin:0 0 0 5px;  }
.container_left ul					{	margin:0; padding:0 0 0 0; width:604px;}
.container_left ul li				{	float:left; margin:0; padding:0; list-style:none;}
.container_left ul li .box			{	float:left;	width:569px; border-bottom:1px solid #646464; padding:17px 0 0 0;}
.container_left ul li .box .left	{	float:left; width:177px; height:176px; background:#0dadb3; text-align:center;  margin:15px 0 0 0;}
.container_left ul li .box .left img{	text-align:center; margin:0 auto; padding:8px 0 0 0;}
.container_left ul li .box .right	{	float:right; width:355px; padding:0 0 0 0; }
.container_left ul li .box .right .read_more a			{	width:128px; height:62px; display:block; margin:17px 0 17px 0; background:url(images/read_more.png) 0 0 no-repeat; font:bold 15px/62px Arial, Helvetica, sans-serif; color:#fefefe; text-align:center; text-decoration:none;}
.container_left ul li .box .right .read_more a:hover	{	background-position:0 -62px;}
.container_left	.more				{	float:right; width:140px; text-decoration:none; font:bold 18px/8px Arial, Helvetica, sans-serif; color:#23c5cb; padding:2px 0 9px 0;  	}
.container_left	.more:hover			{	text-decoration:underline;}

.container_right					{	float:right; width:289px; position:relative; }
.container_right .right_box1		{	width:399px; height:99px; position:absolute; top:0; right:-110px; background:#000000; 	}
.container_right .right_box1 .left	{	float:left; width:100px;}
.container_right .right_box1 .right	{	float:right; width:288px; padding:8px 0 0 0;}
.container_right .right_box1 .right p					{	font:normal 12px/18px Arial, Helvetica, sans-serif; color:#23c5cb}
.container_right .right_box1 .right .play_control 		{	float:left;	width:73px;}
.container_right .right_box1 .right .play_control_right	{	float:right; width:199px;} 
.drak								{	color:#2d4439;}
.container_right .right_box1 .right .play_control_right p{	font:normal 12px/18px Arial, Helvetica, sans-serif; color:#23c5cb; background:url(images/play_control_arrow.gif) right center no-repeat; width:74px;}
.container_right .right_box1 .right .play_control_box	 {	float:left;	width:198px;}
.container_right .right_box1 .right .play_control_box1	 {	float:left; width:130px; padding:0 0 0 0;}
.container_right .right_box1 .right .play_control_box p	 {	float:left; width:20px; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#aaaaaa; background:none; }
.container_right .right_box1 .right .play_control_box b	 {	float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#aaaaaa; background:none; padding:0 0 0 5px; }


.container_right .right_box2		{	float:left;	width:256px; margin:0 auto; margin-top:115px; margin-left:15px;}
.container_right .right_box2_top	{	width:256px; height:20px; background:url(images/right_box2_topbg.png) no-repeat; margin:0 auto;}
.container_right .right_box2_bottom	{	width:256px; height:240px; background:url(images/right_box2_bottombg.png) bottom center repeat-y; padding:0 0 10px 0;}
.container_right .right_box2_bottom .inputbg	{	width:213px; height:39px; background:url(images/inputbg.gif) 0 0 no-repeat; margin:20px 0 0 24px; }
.container_right .right_box2_bottom .input		{	float:left;	width:199px; margin:10px 0 0 8px; padding:0 0 0 0; font:bold 14px/14px Arial, Helvetica, sans-serif; color:#23c5cb; background:none; border:none;}
.container_right .right_box2_bottom .btn		{	cursor:pointer; border:0; width:213px; height:39px; background:url(images/join_btn.gif) 0 0 no-repeat; font:normal 18px/39px Arial, Helvetica, sans-serif; color:#fefefe; text-align:center; margin:18px 0 0 24px;}
.container_right .right_box2_bottom .err		{margin-left:28px; margin-top:10px; color:#f00;}

.container_right .right_box3		{	float:left; width:256px; margin:0 auto; margin-top:20px; margin-left:15px;}

.container_right .right_box4		{	float:left; width:294px; margin:0 auto; margin-top:0; padding:0 0 0 0; margin-left:15px;  }
 
.bottom_containerbg					{	width:100%; margin:0 auto; min-height:78px; background:#1c3645 url(images/bottom_container.jpg) top center no-repeat; }
.bottom_container					{	width:948px; margin:0 auto; position:relative;}
.bottom_container h1				{	padding:38px 0 0 0;}
.more_videos a						{	float:left; font:bold 13px/13px Arial, Helvetica, sans-serif; color:#e0826c; text-decoration:none; padding:39px 0 0 13px; }
.more_videos a:hover				{	text-decoration:underline;}

.bottom_container ul				{	float:left; margin:0; padding:0 0 0 132px; position:absolute; top:0; right:-70px; width:544px; }
.bottom_container ul li				{	float:left; margin:0; padding:0; list-style:none; display:inline;}
.bottom_container ul li.youtube		{	float:left; margin:19px 46px 0 0;}
.bottom_container ul li.twitter		{	float:left; margin:25px 32px 0 0;}
.bottom_container ul li.facebook	{	float:left; margin:35px 31px 0 0;}
.bottom_container ul li.myspace		{	float:left; margin:25px 0 0 0;}

.bottom_boxbg						{	width:100%; height:979px; margin:0 auto; background:url(images/bottom_boxbg.jpg) top center no-repeat; padding:43px 0 0 0; }
.video_box							{	width:645px; height:372px; margin:0 auto; background:url(images/video_box.gif) 0 0 no-repeat; padding:20px 10px 0 10px;  }
.video								{	width:637px; margin:0 auto;  }

/*--------------------------- Container End ------------------------------*/



/*--------------------------- Footer Start ------------------------------*/
.footer								{	width:948px; margin:0 auto; padding:506px 0 0 0;  }
.footer p							{	font:bold 12px/12px Arial, Helvetica, sans-serif; color:#fff; text-align:center; }
.footer p a							{	font:bold 12px/12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; padding:0 7px;  }
.footer p a	:hover					{	text-decoration:underline;}

.footer_right						{	float:right; width:116px; margin:-15px 0 0 0; }
.footer_right p						{	float:left;	width:100%; font:normal 12px/13px Arial, Helvetica, sans-serif; color:#e0826c; text-align:left;}
.footer_right p	a					{	float:left; font:normal 12px/13px Arial, Helvetica, sans-serif; color:#e0826c; text-decoration:none; text-align:left; margin-left:-5px;}
.footer_right p	a:hover				{	text-decoration:underline;}	
.content-derk { display:none; }
.footer_menu	{margin:0 auto; width:64%;}
.footer_menu li	{display:inline}
.footer_menu li a {	font:bold 12px/12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; padding:0 7px;  }
.footer_menu li a:hover	{	text-decoration:underline;}

/*--------------------------- Footer End ------------------------------*/

.right_box1 h3.widget-title	{display:none;}

.video_box p a	{color:#fff; text-decoration:none;}