/*   
Theme Name: NinaTheme
Theme URI: http://www.ninachicago.com/
Description: Wordpress Theme for Nina: A Well-Knit Shop
Author: Erik Kraft
Author URI: http://www.restlessbee.com

.
General comments/License Statement if any.
. */

* {
margin: 0;
padding: 0;
}

html {
height: 100%;
}

body {
margin: 0;
padding: 0;
height: 100%;
color: #6c7166;
text-align: center;
background: url(images/bg_sub.png) center center repeat-y;
font: small verdana, arial, helvetica, sans-serif;
}

#container {
width: 762px;
margin: 0 auto;
position: relative;
text-align: left;
}

/* General
------------------------------------------------------------------*/

p, ul {
line-height: 150%;
margin-bottom: 8px;
font-size: 86%;
}

a img {
border: none !important;
}

h1 {
font-size: 120%;
}

h2 {
font-size: 100%;
margin-bottom: 4px;
}

h3 {
font-size: 90%;
}

dl {
margin-top: 10px;
margin-bottom: 12px;
font-size: 82%;
}

dt {
font-weight: bold;
}

dd {
line-height: 150%;
margin-bottom: 12px;
}

a:link {
color: #445d80;
text-decoration: none;
border-bottom: 1px dotted #445d80;
}

a:visited {
color: #6d7ca4;
text-decoration: none;
border-bottom: 1px dotted #6d7ca4;
}

a:hover {
border-bottom: 1px solid #445d80;
}

.floatright {
float: right;
margin: 0 0 6px 12px;
}

.clearboth {
clear: both;
}

.imgborder {
background-color: #fff;
padding: 4px;
border: 1px solid #dbdbdb;
}

div#ninalink {
position: absolute;
top: 26px;
left: 33px;
width: 122px;
height: 122px;
z-index: 3;
}

div#ninalink a {
display: block;
border-bottom: none !important;
height: 122px;
width: 122px;
}

/* Masthead
------------------------------------------------------------------*/

#masthead {
width: 100%;
float: left;
position: relative;
height: 112px;
}

body#home-page #masthead {
background: url(images/masthead_home.png) no-repeat top left;
}

body#template-page #masthead {
background: url(images/masthead_home.png) no-repeat top left;
}

body#about-page #masthead {
background: url(images/masthead_about.png) no-repeat top left;
}

body#products-page #masthead {
background: url(images/masthead_products.png) no-repeat top left;
}

body#classes-page #masthead {
background: url(images/masthead_classes.png) no-repeat top left;
}

body#news-page #masthead {
background: url(images/masthead_news.png) no-repeat top left;
}

/* Header replacement
------------------------------------------------------------------*/

.replace { 
position: relative; 
margin: 0; 
padding: 0; /* hide overflow:hidden from IE5/Mac */ /* \*/ 
overflow: hidden; /* */ 
} 

.replace span { 
display: block; 
position: absolute; 
top: 0; 
left: 0; 
z-index: 1; /*for Opera 5 and 6*/ 
} 

.replace a { 
display:block; 
}

* html .replace a { /* for IE5/win */
c\ursor:pointer;
}

#ninareplace {
position: absolute;
top: 67px;
left: 27px;
}

#ninareplace, #ninareplace span{ 
width: 126px; 
height: 45px; 
}

body#home-page #ninareplace, body#home-page #ninareplace span {
background-image: url(images/nina_home.png);
}

body#template-page #ninareplace, body#template-page #ninareplace span {
background-image: url(images/nina_home.png);
}

body#about-page #ninareplace, body#about-page #ninareplace span {
background-image: url(images/nina_about.png);
}

body#products-page #ninareplace, body#products-page #ninareplace span {
background-image: url(images/nina_products.png);
}

body#classes-page #ninareplace, body#classes-page #ninareplace span {
background-image: url(images/nina_classes.png);
}

body#news-page #ninareplace, body#news-page #ninareplace span {
background-image: url(images/nina_news.png);
}

#tagline, #tagline span {
width: 163px;
height: 18px;
background-image: url(images/wellknit.png);
}

#locationhead, #locationhead span {
width: 148px;
height: 12px;
background-image: url(images/location.png);
}

#hourshead, #hourshead span {
width: 53px;
height: 12px;
background-image: url(images/hours.png);
}

#locationhead, #hourshead {
margin-bottom: 7px;
}

