/*  

Theme Name: Tommy'z Toko
Theme URI: http://www.tommyztoko.nl
Description: Tommy'z Toko Theme
Version: 1.0
Author: Jonas Vorwerk
Author URI: http://www.jonasvorwerk.com

zwart: 000000
rood: F20019
goud: B49A5E
grijs: C9C8CB
wit: ffffff


menu
1 grijs: 59595B
2 grijs: 919395
3 grijs: C9C8CB
4 grijs: E5E6E7

1 rood: FF0000
2 rood: 990019
3 rood: 660019

1 goud: A99565
2 goud: 8C6630
*/

BODY {
	font-family: "Courier New", Courier, Monaco, monospace;
	background-color:#000;
	background-image: url(images/gradient.gif);
	/* background-attachment:fixed; */
	color : #fff;
	font-size:10px;
	margin: 0px;
	text-align:center;
	line-height: 14px;
	margin-top: 20px;
	font-size: 12px;
} 

TR{	height: 20px; }
table { margin-top: 10px; }

/* home */
.home #header{ color: #59595B; }
.home #square{ background-color: #59595B; }
.home #menu-hoofdmenu li#menu-item-46 {	background-image: url(images/menu_1.gif); }
.home #latestupdates{ border-color: #59595B; }
#menu-hoofdmenu  li#menu-item-46 a:hover {	background-image: url(images/menu_1.gif); }

/* store */
.page-id-193 #header{ color: #919395; }
.page-id-193 #square{ background-color: #919395; }
.page-id-193 #menu-hoofdmenu li#menu-item-195 {	background-image: url(images/menu_2.gif); }
.page-id-193 .post{	border-color: #919395; }
#menu-hoofdmenu  li#menu-item-195 a:hover {	background-image: url(images/menu_2.gif); }

/* pricelist */
.page-id-56 #header{ color: #C9C8CB; }
.page-id-56 #square{ background-color: #C9C8CB; }
.page-id-56 #menu-hoofdmenu li#menu-item-65 {	background-image: url(images/menu_3.gif); }
.page-id-56 .post{	border-color: #C9C8CB; }
#menu-hoofdmenu li#menu-item-65 a:hover {	background-image: url(images/menu_3.gif); }

/* we want you */
.page-id-336 #header{ color: #E5E6E7; }
.page-id-336 #square{ background-color: #E5E6E7; }
.page-id-336 #menu-hoofdmenu li#menu-item-921 {	background-image: url(images/menu_4.gif); }
.page-id-336 .post{	border-color: #E5E6E7; }
#menu-hoofdmenu li#menu-item-921 a:hover {	background-image: url(images/menu_4.gif); }

/* productz */
.page-id-1211 #header{ color: #FF0000; }
.page-id-1211 #square{ background-color: #FF0000; }
.page-id-1211 #menu-hoofdmenu li#menu-item-1596 {	background-image: url(images/menu_5.gif); }
.page-id-1211 .post{	border-color: #FF0000; }
#menu-hoofdmenu li#menu-item-1596 a:hover {	background-image: url(images/menu_5.gif); }

/* moodz */
.page-id-1083 #header{ color: #990019; }
.page-id-1083 #square{ background-color: #990019; }
.page-id-1083 #menu-hoofdmenu li#menu-item-1597 {	background-image: url(images/menu_6.gif); }
.page-id-1083 .post{	border-color: #990019; }
#menu-hoofdmenu li#menu-item-1597 a:hover {	background-image: url(images/menu_6.gif); }

/* portfolio */
.category-portfolio #header{ color: #660019; }
.category-portfolio #square{ background-color: #660019; }
.category-portfolio #menu-hoofdmenu li#menu-item-58 {	background-image: url(images/menu_7.gif); }
.category-portfolio #latestupdates{	border-color: #660019; }
#menu-hoofdmenu li#menu-item-58 a:hover {	background-image: url(images/menu_7.gif); }
.categorytitle4{ border-color: #660019; }
.single li#menu-item-58.current-post-parent { background-image: url(images/menu_7.gif); }

/* blog */
.category-blog #header { color: #A99565; }
.category-blog #square{ background-color: #A99565; }
.category-blog #menu-hoofdmenu li#menu-item-206 {	background-image: url(images/menu_8.gif); }
.category-blog #post{	border-color: #A99565; }
.category-blog #latestupdates{	border-color: #A99565; }
#menu-hoofdmenu li#menu-item-206 a:hover {	background-image: url(images/menu_8.gif); }
.category-blog .post{ border-top: solid #A99565 5px; width: 640px; }
.categorytitle1{ border-color: #A99565; }
.single li#menu-item-206.current-post-parent { background-image: url(images/menu_8.gif); }


/* single */
.single #header{ color: #fff; }
.single #square{ background-color: #fff; }
.single #latestupdates{	border-color: #fff; }

h1, h2 { font-size: 14px; text-decoration: none;}
h1 a, h2 a { text-decoration: none; }

A IMG {	border: 0px; }

a {	color: #fff; text-decoration: none; outline:0 none; }

.gallery-item{
	border: 0px;
	float: left;
	padding: 0px;
	margin: 0px;
}

#container{
	width:1020px;
	margin:0 auto;
	text-align:left;
	background-image: url(images/background.png);
}

#header{
	font-family: Arial, sans-serif;
	width: 855px;
	float: left;
	text-transform: uppercase;
	font-size: 24px;
	color: #59595B;
	margin-bottom: 10px;
}

#header a {	color: #59595B; }

#square{
	width: 18px;
	height: 18px;
	float: left;
	background-color: #59595B;
	margin: -3px 10px 0px 0px;
	padding: 0px;
}

#left{
	float: left;
	width: 150px;
	margin-right: 15px;
	margin-top: -2px;
}

#menu-hoofdmenu  {
	list-style: none;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 18px;
	margin-top: 20px;
	text-transform: uppercase;
	width: 128px;
}

#menu-hoofdmenu li{ 
	list-style: none;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

/*
#menu-hoofdmenu ul li.current-menu-item{
	background-image: url(images/menu_9.gif);
}
*/


#menu-hoofdmenu li a {
	width: 128px;
	height: 20px;
	padding: 2px 0px 0px 5px;
	color: #fff;
	text-decoration: none;
	display: block;
	margin-bottom: 5px;
	border-bottom: dotted #B49A5E 1px;
}

#menu-hoofdmenu li a:hover {
	color: #fff;
	background-image: url(images/menu_9.gif);
	text-decoration: none;
}

/*
#menu-hoofdmenu li#menu-item-46 {
	background-image: url(images/menu_1.gif);
}
*/

#latestupdates{
	width: 630px;
	height: 410px;
	border-top: solid #C9C8CB 5px;
	padding-top: 0px;
}

#latestupdates h2{
	font-weight: normal;
	border-bottom: dotted #C9C8CB 1px;
	padding-bottom: 5px;
}

