/*
Theme name: Kuuler I
Theme URI:http://preuro.eu/kuuler-1-theme/
Description: New theme designed by Stratus. Fixed-width, three columns and three dynamic sidebars, widget ready theme.
Tags: light, white, fixed-width, three-columns, sticky-post
Author: Stratus
Author URI:http://preuro.eu/
Version: 1.1.1
*/

/********** General **********/
body {
	background: url(images/bg_body.gif);
	font-size: 12px;
	font-family: 'Arial', Verdana, Sans-Serif;
	color: #666666;
	margin: 0;
	padding: 0;
	text-align:center;
	line-height:150%;
}
.right {
	text-align: right;
}
.center {
	margin: auto;
	text-align: center;
}
.clear {
	clear: both;
}
a:link, a:visited{
	color: #C02138;
	text-decoration: underline;
}
a:hover, a:active{
	color: #C02138;
	text-decoration: underline;
}
h4 {
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #ff3300;
}
h5 {
	font-size: 12px;
	margin:0 ;
	padding:0;
	color:#ff3300;
}
h6{
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif
}

p{
	margin: 0;
	padding:0;
}
textarea{
	width:99%;
}
#top {
	background: url(images/bg.png) repeat-y;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}
#page {
	width: 980px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
.recycleBox01 {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #CCCCCC;
	width:100%;
	height:130px;
	margin: 0 0 10px 0;
}
ul.clearfix  {
	display:block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.recycleBox01 ul li {
	background:url("images/ico_recycle01.gif") no-repeat scroll left center transparent;
	float:left;
	padding-left:15px;
	margin:5px 10px;
	width:80px;
	list-style:none;
	display:inline;
}
.recycleChart01 th {
background: #543736;
border:1px solid #8C6F64;
color:#FFFFFF;
font-weight:normal;
padding:5px;
text-align:left;
vertical-align:top;
width:100px;
}

#area_red{
	margin-top:10px;
	padding:10px;
	background:#FFF3F1;
}
#area_red h2{
	font-size:16px;
	font-weight: bold;
	color:#C02138;
	margin:0 0 10px 0;
	padding:0;
}
#area_black {
	background: #f1f1f1;
}
#area_black h2{
	background: url("images/black_h2.png") no-repeat;
	text-indent:-9999px;
	height:34px;
	margin:10px 0 0 0;
	padding:0;
}
#area_black_kai h2{
	background: url("images/black_kai_h2.png") no-repeat;
	text-indent:-9999px;
	height:34px;
	margin:10px 0 0 0;
	padding:0;
}
#area_black .detail {
	padding:0 10px 10px;
}
#area_black h4 {
	padding:10px;
}
#area_black h5 {
	border-left:5px solid #FF3300;
	padding:0 0 0 10px;
	font-size:16px;
	margin:10px 0;
}


/************** header **************/
#header{
	float:left;
	margin: 0 0 10px 0;
	padding:0;
	width:100%;
}
#header h1{
	margin: 5px 0 10px;	
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;	
	font-family: Arial, Helvetica, sans-serif;
}
#header h1 a:hover {
	color: #333333;
	text-decoration:none;
}
#header_left {	
	float:left;	
	width:970px;
	border:0;
	text-align:left;
	padding-left:10px;
	background:#333333;
	color:#fff;
	margin: 0 0 10px 0;
}
#header_logo a {
	display:block;
	float:left;
	margin:0 10px;
	width:220px;
	height:108px;
	background:url(images/logo1.gif) no-repeat;
	text-indent:-9999px;
	outline:none;
}
#header_flow {
	float:right;
	margin:0 10px 0 0;
	width:378px;
	height:108px;
	background:url(images/header_flow.jpg) no-repeat;
	text-indent:-9999px;
}
#header_tel a {
	display:block;
	float:right;
	width:308px;
	height:108px;
	background:url(images/header_tel.jpg) no-repeat;
	text-indent:-9999px;
	margin:0 10px 0 0;
	outline:none;
}
#main {
	float:left;
	width:980px;
	margin: 0 auto;
}
#sidebar-left fieldset{
	border:0px;	
	margin:0px;	
	padding:0px;
}
#sidebar-left #srcinput {
	font-size:12px;	
	margin: 1px 0px;	
	border: 1px;	
	background:#eeeeee;	
	padding: 2px;	
	border-color:#eeeeee;	
	border-style:solid;
	width:100px;
}
#sidebar-left #srcbutton{
	font-size:12px;
	margin: auto 0px;	
	border-width:1px;	
	background: #f2f2f2;	
	padding: 1px 2px;	
	border-style:solid;
}

