/*   
Theme Name: Ora Bags
Theme URI: 
Description: Custom theme for Ora Recycled Leather Bags based on the Thematic framework.
Author: Christy Nyiri
Author URI: http://nyiri.ca
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');




/* TYPOGRAPHY - - - - - - - - - - - - - - - - - - - - - - - - -*/

body, input, textarea {
    font: 11px Verdana, Arial, sans-serif;
    line-height: 1.75em;
}
p, ul, ol, dd, pre {
    margin-bottom: 1em;
}
pre, code {
	font:10px Monaco, monospace;
	line-height:1.5em;
}

.entry-meta, .entry-utility, #primary, #secondary {font-family: Georgia, serif}

.wp-caption {font-family: Georgia, serif; font-style: italic}

#primary, #secondary {color: #FFF}
#primary a, #secondary a {color: #FFF}

#main a, #main a:link, #main a:visited, #footer a, #footer a:link, #footer a:visited {color:#666; text-decoration: none;}

#main a:active, #main a:hover, #footer a:active, #footer a:hover {color: #000; text-decoration: underline}

.page h1.entry-title {display: none; line-height: 0; clear: none}
.page h2, .blogintro, .navigation a, .textwidget h1 {width: auto; line-height: 1.2em; clear: none; font-family: Georgia, serif; font-style:italic; font-weight: normal; font-size: 30px; padding: 0 0 5px}
.page h2.clear {clear: both}
.page h3 {clear: none; font: Arial, sans-serif; font-weight: bold; font-style: normal}



#main h2.entry-title a:hover {text-decoration:none}

#post-38.page h2 {display: inline}

a.post-edit-link {color: #FF0000}

.wp-caption-text, .gallery-caption {
font-size:11px;
line-height:1.2em;
}

h1.page-title {
padding:0 0 44px;
line-height: 1.2em; clear: none; font-family: Georgia, serif; font-style:italic; font-weight: normal; font-size: 30px;}

/* Overriding exsiting theme layout - - - - - - - - - - - - - - - - - - - - - - - - -*/

#wrapper {width: 985px; margin: 0 auto}

#access {margin: 20px auto 0px auto; width: 655px; padding-left: 100px; height: 85px; border: 0 none; float:left; background: url(http://orabags.com/images/logo.gif) no-repeat top left;}

#header {float:right; width: auto; margin-top:52px}

#footer {width: 985px; margin: 12px auto 0px auto}

#main {width: 985px; padding: 30px 0 8px;}

#content {margin:0; width: 620px}

.page .entry-content {padding: 0}

.entry-utility {clear: both; border-top: 1px solid #CCC; padding-top: 6px}

#siteinfo {padding: 4px 0 12px 0; font-size: 8px; width: 985px}

#desc {text-align: right;}

#desc a {font-style: italic; color: #888; font-family: Georgia, serif; font-size: 15px; text-decoration: none;}





/* SIDE BARS - - - - - - - - - - - - - - - - - - - - - - - - -*/

.aside {
color: #FFF;
background:#000 url(http://orabags.com/images/shop/wood2.jpg);
border: 0 none;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}

#secondary {padding-top: 15px}

#primary a:link, #secondary a:link, #primary a:visited, #secondary a:visited {color: #CCC}
#primary a:hover, #secondary a:hover {color: #CCC}

#twitter {
padding: 10px 20px;
background-color: #000;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
margin-bottom: 20px
}

#twitter ul {margin: 0; padding: 0}
 #twitter li {padding: 0, list-style-image:none;
list-style-position: none;
list-style-type: none;
margin: 0}

#twitter a {font-style: italic}

h3.widgettitle {font-style: normal; font-size: 11px; letter-spacing: 3px; text-transform:uppercase; font-weight: normal}

.xoxo ul li, .xoxo p, .xoxo td {font-family: Verdana, arial, sans-serif; font-size: 11px}

#primary .blogintro a:link, #primary .blogintro a:visited, #secondary .blogintro a:link, #secondary .blogintro a:visited {color: #FFF}
#primary .blogintro a:hover, #secondary .blogintro a:hover {text-decoration:none}



/* Goddamn dropdown menu - - - - - - - - - - - - - - - - - - - - - - - - -*/

.menu {padding-top: 25px; width: 100%}

