/*  
Theme Name: WebShopApps
Description: Designed to match the WebShopApps Magento theme.
Version: 1.1
Author: David Oliver
Author URI: http://doliver.co.uk/
Template: thematic
*/

/* Toolkit */
.author {font-weight: bold;font-size: 13px;display:block;font-style: italic;float: left;} 
.meta-prep-author {float: left;margin-right: 3px;}
.post,
.page {
	zoom:1;
	display:block;
	margin: 0;
}
.post:after,
.page:after {
	content:'\\0020';
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0;
}
#blog-title,
#header .home,
#header .twitter,
#about-karen {
	text-indent: -9999px;
}
small {margin-bottom: 12px;float: left;display: block;clear: both;}
.no-display,
#siteinfo {
	display: none;
}

/* Miscellaneous enhancements */
ol {padding-left: 25px;}
h1,
.aside,
.footer {
	cursor: default;
}
div.entry-content pre,
.comment-content {
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#commentform p {display: block;float: left;width: 100%; margin: 0;}
#commentform input {display: block;clear: both;}
#commentform label {display: block;float: left;}
div.entry-content pre,
.comment-content {
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
	/*-o-box-shadow: inset 0 1px 1px rgba(0,0,0,.1); Opera as yet untested */
	/*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1); Chrome messes this up */
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
}

/* General layout */

body {
	color: #727272;
	margin: 0;
	font: 88%/1.4 Arial, Helvetica, sans-serif;
	background: #F2F2F2 url("images/wsa-bg.jpg") repeat-x scroll left top;
}
#wrapper {
	min-height: 240px;
}

#containment { width: 960px; margin: 0 auto; overflow: hidden; clear: both;}

#header {
	margin: 0 auto 12px auto;
	min-height: 170px;
	position: relative;
	width: 960px;
}

.header-container { height: 170px; z-index: 100; }
.header { width:960px; margin:0 auto; position:relative; z-index:10;height: 170px; }
.header a h1.logo { 
	float:left; 
	width: 298px;
	height: 170px;
	background: url(images/wsa-logo.png) top center transparent;
	margin:0; 
	}

.post h1 {font-size: 18px;}
/********** < Navigation */
.tab-nav-container { position: absolute; top: 170px; right: 0; width: 350px;  z-index: 100;}
#tab-nav { width:350px; height: 32px; z-index: 1; margin:0 auto; font-size:13px; position: relative; }

/* All Levels */ /* Style consistent throughout all nav levels */
#tab-nav a { 
	display: inline;
	cursor: pointer;
}

#tab-nav a.tab-nav-1 {
	background: url(images/wsa-tab-ship.png) 0 0 transparent;
	position: absolute;
	top:0;
	right: 110px;
	width: 221px;
	height: 32px;
	}
#tab-nav a:hover.tab-nav-1  { 
	background: url(images/wsa-tab-ship.png) 0 -32px transparent;
	text-decoration:none; 
	}
#tab-nav a.tab-nav-2  {
	background: url(images/wsa-tab-extra-alt.png) 0 0 transparent;
	position: absolute;
	top:0;
	right: 0;
	width: 110px;
	height: 32px;
	}
#tab-nav a:hover.tab-nav-2 { 
	background: url(images/wsa-tab-extra-alt.png) 0 -32px transparent;
	text-decoration:none; 
	}
	
/* 0 Level */
.nav-container { position: absolute; top: 55px; right: 0; width: 475px; height: 100px; font-family: chaparral-pro, Georgia;}
#nav {width: 100%; float: left; margin: 0; padding: 0;}
#nav li { display: inline; width: 150px; background: url(images/wsa-horiz-nav-rule.jpg) bottom left no-repeat; float: left; text-align: left; margin-right: 12px;}
#nav a { text-decoration: none; font-size: 16px; line-height: 30px; color: #727272;  }
#nav li.nav-3, #nav li.nav-6, #nav li.nav-9 {margin-right: 0;}

#nav li.over a,
#nav a:hover { border: none; outline: none; color: #f66324; }

#blog-description {
	padding-left: 140px;
	position: absolute;
	top: 149px;
}
#access {
	overflow: visible;
	position: static;
}
.menu {
	position: absolute;
	top: 0;
	left: 600px;
	width: 360px;
}
#container,
#content {
	width: 620px; float: left;
}
#sidebar {
	width:330px; float: right; margin-top: 50px;
}