.srcform{
	border:no;
}
.srcinput {
	font-size:9px;
	width:140px;	
	margin: 1px 0px;	
	border: 1px;	
	background:#eeeeee;	
	padding: 2px;	
	border-color:#eeeeee;	
	border-style:solid;
}
.srcbutton{
	font-size:9px;
	margin: auto 0px;	
	border:1px solid #FFFFFF;	
	background: #f2f2f2;	
	padding: 1px 2px;	
	
}
/* Using header right as a dynamic sidebar requires these as well */
#header-right h2{
	font-size:5px;
}
/* Deal with left, right and bottom sidebars */
#sidebar-right {
	float: right;
	width:170px;
	padding: 0 10px 0 0;
}
#sidebar-right p {
	color:#999999;
	font-size:10px;
	font-weight:normal;
}
#sidebar-right li {
	list-style:none;
}
#sidebar-right .shop3 a {
	float:left;
	text-indent:-9999px;
	background:url("images/right_shop3.gif") no-repeat;
	width:100%;
	height:158px;
	margin:0;
	padding:0;
}
#sidebar-right .shop4 a {
	float:left;
	text-indent:-9999px;
	background:url("images/right_shop3.gif") left bottom no-repeat;
	width:100%;
	height:43px;
	margin:0 0 10px 0;
	padding:0;
}

#sidebar-left {
	float:left;
	font-size:14px;
	margin:0;	
	width:180px;
	padding:0 0 0 10px;
}
#sidebar-bottom {
	border-top: 1px solid  #999999;	
	padding-top: 3px;	
	margin:5px auto;
}
#sidebar-bottom .widget_bottom  {
	float:left;	
	list-style-type:none;	
	text-align:center;	
	margin:0 10px;	
	display:inline;	
	width:191px; 
}
#sidebar-right a:link,
#sidebar-left a:link,
#sidebar-bottom a:link,
#sidebar-right a:visited,
#sidebar-left a:visited,
#sidebar-bottom a:visited{
	color:#676767;
}
#sidebar-right a:hover,
#sidebar-left a:hover,
#sidebar-bottom a:hover,
#sidebar-right a:active,
#sidebar-left a:active,
#sidebar-bottom a:active{
	color:#283d5a;	
	text-decoration: none;
}
#sidebar-right ul,
#sidebar-left ul,
#sidebar-bottom ul{
	float:left;
	display:block;
	width:100%;
	list-style-type: none;	
	margin:0;	
	padding:0;
	text-align:left;
}
#sidebar-right li li,
#sidebar-left li li,
#sidebar-bottom li li {
	margin:2px 0;	
	padding:4px 1px 3px 5px;
}
#sidebar-right li li:hover,
#sidebar-left li li:hover,
#sidebar-bottom li li:hover {
	color:#666666;
	font-weight:700;		
	background:#f2f2f2;		
}
#sidebar-right .current_page_item,
#sidebar-left .current_page_item,
#sidebar-bottom .current_page_item,
#sidebar-right .current-cat,
#sidebar-left .current-cat,
#sidebar-bottom .current-cat{
	background:#cccccc;
}
#sidebar-right h2,
#sidebar-left h2,
#sidebar-bottom h2{
	text-align:left;
	padding-bottom:4px;	
	color:#676767;	
	font-size:15px;
	font-weight:bold;
	border-bottom:#CCCCCC solid 1px;
}
/* Show calendar in bottom sidebar */
#calendar-bottom table{
	margin:auto;
	width:90%;
}
#calendar-bottom a:link,
#calendar-bottom a:visited {
	font-weight:bold;
	color:#5C6FA3;
}
#calendar-bottom a:hover,
#calendar-bottom a:active{
	color:#283d5a;	
	text-decoration:none;
}
#calendar-bottom #today {
	background:#F3F0F6;
}

.divider{
	height:5px;	
	padding:0;		
	margin:0;
}
.border_hr_thin{
	height:13px;	
	width:100%;		
	margin:auto;
}
/**************** Header:Menu *****************/
#header #header-menu {
float:left;
	margin:10px auto 0;
	width: 100%;
	height: 40px;
	list-style:none;
}
#header #header-menu ul {
	margin: 0;
	padding:0;
	list-style-type: none;
}

#header #header-menu li {
	margin:0px;
	padding:0px;
	display:block;
	float:left;
}
#header #header-menu li a{
	text-indent:-10000px;
	outline: none;
}
#menu01 a {
	display:block;
	width:140px;
	height:40px;
	background:url("images/gnav.png") no-repeat;
}
#menu01 em a 	   {text-decoration:none; background-position:0 -40px;}
#menu01 a:hover    {text-decoration:none; background-position:0 -40px;}
#menu01 em a:hover {text-decoration:none; background-position:0 -40px;}

