/*
THEME NAME: OLIVIA01 from Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: A theme rich with powerful and dynamic semantic class selectors; a canvas for CSS artists
VERSION: 1.2
AUTHOR: Ched
AUTHOR URI:
*/


#store-hours {float:left; width:220px; margin-left:60px}* html #store-hours {margin-left:30px}
#store-hours p {margin-bottom:12px; }

#map {float:right; width:590px; margin-right:60px} * html #map {margin-right:30px}
img, div { behavior: url(iepngfix.htc) }

/*	GLOBAL
====================================================================================================================================================================*/
*, html, body {margin:0;padding:0;}
body {background:url(images/bg.jpg) repeat-y top center; font-family: Georgia, serif}
#sidebar a, p a, h2 a, h3 a {color:#FF9900; text-decoration:none}
#sidebar a:hover, p a:hover, h2 a:hover, h3 a:hover {color:#339999;text-decoration:underline}



#wrapper {margin:0 auto;width:100%;}

#header_container {margin:0 auto;width:100%; height:100px; background:url(images/header_bg.jpg) no-repeat #30cca9 top center; }
#header_container #header {margin:0 auto; width:960px}
#header_container #header h1#blog-title {float:left; width:150px}
#header_container #header #subscribe-email {float:right; width:150px; font:12px/12px bold Verdana, Arial, sans; color:#FFF}

	#blog-description {margin:0;width:400px; height:100px}
	#blog-description {font:12px/18px normal; color:#666666}

#menu_container {margin:0 auto; width:100%;background: url(images/menu_bg.jpg) repeat-y #30cca9 bottom}
#menu_container #menu {margin:0 auto; padding:0 0 0 20px; width:940px}

#container {width:960px;margin:0 auto; padding:20px 0 10px 0; background-color:#FFF}
#container h2.entry-title {width:840px; font-size:40px; margin:20px auto; border-bottom:1px dotted #CCC}


#container #container-top {width:960px; height:100px; margin:0 0 20px 0; background:url(images/container_bg_header.jpg) no-repeat bottom center}
#container #container-bottom {width:960px; height:100px; margin:20px 0 0 0; background:url(images/container_bg_footer.jpg) no-repeat bottom center}

#container #content #comments {padding:20px 0 0 0; border-top:1px dotted #CCC}
#container #content #comments a {color:#009966}
#container #content #comments .comment-meta {font-size:10px}

#container #content img {padding:2px; border:1px solid #CCC}
#container #content a img:hover {border:1px solid #FF9900}

#primary.sidebar {float:left;}
#primary.sidebar li#text-1 {margin:45px 0 0 45px; width:380px; height: 120px; background:url(/images/sidebar_bottom_left.jpg) no-repeat top center}
#secondary.sidebar{float:right;}
#secondary.sidebar li#text-2 {margin:45px 0 0 45px; width:380px; height: 120px; background:url(/images/sidebar_bottom_right.jpg) no-repeat top center}


