/*
Theme Name: The Convenience Store
Theme URI: http://www.theconveniencestorefashion.co.uk/
Description: This Wordpress theme was designed specifically for The Convenience Store website. It requires the Get-the-image plugin.
Copyright: The Convenience Store (c) 2009. All Rights Reserved.
Version: 1.0
Author: Jean-Paul Seculaire
Author URI: http://www.myspace.com/rightonclub
*/

/* $WEFT -- Created by: Jean-Paul Seculaire (http://www.myspace.com/rightonclub) on 02/06/2009 -- */
  @font-face {
    font-family: Letter Gothic;
    font-style:  normal;
    font-weight: normal;
    src: url(LETTERG0.eot);
  }
  @font-face {
    font-family: Letter Gothic;
    font-style:  normal;
    font-weight: 700;
    src: url(LETTERG0.eot);
  }
/* @end */


/* @group Reset */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin: 0; padding: 0;}

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size: 1em; font-weight: normal; font-style: normal;}
ul,ol {list-style: none;}
fieldset,img {border: none;}
caption,th {text-align: left;}
table {border-collapse: collapse; border-spacing: 0;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* @end */


/* @group General */

body {font: 14px/18px "Letter Gothic", "Courier New", Courier, monospace; background-color: #FFFFFF; color: #7B6594; word-wrap: break-word;}
a {color: #7B6594; outline: none;}
a:hover {color: #49b6f5;}
a:link, a:visited, a:active, a:hover {text-decoration: none;}
strong, b {font-weight: bold;}
em, i {font-style: italic;}
sup {padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important;}
abbr {border: 0;}
p {margin-bottom: 16px;}
h1 {margin-bottom: 18px; font: bold 18px/24px "Letter Gothic", "Courier New", Courier, monospace;}
h2 {margin-bottom: 18px; font: bold 16px/18px "Letter Gothic", "Courier New", Courier, monospace;}
h3 {margin-bottom: 6px; font: bold 1.1em/18px "Letter Gothic", "Courier New", Courier, monospace; color: #000;}
h4 {font: bold 10px/18px "Letter Gothic", "Courier New", Courier, monospace;}
ul {margin-bottom: 18px; list-style: none outside;}
ol {margin-bottom: 18px; list-style: decimal; margin-left: 2.2em;}
blockquote {margin: 1.5em 0; padding: 1em 1em 0; color: #666; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; background-color: #F0F0F0;}
hr {width: 100%; height: 1px; background: #ccc; color: #ccc; margin: 1em 0; border: none; padding: 0;}
pre, code {font-family: Courier, "Letter Gothic", "Courier New", monospace; font-size: 10px; color: #666;}
pre {margin: 0 0 1em 0; padding: 0 0 0.5em 0; white-space: pre-wrap;}

/* @end */

/* @group Wordpress Images */

.aligncenter,
div.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-top: 15px; margin-bottom: 15px;}
.alignleft {float: left; margin: 15px 15px 15px 0px;}
.alignright {float: right; margin: 15px 0px 15px 15px;}
.wp-caption {text-align: center; background-color: #000; padding-top: 5px; margin: 0 0 18px; /* optional rounded
corners for browsers that support it */
   -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 5px 4px; margin: 0;color: #ccc;}

/* @end */

/* @group Header */

#banner {height: 129px; width: 746px; margin: 20px auto 0px auto;}

#banner a {cursor: pointer;}

#wrapper {height: 100%; display: block; background: #fff url(images/body.gif) repeat-y; margin: 20px auto; width: 760px; padding-top: 0px; padding-bottom: 0px;}

#header {background: url(images/head.gif) no-repeat; height: 25px; width: 760px;}

/* @end */

/* @group Content */

#content {display: block; float: right; width: 395px; margin: 0px 20px 0px 0px; padding: 7px 0px 20px 0px; overflow: hidden;}

/* Hack needed because IE handles widths differently */
html>body #content {padding-right: 20px}
/* end of hack */

#content h1 {padding: 0px 8px 6px 0px; color: #7B6594; font: bold 18px/1.3em "Letter Gothic", "Courier New", Courier, monospace; text-transform: uppercase; margin: 6px 0 12px;}
#content h1 a {color: #7B6594;}
#content h1 .date {font-size: 14px; color: #7B6594; padding-top: 2px; padding-bottom: 2px; border-bottom: 3px dotted #7B6594;}
#content h2 {margin: 0; padding: 0px 8px 6px 0px; color: #7B6594; }
.item .info .date {display: block; font: 12px "Letter Gothic", "Courier New", Courier, monospace; color: #7B6594; padding-bottom: 2px; border-bottom: 3px dotted #7B6594; margin: 7px 0 8px auto;}
.item .info h2 {font: bold 16px "Letter Gothic", "Courier New", Courier, monospace; padding-top: 14px; padding-bottom: 5px;)
.item .pic {width: 95px; height: 100px; float: left;}
.item .pic img {padding: 2px; border: 1px solid #ccc; width: 80px;}
}
#content img.attachment-thumbnail {padding: 4px; border: 1px solid #ccc; background-color: #f0f0f0;}
table {margin-bottom: 18px; padding: 0px; -moz-box-sizing: border-box; border-collapse: separate; border-spacing: 1px; display: table; text-indent: 0; vertical-align: top;}
table.border {border: 1px solid #ccc;}
th {background-color: #eee; padding: 3px 5px; vertical-align: top;}
td {background-color: #fff; padding: 3px 5px; vertical-align: top;}
table td.submit {background-color: #bcccd1;}
#content ul, #content ol {margin: 0; padding-left: 13px; text-indent: 0; margin-bottom: 18px;}
#content ul li {margin: 0 0 10px; ; list-style-type: disc; list-style-position: outside;}
#content ol li {margin: 0 0 10px; list-style-type: decimal; list-style-position: outside;}

#content .authordetails {padding-top: 14px;}
#content .authortext {width: auto; text-transform: uppercase; padding-bottom: 4px; border-bottom: 3px dotted #7B6594;}

/* @end */

/* @group Navigation */

.previouspost {float: left; margin: 20px 15px 0 0; text-align: left; width: 150px;}
.followingpost {float: right; margin: 20px 0 0 15px; text-align: right; width: 150px;}

/* @end */

/* @group Sidebar */

#sidebar {float: left; width: 181px; padding: 5px 0px 5px 11px;}
li.widget {padding: 0px 0px 5px 11px; overflow: hidden;}
.textwidget {padding: 0px 0px 20px 0; margin: 10px 0 0 0; border-bottom: 3px dotted #7B6594;}

li#archives h2 {color: #7B6594; font: bold 25px "Letter Gothic", "Courier New", Courier, monospace; text-transform: uppercase; margin: 0px 0px 10px 0; padding: 0 0 3px 0; border-bottom: 3px dotted #7B6594;}

li#recent-posts h2 {color: #7B6594; font: bold 25px "Letter Gothic", "Courier New", Courier, monospace; text-transform: uppercase; margin: 0px 0px 10px 0; padding: 0 0 3px 0; border-bottom: 3px dotted #7B6594;}

li#recent-posts a {display: block; margin: 0px 0px 12px 0px; padding: 0 0 0 0; width: auto; height: auto;}

li#meta h2 {color: #7B6594; font: bold 25px "Letter Gothic", "Courier New", Courier, monospace; text-transform: uppercase; margin: 20px 0px 10px 0; padding: 0 0 3px 0; border-bottom: 3px dotted #7B6594;}


/* @group Pages */

li#pages.widget {padding: 0;}
li#pages ul {width: 215px; padding: 0; margin: 0 0 20px 0;}
li#pages ul li {padding: 0; margin: 0; color: #7B6594; font: bold 25px "Letter Gothic", "Courier New", Courier, monospace; text-transform: uppercase; }
li#pages h2 {display: none;}
li#pages ul li.page_item a {display: block; margin: 0px 34px 8px 11px; padding: 10px 0px 10px 0px; height: 100%; width: auto; border-top: 3px dotted #7B6594; border-bottom: 3px dotted #7B6594;}
li#pages ul li.page_item a:hover {cursor: pointer; color: #49b6f5;}
li#pages ul li.page_item a:active {font: bold;}
li#pages ul li.current_page_item a {cursor: pointer;}
li#pages ul li.current_page_item.page_item a:hover {cursor: pointer;}
li#pages ul li ul {display: none;}
li#pages ul li ul li ul {display: none;}

/* @end */

/* @group Tag Cloud */

li#tag_cloud {font-weight: normal; line-height: 22px;}
li#tag_cloud a, li#tag_cloud a:visited {color: #aaa;}
li#tag_cloud a:hover {color: #49b6f5;}

/* @end */

/* @end */

/* @group Comment */

h2#comments {background: url(images/title.gif) no-repeat; padding: 6px 8px 6px; color: #0e3f6f; font: 15px/1.3em "Letter Gothic", "Courier New", Courier, monospace; margin: 20px 0 10px;}
h2#comments .num {float: right; font-size: 10px; color: #b2bbc4; padding-top: 2px;}
#content .commentlist {padding: 0; margin: 5px 0;}
#content .commentlist li {margin: 10px 0 3px; padding: 5px; list-style: none; background-color: #f3f3f3; border: 1px solid #e4e4e4;}
.commentlist li img.avatar {float: left; border: ; border-top: 1px solid #fff;}
.commentlist .commentinfo {float: right; width: 430px;}
.commentlist p {font-size: 12px; line-height: 15px; margin: 0 0 4px;}
.commentinfo h3 {margin: 0;}
.commentinfo .date {font-size: 9px; color: #999;}
.commentinfo .date a {color: #999;}
h2#respond {background: url(images/title.gif) no-repeat; padding: 6px 8px 6px; color: #0e3f6f; font: 15px/1.3em "Letter Gothic", "Courier New", Courier, monospace; margin: 20px 0 10px;}
#commentform p {margin-bottom: 6px;}
#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;}
#commentform textarea {width: 97%; padding: 2px;}
#commentform #submit {margin: 5px 0 10px;}

/* @end */