.categorytitle{
	font-weight: normal;
	border-bottom: dotted #C9C8CB 1px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	color: #fff;
}

.post{
	border-top: solid #990019 5px;
	width: 630px;
}

.post h2{
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 0.5px;
}

.post img{
	margin-right: 10px;
	margin-bottom: 10px;
}

/*.post p{
	padding: 10px;
	background-color: #F20019;
	font-size: 12px;
	color: #000;
}*/

.sociable{
	/* background-color: #fff; */
	background-color:rgba(255,255,255,0.3);
	color: #000;
	padding: 10px;
	font-family: Arial, sans-serif;
}

.sociable a{
	color: #000;
	margin-right: 20px;
}

.sociable a:hover{
	color: #fff;
}

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

.thumb{
	float: left;
	margin: 0px 10px 0px 0px;
	padding-bottom: 10px;
	width: 200px;
	height: 175px;
	font-family: Arial, sans-serif;
	font-size: 10px;
	letter-spacing: 0.5px;
}

.thumb img{
	margin-bottom: 5px;
	width: 200px;
	height: 150px;
}

.thumb a{
	color: #C9C8CB;
	text-transform: uppercase;
}

#content{
	float: left;
	width: 620px;
	/* min-height: 1047px; */
	margin-right: 15px;
	padding-top: 0px;
	overflow: hidden;
}

#right{
	float: left;
	width: 215px;
}

#menu-submenu {
	padding: 0px;
	margin: 15px 0px 0px 0px;
	line-height: 20px;
}

#menu-submenu  li{
	list-style-type: none;
}

#menu-submenu  li a{
	color: #fff;
}

#menu-submenu  li a:hover{
	color: #ff0000;
}


#menu-submenu li:before{
	content: "# ";
}

.rightblok{
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #C9C8CB;
	border-bottom: dotted #C9C8CB 1px;
	margin-bottom: 10px;
}

.rightblok h2{
	color: #A99565;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px;
	letter-spacing: 0.5px;
}

.rightblok a{
	color: #F20019;
	font-style: italic;
}

.more-link a{
	font-weight: bold;
}

#content .post .more-link a:hover{
	color: #ff0000;
}

#contact{
	color: #A99565;
    line-height: 22px;
	font-size: 12px;
}

#contact h2{
	font-weight: normal;
	border-width: 0px 0px 1px 0px;
    border-style: none none dotted none; 
    border-color: #C9C8CB;
    margin: 0px;
    padding: 0px;
}

#contact p{
    margin: 0px;
    padding: 0px;
}

.pagination_left{
	width: 300px;
	float: left;
	margin-right: 20px;
	padding-bottom: 10px;
}

.pagination_left a:hover{
	color: #ff0000;
}

.pagination_right{
	width: 300px;
	float: left;
	text-align: right;
	padding-bottom: 10px;
}


.pagination_right a:hover{
	color: #ff0000;
}

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

.alignleft {
	float: left;
	padding-right:10px;
}

.alignright {
	float: right;
	padding-left:10px;
}

#footer{
	clear: both;
	text-align: right;
	border-top: dotted #C9C8CB 1px;
	padding: 10px 0px 10px 0px;
}

.more-link {
	color: #fff;
}

.more-link:hover{
	color: #ff0000;
}

/* Wordpress.com stats smiley remover */
img#wpstats{display:none}