#classestitle, #classestitle span {
width: 183px;
height: 22px;
background-image: url(images/title_classes.png);
}

#classestitle {
margin-bottom: 10px;
}

#productstitle, #productstitle span {
width: 205px;
height: 31px;
background-image: url(images/title_products.png);
}

#productstitle {
margin-bottom: 4px;
}

#abouttitle, #abouttitle span {
width: 349px;
height: 30px;
background-image: url(images/title_about.png);
}

#abouttitle {
margin-bottom: 6px;
}


#newstitle, #newstitle span {
width: 448px;
height: 64px;
background-image: url(images/title_news.png);
}

#newscurrent, #newscurrent span {
width: 216px;
height: 32px;
background-image: url(images/news_current.png);
}


#newspast {
margin-top: 20px;
}

#newspast, #newspast span {
width: 216px;
height: 32px;
background-image: url(images/news_previously.png);
}



/* Navigation
------------------------------------------------------------------*/

#nav {
position: absolute;
top: 75px;
left: 253px;
width: 507px;
height: 34px;
}

#nav li {
padding: 0;
margin: 0 0 0 5px;
list-style-type: none;
float: left;
}

#nav li a {
border: 0;
text-decoration: none;
display: block;
background: transparent url(images/nav.png) no-repeat;
width: 118px;
height: 34px;
}

#nav li a span {
position:relative;
z-index:-1;
}

li#aboutnav a:link, li#aboutnav a:visited {
background-position: 0px 0px;
}

li#aboutnav a:hover, li#aboutnav a:focus, body#about-page ul#nav li#aboutnav a {
background-position: 0px -34px;
}

li#productsnav a:link, li#productsnav a:visited {
background-position: -123px 0px;
}

li#productsnav a:hover, li#productsnav a:focus, body#products-page ul#nav li#productsnav a {
background-position: -123px -34px;
}

li#classesnav a:link, li#classesnav a:visited {
background-position: -246px 0px;
}

li#classesnav a:hover, li#classesnav a:focus, body#classes-page ul#nav li#classesnav a {
background-position: -246px -34px;
}

li#newsnav a:link, li#newsnav a:visited {
background-position: -369px 0px;
}

li#newsnav a:hover, li#newsnav a:focus, body#news-page ul#nav li#newsnav a {
background-position: -369px -34px;
}

/* Homepage layout
------------------------------------------------------------------*/

body#home-page {
background: url(images/bg_col.png) center center repeat-y;
height: 100%;
}

body#home-page div#container{
position: relative;
min-height: 100%;
}

* html body#home-page div#container {
height: 100%;
}

body#home-page p {
line-height: 160%;
margin-bottom: 10px;
font-size: 86%;
}

body#home-page div.post {
position: absolute;
width: 484px;
top: 18px;
left: 254px;
text-align: right;
}

body#home-page div.post strong {
color: #c5793b;
}

div#homecontent {
float: left;
width: 760px;
display: inline;
margin-left: 1px;
}

div#homeintro {
width: 226px;
display: inline;
background-color: #eeeeec;
margin: 16px 16px 0 0;
float: right;
}

div#homeintro img {
padding-top: 44px;
}

div#homeblurb {
width: 226px;
margin: 20px 0 12px 0;
background: url(images/blurbtop.png) top center no-repeat;
}

div#homeblurb p {
padding: 20px 14px 0px 14px;
font-size: 80%;
}

div#homeblurb #blurbsource {
text-align: right;
padding: 8px 25px 0px 14px;
}

div#homeblurb #blurbmore {
text-align: right;
padding: 12px 25px 22px 14px;
background: url(images/blurbbottom.png) bottom center no-repeat;
}

div#homeinfo {
width: 502px;
float: left;
}

div#location {
float: left;
width: 255px;
display: inline;
margin: 16px 0 0 25px;
background-color: #fff;
}

div#hours {
float: left;
display: inline;
width: 203px;
margin: 16px 0 0 12px;
background-color: #fff;
}

div#hours td {
line-height: 160%;
font-size: 86%;
}

div#footer {
width: 762px;
height: 26px;
position: relative;
margin: -26px auto 0px;
text-align: left;
padding: 0px 0;
color: #9ca292;
background-color: #abb1a5;
}

