/*







Theme Name: Web Studio



Theme URI: 


Version: 1.1



Author: Belov Yulia



Author URI: 







*/







body { 



	margin: 0; 



	padding: 0; 



	background: url(images/bg.gif);

	font: normal .7em  Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 



	line-height: 1.6em; 



	color: #333; 



}







/* LINKS AND HEADINGS STYLING */







a { color: #035388; background: inherit; }



a:hover { color: #035388; background: inherit; }



h1  { font: bold 24px  Helvetica, "Times New Roman", Sans-Serif;   font-style: italic; margin: 0; padding:0; color: #fff; background-color:transparent; }



h2  { font: bold; font-size: 14px; color: #E21E26; Helvetica, "Trebuchet MS", Sans-Serif;}



h3  { clear: both; font-size: 1.1em; color: #008DFF; background: #fff url(images/h3bg.gif) no-repeat center left; padding: 0 14px; margin: 0;}



blockquote {



	margin: 10px 0 0 25px;



	padding: 0 20px;



	border-left: 1px solid #ccc;



	color: #666;



}



.blue { color: #B5D1E2; background: inherit; }



.image { float: left; border: 1px solid #e2e2e2; padding: 3px; margin: 0 15px 10px 0; }











/* CONTENT WRAPPER */







#main { 



	width: 900px; 



	margin: 25px auto 0 auto; 



}







/* TOP LEFT LOGO */







#logo { 

imag: url('images/logo.gif');

	float: left; 
align: left;
	 
}








/* TOP RIGHT HORIZONTAL MENU */



	



#menu { 



	float: right; 



	background:  url(images/barul.gif) no-repeat bottom right; 



	color: #016FC8; 



	padding: 18px 1px 11px 0; 



	margin: 0; 



}



	#menu li { 



		padding: 14px 18px 14px 18px; 



		color: #444; 



		background: url(images/bar.gif) no-repeat bottom left; 



		display: inline; 



		margin-left: -3px;



	}



	#menu li.current_page_item { 



		background: #fff url(images/baractive.gif) no-repeat bottom left; 



		color: #8D9CAF; 



		font-weight: bold; 



		padding: 14px 18px 14px 18px; 



		margin: 0 1px 0 0; 



	}



	#menu li:hover { 



		background:  url(images/bg-menu.jpg);



	}



	#menu li a { 



		background: #fff; 



		color: #888888; 



		text-decoration: none; 



	} 	



	#menu li a:hover { 



		color: #000; 



		background: transparent;



	} 	



	.key { text-decoration: underline; } /* ACCESKEY UNDERLINED LETTER */







/* LEFT INTRO SIDE */	







#intro_left {



	clear: left;



	float: left;



	width: 250px;



	background: #8D9CAF url(images/leftintrobg.gif) repeat-x;



	color: #E5EAF2;



	margin: 0 0 6px 0;



}



	#intro_left a { color: #fff; background: inherit; }



	#intro_left p { padding: 14px 15px; margin: 0; }







	/* LEFT VERTICAL MENU */



	



	#menu_left { 

            



		float: left;  



		margin: 0 0 6px 0; 



		padding: 0 0 1px 0; 



		border-bottom: 1px solid #008DFF;





		clear: left; 



	}



		#menu_left li { list-style: none; }



		#menu_left li a { 

			display: block; 
			color: #fff; 
			background: #68B2F7; 
                        width: 204px; 
			padding: 7px 23px 7px 23px; 
			margin: 0 1px 1px 0; 
                        font-size: 12px;
			font-weight: bold; 
			text-decoration: none;

		}	



		#menu_left li a:hover { background: #016FC8; color: #fff;

  }


/* RIGHT INTRO SIDE */



	



#intro_right {



	float: right;



	width: 340px;

	padding: 25px 280px 0 20px;

	background: #ADD7F8 url(images/intro.jpg) no-repeat;



	color: #03609B;



	margin: 0 0 6px 0;



	height: 172px;



	border: 1px solid #68B2F7;



	clear: right;



}



	#intro_right h1 { margin: 0 0 20px 0; color: #68B2F7;font-size: 22px;  }



	#intro_right .white { color: #E21E26; font-size: 16px; font-weight: bold; background-color:transparent; }



	



/* LEFT SIDE */



	



#sidebar {



	float: left;





	width: 250px;



	clear: left;



}







#sidebar h2 {



	



background-image: url('images/title.gif');

background-repeat: no-repeat;

			padding: 1px 20px 1px 20px; 

}







#sidebar ul { 



	margin: 0; 



	padding : 0; 



	list-style : none; 



}







#sidebar li {



	list-style-type:none;



}







#sidebar li ul li{



	list-style-type:none;



	margin-left:20px;



}



	.box {



		padding: 4px 10px;

 background: #F8FBFE;



		border: 1px dotted #008DFF;



		margin: 0 0 10px 0;



	}



	.note {



		padding: 15px 15px 20px 100px;



		border: 1px solid #CFCB66;



		margin: 0 0 5px 0;



		background: #FFFFAD url(images/package.gif) no-repeat;



		color: #585616;



	}







/* RIGHT SIDE */







/* Begin Comments*/







.commentlist li.alt {



	background-color:#F0F6FF;



	}







.commentlist {



	margin:15px;



	padding: 0;



	text-align: justify;



	}







.commentlist li {



	margin: 15px 0 3px;



	padding: 5px 10px 3px;



	list-style: none;



	background: #fafafa;



	color: #808080;



	border: 1px solid #eeeeee;



	}







.commentlist p {



	margin: 10px 5px 10px 0;



	}







#commentform p {



	margin: 5px 0;



	}







.nocomments {



	text-align: center;



	margin: 0;



	padding: 0;



	}







.commentmetadata {



	margin: 0;



	display: inline;



	}



/* End Comments */







#right {



	float: right;



	width: 643px;



	clear: right; 



}



	.leftcol {



		width: 610px;

background: #FFF;



		float: left; 



		padding: 12px 15px;



		border:#ccc 1px solid;



		text-align: justify;



		margin: 0 0 10px 0;



	}



	.rightcol { 



		float: right; 



		padding: 10px 15px;



		width: 285px; 



		border:#ccc 1px solid;



		margin: 0 0 10px 0;



		}



	.special {



		clear: both;



		margin:0px 0 20px 0;	



		padding: 5px 20px;



		border: 1px solid #ccc;



		background: #eee;



		color: #444;



	}



	



	.metadata {



	border-top: 1px dotted #ccc;



	margin-bottom: 50px;



	text-align: right;



	}



		



	.alignright {



	float: right;



	}



		



	.alignleft {



	float: left



	}



	



	.navigation {



	padding: 1px;



	margin: 0;



	}







/* FOOTER */







#footer { text-align: right; clear: both; padding: 5px; border-top: 1px solid #ccc; }







#content_start {position: absolute;left: -10000px;};