/*
Theme Name: 1024px
Theme URI: http://andreasviklund.com/wordpress-themes/
Description: A light and extremely simple theme with 2 columns. It is based on Andreas' <a href="http://andreasviklund.com/templates/1024px/">1024px CSS template</a>. Updated to support tags, category descriptions, gravatars and more. Validates as XHTML 1.0 Strict. Public domain.
Version: 2.7
Author: Andreas Viklund
Author URI: http://andreasviklund.com/
Tags: fixed width, two columns, white, blue, widgets, 1024px, andreas, valid CSS, valid XHTML
*/

/* Body */
body {color:#000; font-size:12px;line-height:1.3em; padding:50px 0; font-family:Arial, Helvetica, sans-serif; background:url(background.gif) top center repeat-y;}
*{margin:0; padding:0; }


#topnav{height:30px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-top:20px; }
/*#topnav li{list-style:none; display:inline-block; padding:5px 10px;}
#topnav li a{font-size:14px; color:#000; font-weight:normal;}
#topnav li a:hover{text-decoration:none; color:#999;}*/



#topnav li.current_page_item {color:#999;} /* the current Page */
li a. current_page_parent { color:#999;} /* parent of the current Page */
li a. current_page_ancestor { color:#999;} /* any ancestor of the current Page */


/* Main wrap */
#wrap {color:#666; margin:0 auto; width:780px; background:#fff; padding:30px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; }
#slogan {color:#808080; font-size:1.5em; font-weight:bold; letter-spacing:-1px; line-height:1.2em; margin:15px 0 20px 35px;}
#toplinks {padding:5px 2px 2px 3px; text-align:right;}

/* Headers */
h1 {color:#000; font-size:1.6em; line-height:.8em; letter-spacing:0px; margin:20px 0px; font-weight:normal; text-align:left;}
h1 a {color:#000;}
h1 a:hover {text-decoration:none;}
h2{text-align:left; font-weight:bold; color:#000; font-size:14px; letter-spacing:0px; margin:0px;}
h3 {color:#4088b8; font-size:14px; font-weight:bold; margin:10px 0 8px; padding:1px 2px 2px 3px;}
p{color:#666;}

/* Sidebar */
#sidebar {float:left; margin:10px 0 5px 0px; padding:0; width:195px;}
#sidebar p,#sidebar ul,#sidebar .textwidget {margin:0 0 15px 10px;}
#sidebar li {list-style:none; margin:0 0 6px;}
#sidebar li a {font-size:14px; font-weight:normal; color:#000;}
#sidebar li a:hover{color:#999; text-decoration:none;}



#sidebar ul ul {margin:5px 0 5px 10px;}
#sidebar ul ul li {margin:0 0 5px;}
#sidebar ul ul li a {font-weight:normal;}
/*#sidebar h2{font-size:10px; color:#000; font-weight:normal; letter-spacing:0px; border:none; margin:5px; }*/

/* Content */
#content {/*float:right;*/ line-height:1.5em; margin:10px 10px 10px 0px; text-align:left; width:750px;}
#content ul {margin:0 0 18px 30px;}
#content ol {margin:0 0 18px 0px;}
#content ul li,#content ol li {margin:0 0 3px;}
#content ul ul,#content ol ol {margin:5px 0 5px 15px;}
#content img {}
#content p {color:#666;}
#content p.timestamp {font-size:1.2em; margin:-5px 0 15px 10px;}
#content p.timestamp a {font-weight:normal;}
#content p.postmeta {text-align:right; border-top:2px solid #dadada; line-height:1.8em;}
#content #postnav {padding:5px; margin:5px 0 18px;}
#content #postnav p {margin:0; padding-left:5px;}
#content #postnav p.right {text-align:right; padding-right:5px; margin-top:-18px;}
#content .introtext p {margin:-5px 0 15px 10px;}

/* Footer */
#footer{height:30px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; clear:both; margin:0 auto; font-size:12px; color:#000;}
#footer p {margin:0; padding:0;}
#footer a {color:#808080; font-weight:bold}
#footer a:hover {text-decoration:underline;}
#footer span, #footer span a {font-weight:normal;}
#footer li{list-style:none; display:inline-block; padding:5px 10px; font-size:12px; color:#000;}
#footer li a{font-weight:normal; color:#000;}
#footer li a:hover{font-weight:normal; color:#999; text-decoration:none;}




/* Comments */
#content div.comment {margin-bottom:20px; border:1px solid#ccc; width:770px;}
#content div.comment:hover {border:1px solid#999;}
#content div.comment:active {border:1px solid#999;}
#content div.comment:focus {border:1px solid#999;}
#content div.comment p {margin:0 0 4px 10px; padding:3px 0 0 0;}
#respond p {margin:0 0 5px 0px;}
#respond input,#respond textarea {padding:1px;}
#respond textarea#comment {width:770px; margin-top:10px;}
#respond input#submit {width:75px;color:#333; background-color:#fff;}


.button{margin-top:5px; width:80px; height:27px; background:url(images/submittab.jpg);}



#respond input,#respond textarea,form div.searchbox input {font:94% Verdana,Tahoma,Arial,sans-serif; border:1px solid #ccc; margin-top:10px; }
.gravatarside {width:48px; height:48px; float:right; margin:10px;}

/* Tags */
blockquote {border:1px solid #dadada; font-size:0.9em; margin:20px 10px; padding:8px;}
blockquote p {padding:2px 0; margin:0; font-weight:bold;}
table#wp-calendar {width:180px; margin:0 0 18px 10px;}
p {margin:0 0 10px 0px;}
ul,ol,dl {font-size:0.9em; margin:2px 0 16px 35px;}
ul ul,ol ol {margin:4px 0 4px 35px;}
code{font-size:1.1em; background-color:#f4f4f4; color:#555; display:block; margin:5px 0 15px 0; padding:5px 5px 5px 7px; border:1px solid #ccc;}

/* Links */
a {color:#969; font-weight:normal; text-decoration:none;}
a:hover {text-decoration:none; color:#999;}
a img {border:0;}

/* Float fix */
.contenttext {overflow:visible;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* Searchbox */
.searchbox {margin:8px 0 15px 10px;}
.searchbox label {display:none;}
.searchbox input {font-size:0.9em; padding:5px; width:166px; border:1px solid #ccc;}

/* Various classes */
.post {margin:0 0 15px;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.hide {display:none;}

/* WP image align classes */
.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; border-radius:3px;}
.wp-caption img {margin:0; padding:0; border:0 none;}
.wp-caption-dd {font-size: 11px; line-height: 17px; padding:0 4px 5px; margin:0;}

#searchsubmit{margin-top:5px; width:80px; height:27px; background:url(images/submittab.jpg)}
.wpcf7-submit{width:80px; height:27px; border:none; background:url(images/submittab.jpg); font-size:0px;}



#mailinglist{position:relative; bottom:0px;}


#stockists{border:1px solid #ccc; margin-bottom:10px;}
#stockists:hover{border:1px solid #999;}

#commissions{ color:#000; margin-bottom:10px; margin-right:25px;  float:left;}
#commissionsthumbnail{border:1px solid #ccc; padding:10px;}
#commissionsthumbnail:hover{border:1px solid #999;}
#commissionstitle{margin-left:0px;}


#2011{border:1px solid red;height:200px;}
#press{ color:#000; margin-bottom:10px; margin-right:34px;  float:left;}
#pressthumbnail{border:1px solid #ccc; padding:5px;}
#pressthumbnail:hover{border:1px solid #999;}
#presstitle{margin-left:0px;}


#singlenews{border:1px solid #ccc; padding:5px; margin-bottom:20px; min-height:150px; width:770px;}
#singlenews:hover{border:1px solid #999;}


h3.trigger {background-repeat:no-repeat; background-position:right; margin:0px 0 0 10px;}
h3.trigger a {
	color: #000;
	text-decoration: none;
	display: block;
	font-weight:bold;
	margin:0px;
	font-size:16px;
}
h3.trigger a:hover { color: #999; }
h3.active {background-repeat:no-repeat; background-position:right;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	padding: 0;
	overflow: hidden;
	font-size: 1.2em;
	width:100px;
}
.toggle_container .block {
	padding: 0px; /*--Padding of Container--*/
	background: none; /*--Bottom rounded corners--*/
}


.wpcf7-form textarea{border:1px solid #ccc;}
.wpcf7-form textarea:hover{border:1px solid #999;}
.wpcf7-form textarea:focus{border:1px solid #999;}

.wpcf7-text{border:1px solid #ccc;}
.wpcf7-text:hover{border:1px solid #999;}
.wpcf7-text:focus{border:1px solid #999;}












/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;

}

.nav li {
  border-left: 0px solid #000;
  margin: 0;
  padding: 0;
  position: relative;
  display:inline-block;
  font-size:12px;
  color:#000;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font: normal 1.22em/25px Arial, Helvetica, sans-serif;

  color: #000;
  display: block;
  padding:0px 10px;
  text-transform: lowercase;
  text-decoration: none;
}

.nav li a:hover {
  background: #fff;
  color: #999;	

}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: #fff;
  color: #999;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: #fff;
  color: #000;	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #fff;
  color: #999;	
}

.nav ul {
  background: #565656;
  border-bottom: 1px solid #fff;
  list-style: none;
  margin: 0;
  width: 100px;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 25px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  border: 1px solid #fff;
  border-bottom: 0;
  padding-right: 20px;
  width: 80px;
  white-space: nowrap;
}
.nav ul a:hover {
  background: #ccc;
  color: #000;
}


.wpcart_gallery{overflow:visible; width:350px;}
