/*



Theme Name:Ask Dr.Park 



Description: Custom Theme created by <a href="http://www.ferventsoft.com/">Fervent Software</a> .



Author: Fervent



Author URI: www.ferventsoft.com



 



--------------------------------------------------*/





body {

	background: #e2e2e2;

	color: #000000;

	font-size: 12px;

	font-family: Arial, Verdana, Sans-Serif;

	margin: 0px 0px 0px 0px;

	}



body * {margin: 0px; padding: 0px;}



a, a:visited { 

	color: #2397E9;

	font-weight: bold;

	text-decoration: underline;

	}

a:hover {

	font-weight: bold;

	text-decoration: none;

	color: #000000;

	}

#container { 

	background: #ffffff url(images/wrapper_bg.gif) repeat-y;

	width: 765px;

	text-align: left; 

	margin: 10px auto 0 auto; 

	

	

	overflow: hidden;

	}

#header {

	background:url(images/header_bg.jpg) no-repeat top center;

	padding:0; margin:0;

	text-align: left; height:86px;

	}	



#header img{

border:none; margin:20px 20px;}







#content { 

	display: block;

	background: #ffffff;

	width: 96%; 

	margin-top: 20px;

	margin-bottom: 20px;

	margin-left: 20px;

	margin-right: 20px; 

	

	}

#content p{

	margin: 0px;

	line-height: 18px;

	padding: 0px 0px 10px 0px;

	}

	

#content p img{

	border: none;

	padding: 0px 10px 10px 0px;

	}

#content h1 {

	color: #333333;

	font-size: 22px;

	font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;

	font-weight: normal;

	padding: 10px 10px 10px 10px;

	line-height: 150%;

	margin: 0px;

	}

	

#content h1 a  {

	color: #cccccc;

	text-decoration: underline;

	}



#content h1 a:hover {

	color: #2397E9;

	text-decoration: none;

	}



#content h2 {

	color: #333333;

	font-size: 18px;	

	font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;

	font-weight: bold;

	margin: 0px;

	line-height: 120%;

	font-variant: normal;

	}

#content h2 a  {

	color: #333333;

	text-decoration: none;

	}



#content h2 a:hover {

	color: #2397E9;

	background: none;

	text-decoration: underline;

	}



#content h3 {

	color: #333333;

	font-size: 14px;

	font-family: Helvetica Bold, Arial Bold, Verdana, Sans-Serif;;

	font-weight: bold;

	margin-bottom: 0px;

	line-height: 120%;

	}

#content h3 a  {

	color: #333333;

	text-decoration: none;

	}



#content h3 a:hover {

	color: #2397E9;

	background: #ffffff;

	text-decoration: underline;

	}



#content ol {

	list-style-type: decimal;

	line-height: 18px;

	margin: 0px;

	padding: 0px 0px 10px 30px;

	}

#content ul {

	list-style: none;

	margin: 0px;

	padding: 0px 0px 10px 0px;

	}

	

#content li {

	margin: 0px;

	padding: 0px;

	}

	

#content ul li {

	list-style: square inside;

	margin: 0px 0px 0px 10px;

	padding: 5px 0px 0px 0px;

	}

	

#content ul li a {

	color: #666666;

	text-decoration: underline;

	}



#content ul li a:hover {

	color: #000000;

	text-decoration: underline;

	}

blockquote{

	margin: 0px 0px 0px 25px;

	padding: 0px 25px 0px 10px;

	font-style: italic;

	color: #666666;

	border-left: 1px solid #cccccc;

	}

	

#content blockquote p{

	margin: 0px 0px 20px 0px;

	padding: 0px;

	}



.postspace {

	width: 440px;

	height: 32px;

	margin: 0px;

	padding: 0px;

	}

.postspace2 {

	width: 440px;

	height: 0px;

	margin: 0px;

	padding: 0px;

	}

.postspace3 {

	width: 440px;

	height: 15px;

	margin: 0px;

	padding: 0px;

	}

#content .left{

float:left;width:300px;}

#content .left img{

float:none; margin:0 0px 0 60px; }





#content .aaplayer{

float:left; background:url(images/audio_bg.gif); width:166px; height:105px; margin:10px 40px;float:left;}

#content .aaplayer iframe{

margin:60px 5px 0 60px; }



#content .aaplayer1{

background:url(images/audio_bg.gif); width:166px; height:105px; margin:20px auto;}



#content .aaplayer1 iframe{

margin:60px 5px 0 70px;}





#content .aaplayer2{

float:left; background:url(images/audio_bg.gif); width:166px; height:105px; margin:0px 30px 0 30px;}

#content .aaplayer2 iframe{

margin:60px 5px 0 60px;}



