/*
Theme Name: Pop Shoppe
Description: Custom theme build for Pop Shoppe.
Version: 1
Author: Bart Millar and Cameron Ley
*/

/* Reset styles v1.0 | 20080212 */

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, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-family:arial,sans-serif;
	color:#4d4d4d;
	font-size:1em;
	font-weight: normal;
}

/* End of Reset styles */

html,body{font-family:arial,sans-serif;color:#fff;font-size:1em;margin:0;padding:0;text-align:center;height:100%;width:100%;}
body {background:#bc0507 url(images/background_pattern.gif) top left repeat;}

a {color:#e10000;text-decoration:none;}
a:hover {text-decoration:underline;}

.clear {clear:both;}

#container_top {margin:0 auto;width:940px;height:49px;font-size:1px;background:url(images/bg_container_top.png) bottom left no-repeat;}
#container {text-align:left;margin:0 auto;width:920px;padding:0 13px 0 10px;background:url(images/bg_container.png) top left repeat-y;}
#container_bottom {margin:0 auto;width:942px;height:37px;font-size:1px;background:url(images/bg_container_btm.png) top left no-repeat;}

#header {position:relative;}
#banner {background:#cedb27;height:352px;position:relative;}
#banner .banner_img {float:left;width:416px;height:352px;overflow: hidden;}
#banner .banner_text {float:left;width:489px;padding:37px 0 0 15px;height:315px;}
#banner .banner_text p {margin-bottom:30px;}
#banner .banner_text p.title {margin-bottom:20px;}
#banner_btm_bg {background:url(images/header_nav/bg_banner_btm.png) bottom left repeat-x;height:12px;font-size:1px;position:absolute;bottom:0;left:0;width:100%;}

#logo {position:absolute;left:-12px;top:314px;width:112px;height:104px;overflow:hidden;}
#logo a {background:url(images/logo.png) top left no-repeat;text-indent:-10000px;width:100%;height:100%;display:block;}

#nav {width:813px;height:53px;background:url(images/header_nav/bg.png) top left repeat-x;padding-left:107px;margin-bottom:-13px;}
#nav li {background:#daf1f0;float:left;}
#nav li a {text-indent:-10000px;height:40px;display:block;overflow:hidden;}
#nav li.news a {background-image:url(images/header_nav/news_off.gif);width:64px;}
#nav li.news a:hover, #news_page #nav li.news a, #default_page #nav li.news a {background-image:url(images/header_nav/news_on.gif);}
#nav li.our_pop a {background-image:url(images/header_nav/our_pop_off.gif);width:87px;}
#nav li.our_pop a:hover, #products_page #nav li.our_pop a, #products_page #nav li.our_pop a {background-image:url(images/header_nav/our_pop_on.gif);}
#nav li.our_pop a:hover, #products2_page #nav li.our_pop a, #products2_page #nav li.our_pop a {background-image:url(images/header_nav/our_pop_on.gif);}
#nav li.find_pop a {background-image:url(images/header_nav/find_our_pop_off.gif);width:127px;}
#nav li.find_pop a:hover {background-image:url(images/header_nav/find_our_pop_on.gif);}
#nav li.story a {background-image:url(images/header_nav/the_pop_shoppe_story_off.gif);width:204px;}
#nav li.story a:hover, #about_page #nav li.story a {background-image:url(images/header_nav/the_pop_shoppe_story_on.gif);}
#nav li.faq a {background-image:url(images/header_nav/faq_off.gif);width:53px;}
#nav li.faq a:hover, #faq_page #nav li.faq a {background-image:url(images/header_nav/faq_on.gif);}

#nav li.store a {background-image:url(images/header_nav/the_store_off.gif);width:101px;}
#nav li.store a:hover {background-image:url(images/header_nav/the_store_on.gif);}
#nav li.contact a {background-image:url(images/header_nav/contact_us_off.gif);width:110px;}
#nav li.contact a:hover, #contact_page #nav li.contact a {background-image:url(images/header_nav/contact_us_on.gif);}

#main_content {background:#e10000 url(images/bg_content.gif) top left repeat;}
#main_content .intro {padding:40px 24px 0 24px;margin-bottom:40px;}
#main_content .intro h1 {font-size:36px;margin-bottom:17px;}
#main_content .intro p {font-size:25px;font-weight:bold;}
#main_content .error404 {padding-bottom:20px;margin-bottom:0;}

#content {position:relative;font-size:14px;font-weight:bold;color:#4d4d4d;}
.content_top {position:absolute;width:100%;height:21px;left:0;top:0;background:url(images/about/bg_content_top.png) top left no-repeat;z-index:1000;}
.content_bottom {position:absolute;width:100%;height:21px;left:0;bottom:0;background:url(images/about/bg_content_btm.png) bottom left no-repeat;z-index:1000;}
#content p {margin-bottom:1em;}
#content h2 {background:#e10000;position:relative;padding:14px 0 15px 24px;height:18px;margin:18px 0;color:#fff;font-size:18px;}
#content h2.h2_first {margin-top:0;}
#content h2 a.top_link {position:absolute;bottom:0;right:11px;font-size:30px;}

#footer {background:#e10000;position:relative;padding:0;margin:0;font-size:1px;}
#footer .footer_anchor {position:absolute;bottom:0;right:11px;}


/* About page */
.about_article a {color:#fff;font-size:130px;padding:27px 0 0 17px;background:#cedb27 url(images/about/bg_article.png) top right no-repeat;height:156px;display:block;}
.about_article a:hover {background-color:#e10000;text-decoration:none;}
.about_content {width:100%;}
.about_content li.alt a {background-color:#afba21;}
.about_content li.alt a:hover {background-color:#bf0000;}

.about_post_title a {color:#fff;font-size:130px;padding:27px 0 0 17px;background:#cedb27 url(images/about/bg_post_title.png) top right no-repeat;height:156px;display:block;}
.about_post_title a:hover {background-color:#e10000;text-decoration:none;}
.about_post {background:#ffffff;padding:18px;}
.about_post h3 {font-size:20px;color:#4d4d4d;margin-bottom:11px;}
.about_post_text {line-height:1.3em;}
.about_post .about_post_image {float:right;padding-left:40px;}

/* Contact page */
.contact_content {background:#ffffff;line-height:1.3em;padding:18px 0;}
.contact_info p {padding:0 24px;}

/* FAQ page */
.faq_content {font-weight:normal;background:#ffffff;line-height:1.3em;padding-bottom:18px;}
.faq_content p {font-weight:normal;padding:4px 125px 0 63px;}
/* Ya, I know this ugly, but so is IE6  */
.faq_content p.question { 
	height: auto !important;      /* for modern browsers */
    height: 28px;                /* for IE5.x and IE6   */
    min-height: 28px;            /* for modern browsers */
	font-weight:bold;background:url(images/faq/bg_question.gif) top left no-repeat;margin-bottom:.5em !important;
	}
.faq_content p.answer {
	height: auto !important;      /* for modern browsers */
    height: 28px;                /* for IE5.x and IE6   */
    min-height: 28px;            /* for modern browsers */
	background:url(images/faq/bg_answer.gif) top left no-repeat;
	}
.faq_content ul { padding:9px 125px 0 63px;}
.faq_content ul li {font-weight:normal;line-height: 2em;list-style: disc;}
.faq_hr {background:#cccccc;font-size:1px;height:2px;overflow:hidden;margin:0 17px 20px 63px;width: 763px;}

/* News page */
.news_content, .news_post_content {background:#e10000;line-height:1.3em;}
.news_content h2 {font-size:24px !important;margin:0 !important;padding:20px 0 18px 24px !important;height:19px !important;}
.news_articles {float:left;width:660px;background:#fff;padding:12px 0 50px 12px;color:#808080;}
.news_article {margin:0px 12px 17px 0px;position:relative;z-index:1;}
.news_article h3 {background:#bf0000;font-size:18px;font-weight:normal;color:#fff;padding:9px;}
.news_article h3 a {color:#fff;}
.news_article h4 {background:#e10000;font-size:14px;font-weight:normal;color:#fff;padding:7px 9px 6px 9px;}
.news_article h4 a {color:#fff;}
.news_article p {color:#808080;padding:12px 9px 12px 9px;font-size:12px;/*margin-bottom:0 !important;*/}
.news_article img {display:block;}
.news_article .news_thumb_img {float:right;position:relative;}
.news_article .news_thumb_img img {width:318px;height:auto;}
.news_article .news_thumb_img_bg {position:absolute;margin:0px 0px 0px 330px; background:url(images/news/thumbnail_gradient.png) repeat-y left top;z-index:10;width:16px;height:100%;}
.news_info {width:330px;float:left;}
.news_link {background:#e10000;position:absolute;bottom:0;width:330px;height:17px;}
.news_sidenav {float:left;width:248px;background:#e10000;color:#fff;}
.news_sidenav h3 {font-size:18px;background:#bf0000;color:#fff;padding:17px 24px 16px 24px;}
.news_sidenav ul {padding:8px 24px 14px 24px;}
.news_sidenav li {font-size:12px;}
.news_sidenav li a {color:#fff;}
.search_news h3 {padding-top:10px;padding-bottom:0;}
.search_news form {padding-left:24px;padding-bottom:16px;background:#bf0000;}
.search_news .searchText {width:166px;border:1px solid #d5c9c9;}
.search_news .searchSubmit {position:relative;top:5px;}

.pagination_links {font-size:18px;background:#e10000;margin-right:12px;}
.pagination_links a {float:left;color:#fff;padding:8px 12px 7px 12px;display:block;background:#e10000;}
.pagination_links span.next a {float:right;}
.pagination_links a:hover {color:#e10000;background:#fff;text-decoration:none;}

.news_post_content h2 {font-size:18px !important;margin:0 !important;padding:20px 0 18px 24px !important;height:19px !important;}
.news_post_content h2 a {color:#fff;}
.news_post {float:left;width:660px;background:#fff;padding:12px 0 20px 12px;}
.news_post .news_feature_img img {width:648px;display:block;height:auto;}
.news_post h3 {background:#bf0000;font-size:24px;color:#fff;padding:16px 9px 16px 9px;margin-right:12px;}
.news_post h3 a {color:#fff;}
.news_post h4 {background:#e10000;font-size:14px;font-weight:normal;color:#fff;padding:7px 9px 6px 9px;margin-right:12px;}
.news_post h4 a {color:#fff;}
.news_post_text {color:#808080;padding:12px 21px 12px 9px;font-size:12px;}

/* Product Index page */

.products{background:#fff;padding:0px 0px 0px 15px;}
.products p{font-size:12px;color:#808080;padding:0 10px 0px 10px;margin-top:10px;margin-bottom:0 !important;line-height:1.2em;}
.products ul{padding:25px 0px 0px 0px;}

.product_preview{width:215px;float:left;margin:1px 10px 45px 0px;}
.product_preview img {padding:0px 0px 0px 25px;}
.product_preview h4{color:#fff;display:block;font-size:15px; font-weight:bold;	background-color:#c00000;padding:7px 0px 7px 10px;}
.product_preview h4 a {color:#fff;}

/* Product Detail page */
.product{background:#fff;}
.product_post{background:#fff;float:left;width:673px;}
.product_post_text{padding:0px 0px 0px 24px;}
.product_post_text p, .product_post_text table{color:#808080;font-size:12px;line-height:1.25em;margin:1em;}
.product_post_text p:first-child{font-size:16px;}
.product_post_text h3{display:block;background-color:#E10000;color:#fff;padding:5px 0px 5px 7px;margin:0px 0px 0px -7px;}

.product_description .images img {height:auto;}

.product_description{padding:18px;font-weight:normal;}
.product_description h3{font-weight:normal;font-size:14px;margin-top:25px;margin-bottom:10px;}
.product_description .images {margin-right:-11px;}
.product_description img {margin-right:11px;float:left;}

.product_header h2{padding:17px 0px 8px 24px !important;margin:0 !important;height:35px !important;font-size:28px !important;color:#fff;background:#e10000;}
.product_header .purchase_product{position:absolute;height:61px;top:0;right:247px;z-index:1000;}

.product_sidebar{float:left;width:247px;background:#E10000;margin:0;padding:0;}
.product_sidebar h2{padding:13px 0px 10px 27px !important;font-size:28px !important;margin:0 !important;}
.product_sidebar_header{height:61px;}


ul#flavors{font-size:15px;list-style-type:none; overflow: hide;}
ul#flavors li{padding:0px 0px 0px 5px;height:26px;}
ul#flavors a{color:#fff;display:block;text-decoration:none;padding:4px 0px 4px 20px;margin:3px 0px 3px 0px;}
ul#flavors a:hover, ul#flavors li a.selected{background:#c00000 url(images/product_detail/product_detail_sidebar_selection_cap.gif) no-repeat top left;}