#menu02 a {
	display:block;
	width:140px;
	height:40px;
	background:url("images/gnav.png") no-repeat;
	background-position:-140px 0;
}
#menu02 em a       {text-decoration:none; background-position:-140px -40px;}
#menu02 a:hover    {text-decoration:none; background-position:-140px -40px;}
#menu02 em a:hover {text-decoration:none; background-position:-140px -40px;}

#menu03 a {
	display:block;
	width:140px;
	height:40px;
	background:url("images/gnav.png") no-repeat;
	background-position:-280px 0;
}
#menu03 em a       {text-decoration:none; background-position:-280px -40px;}
#menu03 a:hover    {text-decoration:none; background-position:-280px -40px;}
#menu03 em a:hover {text-decoration:none; background-position:-280px -40px;}

#menu04 a {
	display:block;
	width:140px;
	height:40px;
	background:url("images/gnav.png") no-repeat;
	background-position:-420px 0;
}
#menu04 em a       {text-decoration:none; background-position:-420px -40px;}
#menu04 a:hover    {text-decoration:none; background-position:-420px -40px;}
#menu04 em a:hover {text-decoration:none; background-position:-420px -40px;}

#menu05 a {
	display:block;
	width:140px;
	height:40px;
	background:url("images/gnav.png") no-repeat;
	background-position:-560px 0;
}
#menu05 em a       {text-decoration:none; background-position:-560px -40px;}
#menu05 a:hover    {text-decoration:none; background-position:-560px -40px;}
#menu05 em a:hover {text-decoration:none; background-position:-560px -40px;}

#menu06 a {
	display:block;
	width:140px;
	height:40px;
	background:url("images/gnav.png") no-repeat;
	background-position:-700px 0;
}
#menu06 em a       {text-decoration:none; background-position:-700px -40px;}
#menu06 a:hover    {text-decoration:none; background-position:-700px -40px;}
#menu06 em a:hover {text-decoration:none; background-position:-700px -40px;}

#menu07 a {
	display:block;
	width:140px;
	height:40px;
	background:url("images/gnav.png") no-repeat;
	background-position:-840px 0;
}
#menu07 em a       {text-decoration:none; background-position:-840px -40px;}
#menu07 a:hover    {text-decoration:none; background-position:-840px -40px;}
#menu07 em a:hover {text-decoration:none; background-position:-840px -40px;}


/* Deal with content (all styles used in index.php) */
#content {
	text-align:left;
	width:590px;
	padding:0 5px;
	float:left;
	min-height:590px;	
	border-right:1px solid #e1e0e0;	
	border-left:1px solid #e1e0e0;
}
#content h1{
	margin: 10px 0 10px 0;	
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-shadow:#999999;	
	font-size:20px;
}
#content .post-info{
	font-size:10px;	
	font-variant: normal;
}
#content .widgettitle{
	font-size:10px;	
	font-weight:bold;	
	margin: 5px 0 2px 0;
}
#content blockquote{
	padding:10px;	
	margin:10px 20px;	
	color: #6C5B7E;
	border:#666666 solid 1px;
}
#content q {
	quotes: '"' '"' "'" "'";	
	color: #6C5B7E;
}
#content cite { color: #6C5B7E;}
#content .css{ color:#3A80FF;}
#content .php{ color:#3E6E3E;}

#content .entry ol{
	margin: 3px;	
	padding:0 0 0 25px;
}

#content .entry .h4{
	border:#FFCFAF 1px solid;
	background:#FFCFAF;
	color:#fff;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	padding:5px;
}
#content .entry th {
	border:#8C6F64 1px solid;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	padding:5px;
}

#content .entry td {
	background:#EFEFEF;
	border:#DDDDDD 1px solid;
	text-align:left;
	vertical-align:top;
	padding:5px;
	font-size:12px;
}


#content .postmetadata{font-size: 10px;}
#content .post{
	margin: 0 0 20px 0;
	padding: 0;
}
#content .sticky {
border-bottom: #666666 solid 3px;} 
#content .wp-caption, .caption{
	border:thin solid #676767;	
	background-color: #F3F0F6;	
	padding: 5px 2px;	
	-moz-border-radius: 3px;	
	-khtml-border-radius: 3px;	
	-webkit-border-radius: 3px;	
	border-radius: 3px;
}
#content .wp-caption{ text-align:center;}