/*regular menu*/
.menu li a, .menu li a:visited {font-style: italic; color: #888; font-family: Georgia, serif; font-size: 15px; background: #FFF; border: 0 none;}

/*regular menu*/
.menu li a:hover, .menu li a:active {background: #CCC; color:#FFF}
.menu li.current_page_item a, .menu li.current_page_ancestor a, .menu li.current_page_parent a {background: #999; color: #FFF; text-decoration:none}

.sf-menu {border-right: 0 none}
.sf-menu ul {border: 0 none; margin-top: 1px}

.menu ul.sf-menu li a {border-right: 1px solid #CCC}

.sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a {background: #666; color: FFF}

.sf-menu li.sfHover ul {border-bottom: 0 none;}

/*regular state child list item*/
.sf-menu li.sfHover ul li a {color: #FFF; background: #CCC; margin-top:2px; padding-top: 6px; padding-bottom: 6px; border-right: 0; margin-left: -1px; border-left: 0; font-size: 13px}

/*hover state child list item*/
.sf-menu li.current_page_parent ul li a:hover {color: #fff; background: #999}

/*parent list item*/
.sf-menu li.current_page_item a,
.sf-menu li.current_page_item a:hover,
.sf-menu li.current_page_parent a,
.sf-menu li.sfHover a
 {color: #fff; background: #999}

/*child list item hover & current page states*/
.sf-menu li ul li.current_page_item a,
.sf-menu li.sfHover ul li a:hover
 {color: #FFF; background: #999}







.sf-menu .page-item-13 ul {margin-left: 1px}

.sf-menu li.page-item-22 , .sf-menu li.page-item-21 {display: none}



/*Custom styling for slides- - - - - - - - - - - - - - - - - - - - - - - - -*/

#slides img{
	float: left;
	background: url(../images/loading.gif) no-repeat center center;
	width: 480px; height: 480px; clear: none
}
#slides img.first{
	margin: 0 25px 0 0;
	float: left;
	width: 480px; height: 480px;
	}

#slides {line-height: 0; width: 985px; position: relative; overflow:hidden; 
	height: 480px; clear: none; margin-bottom: 10px}

#arrows {width: 400px; float:right}
#arrows a:link, #arrows a:visited {
	text-decoration: none; color: #999;
	padding: 1px 6px;
	display: block;
	float: right;
	margin-left: 10px;
	font: 14px Georgia, "Times New Roman", Times, serif;
}
#arrows a:hover {color: #666}

/*styles for pages with images on the right- - - - - - - - - - - - - - - - - - - - - - - - -*/
.rightimage {float: right; padding-left: 35px}
.credit {float: left; width: auto; font-family: Georgia, serif; font-style: italic}


/*styling for expanding pages when removing sidebar- - - - - - - - - - - - - - - - - - - - - - - - -*/

body.parent-pageid-4 #container, body.parent-pageid-4 #content,
body.pageid-13 #container, body.pageid-13 #content,
body.pageid-4 #container, body.pageid-4 #content,
body.pageid-6 #container, body.pageid-6 #content,
body.pageid-38 #container, body.pageid-38 #content,
body.pageid-36 #container, body.pageid-36 #content,
body.pageid-10 #container, body.pageid-10 #content,
body.pageid-14 #container, body.pageid-14 #content,
body.pageid-47 #container, body.pageid-47 #content,
body.pageid-841 #container, body.pageid-841 #content,
body.parent-pageid-841 #container, body.parent-pageid-841 #content
{width: 985px}


/* STORE  - - - - - - - - - - - - - - - - - - - - - - - - -*/

.productcart table {border: 0 none}
.wpsc_checkout_table {border: 0 none}
.productcart input {font-size: 10px}


/* calendar  - - - - - - - - - - - - - - - - - - - - - - - - -*/


#calendar_wrap table {width: 258px; font-family: verdana, sans-serif; font-size: 9px}
#calendar_wrap td, #calendar_wrap th {margin: 0; text-align: center; display:table-cell; vertical-align:middle; horizontal-align: center; border: 1px solid transparent; padding: 2px}
#calendar_wrap td a {background-color: #666; display: block; color: #fff; text-decoration: none;}
#calendar_wrap td a:hover {background-color: #999; color: #000; text-decoration:none}
#wp-calendar td {padding:0}
#wp-calendar tbody td {background-color:#000; border: 1px solid #111}
#wp-calendar tbody td.pad {background-color:#111}
#wp-calendar tbody td#today {background-color: #FFF; color: #000}
td#today a {background-color: #CCC; color: #000; text-decoration:none}
td#today a:link {color: #000}
td#today a:hover {text-decoration: none}

/* the shop  - - - - - - - - - - - - - - - - - - - - - - - - -*/

p.bagcatdesc {margin: 0 0 30px; font: 13px Georgia, "Times New Roman", Times, serif; font-style:italic;}

#main ul.bagcats {list-style-type: none; margin-left: 0; margin-top:0; float:left; padding-bottom:13px}
#main ul.bagcats li {list-style-type: none; float:left}
#main ul.bagcats li a {
padding: 4px 10px; background: #000; color: #FFF; display: block; float: left; margin: 0 7px 7px 0;
background:#000 url(http://orabags.com/images/shop/wood2.jpg);
border: 0 none;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;}
#main ul.bagcats li a:hover {color: #FFF; text-decoration: none; background: #999}

#calendar-3 .widgettitle {display: none}
.soldout {display: none}

.wpsc_checkout_table tr {border-bottom: 0}
.wpsc_checkout_table th, .wpsc_checkout_table td {padding:0.3em .5em;}
.wpsc_checkout_table table {
font-size:11px;
line-height:15px;
margin:0 0 15px;
text-align:left;}

table.wpsc_checkout_table input.text, table.wpsc_checkout_table textarea, table.wpsc_checkout_table select, fieldset.wpsc_registration_form input {
font-family:"Verdana","Lucida Fax","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
font-size:10px;
margin-right:0;
width:260px;}

p.shopintro {color: #FFF; font-size: 13px; line-height: 1.3em}

/*---shit---*/