/*  
Theme Name: BoffaToys Theme
Theme URI: http://www.boffatosy.com
Description: Exclusive Wordpress theme for BoffaToys.com.
Version: 1.0
Author: Michael Ivanyshynets
Author URI: http://www.fujin.com.ua
Tags: blue, fixed-width, one-column
*/

/* main styles */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

body {
    position:relative;
    height: 100%;
    font-family: "comic Sans MS";
    text-align: center;
	background: #FFFFFF url('img/bg.jpg') repeat-x;
}

div, span, a, td, li, input, textarea, p {
	font-family: Comic Sans;
	color: #343434;
}

img {
	border: 0;
}

form {
	margin: 0;
	padding: 0;
}

.block {
	width: 80%;	
	min-width:800px;
	max-width:1000px;
	width:expression(document.body.clientWidth > 1000? "1000px": "auto" );
	background: url('img/block_bg.png') repeat;
	border: 2px solid #289AD5;
	margin: 0 auto;
}

.center {
	text-align: center;
}

.coly, .colr, .colb, .colblack {padding:0 5px}

.coly {background:#FFFF00}
.colr {background:#FF0000; color:#fff}
.colb {background:#0000FF; color:#fff;}
.colblack {background:#000; color:#fff}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

.container {
    min-height: 100%;
    height: auto !important;
    height: 100%;
	background: url('img/bottom.png') no-repeat center bottom;
	zoom: 1;
}

.content {
	width: 80%;	
	min-width:800px;
	max-width:1000px;
	width:expression(document.body.clientWidth > 1000? "1000px": "auto" );
	margin: 0 auto;
}

.copyright {
	font-family:Verdana;
	padding-top: 10px;
	font-size: 14px;
	color: #2a2a2a;
}

.copyright a {
	font-family:Verdana;
	font-size: 14px;
	color: #2a2a2a;
}

.copyright a:hover {
	text-decoration: none;
}

.footer {
	height: 137px;
	margin: -137px auto 0;
}

.footer .block {
	height: 119px;
}

.footer_menu {
	color: #2a2a2a;
	font-size: 16px;
	padding: 18px 0 10px 0;
}

.footer_menu a {
	font-family:Verdana;

	color: #2a2a2a;
	font-size: 16px;
    margin: 0 14px;
}

.footer_menu a:hover {
	text-decoration: none;
}


.main_content {
	padding: 12px 50px;
	text-align: left;
	color: #353535;
    font: 18px "Comic Sans MS";
}

.menu {
	width:24%;
	max-width: 248px;
	width:expression(document.body.clientWidth > 18? "248px": "auto" );	
	min-width:200px;
	height: 50px;
	dispaly: block;
	top: 9px;
	position: absolute;
	border:solid 2px #cce8ff;
	font:24px Verdana;	
	text-decoration:none;
	line-height:40px;
}


.menu.about_us {
	background: url('img/bg_red.gif') repeat-x;
	left: 50%;
}

.menu.about_us:hover {
	background: url('img/bg_red_a.gif') repeat-x;
}

.menu.contact_us {
	background: url('img/bg_violet.gif') repeat-x;
	left: 75%;
}

.menu.contact_us:hover {
	background: url('img/bg_violet_a.gif') repeat-x;
}

.menu.home {
	background: url('img/bg_orange.gif') repeat-x;
	left: 0;
}

.menu.home:hover {
	background: url('img/bg_orange_a.gif') repeat-x;
}

.menu.products {
	background: url('img/bg_green.gif') repeat-x;
	left: 25%;
}

.menu.products:hover {
	background: url('img/bg_green_a.gif') repeat-x;
}

.logo {
	padding: 18px 0;
}

.logo a {
	width: 482px;
	height: 56px;
	display: block;
	margin: 0 auto;
	background: url('img/logo.png') no-repeat;
}

.producttab {
border:solid 1px #289AD5; padding:10px; width:100%;
}

.producttab img {border: 1px solid #289AD5;}

.push {
	background: url('img/top.jpg') no-repeat center top;
	padding-bottom: 148px;
}

.slogan {
	color: #e72600;
	font-size: 24px;
}

.slogan span {
	color: #e72600;
	font-size: 12px;
}

.top {
	height: 65px;
	position: relative;
	margin:0 auto;
	width:expression((document.body.clientWidth) < 800? "800px": "auto");
}


/*
a:link, a:visited {text-decoration:none;}
a:hover, a:active {text-decoration:underline;}
#page {width:1000px; margin:0 auto;}
#content {padding:20px;}
#sidebar {width:160px; float:left; text-align:right;  padding:20px 0 0 20px;}
#footer {clear:both; text-align:center; padding:10px 0 40px 0;}

/* header */
/*#header h1 {margin:0; color:#FFF; padding:45px 0 0 30px; font-size:36px; font-weight:normal;}
#header h2 {margin:0; color:#FFF; font-size:16px; padding:0 0 0 30px; font-weight:normal;}
#header a:link, #header a:visited, #header a:hover, #header a:active {color:#FFF; text-decoration:none;}

/* posts... *
.post {padding:0;}
.post h1 {font-size:24px;}
.post h2 {font-size:18px;}
.post h1, .post h2 {padding:0; margin-bottom:0;}
.post small {font-size:11px; padding:0; margin-top:0; color:#999;}
.post blockquote {border-left:10px dotted #EEE; padding-left:10px; margin:0;}
.entry {font-size:12px; color:#333; line-height:18px; padding:0;}
img.wp-smiley {border:none;}
.postmetadata {font-size:11px; text-align:right; margin-bottom:30px; color:#333; clear:both; padding-top:10px;}
.more-link {font-style:italic;}

.post .entry h1 {font-size:18px; text-align:left; line-height:24px;}
.post .entry h2 {font-size:16px; text-align:left;}
.entry legend {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px;}
th, td {padding:5px;}
cite {font-family:Georgia, "Times New Roman", Times, serif;}
pre {overflow:scroll; padding:5px 10px; background-color:#EEE;}
* html pre {padding:5px 10px; background-color:#EEE; width:500px;}
.no-result {text-align:center; border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:10px 20px;font-size:14px;}
.multipages {text-align:center; font-size:12px; color:#333;}

/* ...and comments */
/*#comments {text-align:center; font-size:16px; color:#333; padding-top:40px; }
#commentform {padding-left:20px; }
#commentform p {font-size:12px;}
.commentlist {font-size:11px; line-height:16px; padding:0 20px; }
.commentlist li {padding: 15px 5px; background:url(images/comm-box.png) 0 0 repeat-x; margin-top:10px;}
.commentlist cite {font-weight:bold;}
.commentlist li .avatar {float: right; border: 1px solid #eee; padding: 2px; background: #fff;}
#respond {font-size:14px; color:#333; text-align:center; padding-top:40px; }
.nocomments {text-align:center; padding:0 20px; font-size:11px; color:#999;}
.tags {border:1px solid #CCC; background-color:#EEE; padding:3px; margin-right:20px;}

/* sidebar */
/*#sidebar ul {margin:0; padding:0; list-style-type:none;}
#sidebar ul li ul { font-size:11px; margin:0 0 0 10px; padding:0;}
#sidebar ul li ul li {margin:0 0 0 10px; padding:0; line-height:14px;}
#sidebar ul li h2 {font-size:12px; border-bottom:1px solid #CCC; color:#333; padding-top:10px;}
#sidebar ul li h2 a:link, #sidebar ul li h2 a:visited {color:#333; text-decoration:none;}
#sidebar ul li h2 a:active, #sidebar ul li h2 a:hover {color:#8DA857; text-decoration:none;}
#sidebar p, .textwidget {font-size:11px;}
#sidebar table {margin:0 auto; font-size:11px;}

/* other */
/*.navigation {text-align:center; font-size:12px; margin:0 20px; padding:10px;}
#searchform {text-align:right; font-size:11px; color:#666;}
.libera {clear:both;}

/* align */
/*.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;}
.wp-caption img { margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}*/