#content .wp-smiley{border:0 !important;}
#content .wp-caption-text{
	margin:2px;	
	padding:5px 3px 0px 3px;
}
#content .not-found{color:#676767;}
#content .search{margin-top:15px;}
#content .search fieldset{border:0;}
dl,dt,dd{margin:0 10px;}
dt{
	font-weight:bold;	
	padding:6px 0 0 0;
}
.navigation .alignleft,
.navigation .alignright{
	width:222px;
	min-height:21px;
	padding:10px 0 10px 0;
}
.navigation .alignright{
	text-align:right;
}
/* Special styles used by image.php to show an image attachment */
.attachment{
	text-align:center;	
	margin:0 auto;
}
.caption{
	width:310px;	
	margin:15px auto;	
}
.attachment p {
	padding:0;	
	margin:7px auto 2px auto;
}
/* Special styles used by archives.php (archives page) */
.archive{
	width:200px;	
	padding: 2px 20px;
}
/* Special styles used by links.php (links page) */
.archive{padding: 2px 20px;}
/* Special styles used by children.php */
#list-subpages{
	margin:0 10px;
}
#list-subpages ul{
	list-style-type:none;
	margin:3px 15px;
	padding:0px;
}
#list-subpages ul li {
	margin:15px 0;
}
.page-link{
	font-variant:small-caps;
	font-size:14px;
	font-family: Georgia, Serif;
}
#list-subpages p {
	margin:4px 10px;
	padding:0;
}
/* Styles needed to handle comments */
.xoxo,.children{
	list-style-type:none;	
	margin:4px;	
	padding:0 0 0 10px;
}
.children{margin:1px 4px;}
#respond h3,#content h3 {
	color:#000;
	font-size:13px;
	margin: 15px 0 0 0;
	padding:0 0 0 10px;
	height:30px;
	background: url(images/h3_bg.gif) no-repeat;
}
#commentform textarea{
	width:99%;	
	background:#fff;	
	border: 1px;	
	background:#fff;	
	padding: 2px;	
	border-color:#cccccc;	
	border-style:solid;
}
#comments ul {
	list-style-type:none;	
	list-style-position:inside;	
	margin:0;	
	padding:5px;
}
#comments li {border:1px solid #999999;}
#comments .children{padding:0 0 0 25px;}
#comments blockquote{	
	padding-left:10px;	
	margin:10px 60px;
}
#comments blockquote blockquote{margin:10px 20px;}
#comments blockquote p {
	padding:0;
	margin:0;
}
#comments #author-info img {
	float:left;	
	margin-right:7px;
}
#comments #author-info {font-size:11px;}
#comments p,#comments .reply {
	font-size:12px;	
	margin-left:42px;
}
#comments .reply {margin-bottom:10px;}
#comments .comment,
#comments .trackback,
#comments .pingback {
	padding:5px;	
	margin:5px 0;
}
.thread-odd, .depth-1, .depth-4{background:#f2f2f2;}
.depth-2, .depth-5 {background:#fff;}
.thread-even, .depth-3, .depth-6{background:#cccccc;}
.children .alt, .children .odd {background:#E0DAE6;}
.children .even {background:#C6BDCE;}
/* Shows info about comment status */
#comments-status {
	margin: 10px auto;
	padding:15px 0 15px 0;
	background-color:#f2f2f2;	
	text-align:right;	
	font-size:11px;
}
#comments-status a:link,#comments-status a:visited{font-weight:bold;}
#commentform #submit{
	margin: 5px 0px;	
	border-width:1px;	
	background: #f2f2f2;	
	padding: 1px 4px;	
	border-color:#cccccc;	
	border-style:solid;
}

#author{
border: 1px solid #CCCCCC;}

#email{
border: 1px solid #CCCCCC;}

#url{
border: 1px solid #CCCCCC;}

.scroller{
	width:99%;
	margin:5px 0;
	text-align:right;
}

#footer{
	color:#fff;
	margin:30px 0 0 0;
	background:#333333;
	float:left;
	width:100%;
	text-align:center;
	font-size:12px;
}
#footer p {
	padding:20px 0;
	border-bottom:1px solid #999999;
}
#footer .company {
	float:right;
	text-align:right;
	margin: 20px 20px 20px 0;
}
#theme-author{
	padding:0;	
	margin:5px 0 0 0;
	text-align:right;
}

.pre {
width:100;
}

a img {
	border: 0;
}
div.faq {
	font-weight:bold;
	font-size: 12px;
	margin:5px 0;
	padding:0 0 0 23px;
	color:#ff3300;
	background:url("images/icon_q.png") no-repeat;
}
ul.faq {
	margin:0;
	padding:0;
}
ul.faq li {
	list-style:none;
	background:url("images/icon_a.png") no-repeat;
	margin:0 0 20px 0;
	padding:0 0 0 23px;
}