/*
Theme Name:		WP Framework
Theme URI: 		http://wpframework.com/
Version: 		0.2.4.10
Description: 	A <em>blank</em> WordPress Theme Framework <strong>that's everything you need, and nothing you don't.</strong> With features like <em>microformats, a traditional template structure, convention over configuration, clean semantic code, documenation, and it's atomic templating system</em>, WP Framework is <em>completely extensible, flexible</em> and <strong><em>the</em></strong> starting point for theme authoring and customization. To learn more, visit <a href="http://wpframework.com">http://wpframework.com</a>.
Author: 		Ptah Dunbar
Author URI:		http://ptahdunbar.com
Tags:			one-column, two-columns, three-columns, fixed-width, sticky-post, threaded-comments, microformats

Copyright 2008 Ptah Dunbar <http://ptahdunbar.com> All rights reserved.
WP Framework is licensed under the terms of the GNU General Public License version 2.

If you have any questions, comments, or concerns, 
visit <http://wpframework.com> for more information!
*/

/* Reset Browser Defaults */
@import url( 'library/media/css/reset.css' );

/* Apply base theme styles and colors */
@import url( 'library/media/css/base.css' );

/* Basic 2 Column Layout */
@import url( 'library/media/layouts/2col-r.css' );

/* Stylistic CSS Styles */
@import url( 'library/media/css/screen.css' );

/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}


p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form, .gallery-row, .comment-list ul, .comment-list ol {
padding-bottom:0px;
border:0px;
}

p {
color:#555;
}


body {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-family: Helvetica, Arial, sans-serif;
background:#64deff;
}
#logo {
padding-left:10px;
}
.headbg {
width:100%;
min-width:960px;
background: url('http://www.remarks.net/images/headbg.png') repeat-x;
height:180px;
position:absolute;
top:0;
left:0;
z-index:0;
}

.container {
width:100%;
min-width:960px;
background:#FFF;
padding-top:0px;
margin:0px 0px;
z-index:-2;
}
#content {
}

.hfeed {
width:960px;
margin:0px auto;
float:none;
}

.footer {
background: url('http://www.remarks.net/images/footbg.png') repeat-x;
padding:0px 0px 0px 0px;
text-align:left;
height:110px;
} 

p#copyright {
margin:0px auto;
width:885px;
padding-top:10px;
color:#fff;
}
p#copyright a {
color:#fff;
text-decoration:none;
}
p#copyright a:hover {
text-decoration:underline;
}

.header {
width:780px;
margin:0px auto;
padding:30px 0px 0px 0px;
}

.menu {
width:780px;
margin:0px auto;
padding:137px 0px 0px 0px;
background: none;
}

ul.nav {
padding-bottom:0px;
}
ul.nav ul li:last-child{
padding-bottom:3px;
}