/*	ALL PAGES
====================================================================================================================================================================*/
h2.entry-title {font-size:16px; color:#333333}
h2.entry-title a {color:#666666}
div.entry-date {font-size:11px; color:#333333; margin:0 0 5px 0}
div.entry-meta a{font-size:11px;color:#666666}


/*	INDEX PAGE
====================================================================================================================================================================*/
.home #container #content p {font:12px/16px Georgia, serif; color:#666666; margin:0 0 20px 0}
.home #container #lead-image {float:left; width: 350px; margin:30px 0 20px 60px; padding:2px; border:1px solid #009966}
* html .home #container #lead-image {margin:30px 0 20px 30px;}

.home #container #content {float:right; width:460px; margin:30px 60px 0 0;padding:0;background-color:#FFF;}
* html .home #container #content {width:460px; margin:30px 30px 0 0;}

.home #container #content div#welcome-text {margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px dotted #CCC; }
.home #container #content div#welcome-text h2 {font-size:21px; margin:0 0 20px 0}
.home #container #content div#welcome-text p {font:16px/24px Georgia, serif; color:#666666; margin:0 0 1em 0}

.home #container #content div.post {margin:0 0 20px 0; border-bottom:1px dotted #CCC;}
.home #container #content div.post h2.entry-title {width:100%;font-size:18px; margin:0 0 5px 0; border:none}
.home #container #content div.post .entry-date {padding-left:20px; background:url(images/icons/date.jpg) no-repeat top left; font:11px Trebuchet MS, Arial, sans-serif; color:#999;}
.comments-link {padding-left:20px; background:url(images/icons/comments.jpg) no-repeat top left; font:11px Trebuchet MS, Arial, sans-serif; color:#666666;}
.comments-link a {text-decoration:none; color:#999}
.comments-link a:hover {text-decoration:underline;}
.more-link {padding-left:20px; background:url(images/icons/bullet_go.jpg) no-repeat left; font:12px Trebuchet MS, Arial, sans-serif; color:#666666;}
.more-link a {color:#999999}

.home #container #content div.post p {font:12px/16px Trebuchet MS, Arial, sans-serif; color:#666666; margin:0 0 1em 0}
.home #container #content .post-thumb {width:100px; float:right; margin:0 0 0 5px; padding:2px; border:1px solid #CCCCCC}
* html .home #container #content .post-thumb {width:100px; float:right; margin:0; padding:2px; border:1px solid #CCCCCC}


/*	INDEX PAGE > WHAT'S NEW (SINGLE)
====================================================================================================================================================================*/
* html .s-category-whats-new #container {padding:40px 0 0 0}

s-category-whats-new #container h2.entry-title {width:840px; font-size:24px; margin:0 0 20px 60px}
* html s-category-whats-new #container h2.entry-title {width:100%; font-size:24px; margin:0 0 20px 60px}

.s-category-whats-new #container #content {float:left;width:510px; margin:0 0 20px 60px; padding-right:20px; background-color:#FFF;}
* html .s-category-whats-new #container #content {float:left;width:510px; margin:0 0 20px 30px;}

.s-category-whats-new #container #content p {font:14px/22px Georgia, serif; margin:0 0 20px 0; color:#666}
.s-category-whats-new #container #content img {margin:0 auto; padding:2px; border:1px solid #CCC}
.s-category-whats-new #container #content img:hover {background-color:#00CC66; border:1px solid #FF9900}

.s-category-whats-new #container #sidebar {float:right; width:280px; margin:0 60px 0 20px; font:12px/16px Trebuchet MS, Arial, sans-serif; color:#999999}
* html .s-category-whats-new #container #sidebar {float:right; width:280px; margin:0 30px 0 20px; font:12px/16px Trebuchet MS, Arial, sans-serif; color:#999999}

.s-category-whats-new #container #sidebar h2 {font-size:18px; margin:0 0 20px 0}

/*	ABOUT US
====================================================================================================================================================================*/
* html .pageid-2 #container {padding:40px 0 0 0} 
.pageid-2 #container #content {float:left; width:330px; margin:0 0 0 60px;padding:0;}
* html .pageid-2 #container #content {float:left; width:330px; margin:0 0 0 30px;padding:0;}

.pageid-2 #container #lead-image {float:right;width:480px; margin:0 60px 40px 0; border:none}
* html .pageid-2 #container #lead-image {float:right;width:480px; margin:0 30px 40px 0; border:none}

.pageid-2 #container #content p {font:14px/22px Georgia, serif; margin:0 0 20px 0; color:#666}


/*	COUPONS
====================================================================================================================================================================*/
* html .pageid-11 #container {padding:40px 0 0 0}

.pageid-11 #container #lead-image {width:840px; margin:0 0 40px 60px; height:198px; background-color:#FFF}
* html .pageid-11 #container #lead-image {width:840px; margin:0 0 20px 60px; height:198px; background-color:#FFF}

.pageid-11 #container #content {width:360px; margin:0 auto; padding:0;}
* html .pageid-11 #container #content {float:left; width:360px; margin:0 0 0 150px; padding:0;}

.pageid-11 #container #content div p {font:14px/22px Georgia, serif; margin:0 0 20px 0; color:#666}


/*	TRENDS PAGE (INDEX)
====================================================================================================================================================================*/
* html .pageid-12 #container {padding:40px 0 0 0}
.pageid-12 #container #content {width:960px; margin:0; padding:0}
.pageid-12 #container #content p {margin:0 0 20px 0}


.pageid-12 #container #content #trends-latest_container {float:left; width:540px; margin:0 0 20px 60px;}
* html .pageid-12 #container #content #trends-latest_container {float:left; width:540px; margin:0 0 20px 30px;}

.pageid-12 #container #content #trends-latest_container h3 {font-size:18px; margin:0 0 20px 0}
.pageid-12 #container #content #trends-latest_container p {font:16px/24px Georgia, serif; margin-bottom:16px}

.pageid-12 #container #content #trends-latest_container #trends-latest_image {float:left; width:160px;}
.pageid-12 #container #content #trends-latest_container #trends-latest_image .post-topimage {width:100%;}
.pageid-12 #container #content #trends-latest_container #trends-latest_text {float:left; width:330px; margin:0 0 0 15px}
* html .pageid-12 #container #content #trends-latest_container #trends-latest_text {float:left; width:330px; margin:0 0 0 7px}


.pageid-12 #container #content #sidebar {float:right; width:280px; height:260px; margin:0 60px 0 0; font:12px/16px Trebuchet MS, Arial, sans-serif; color:#999999}
* html .pageid-12 #container #content #sidebar {width:280px; margin:0 30px 0 0}

.pageid-12 #container #content #trends-rest_row {width:540px; }
* html .pageid-12 #container #content #trends-rest_row {width:540px;}

.pageid-12 #container #content #trends-rest_container {float:left; width:260px; margin:0 10px 0 0}
* html .pageid-12 #container #content #trends-rest_container {float:left; width:260px; margin:0 5px 0 0}

.pageid-12 #container #content #trends-rest_container h3 {font-size:13px; margin:0 0 20px 0}
.pageid-12 #container #content #trends-rest_container #trends-rest_image {float:left; width:80px;}
.pageid-12 #container #content #trends-rest_container #trends-rest_image .post-thumb {width:100%}
.pageid-12 #container #content #trends-rest_container #trends-rest_text {float:left; width:160px; margin:0 0 20px 10px; }
* html .pageid-12 #container #content #trends-rest_container #trends-rest_text {float:left; width:160px; margin:0 0 20px 5px; font: 11px/16px Trebuchet MS, Arial, sans-serif}

.pageid-12 #container #content #trends-rest_container #trends-rest_text p {font: 11px/16px Trebuchet MS, Arial, sans-serif; color:#333333}

/*	TRENDS PAGE > SINGLE
====================================================================================================================================================================*/
* html .s-category-trends #container {padding:40px 0 0 0}

s-category-trends #container h2.entry-title {width:840px; font-size:24px; margin:0 0 20px 60px}
* html s-category-trends #container h2.entry-title {width:100%; font-size:24px; margin:0 0 20px 60px}

.s-category-trends #container #content {float:left;width:510px; margin:0 0 20px 60px; padding-right:20px; background-color:#FFF;}
* html .s-category-trends #container #content {float:left;width:510px; margin:0 0 20px 30px;}

.s-category-trends #container #content p {font:14px/22px Georgia, serif; margin:0 0 20px 0; color:#666}
/*.s-category-trends #container #content img {margin:0 auto; padding:2px; border:1px solid #CCC}*/
/*.s-category-trends #container #content img:hover {background-color:#00CC66; border:1px solid #FF9900}*/
.s-category-trends #container #content ul {margin-left:15px; font:14px/22px Georgia, serif;color:#666; list-style:circle}

.s-category-trends #container #sidebar {float:right; width:280px; margin:0 60px 0 20px; font:12px/16px Trebuchet MS, Arial, sans-serif; color:#999999}
* html .s-category-trends #container #sidebar {float:right; width:280px; margin:0 30px 0 20px; font:12px/16px Trebuchet MS, Arial, sans-serif; color:#999999}

.s-category-trends #container #sidebar h2 {font-size:18px; margin:0 0 20px 0}


/*	BROWSE PAGE
====================================================================================================================================================================*/
* html .pageid-13 #container {padding:40px 0 0 0} 
.pageid-13 #container #browse-text {margin:0 60px 20px 60px}

.pageid-13 #container #content {width:840px; margin:0 auto;padding:0; border:1px dotted #CCC}
* html .pageid-13 #container #content {float:left; width:840px; margin:0 0 0 30px;padding:0; border:1px dotted #CCC}

.pageid-13 #container #content h3.entry-title {font-size:18px; margin:10px 0 10px 6px}
* html .pageid-13 #container #content h3.entry-title {width:800px; font-size:18px; margin:10px 0 10px 10px}

.pageid-13 #container #content p {font:12px/16px Trebuchet MS, Georgia, serif}

.pageid-13 #container #content li {float:left; margin:6px; list-style-type:none}
* html .pageid-13 #container #content li {float:left; margin:5px; list-style-type:none}

/*	CONTACT
====================================================================================================================================================================*/
* html .pageid-21 #container {padding:40px 0 0 0}

.pageid-21 #container h2 {width:840px; font-size:24px; margin:20px auto}
.pageid-21 #container #content p {font:16px/24px Georgia, serif; margin:0 0 20px 0; color:#666}

.pageid-21 #container #content div#contact-text {float:left; width:380px; margin:0 0 0 60px}
* html .pageid-21 #container #content div#contact-text {float:left; width:380px; margin:0 0 0 30px}

.pageid-21 #container #content div#contact-form {float:right; width:440px; margin:0 60px 0 0; border:1px dotted #ccc}
* html .pageid-21 #container #content div#contact-form {float:right; width:440px; margin:0 30px 0 0; border:1px dotted #ccc}

/*	MAIN
====================================================================================================================================================================*/



/*	MISCELLANEOUS
====================================================================================================================================================================*/
.clear {clear:both}
.reset {margin:0;padding:0}



/*	MISCELLANEOUS
====================================================================================================================================================================*/
#menu {margin:0 auto;}

/* A modified version of A List Apart - http://alistapart.com/articles/slidingdoors2/ */
    #menu ul {
      margin:0;
      padding:0;
      list-style:none;
      }
    #menu li {
      float:left;
	  display:inline;
      background:url("images/tab_right.jpg") no-repeat right top;
      margin:0 0 0 9px;
      padding:0;
      }
    #menu a {
      float:left;
      display:block;
      position:relative;
      left:-9px;
      margin-right:-9px;
      width:.1em;
      background:url("images/tab_left.jpg") no-repeat left top;
      padding:5px 10px; /*CHANGE THIS FOR THE TAB SPACING*/
      text-decoration:none;
      font:11px/12px Verdana, Helvetica, Arial, sans-serif; color:#333333;
      color:#003366;
	  border-bottom:1px solid #999999;
      }
    #menu > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu a {float:none;}
    /* End IE5-Mac hack */
    #menu a:hover {
      color:#333;
      }
    .home #menu .page-item-home,		/*HOME*/
    .pageid-2 #menu .page-item-2,		/*ABOUT*/
    .pageid-13 #menu .page-item-13, 	/*BROWSE*/
    .pageid-12 #menu .page-item-12,		/*TRENDS*/
	.s-category-trends #menu .page-item-12,
    .pageid-11 #menu .page-item-11,		/*COUPONS*/
    .pageid-21 #menu .page-item-21 {	/*CONTACT*/
      background-position:100% -150px;
      }
    .home #menu .page-item-home a,		/*HOME*/
    .pageid-2 #menu .page-item-2 a,		/*ABOUT*/
    .pageid-13 #menu .page-item-13 a, 	/*BROWSE*/
    .pageid-12 #menu .page-item-12 a,	/*TRENDS*/
	.s-category-trends #menu .page-item-12 a,
    .pageid-11 #menu .page-item-11 a,	/*COUPONS*/
    .pageid-21 #menu .page-item-21 a {	/*CONTACT*/
      background-position:0 -150px;
      padding-bottom:6px;
      color:#333;
	  border:0;
      }
	  /* not for IE5.x or IE6 */
    #menu li:hover, 
	#menu li:hover a {
      background-position:100% -150px;
      color:#333;
      }
    #menu li:hover a {
      background-position:0 -150px;
      }
/*END NAVIGATION MENU*/