/*
Theme Name: Kare Prints
Theme URI: http://kareprints.com/
Description: This is a custom template designed for kareprints.com.  © 2010 All rights reserved
Author: jaretmedia.com
Version: 1.1
Tags: custom
*/

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, li, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

body {font-size: 13px; line-height: 1.25; background: #f6f4f4; margin: 15px 0 0 0; font-family: arial, helvetica, sans-serif;}
p, input, ul, a, li, #footer {color: #333; margin: 0;}
p {margin-bottom: 15px;}

/* structure */

#header-container {width: 1100px; height: 158px; position: relative; background: url('../kareprints/images/new-header-image.png') no-repeat;}
#logo {width: 356px; height: 72px; float:left; margin: 80px 0 0 60px;}
#viewcart {position: absolute; top: 70px; 
right: 155px;
/* right: 305px; */
}
#giftcert {position: absolute; top: 70px; 
right: 230px;
/* right: 385px; */
}
#promoicon {position: absolute; top: 20px; right: 20px; width: 118px; height: 116px;}
#freeship {position: absolute; top: 20px; right: 165px; width: 118px; height: 116px; z-index: 10}

/* old */
#header {width: 356px; height: 72px; float:left; margin: 58px 0 10px 30px;}
// #logo {width: 356px; height: 72px; float:left; margin: 58px 0 10px 30px;}


#content {clear:both; margin-top: 30px; position: relative;}
#wrapper {margin: 0 auto; width: 1100px; position: relative;}
#navigation {margin: 15px 10px 10px 30px; float: left; width: 160px;}
#navigation ul {text-transform: uppercase; list-style: none; font-weight: bold; }
#navigation li {margin: 0 0 10px 0;}
#navigation a {color: #999;}
#navigation a:hover {color: #76884D;}
#navigation .current a {color: #76884D;}
#navigation ul > li.current-cat > a {color: #76884D!important;}
#mainphoto {width: 441px; float: left; margin-left: 40px; background: url(..images/shadow-bkg.png) no-repeat; }
#mainphoto a {padding: 0 20px;}
.mailinglist, .grabinscription {border: 1px solid #ccc; margin: 0 0 0 0; background: #fbfbfb; height: 20px; width: 113px; color: #76884D;}
.grabinscription {color: #282828; margin:2px 0 0 0; width: 335px; height: 20px;}
#social {margin-left: -5px;}
#footer {clear: both; padding: 13px 0px; font-size: 80%; margin-left: 215px;}
#photosize {margin-top: 2px;}

#rightcolumn {float:right; width: 350px; margin: 40px 20px 0 0;}

/* used on home page for main area with icons - should also be for the page(s) with categories */
.home-column{float: left; width: 880px; margin: 18px 0 5px 10px;}
.small-icon {float: left; width: 190px; padding: 0 25px 25px 0; 
/* height: 250px; */
}

/* used on pages */
#centercolumn {float: left; width: 715px; margin:10px 0 0 15px;}
#about {float:left; width: 500px; margin: 10px 0 0 140px; line-height: 1.6em; font-size: 14px;}
#centercolumn span, #about span {color: #76884D; font-weight: bold;}

.attachment-thumbnail {margin:0; padding: 0;}

.entry-content {margin: 5px 0 0 0;}
.edit-link a, .post-edit-link a {color: red; }

a {text-decoration: none;}
a:hover, .nav-next a:hover, nav-previous a:hover {color: #76884D;}
.current li, .current a {color: #76884D; font-weight: bold;}
.valentine li, .valentine a {color: red;}

#messageline {color: #76884D; margin:  6px 0;}
#charlimitinfo {color: #76884D;}

/* font sizes */
.entry-title h2, h1 {font-size: 20px; font-weight: 500; color: #76884D;}

/* button behavior */
a.previous, a.next, a.greenarrow, .viewcart {text-indent: -3000px;
			overflow: hidden;
			display: block;}

a.previous, .previous {width: 50px;
			float: left;
			display: inline;
			margin: 0 0 5px 0;
			height: 11px;
			background: url(images/previous.png) no-repeat 0 0;}
			
a.next, .next 	{width: 50px;
			float: right;
			display: inline;
			margin: 0 0 5px 0;
			height: 11px;
			background: url(images/next.png) no-repeat 0 0;}

.next, .previous { margin: 0;}			
			
a.greenarrow {width: 15px;
			float: right;
			display: inline;
			margin: 5px 18px 0 0;
			height: 11px;
			background: url(images/green-arrow.png) no-repeat 0 0;}		
/*			
.viewcart {width: 52px;
			display: inline;
			margin: 0;
			height: 52px;
			background: url(images/view-cart.png) no-repeat 0 0;}
			*/
	
/* header area items */	
#giftCertificate {width: 60px; float: right; margin: 74px 10px 0 0;}
#viewCart {float: right; margin: 74px 60px 0 0; width: 60px;}
#promo {width: 302px; height: 154px; float:right; margin: 0; z-index: 100; display:none;}
#promo-message {color: #0e7324; text-transform: uppercase; position: absolute; top: 0px; left: 35px; font-size: 14px; font-weight: bold;}
/* next is the image itself */
#header-promo {width: 385px; height: 125px; position: absolute; top: 0px; left: 425px; cursor: pointer;}


a.previous:hover, a.greenarrow:hover, .viewcart:hover {background-position: 0 100%;}
a.next:hover {background-position: 0 100%;}	

.nav-next {float: right; margin-right: 2px;}
.nav-previous {float:left; margin-left: 2px;}
.nav-previous a, .nav-next a { color: #76884D;}
.nav-previous a:hover, .nav-next a:hover { color: #ccc;}


/* end of buttons */			
			
/* misc random things */
.asterisk {margin: 0 0 -3px 0;}			
.divider {border-bottom: 1px solid #e0dedc; height: 2px; width: 99%; margin-bottom: 0px;}
.red {color: #c3262f; font-weight: bold;}
.clearit {clear: both;}
.homeicon {float: left;
		   width: 200px;
		   height: 200px;
		   }
		   
/* if we need overlays, this is where we style the modal */



#ibox_wrapper {
    padding: 25px;
    line-height: 1px;
    background: transparent;
}

#ibox_wrapper a {
    text-indent: -10000px;
    background: url('../images/closelabel.gif') no-repeat top right;
    width: 48px;
    height: 24px;
}

#buzz {margin-left: 80px; margin-bottom: 100px;}
#buzz .alignleft {float: left; margin: 0 15px 25px 0;}
.press-item {padding: 20px 0;}

#overlay-window {position: absolute; top: 40px; left: 440px; z-index: 2000;
    width: 302px; height: 154px; cursor: pointer;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 20px;
    background: #fff;
    display: none;
    }