@import url('undohtml.css');

/*
 =GENERAL
 -----------------------------------------------------------------------------*/
body
{
	background: #293243;
	color: #1B2B28;
	font: normal 1em/1.2em Verdana, Arial, sans-serif;
	text-align: center;
}

a
{
	color: #4B663B;
}

/*
 =CONTENT
 -----------------------------------------------------------------------------*/
#content
{
	background: #FFF;
	float: right;
	width: 550px;
	padding: 4px;
	font-size: 90%;
	line-height: 1.1;
	text-align: justify;
}

#content a
{
	color: #00446A;
	text-decoration:underline;
}

#content a:hover
{
 color: #910008;ff8a22;
 text-decoration: underline; 
}

#content h2
{
  color: #0383B4;
	margin: 10px;
	font-size: 14px;
}

#content h3
{
 color: #009513;
 margin: 10px;
 font-size: 14px;
}

#content p
{
  margin: 5px 10px;
	font-size: 12px;
}

#content img.float_left
{
  	float: left;
  	margin-right: 5px;
	padding: 3px;
}

#content img.float_right
{ 
	float: right;
	margin-left: 5px;
	padding: 3px;
}

#content ul
{
 	margin: 10px 40px;
}

#content li
{ 
	font-size: 11px;
	color: #4a4a4a;
}

#content table
{
  margin-left: 40px;
}

#content td
{ 
	 border: 1px solid #ccc;
}

#content td.blue
{
 	border: 1px solid #fff;
	background: #B2CCE5;
}

#content td.orange
{
 border: 1px solid #fff;
 background: #fff8dd;
 text-align: center;
}

#content p.red
{
 	font-size: 11px;
  color: #C61B1E;
}

#content span.title
{
  font-size: 14px;
	color: #00446A;
	font-weight: bold;
	text-align: center;
}

#content p.blue
{
 font-size: 11px;
 color: #00446A;
 text-align: center;
}

#content h4
{
  	font-size: 16px;
	text-decoration: underline;
	color: #C61B1E;
	text-align: center;
	margin: 10px;
}

#content div.post
{
	border: 1px solid #CCC;
	margin-top: 2em;
	padding: .5em;
}
#content div.post h2,
#content div.post h3
{
	margin-left: .5em;
}
#content div.post h2 a,
#content div.post h3 a
{
	background: #FFF;
	padding: 0 .5em;
}
#content .center 
{ 
	font: 600 14px Arial, sans-serif; 
	text-align: center; 
}

div.navigation
{
  padding: 10px;
}

div.alignleft
{
	float: left;
	width: 200px;
	font-size: 11px;
	text-align: right;
}
div.alignright
{
	float: left;
	text-align: left;
	width: 200px;
	font-size: 11px;
	padding-left: 130px;
	
}


/*
 =SIDEBAR
 -----------------------------------------------------------------------------*/
#sidebar
{
	float: left;
	background: #CFEBD2;
	width: 200px;
	margin: 3px;
	border: 2px solid #8ED39C;
	color: #000;
}
#sidebar h3
{
	background: #EAF6EC;
	border-top: 2px solid #8ED39C;
	padding: .2em 0;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	line-height: 1;
	color: #00446A;
}

#sidebar li a
{
	color: #00446A;
}

#sidebar li li a
{
	font-weight: bold;
}
#sidebar li li li a
{
	font-weight: normal;
}

#sidebar li ul
{
	padding: .5em 0;
	padding-left: .5em;
}

#sidebar li ul li a
{
	display: block;
	background: transparent url(/images/arrow.jpg) 0 0 no-repeat;
	padding-left: 25px;
	font-size: 90%;
}

#sidebar li ul li a:hover
{
	display: block;
	background: transparent url(/images/arrow.jpg) bottom left no-repeat;
}

#sidebar #searchform
{
	margin: .5em 0;
	text-align: center;
}

#sidebar #searchform input#s
{
	width: 100px;
	height: 18px;
	padding: 1px;
	border: 1px solid #8ED39C;
}

#sidebar #searchform input#searchsubmit
{
	vertical-align: middle;
}

/*
 =WRAPER
 -----------------------------------------------------------------------------*/
#wraper
{
	background: #FFF;
	width: 769px;
	border: 1px solid #FFF;
	margin: 0 auto;
	text-align: left;
}

/*
 =HEADER
 -----------------------------------------------------------------------------*/
#header
{
	position: relative;
	background: url(/images/couple.jpg) 0 0 no-repeat;
	height: 180px;
}

#header h1
{
	position: absolute;
	top: 0;
	left: 220px;
	background: url(/images/site_name.jpg) 0 0 no-repeat;
	height: 20px;
}
#header h1 a
{
	display: block;
	height: 20px;
	width: 221px;
	text-indent: -9000px;
}

	/*
	 =DESCRIPTION
	 -------------------------------------------------------------------------*/
	#header div
	{
		background: #B1E5B7;
		margin-left: 211px;
		clear: both;
		height: 66px;
		margin-left: 211px;
	}
	
	#header div h2
	{
		background: url(/images/description.jpg) 0 0 no-repeat;
		height: 48px;
		text-indent: -9000px;
	}
	
	#header div dl
	{
		background: url(/images/bgflags.jpg) right top repeat-y;
		height: 14px;
		margin: 0;
		padding: 0;
		padding-top: 2px;
	}
	
	#header div dt
	{
		display: none;
	}
	
	#header div dl dd
	{
		display: inline;
		margin: 0;
		padding: 0;
		text-indent: -9000px;
	}
	
	#header div dd a
	{
		display: block;
		float: right;
		background: #FFF 0 0 no-repeat;
		width: 22px;
		height: 12px;
	}
	
	#header div dd a#deutsch  { background-image: url(/images/de.jpg); }
	#header div dd a#francais { background-image: url(/images/fr.jpg); }
	#header div dd a#italiano { background-image: url(/images/it.jpg); }

	/*
	 =MAINNAV
	 -------------------------------------------------------------------------*/
	#header ul
	{
		margin-left: 210px;
		padding-top: 20px;
	}
	
	#header ul li
	{
		display: inline;
	}
	
	#header ul li a
	{
		display: block;
		float: left;
		background: #FFF 0 0 no-repeat;
		height: 93px;
		border-left: 1px solid #FFF;
	}
	#header ul li a span
	{
		display: none;
	}
	
	#header ul li a#enlargementpills   { background-image: url(/images/btnpills.jpg); width: 123px; }
	#header ul li a#enlargementdevices { background-image: url(/images/btndevices.jpg); width: 141px; }
	#header ul li a#patches            { background-image: url(/images/btnpatches.jpg); width: 83px; }
	#header ul li a#penisexcercises    { background-image: url(/images/btnexercises.jpg); width: 102px; }
	#header ul li a#penisprovisions    { background-image: url(/images/btnprovisions.jpg); width: 105px; }

/*
 =FOOTER
 -----------------------------------------------------------------------------*/
#footer
{
	clear: both;
	background: #0AB0EE url(/images/bgfooter.jpg) 0 0 repeat-x;
	color: #FFF;
	height: 22px;
	padding-right: 50px;
	text-align: right;
}

#footer a
{
	font-size: 75%;
	color: #FFF;
}

#footer ul li
{
	display: inline;
}

#footer p
{
  font-size: 11px;
}