/*

Theme Name: Dirtylicious

Theme URI: http://templates.arcsin.se/

Version: 1.0

Description: A soft-colored, bright and somewhat dirty two-column theme. Based on the <a href="http://templates.arcsin.se/">free website template</a> Dirtylicious. Also available as <a href="http://templates.arcsin.se/dirtylicious-joomla-template/">Joomla template</a>.

Author: Viktor Persson

Author URI: http://arcsin.se

*/

/* standard elements */

html {min-height: 100%;}

* {

	margin: 0;

	padding: 0;

}

a {color: #048;}

a:hover {color: #06C;}

a img {border: none; padding: 0px 5px 3px 0px;}

body {


	background: #deedf8 url(img/background.gif) repeat-x;

	color: #444;

	font:65% "Trebuchet MS", Verdana,Tahoma,Arial,sans-serif;

line-height:1.9em;
	padding-top: 7px;


}

p,code,ul {padding-bottom: 1.2em; font-size:1.1em;  }


li {list-style: none;}

h1 {font: normal 1.8em Tahoma,sans-serif;}

h2 {font: normal 1.3em sans-serif; color:#333333; padding-bottom:15px; }

h3 {font: bold 1em Tahoma,sans-serif;}

h1,h2,h3 {padding-top: 6px; color: #016db8; margin-bottom: 5px; }


code {


	background: #FFF;

	border: 1px solid #EEE;

	border-left: 6px solid #CCC;

	color: #666;


	display: block;

	font: normal 1em Tahoma,sans-serif;

	line-height: 1.6em;

	margin-bottom: 12px;

	padding: 8px 10px;

	white-space: pre;


}

.wp-caption .alignleft {}

/* WP 2.6.2 img alignment fix */

img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
	/* WP 2.6.2 img alignment issue */



blockquote {


	background: url('img/quote.gif') no-repeat;
	display: block;

	font-weight: bold;

	padding-left: 28px;

}



/* misc */


.clearer {clear: both; font-size: 0;}

.left {float: left; margin-left:10px;}


.right {float: right; margin-right:10px;}

/* structure */







.inner-container {


	
	font-size: 1.2em;

	margin: 0 auto;

	padding: 0px;

	width: 952px;
	
	text-align:justify;

	
}


*html .inner-container {
	
	margin-left:10%;
	
}


.outer-container {

	padding-bottom: 64px;
	


}

/* homepage content styles */

#wrapper {width:952px; margin: 0 auto; background:url(images/wraptile.jpg) repeat-y; margin-top:30px; }

h2.homenav {font-size:1.0em;}

/* header & title */


.titleheader {float:left; margin-left:50px;   }


.slogan {float:left; margin-left:750px; font-size:14px; font-weight:bold; color:#ffffff; text-decoration:none;  margin-top:-18px;}


.titleholder {margin: auto, 0; width:952px;}

h1.lefttitle {float: left; margin-left:5px; font-size:1.5em;}

h1.righttitle {float: right; margin-right:5px; font-size:1.5em; }

/* text header site header styles*/


#toptexthead {margin: 0 auto; width:950px; height: 30px; }

*html #toptexthead {margin-left:10%;}


.righttitle {color:#fff;}

.siteheader:link {color:#fff; text-decoration:none;}

.siteheader:hover {color:#fff; text-decoration:underline;}


.siteheader:active {color:#fff; text-decoration:none;}

.siteheader:visited {color:#fff; text-decoration:none;}


/* new clickable headers */

#headertop {width:952px; height:150px; background:url(img/header_top.jpg) no-repeat;}

#headerbottom {width:952px; height:150px;}

*html #headerbottom { display:inline;}

#logo {float:left; margin-left:0; margin-top:0; width:280px; height:150px;  }


*html #logo {position:absolute; display:inline;}

.header {


	background: #222 url('img/header.jpg') no-repeat;

	height: 300px;
	margin-bottom: 0px;
	text-align: center;

}

.header .title {

	color: #006DB9;
	padding-top: 50px;

}


.header .title .sitename a {

	border-bottom: 1px dashed #657382;
	color: #FFF;
	font: normal 3em sans-serif;
	padding-bottom: 2px;
	text-decoration: none;

}

.header .title a:hover {border-color: #F60;}

.header .title .slogan {

	font: normal 1.1em Verdana,sans-serif;

	padding-top: 6px;

}

/* path */


.path {
width: 568px;
height:39px; 
float:right;
margin-right:15px; 
margin-top:36px; 
	background: url('img/topnavback.gif') no-repeat;

	color: #FFF;

	font: normal 1.1em Verdana,sans-serif;

	

}

*html .path {margin-right:5px; display:inline;}


.path li,.path ul {display: inline; }
.path a {

	color: #006DB9;
	text-decoration: none;
	margin-right: 16px;


}




.path a:hover {
	color: #006DB9;
	text-decoration: underline;

}


/* style nav fix for IE6 */

.topnav {float:left; margin-left:40px; margin-top:10px; display:inline;}

.topnav a {color: #006DB9;
	text-decoration: none;
	margin-right: 16px;


}

.topnav a:hover {
	color: #006DB9;
	text-decoration: underline;

}



/* main */

.main {

	background: #ffffff;

	border-top: 4px solid #FFF;

	padding: 8px 12px 0 0;
}




/* content */

.content {
	float: right;

	width: 675px;

}

.content .descr {

	color: #00529F;
font-size: 0.9em;
	margin-bottom: 6px;


}

.content li {

	line-height: 1.4em;
	list-style: url('img/li.gif');
	margin-left: 18px;
}

.content p {font-family: "Lucida Sans Unicode",sans-serif;}


.entry {text-align:justify;}

/*contenthome */


/* content */

.contenthome {
	float: right;

	width: 677px;

}

*html .contenthome {margin-right:-20px; display:block;}



.contenthome .descr {

	color: #00529F;
font-size: 0.9em;
	margin-bottom: 6px;


}


.contenthome p {font-family: "Lucida Sans Unicode",sans-serif;}




/****/


/* navigation */

.navigation {

	float: left;
width: 210px;

}

.navigation h2 {
color: #ffffff;
font: bold 1.1em Tahoma,sans-serif;
line-height: 30px;
margin: 0;
padding-left: 12px;

}

.navigation ul {
padding: 0;
border-top: 1px solid #EAEADA;

}

.navigation li {border-bottom: 1px solid #EAEADA;}

.navigation li a {
font-size: 1.1em;
color: #554;
display: block;
padding: 8px 0 8px 5%;
text-decoration: none;
width: 95%;

}


.navigation li a:hover {

background: #6083b1;
color: #654;	


}


/* */


.footer {
background: url('img/footer.jpg') no-repeat;
width:952px;
height:51px;


}



*html .homefooter {margin-left:10%;}

.footertext {color: #006DB9;
font-size: 1.2em;
float: left; margin-left:10px;
margin-top:12px;

}



.footertext a {
color: #006DB9;
text-decoration: none;

}


.footertext a:hover {color: #006DB9;

text-decoration:underline;

}

.copyright {float:left; margin-left:730px; margin-top:0px; width:350px; font-size:1.2em; color:#fff; }



.copyright a:link {color:#fff; text-decoration:none;}

.copyright a:hover {color:#fff; text-decoration:underline;}

.copyright  a:visited {color:#fff; text-decoration:none;}

/* posts */

.post h1 a {
color: #00529F;
text-decoration: none;


}


.post h1 a:hover {
border-color: #F60;
color: #7BB7E4;

}

h2.posthome  {font-size: 1.3em; display:block; padding: 2px 0px 5px 0px;}

h2.posthome  a {color: #00529F;
text-decoration: none;

}

h2.posthome a:hover {

color: #00529F;
text-decoration:underline;

}


.post {margin: 6px 0 2px;}

.post .info{
background: #F5F5F5;
border: 1px solid #E3E4E4;
color: #666;
margin: 2px 0 4px;
padding: 5px 10px;

}

.post img {
padding: 3px 7px 7px 0px;

}

.post a img {border: 4px solid #fff;}

.post a:hover img {border-color: #CCC;}

.info a {text-decoration: none;}

.info a:hover {text-decoration: underline;}

/* comments */

.content ol li {
background: none;


}


.commentlist {margin: 0; padding: 0;}

.commentlist li {

margin-bottom: 1.2em;
list-style: decimal;

}

#commentform {


	margin: 1em 0;
background: #FAFAFA;
width: 360px;

}


.commentmetadata {padding: 2px 0 4px;}


.commentmetadata a {

color: #444;
text-decoration: none;


}


.commentmetadata a:hover {text-decoration: underline;}

textarea.styled {width: 280px;}

.styled {

	font-size: 1.1em;
	background: #F8F7F6;
	border: 1px solid #D6D3D3;

}

.styled:hover {

	background: #FFF;
	border: 1px solid #D6D3D3;

}

.styled:focus {

	background: #FFF;
border: 1px solid #939793;

}

#commentform input {margin-bottom: 3px;}

/* calendar */

#wp-calendar {color:#A0A0A0;}


.navigation table caption {border-bottom-color:#000;}
.navigation table thead tr {

  border-bottom-color:#000;
  color:#A53512;


}

.navigation table th {border-bottom-color:#000;}

.navigation table td#today {

  border-color:#000;

  color:#A53512;
}

.navigation table td a {


  border-bottom-color:#000;
 background-color:#EDF3DE;


}


.navigation table tfoot {border-top-color:#000;}

.navigation table tfoot a {background:none;}


/* calendar

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

#wp-calendar {

  display:inline-table;
border-collapse:collapse;
width:185px;
 margin:0px 10px 0 10px;
 text-align:center;


}


.navigation table caption {

  margin: -5px 10px 0 10px;

 padding-bottom: 5px;
  border-bottom: 1px solid;
 letter-spacing: 0.1em;


}



.navigation table thead tr {border-bottom:1px solid;}

.navigation table th {border-bottom:1px solid;}


.navigation table td {

  width: 225px; /* maximaize width; honestly, I don't know much about tables... */
 padding: 1px;
 font-size: 0.9em;

}


.navigation table td#today {
 padding: 0;
 border: 1px solid;
 font-size: 1em;
 font-weight: bold;


}


.navigation table td a {
 display: block;
 border-bottom: 1px solid;
 font-weight: bold;
font-size: 1.15em;

}

.navigation table tfoot {border-top:1px solid;}

.navigation table tfoot a {

  border: none;

  font-weight: bold;

}


.navigation table tfoot #prev a {text-align:left;}

.navigation table tfoot #next a {text-align:center;}


/* search area top header */

#searchbar {width:100%; height:38px; background:#fff url(img/searchback.jpg) no-repeat;}

*html #searchbar {margin-top:-8px;}

#searchfieldholder {float:right; margin-right:15px;  }

#searchform {padding: 10px;}


/*sidebar new (fglare)*/

#sidebar {width:235px; margin-left:3px;  }

#sidebarcontent {width:100%;}

.sidbarheader {width:100%; height:15px; }

.sidebarfooter {width:100%; height:19px; }


#sidebarlist ul {

	list-style: none;
margin: 0 0 20px 0;
padding: 0;


}


#sidebarlist ul li {

	display: inline;
	margin:0;
padding:0

}

#sidebarlist li{
list-style: none;


}

#sidebarlist ul li a {

border-bottom: 1px solid #eee;
width:180px;
display: block;
text-decoration: none !important;
margin-left: 0px;
padding-top: 4px;
padding-right: 0px;

padding-bottom: 2px;

padding-left: 25px;

background-image: url(img/navbulle.gif);

background-repeat: no-repeat;

background-position:5px 50%;


}

.sidebox {background:#e6e6e6 url(img/sidebar_background.jpg) repeat-y; width:100%; }

/* sidebar icons */

img.icons {float:left; marigin-left:5px;}

/*homepage*/


#homewrapper {width:950px; background:#FFFFFF; float:left; margin: auto, 0; }


#footerhome {width:950px; background: url('img/topnavback.gif') repeat-x;   margin: auto, 0; border:0px solid #D7D7D2;}

.clear {clear:both;}


/* homepage content */

	#displayboxleft {

float: left;
margin-left:5px;
width: 450px;
height:250px;
padding:2px;
background: url(http://www.nexugen.com/images/home_promo.jpg) no-repeat;


	}
	
.promolist ul li {float:left; margin-left:5px; margin-top:60px; font-size:.9em; font-weight:bold; color:#143d8d;   width:250px;}
	
	
	
	

#displayboxright {

float:left;
margin-left:15px;
width: 450px;
height:250px;
padding:0px;
background: #ffffff;
border-style: solid; 
border-color: #ffffff;
border-width:1px;


	}


	#homebodywrap {margin: auto, 0; width:940px; background: url(/images/homeback.gif);

	}

#homebodywrap_special {margin: auto, 0; width:940px; background:#fff;


	}


	#homesidebar { float:left; margin:left:6px; width:190px;  }

	#featureleft  {float:left; width:312px; height:195px; }

	#featureright {float:left; margin:312px; height:195px; }

	#generalinfo {float:left; width:717px; background:#e6e6e6;}

	#resultsinfo {float:left; width:717px; background:#e6e6e6;}

.featuretest {float:left: margin-left:5px; padding: 0px 0px 5px 0px; text-align:center;}

#genprodinfo {float:right; margin-right:-5px; width:730px;    } 

	
/*old product text*/

#results {float:left; margin-left:3px; width: 253px; border: 1px solid #e7e7e7; padding:5px;  }


#prodinfo {float:left; margin-left:3px; width:417px;border: 1px solid #e7e7e7; padding:5px;} 

h2.home {color:#f77808;}

h3.home {color:#f77808;}

h4.home {color: #41599a}

p.bluetext {color:#f77808;}


/* newsletter */

#sub190 {float:left; width:190px; padding: 0px 0px 10px 0px;}

#subbox {float:left; margin-left:7.5px; width:160px;  margin-top:3px; background:#d2d9e6;  border: 1px solid #344585; padding: 3px 3px 3px 7px;

}



.subscribetext {color:#444; font-size:1.0em; margin-top:-90px; }

#homepromo {width:950px; height:272px; }

.thumbnail_class {float:left; padding: 0px 3px 3px 0px;}


#tagger {width:250px;}

/* page sidebar frame */

#pageholder {width:235px; float:left; margin-left:5px; margin-top:-7px;}
#page_header {width:100%; height:10px; background:url(img/nav_header.jpg) no-repeat;}

#page_body {width:100%; background:  url(img/nav_tile2.jpg) repeat-y;}

*html #page_body {margin-top:-3px;}

#page_footer {width:100%; height:16px; background:url(img/nav_footer.jpg) no-repeat;}

.pagelist ul li {width:195px; text-decoration:none; list-style-type:none;}

.pagelist li {line-height:1.9em;}

.pagelist {margin-left:5px;}

.pagelist a {font-size:1.2em; }

.pagelist a:hover {background:url(img/roller.gif) no-repeat; }



/* main navigation rollovers */

ul.mainnav {

margin:0;
padding:0;
list-style-type:none;
background:#e1eff8;
width:235px;
font-weight:bold;
padding: 0px 0px 0px 0px;
}

ul.mainnav a { 
display:block; 
width:235px;  
height:38px;
line-height:35px;
color:#ffffff;
font-size:1.0em; 
text-decoration:none;


background:#e1eff8 url(img/button_double.jpg) no-repeat ;


text-indent: 20px;

}

li.mainnav {display:inline;}

.mainnav a:hover, .eelected a {
background-position: right bottom;
color:#006DB9;

}


/* register button */

.regbutton {
width:193px;
padding: 15px 0 5px 20px;

	
	
	
}





/* HOMEPAGE SPECIFIC STYLES */


#homesidebar {
	
	width:210px; 
	margin-left:3px;  
	float:left;}

#homecontent {
	float: right;
	margin-right:0px;
width: 680px;
background: #e6e6e6;

}




#greenhome {float:left; margin-left:15px; width:630px; height:278px;  background:url(img/greenback_top.jpg) no-repeat; }

img.greenimg {margin-left:-8px; display:block; }



*html img.greenimg {margin-left:-15px; width:630px; background:url(img/greenback_bottom.jpg) no-repeat;}

#missiontextholder { float:left; margin-left:5px; margin-top:55px; width:595px; padding: 3px 3px 3px 3px;}

h1.missiontext {font-size:1.6em; color:#154235; text-align:justify; line-height:1.4em; }

#featuresbox {float:left; width:712px; padding: 5px 5px 25px 5px; text-align:center; }

*html featuresbox {display:block; margin-left:5px;}


.featureboxleft {float:left; padding: 5px 5px 5px 5px;  width:189px; height:105px;}

*html .featureboxleft {padding: 0px 0px 0px 0px;} 

.featureboxcenter {float:left; padding: 5px 5px 5px 25px;  width:189px; height:105px;}

*html .featureboxcenter {marginleft:-10px; padding:0px 0px 0px 0px;}

.featureboxright { float:left; padding: 5px 5px 5px 25px;   width:189px; height:105px;}

*html .featureboxright {marginleft:-10px; padding:0px 0px 0px 0px;}


/* 2nd level of icon buttons */

#featuresbox-lower {margin: 0 auto; width:500px; padding: 5px 5px 25px 5px; text-align:center; }

*html featuresbox-lower {display:block; margin: 0 auto;}

.featurebox-lowleft {float:left; padding: 5px 5px 5px 25px;  width:189px; height:105px;}

*html .featurebox-lowleft {marginleft:-10px; padding:0px 0px 0px 0px;}

.featurebox-lowright { float:left; padding: 5px 5px 5px 25px;   width:189px; height:105px;}

*html .featurebo-lowright {marginleft:-10px; padding:0px 0px 0px 0px;}



.featuretitle {width:189px; font-size:1.3em; }

.featuretitle a {font-size:1.2em; color:#006db9; text-decoration:none;}

.featuretitle a:hover {text-decoration:underline;}

.featuretitel a:visited {text-decoration:none;}

h2.featuretitle {font-size:1.8em; color: #006db9; display:block;  width:280px; text-align:center;}

#recentevent {background:url(img/featureback.jpg) repeat:y; width:100%; padding-top:7px; }

#recentbox { float:left; width:280px; padding: 25px 5px 5px 5px;}

#eventbox {float:left;  width:280px; padding: 25px 5px 5px 25px;}



/* internal UL */

.sublist ul li {margin-left:15%; width:500px;}

/******
hearing aid button
*******/

.hearingaid {
	
width:200px;
padding: 4px 0 0 35px;
	
	
}