#sidebar ul li a {text-decoration: none; color: #727272;line-height: 20px;}
#sidebar ul li {border:1px solid #c4c1bc; margin:0 0 15px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #fff;
	padding: 0 0 15px 0;
	}

#sidebar ul ul li {border:none; margin:0;
	border-radius: none;
	padding: 0;
	}

#sidebar ul {padding: 0 25px;}

#sidebar ul h2 {background: #fdae34 url(images/wsa-header-bg.jpg) 0 0 repeat-x; border-bottom:1px solid #cfcfcf; padding:5px 9px; display:block; font-size: 16px; font-family: facitweb,Arial, Helvetica, sans-serif; min-height:16px; padding:1px 0 1px; color:#fff;
	text-transform: uppercase;
	text-shadow: 1px 1px #ff9b00;
	line-height: 30px;
	padding: 0 10px;
	margin-top:0;
 }

.post,
#content .page {
	width: 580px;
	padding: 16px 20px 40px 20px;
	margin-top: 32px;
	margin-bottom: 15px;
	background-color: white;
	-moz-border-radius: 6px;
	border: #d9d9d9 1px solid;
}
#content .post {float: left; margin-top: 15px;}
#content .post h2 {text-transform: none; font-size: 18px; margin-top: 0;}
#content .post h2.title a {line-height:25px;width: 100%; margin: 0 0 5px 0; float: left;font-size: 22px;}
#content .post h2.title {line-height:25px;width: 100%; margin:  0 0 5px 0; float: left;font-size: 22px; color: #ED4400;}
#content .post h2.entry-title a {line-height:25px;width: 100%; margin: 0 0 5px 0; float: left;font-size: 22px;}
.post .entry {width: 100%; float: left; display: block; margin: 0;padding: 0;}
#content .navigation {width: 100%; margin: 15px 0 0 0;float: left;display: block;}
#content .navigation .alignleft {width: 50%;float: left; margin: 0;}
#content .navigation .alignright {width: 50%; float: right; margin: 0;}
.alignright {float: right; margin: 0 0 10px 10px;}
.alignleft {float: left; margin: 0 10px 10px 0;}
.entry-content img {
	max-width: 100%;
}
.wp-caption,
.wp-caption img {
	border: none;
}
div.entry-meta {
}
.post a.tt {
	border: none;
}
.post a.tt img {
	margin-bottom: 0 !important;
}
.main-aside {
	width: 200px;
}
.main-aside input#s {
	width: 120px;
}
#comment {
	width: 694px;
	margin-bottom: 8px;
}
#comments-list ol {
	margin-left: 0;
	padding: 0;
}
.comment-meta {
	font-size: .8em;
	color: #82623B;
	margin-bottom: .8em;
}
.comment-content {
	background-color: white;
	padding: 12px 12px 1px 12px;
}
/* Footer ================================================================================ */
.footer-container { border-top:1px solid #c6c6c6; background: #e9e9e9; text-align: left; margin-top: 20px; }
.footer { width:960px; margin:0 auto; }
.footer h2 { margin:0 0 8px 0; }
.footer #col-1 { 
	width: 230px;
	height: 250px;
	float: left;
	margin: 20px 20px 20px 0;
	background: url(images/wsa-vert-gry-rule.png) top right no-repeat;
	}

.footer #col-2 { 
	width: 400px;
	height: 250px;
	float: left;
	margin: 20px 20px 20px 0;
	background: url(images/wsa-vert-gry-rule.png) top right no-repeat;
	}
.footer #col-2 .post h3 a { text-decoration: none; border: none;} 
.footer #col-2 .post { 
 background: no-repeat;
 margin: 0;
 padding: 0;
 border: none;
 width:100%;
 -moz-box-shadow: none;
 -moz-border-radius: none;
}
.footer #col-3 { 
	width: 290px;
	height: 250px;
	margin: 20px 0;
	float: right;
	}

.footer #foot-else li { display: inline; margin-right: 8px;}
.footer #foot-else {
	clear: both;
	width: 960px;
	margin: 10px 0;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	}