div#footer p {
font-size: 80%;
padding-top: 4px;
margin-left: 25px;
margin-bottom: 0;
color: #fff;
}

div#footer a:link, div#footer a:visited {
color: #fff;
border-bottom: 1px dotted #fff;
}

/* Subpage layout
------------------------------------------------------------------*/

div#content {
float: left;
width: 760px;
position: relative;
margin-left: 1px;
display: inline;
}

div#content ul {
margin: 0 0 10px 16px;
}

div#content ul li {
list-style-type: square;
margin-bottom: 4px;
}

div#subimage {
float: left;
width: 258px;
background-color: #fff;
}

div#inner {
float: right;
margin-top: 16px;
margin-right: 20px;
width: 464px;
display: inline;
}

div#subfooter {
float: left;
width: 100%;
margin-top: 66px;
color: #808578;
}

div#subfooter p {
font-size: 84%;
font-family: arial, sans-serif;
}

div#subfooter a:link, div#subfooter a:visited {
color: #808578;
border-bottom: 1px dotted #808578;
}

/* classes
------------------------------------------------------------------*/

p#schedulelink {
float: right;
width: 250px;
margin-top: 4px;
text-align: right;
font-size: 110%;
}

div#beginner {
float: left;
width: 214px;
margin-top: 6px;
}

div#private {
float: left;
width: 214px;
margin: 6px 0 0 30px;
}

div#project, div#schedule {
width: 460px;
float: left;
margin-top: 10px;
border-top: 1px solid #dbdbdb;
padding-top: 16px;
}

body#classes-page div#inner img {
background-color: #fff;
padding: 5px;
border: 1px solid #dbdbdb;
margin: 0 10px 5px 0;
}

body#classes-page dl {
margin-left: 36px;
}

h2#projecthead {
margin-bottom: 11px;
}

/* products
------------------------------------------------------------------*/

div#prodone {
float: left;
width: 200px;
}

div#prodtwo {
width: 200px;
float: left;
margin-left: 30px;
display: inline;
}

/* about
------------------------------------------------------------------*/
body#about-page {
background: url(images/bg_sub.png) center center repeat-y !important;
}

div#aboutcontainer {
width: 100%;
}

div#aboutthumb {
text-align: right;
width: 260px;
padding-bottom: 12px;
float: right;
}

div#aboutthumb p {
margin-bottom: 3px;
font-style: italic;
font-size: 84%;
}

div#aboutthumb a {
border: none !important;
}

div#aboutthumb img.thumb {
margin-right: 7px;
}

/* news
------------------------------------------------------------------*/
body#news-page {
background: url(images/bg.png) center center repeat-y;
}

body#news-page div#subfooter {
display: inline;
width: 400px;
margin-left: 28px;
}

div#subimage_news {
width: 161px;
height: 55px;
position: absolute;
top: 0px;
left: 0px;
}

div#postcolumn {
margin-top: 0px;
width: 500px;
float: left;
display: inline;
margin-left: 28px;
}

div#sidecolumn {
width: 190px;
float: right;
display: inline;
margin-top: 5px;
margin-right: 14px;
padding: 5px 0;
border-left: 1px solid #dadfd5;
}

div#sidecolumn p {
margin-left: 10px;
margin-bottom: 10px;
}

div#sidecolumn h2 {
margin-left: 10px;
font-size: 90%;
}

div#sidecolumn ul {
font-size: 80%;
margin-left: 10px;
}

div#sidecolumn ul li {
list-style-type: none;
}

a#rsslink {
border-bottom: none !important;
margin: 5px 0 0 10px;
}

div.post {
margin-bottom: 20px;
}

div.post h2 {
font-size: 130%;
}

div.post h2 a {
color: #d28a56 !important;
}

div.post h2 a {
border-bottom: none !important;
}

div.entry {
margin: 8px 0 0 0;
}

p.postmetadata {
color: #7f8579;
font-size: 84%;
}

div.entry img {
background-color: #fff;
padding: 5px;
border: 1px solid #dbdbdb;
}

/* IE hacks
------------------------------------------------------------------*/

* html body {
font-size: x-small; /* for IE5/Win */
f\ont-size: small; /* for other IE versions */
}

* html a:link {
border-bottom: 1px solid #445d80;
}

* html a:visited {
border-bottom: 1px solid #6d7ca4;
}

* html div#subfooter p {
font-size: 80%;
}