#content .top{

margin:10px 0px 10px 0px; padding:0; float:right; }



#content .top h3{

font-size:22px; color:#336699;}

#content .top img{

 float:left; margin:0 30px 0 30px; padding:0; border:none;}

#content .top p{

font-size:14px; padding-right:20px;}

#content .top p span{

color:#dc0000;}



#content .top .middleimg{

float:right; width:470px; margin-right:20px; border:3px solid #dc0000;}

#content .top .middleimg img{

float:left; margin:10px;}

#content .top .middleimg img.moving{

margin-top:70px}

#content .top .middleimg p{

margin-top:60px; font-size:16px;}

#content  p.print{

margin:100px 35px 0; line-height:18px; background:url(images/printer.jpg) no-repeat bottom left;}

#content  p.print a{

padding-left:30px;}





#content .middle{

 margin:0; padding:0; overflow:hidden}



#content .middle h2{

font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#4ea18c; margin-left:200px;  padding:0 70px; text-align:right}





	/* ----------- basic ----------- */

	#basic{margin:20px 0 0 155px;

	width:334px;

	padding:0px; float:left;

	background:url(images/formbg.gif) no-repeat top; overflow:hidden;

	padding:20px 0 0 0;

	}

	

	#basic form{ width:280px; margin:0px 0 20px 20px; padding:0;}

	#basic form label{

		display:block;

		font-weight:bold;

		text-align:right;

		width:110px;

		float:left;

	}

	#basic form textarea{

		float:right;

		width:250px;

		margin:0px 0 8px 20px;

	}

	#basic form input{

		float:right;

		width:160px;

		margin:2px 0 2px 5px;

	}

	#basic form button{ 

		clear:both;

		margin:10px 0 40px 30px;

		width:251px; height:47px;

		background:#888888 url(images/buttonbg.gif) no-repeat;

		color:#000;

		border:none;

		font-size:13px;

		font-weight:bold;

		padding:4px 6px; cursor:pointer;

	}







#content .bottomform{

margin:0; padding:0;}

#content .bottomform h3{

font-size:22px; font-size:22px; color:#990000; font-weight:normal}

#content .bottomform .subbutton{

width:251px; height:47px; margin:10px 0 10px 30px;

		background:#888888 url(images/buttonbg.gif) no-repeat;

		color:#000;

		border:none;

		font-size:13px;

		font-weight:bold;

		padding:4px 6px; cursor:pointer;}



#content .middle .right{

float:right; width:230px; margin:10px 0 0 0px; padding:5px;}

#content .middle .right p{

font-family:Arial, Helvetica, sans-serif; font-size:12px;

color:#000; text-align:justify; padding:10px 0 0 0; line-height:18px;}

#content .middle .right p span{

color:#cc3333; font-weight:bold; font-size:14px; }



#content .middle .right img{

margin-top:20px;}

#bottom_bg{ background:url(images/bottom_border.gif) no-repeat top center; margin:0 auto; padding:0;height:22px; width:765px;} 	





#content .top1{

margin:10px 0 0 0; padding:0; }

#content .top1 h2{

font-size:26px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#336699; font-weight:normal; text-align:center;

}

#content .top1 .img{

 padding:0; margin:0 200px 0 0px;  width:290px; float:right;}

#content .top1 .img1{

 padding:0; margin:0 auto;  width:166px; background:url(images/audio_bg.gif); width:166px; height:105px;} 

 

#content .top1 .audio{

padding:0; margin:0 auto;  width:595px; background:url(images/buttonbg_1.gif); 

 height:100px;}



#content .top1 .audio h3{font-size:26px; color:#000;

 padding:0 10px 0 10px; text-align:center;line-height:100px;}

#content .top1 .audio h3 a{font-size:26px; color:#000;

 text-align:center; font-weight:bold; }

#content .top1 .audio h3 a:hover{color:#336699; text-decoration:none;

 } 



 

 #content .top1 .audio1{

padding:0; margin:0 auto;  width:251px; background:url(images/buttonbg.gif); 

 height:47px;}



#content .top1 .audio1 h3{font-size:16px; color:#000;

 line-height:47px; padding:0 20px 0 40px;}

#content .top1 .audio1 h3 a{color:#000; background:none; text-decoration:none;} 

 

#content .top1 p{ padding:10px; } 

 

 

 

 

 

#footer { 

	color: #000;	

	font-weight: normal;

	padding:0;

	font-size:11px;

	text-align: center;

	margin:0 auto 10px;

	clear: both;

	width:765px;

	

	}

#footer a {

	color: #000;

	text-decoration: none;

	}

#footer a:hover {

	color: #666666;

	text-decoration: underline;

	}