.footer .store-switcher { display:inline; margin:0 5px 0 0; color:#fff; }
.footer .store-switcher label { font-weight:bold; vertical-align:middle; }
.footer .store-switcher select { padding:0; vertical-align:middle; }
.footer a { color:#f26e3a; text-decoration:none; }
.footer a:hover { color: #e74b0e; text-decoration:underline; }
.footer .bugs { margin:13px 0 0; color:#ecf3f6; }
.footer .bugs a { color:#ecf3f6; text-decoration:underline; }
.footer .bugs a:hover { text-decoration:none; }
.footer address { text-align:center;margin:0 0 20px 0; color:#707070; width: 960px; clear: both; font-family: Helvetica, Arial, sans-serif;}
.footer address a { color:#ecf3f6; text-decoration:underline; }
.footer address a:hover { text-decoration:none; }
.footer ul { display:inline; }
.footer ul.links { display:inline; }
.footer li { background:url(images/bkg_pipe2.gif) 100% 60% no-repeat; padding:0 7px 0 0; }
.footer li.last { background:none !important; padding-right:0 !important; }
.footer-container .bottom-container { margin:0 0 5px; }

ul.contact-me li a { color: #727272;line-height: 30px; width: 190px; padding-left: 40px; font-family: Georgia; float:left; display:block;margin-bottom: 10px;font-size: 15px;}

ul.contact-me li a:hover { text-decoration: underline; }

ul.contact-me li a.email {
	background: url(images/wsa-icon-mail.png) center left transparent no-repeat;
	}
ul.contact-me li a.telephone {
	background: url(images/wsa-icon-call.png) center left transparent no-repeat;
	}
ul.contact-me li a.twitter {
	background: url(images/wsa-icon-twit.png) center left transparent no-repeat;
	}
ul.contact-me li a.skype {
	background: url(images/wsa-icon-skype.png) center left transparent no-repeat;
	}
ul.contact-me li a.googletalk {
	background: url(images/wsa-icon-chat.png) center left transparent no-repeat;
	}
.footer #col-3 ul {list-style: disc; font-size: 15px;}
.footer #col-3 ul li {float: left;margin: 0 0 0 10px; list-style: disc outside;}
/* ======================================================================================= */


.links li.first {
	padding-left:0 !important;
}
.link-rss  {
	background:url("http://www.webshopapps.com/skin/frontend/wsa/default/images/i_rss.gif") no-repeat scroll 0 1px transparent;
	padding-left:18px;
	white-space:nowrap;
}
.widget_twitter a,
.widget_rss a {
	display: inline !important;
}
.widget_twitter li,
.widget_rss li {
	margin: .4em 0;
}
.widget_twitter .entry-meta,
.widget_rss .rss-date {
	display: block;
	font-style: italic;
}
/*.widget_twitter .entry-meta {
	margin-bottom: .4em;
}*/
.wp-caption a {
	border-bottom: 0 !important;
}
.wp-caption-text {
	text-align: left;
	font-size: .9em;
}

/* Type */

/*@font-face { font-family: 'ChunkFiveRegular'; src: url('fonts/Chunkfive.eot'); }
@font-face { font-family: 'ChunkFiveRegular'; src: url(//:) format('no404'), url('fonts/Chunkfive.woff') format('woff'), url('fonts/Chunkfive.ttf') format('truetype'); }
@font-face { font-family: 'Handage'; src: url('fonts/Handage.eot'); }
@font-face { font-family: 'Handage'; src: url(//:) format('no404'), url('fonts/Handage.ttf') format('truetype'); }*/



a             { color:#ed4400; text-decoration:underline; }
a:hover       { text-decoration:none; color: #ff5c1b; }
a img {border: none; outline: none;}
a:focus,
a:hover {
	color: #16554E;
}
.post a {
/* 	border-bottom: .09em solid #CFC5B8; */
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
	padding: 0;
	margin-bottom: 4px;
}
p {margin-top:3px;}
h2 {font-weight: normal;text-transform: uppercase;font-size: 18px;}
h2 a {border: 0;text-decoration: none;}
h3 {margin: 0;text-transform: uppercase;color: #F66424;}
ul, li {
	margin: 0;
}
li {
	list-style-type: none;
}
.postmetadata {float: left;margin-top: 10px;}
h3#comments {display: block;}
ol.commentlist {float: left; display: block; padding: 0;}
li.comment {border-bottom: 1px dotted #727272;margin-bottom: 8px;}
#respond {float: left; display: block;}
ul.contact-me {padding:0;}
/*h1 {
	font-family: 'ChunkFiveRegular', Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height:1.2;
	font-weight: normal;
	text-transform: none;
}*/
div.entry-content {
	line-height: 1.5;
}
div.entry-content h4,
div.entry-content h5,
div.entry-content h6 {
	font-weight: bold;
}
#blog-description,
.menu,
#header .support,
#header .twitter,
#header .blog,
#header .forum,
#header .wiki,
#magento-site,
div.entry-content h1,
div.entry-content h2,
div.entry-content h3,
div.entry-meta,
.main-aside h3,
.footer h1,
.footer h2,
#footer-tapestrip,
#comments h3 {
}
.entry-title {
	margin-bottom: .2em;
}
#blog-description,
.menu,
#header .support,
#header .twitter,
#header .blog,
#header .forum,
#header .wiki,
div.entry-meta,
#footer-tapestrip,
#footer-tapestrip a {
}
.main-aside h3,
#comments h3 {
	text-shadow: 0 1px 0 white;
}
#blog-description,
.menu,
#header .support,
#header .twitter,
#header .blog,
#header .forum,
#header .wiki,
.entry-title {
	text-transform: lowercase;
}
#magento-site {
	font-size: 1.6em;
	margin:0 auto;
	padding: 0 10px;
	width:940px;
}
#magento-site a:link,
#magento-site a:visited {
	color: #EF7500;
}
#magento-site a:hover,
#magento-site a:focus {
	color: #16554E;
}
#blog-description,
.menu,
#header .support,
#header .twitter,
#header .blog,
#header .forum,
#header .wiki,
#comments h3 {
	font-size: 1.3em;
	line-height: 1.4;
}
.menu {
	padding-top: 5px;
}
.menu li {
	display: inline;
}
.menu a {
	position: relative;
	display: inline-block;
	padding: 7px 12px;
	color: white;
	-webkit-transition: .2s ease;
	-webkit-transform: rotate(1deg);
}
.menu li:nth-child(1) a { top: -6px; padding-bottom: 19px;}
.menu li:nth-child(2) a { top: -4px; padding-top: 9px; padding-bottom: 11px; }
.menu li:nth-child(3) a { top: -2px; padding-top: 11px; padding-bottom: 9px; }
.menu li:nth-child(4) a { padding-top: 13px; }
#header a:hover,
#header a:focus {
	color: #d8daaa;
}
#header .home,
#header .support,
#header .twitter,
#header .blog,
#header .forum,
#header .wiki,
#header .home {
	display: block;
	position: absolute;
	text-align: center;
}
#header .home {
	top: 35px;
	left: 30px;
	height: 100px;
	width: 500px;
}
#header .forum {
	top: 158px;
	left: 554px;
	width: 140px;
}
#header .wiki {
	top: 162px;
	left: 669px;
	width: 140px;
}
#header .twitter {
	top: 80px;
	left: 780px;
	height: 56px;
	width: 130px;
}
#header .blog {
	top: 143px;
	left: 792px;
	width: 100px;
}
div.entry-meta {
	margin-bottom: 16px;
}
div.entry-meta a {
	border-bottom: 0;
}
div.entry-meta abbr,
div.entry-meta acronym {
	border-bottom: 0;
}
.entry-meta .author {display: inline;margin-right: 3px;}
div.entry-content h1,
div.entry-content h2,
div.entry-content h3,
div.entry-content h4,
div.entry-content h5,
div.entry-content h6 {
	margin-top: 1.2em;
	margin-bottom: .4em;
}
div.entry-content h1,
div.entry-content h2 {
	font-size: 1.6em;
}
div.entry-content h3 {
	font-size: 1.2em;
	color: #16554E;
}
div.entry-content ul {
	margin: 0 0 18px 2.5em;
}
.post li {
	list-style-type: inherit;
	margin-bottom: .4em;
}
.post ol li {
	list-style-type: decimal;
}
.post p:last-child {
	margin-bottom: 0;
}
.wp-caption p.wp-caption-text {
	padding: 8px 0;
	font-size: .8em;
	font-weight: bold;
}
div.entry-content pre {
	overflow: auto;
	padding: 12px;
	color: black;
	line-height: 1.8;
}
div.entry-utility {
	clear: both;
	margin: 10px 0 0 0
	}
.main-aside h3 {
	font-size: 1.2em;
	margin-bottom: .1em;
}
.main-aside ul ul {
	margin: 0 0 18px 0;
}
.aside ul ul li {
	font-size: .9em;
}
.aside ul ul li a {
	display: block;
	padding: 1px 0;
}
p,
pre {
	margin-bottom: .8em;
}