.nav { border:none; }
.nav ul { border:none; }
.nav ul li a { border:none; font-size:12px; }
.nav li:hover ul,
.nav li.nav-hover ul { background: #ff3eaa; }

.nav a { font-size:14px; color: #fff; border: none;  padding:5px 8px 4px 8px; margin:3px 8px; -moz-border-radius: 8px;
-webkit-border-radius: 8px;}
.nav a:hover { text-decoration: none; background: #ff3eaa; }
.nav ul a { border-right: none; }
.nav li:hover, .nav li.nav-hover,
.nav a:focus { background: none; }

.current_page_item a, .current_page_parent a{
background: #ff3eaa;
}

/* main menu colors */

.nav li.page-item-19 ul li,
.nav li.page-item-19 ul li.nav-hover,
.nav li.page-item-19 ul li:hover,
.nav li.page-item-19 a:hover,
.nav li.page-item-19.current_page_item ul li,
.nav li.page-item-19.current_page_parent ul li,
.nav li.page-item-19.current_page_ancestor ul li,
.nav li.page-item-19.current_page_ancestor a,
.nav li.page-item-19.current_page_item a,
.nav li.page-item-19.current_page_parent a{
background:#6eff64 !important;
}

.nav li.page-item-20 ul li,
.nav li.page-item-20 ul li.nav-hover,
.nav li.page-item-20 ul li:hover,
.nav li.page-item-20 a:hover,
.nav li.page-item-20.current_page_item ul li,
.nav li.page-item-20.current_page_parent ul li,
.nav li.page-item-20.current_page_ancestor ul li,
.nav li.page-item-20.current_page_ancestor a,
.nav li.page-item-20.current_page_item a,
.nav li.page-item-20.current_page_parent a{
background:#e5053a !important;
}

.nav li.page-item-22 ul li,
.nav li.page-item-22 ul li.nav-hover,
.nav li.page-item-22 ul li:hover,
.nav li.page-item-22 a:hover,
.nav li.page-item-22.current_page_item ul li,
.nav li.page-item-22.current_page_parent ul li,
.nav li.page-item-22.current_page_ancestor ul li,
.nav li.page-item-22.current_page_ancestor a,
.nav li.page-item-22.current_page_item a,
.nav li.page-item-22.current_page_parent a{
background:#2864ec !important;
}

.nav li.page-item-24 ul li,
.nav li.page-item-24 ul li.nav-hover,
.nav li.page-item-24 ul li:hover,
.nav li.page-item-24 a:hover,
.nav li.page-item-24.current_page_item ul li,
.nav li.page-item-24.current_page_parent ul li,
.nav li.page-item-24.current_page_ancestor ul li,
.nav li.page-item-24.current_page_ancestor a,
.nav li.page-item-24.current_page_item a,
.nav li.page-item-24.current_page_parent a{
background:#8d43d5 !important;
}

.nav li.page-item-7 ul li,
.nav li.page-item-7 ul li.nav-hover,
.nav li.page-item-7 ul li:hover,
.nav li.page-item-7 a:hover,
.nav li.page-item-7.current_page_item ul li,
.nav li.page-item-7.current_page_parent ul li,
.nav li.page-item-7.current_page_ancestor ul li,
.nav li.page-item-7.current_page_ancestor a,
.nav li.page-item-7.current_page_item a,
.nav li.page-item-7.current_page_parent a{
background:#fca311 !important;
}

.nav li.page-item-189 ul li,
.nav li.page-item-189 ul li.nav-hover,
.nav li.page-item-189 ul li:hover,
.nav li.page-item-189 a:hover,
.nav li.page-item-189.current_page_item ul li,
.nav li.page-item-189.current_page_parent ul li,
.nav li.page-item-189.current_page_ancestor ul li,
.nav li.page-item-189.current_page_ancestor a,
.nav li.page-item-189.current_page_item a,
.nav li.page-item-189.current_page_parent a{
background:#ff3eaa !important;
}

/* submenu link hovering */

.nav li.page-item-19 ul li a:hover{
color:#6eff64 !important;
background:#fff !important;
}
.nav li.page-item-20 ul li a:hover{
color:#e5053a !important;
background:#fff !important;
}
.nav li.page-item-22 ul li a:hover{
color:#2864ec !important;
background:#fff !important;
}
.nav li.page-item-24 ul li a:hover{
color:#8d43d5 !important;
background:#fff !important;
}
.nav li.page-item-7 ul li a:hover{
color:#fca311 !important;
background:#fff !important;
}
.nav li.page-item-189 ul li a:hover{
color:#ff3eaa !important;
background:#fff !important;
}

/* current page markings on submenu */

body.pageid-35 li.page-item-35.current_page_item a{
color:#6eff64 !important;
background:#fff !important;
}
body.pageid-37 li.page-item-37.current_page_item a,
body.pageid-39 li.page-item-39.current_page_item a{
color:#e5053a !important;
background:#fff !important;
}
body.pageid-41 li.page-item-41.current_page_item a,
body.pageid-47 li.page-item-47.current_page_item a,
body.pageid-43 li.page-item-43.current_page_item a{
color:#2864ec !important;
background:#fff !important;
}
body.pageid-45 li.page-item-45.current_page_item a{
color:#8d43d5 !important;
background:#fff !important;
}


.nav ul,
.nav ul li:last-child{
-moz-border-radius: 0 0 8px 8px;
-webkit-border-radius: 0 0 8px 8px;
}


.hfeed h1 {
font-weight:bold;
color:#64deff;
font-size:32px;
}

.hfeed h3 {
color:#555;
font-size:18px;
}

.hentry {
padding-bottom:0px;
}

.homeimg {
	padding:20px 0px 0px 0px;
	position:relative;
	float:left; /* optional */
}
.homeimg .hometxt {
	position:absolute;
	top:20px; /* in conjunction with left property, decides the text position */
	left:640px;
	width:320px; /* optional, though better have one */
}
.hometxt h1 {
color:#fca311;
}


.aboutimg {
	padding:100px 0px 0px 0px;
	position:relative;
	float:left; /* optional */
}
.aboutimg .abouttxt {
	position:absolute;
	top:30px; /* in conjunction with left property, decides the text position */
	left:600px;
	width:330px; /* optional, though better have one */
}
.abouttxt h1 {
color:#6eff64;
}

.prodimg {
	padding:30px 0px 100px 30px;
	position:relative;
	float:left; /* optional */
}
.prodimg .prodtxt {
	position:absolute;
	top:30px; /* in conjunction with left property, decides the text position */
	left:580px;
	width:300px; /* optional, though better have one */
}
.prodtxt h1 {
color:#e5053a;
}

.prodimg2 {
	padding:30px 0px 20px 0px;
	position:relative;
	margin-left:-40px;
	float:left; /* optional */
}
.prodimg2 .prodtxt2 {
	position:absolute;
	top:30px; /* in conjunction with left property, decides the text position */
	left:620px;
	width:360px; /* optional, though better have one */
}
.prodtxt2 h1 {
color:#e5053a;
}


.retailimg {
	padding:0px 0px 0px 0px;
	position:relative;
	float:left; /* optional */
}
.retailimg .retailtxt {
	position:absolute;
	border:0px;
	top:30px; /* in conjunction with left property, decides the text position */
	left:500px;
	width:360px; /* optional, though better have one */
}
.retailtxt h1 {
color:#2864ec;
border:0px;
}

.retailimg2 {
	padding:60px 0px 0px 0px;
	position:relative;
	border:0px;
	float:left; /* optional */
}
.retailimg2 .retailtxt2 {
	position:absolute;
	top:30px; /* in conjunction with left property, decides the text position */
	border:0px;
	line height: 90;
	left:530px;
	width:580px; /* optional, though better have one */
}
.retailtxt2 h1 {
color:#2864ec;
}
.retailtxt2 p {
padding-bottom:5px;
}

.retailimg3 {
	padding:220px 0px 0px 0px;
	position:relative;
	float:left; /* optional */
}
.retailimg3 .retailtxt3 {
	position:absolute;
	top:30px; /* in conjunction with left property, decides the text position */
	left:300px;
	width:620px; /* optional, though better have one */
}
.retailtxt3 h1 {
color:#2864ec;
padding-left:200px;
}

.retailimg4 {
	padding:140px 0px 0px 0px;
	position:relative;
	float:left; /* optional */
}
.retailimg4 .retailtxt4 {
	position:absolute;
	top:30px; /* in conjunction with left property, decides the text position */
	left:400px;
	width:360px; /* optional, though better have one */
}
.retailtxt4 h1 {
color:#2864ec;
}

#myGallery_4 {
border:none;
padding:10px 0 20px;
}
.catalog h1 {
color:#2864ec;
padding:30px 0px 0px 50px;
}

.catalog {
height:700px;
}

.contactimg {
	padding:50px 0px 60px 0px;
	position:relative;
	float:left; /* optional */
}
.contactimg .contacttxt {
	position:absolute;
	top:30px; /* in conjunction with left property, decides the text position */
	left:300px;
	width:620px; /* optional, though better have one */
}
.contacttxt h1 {
color:#8d43d5;
padding-left:200px;
}

.contactimg2 {
	padding:30px 0px 340px 0px;
	position:relative;
	float:left; /* optional */
}
.contactimg2 .contacttxt2 {
	position:absolute;
	top:30px; /* in conjunction with left property, decides the text position */
	left:360px;
	width:540px; /* optional, though better have one */
}
.contacttxt2 h1 {
color:#8d43d5;
}
.contacttxt2 p {
padding-bottom:5px;}



.store1 {
	width: 260px;
	height: 500px;
	padding:80px 0px 100px 0px;
	position:relative;
	float:left; /* optional */
}
.store1 .store2 {
	position:absolute;
	top:30px; /* in conjunction with left property, decides the text position */
	left:260px;
	width:600px; /* optional, though better have one */
}

.store1 h1 {
color:#fca311;
padding-left:36px;
}
.store1 p {
padding-top:10px;
}


.homebubble {
position: absolute;
top:0px;
right:20px;
background: transparent;
height:140px;
width:303px;
}

.designby {
text-align:right;
font-size:8px;
padding-left:10px;
}

.passsub {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#FF3EAA none repeat scroll 0 0;
border:1px solid #FF3EAA !important;
color:#FFFFFF;
font-family:helvetica,arial,sans-serif;
font-size:12px;
margin:10px 0 ;
padding:3px 6px;
width:auto;
}