/*
Theme Name: maxandruffy's
Theme URI: maxandruffies.com
Description: Custom design for max + ruffy's web site
Author: Michelle Martello
Author URI: http://minimadesigns.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body {background: #ffffff url(images/bg_interior.jpg) no-repeat scroll 50% 0;font-family:Verdana, Arial, Helvetica, sans-serif;line-height: 1.4em;}

#wrapper {
    width:950px;
    margin:0 auto;
    overflow:hidden;
    position:relative;font-size: 0.85em;border-left:1px solid #ccc;border-right:1px solid #ccc;
}


p, ul, ol, dd, pre {
    margin-bottom:15px;color:#5a1400
}

blockquote {
    color:#666;
    font-style:italic;
}

.clear {clear:both}

a:link {color:#5b1400;font-weight:bold}
a:visited {color:#5b1400;font-weight:bold}
a:active { color:#5b1400;font-weight:bold}
a:hover {   color: #b2bb1e;font-weight:bold}


 h1, h2 {
    font-family:Arial,sans-serif;
    font-size:20px;
    font-weight:bold;
    padding:0px 0 15px 0;
	color:#6a2c91;
}
h3 {
    font-size:16px;
    font-weight:bold;
    padding:0px 0 15px 0;color:#b2bb1e
}
 h4 {
    font-size:14px;
    font-weight:bold;color:#6a2c91;
}

body#page-tips-faq h4 {border-top:1px solid #ccc;padding:10px 0 10px 0}


/* Products Page
-------------------------------------------------------------- */

#product1 form, #product2 form, #product3 form {padding:0 0 7px 0}

#product1 {float:left;width:280px;padding:0px 0px 0 0px}
#product2 {float:left;width:280px;padding:0px 0px 0 0px;margin:0 15px 0px 15px}
#product3 {float:left;width:280px;padding:0px 0px 0 0px}

#product1text {border:1px solid #f18220;width:280px;margin:5px 0 0 0;}
#product2text {border:1px solid #aaba1b;width:280px;margin:5px 0 0 0;}
#product3text {border:1px solid #fcc527;width:280px;margin:5px 0 0 0;}

#products {font-size:12px;padding:10px 0 5px 0px;clear:both;line-height:14px}

#product1 p, #product2 p, #product3 p {padding:7px;margin:0}


body#page-shop form {padding:0 0 7px 0}

body#page-products table, body#page-shop table {padding:0;margin:0 0 10px 0;font-size:11px;width:280px;border-spacing:0;color:#5a1400}
body#page-products table td, body#page-shop table td {border:1px solid #ccc;padding:3px}
.ship {font-size:11px;line-height:14px}

/* Main Structure
-------------------------------------------------------------- */
/*#container {background: transparent url(images/bg_container.gif) no-repeat bottom;}*/
#content {float:left;width:445px;padding:0 40px 0 20px;}
#sidebar {float:right;width:420px;padding:20px 20px 0px 0;margin:0 0 30px 0;}


#fullcontent {float:left;width:885px;padding:0 40px 0 20px;}

#sidepics img, #sidepic2 img { border: 3px double #6a2c91;}
* html #container {height:1%;}
#message {background: #ffffff url(images/bg_sidebar.gif) no-repeat;width:420px;height:540px;}

#sidepull {font-style:italic;width:412px;margin:10px 0 10px 0;color:#6a2c91;text-align:right;font-size:120%}
#sidepull p {padding:10px}

ul#sidemenu  {font-size:12px;line-height:18px}

/* Home Page
-------------------------------------------------------------- */

body#page-home {background: url(images/head/rotate.php) no-repeat scroll 50% 0}
body#page-home #container {background:transparent}
body#page-home #menu {margin:310px 0 0 0}

body#page-home #sidepics img {border:none;}
body#page-home #message {display:none}

/* Blog/Post formatting
-------------------------------------------------------------- */

#content ul {}
#content li { margin:0 0 0 30px;
    padding:0 20px 0 5px;list-style-type:disc
}


/* Photo formatting
-------------------------------------------------------------- */
/*PHOTO FORMATTING*/
.aligncenter,
div.aligncenter {   display: block;   margin-left: auto;   margin-right: auto; margin-top:10px;    padding:5px 5px 0 5px;background:#ffffff;border:1px solid #6a2c91}
.alignleft {   float: left;   margin:0 10px 5px 0;   }
.alignright {   float: right;   margin:0 0px 5px 10px;}

.wp-caption{
	font-size:90%;line-height:1.3em;margin:0px 0 0 0;
}
.wp-caption img {
	margin: 0;
	padding: 5px 0 0 0;
	border: 0 none;
}


/*Comments */

#commentform {}
#comment {width:500px;}

    ol.commentlist {  
       margin:0;  
      padding:0;  
       }  
    
    .commentlist li {  
       margin-bottom:8px;  
    background: #f0f0f0;  
      color:#FFF;  
     list-style:none;  
       width:413px;  
     }  
    
 .commentlist .commenttext {  
     background:#f0f0f0;  
     padding:10px;  
      }  
     
  .commentlist cite {  
     display:block;  
       color:#5a1400;  
     font-weight:bold;   
    font-style:normal;  
        
      padding-bottom:5px;  
       font-size:1.1em;  
       }  
  
 .commentlist a:link, .commentlist a:visited {  
     color:#fff;  
     }  
   
 .commentlist a:hover, .commentlist a:active {  
      color:#FFF;  
     }  
   
.commentlist .date {  
   background:#333;  
    padding:3px;  
     }  
   
 li.alt {  
   background:#333 ;  
    }  
     
 li.alt .commenttext {  
    background:#f0f0f0;  
    }     
   
   li.alt .date {  
      background:#ccc;  
    padding:3px;  
    }  


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

/* NAVIGATION*/



#menu {width:950px;margin:0 auto;}
#nav{margin:0;padding:0}
#topnav {margin:4px 0 0 0;padding:0}


ul#topnav {
   
    width:950px;    height:69px;    /*overflow: hidden;*/
    background:transparent url(images/mr_blog.gif) no-repeat 0 0px;outline:none
    }


ul#topnav li {
    padding:0;
    margin:0;
    display:block;
    float:left;
    text-indent:-9999px;  
	outline:none 
    }
ul#topnav li a {
    border:0;
    display:block;
    text-decoration:none;
    background:transparent url(images/mr_blog.gif) no-repeat;outline:none
    }

li#navBlank 			a {width:708px;height:69px;}
li#navTwitter      	a {width:75px; height:69px}
li#navFacebook   a {width:74px; height:69px}
li#navBlog      		a {width:93px; height:69px}


/*
li#navBlog a:link, li#navBlog a:visited 				{background-position:-0px 0px;    }   
li#navBlog a:hover, li#navBlog a:focus     			{background-position:-0px -69px;    } 
*/


ul#nav {
   
    width:950px;    height:122px;    /*overflow: hidden;*/
    background:transparent url(images/mr_navigation.gif) no-repeat 0 0px;outline:none
    }
ul#nav li {
    padding:0;
    margin:0;
    display:block;
    float:left;
    text-indent:-9999px;  
	outline:none 
    }
ul#nav li a {
    border:0;
    display:block;
    text-decoration:none;
    background:transparent url(images/mr_navigation.gif) no-repeat;outline:none
    }


li#navWhy       		a {width:124px; height:122px}  
li#navProducts     		a {width:128px; height:122px}  
li#navShop 				a {width:114px; height:122px}  
li#navHome 				a {width:227px;height:122px}  
li#navFaq        		a {width:126px; height:122px}  
li#navAbout      	 	a {width:114px; height:122px}  
li#navContact    	 	 a {width:117px; height:122px}  
 
 
li#navWhy a:link, li#navWhy a:visited 				{background-position:-0px 0px;    }   
li#navWhy a:hover, li#navWhy a:focus     			{background-position:-0px -122px;    } 
li#navProducts a:link, li#navProducts a:visited 	{background-position:-124px 0px;    }   
li#navProducts a:hover, li#navProducts a:focus  	{background-position:-124px -122px;}   
li#navShop a:link, li#navShop a:visited           	{background-position:-252px 0px;    }   
li#navShop a:hover, li#navShop a:focus            	{background-position:-252px -122px;}
li#navHome a:link, li#navHome a:visited           	{background-position:-366px 0px;    }   
li#navHome a:hover, li#navHome a:focus            	{background-position:-366px -122px;}
li#navFaq a:link, li#navFaq a:visited     			{background-position:-593px 0px;    }   
li#navFaq a:hover, li#navFaq a:focus      			{background-position:-593px -122px;}
li#navAbout a:link, li#navAbout a:visited          	{background-position:-719px 0px;    }   
li#navAbout a:hover, li#navAbout a:focus          	{background-position:-719px -122px;    }
li#navContact a:link, li#navContact a:visited       {background-position:-833px 0px;    }   
li#navContact a:hover, li#navContact a:focus        {background-position:-833px -122px;} 



/* =Footer
-------------------------------------------------------------- */

#footer {
    margin-top:22px;
	text-align:center;clear:both
}
#siteinfo {
    color:#6a2c91;
    font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
    line-height:24px;
    padding:22px 0 5px 0;
}

#credits {
    color:#6a2c91;
    font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
    line-height:18px;
    padding:5px 0 5px 0;clear:left
}
#siteinfo a {
    color:#6a2c91;text-decoration:none;
}
#siteinfo a:active,
#siteinfo a:hover {
    color: #5a1400;text-decoration:none;
}


#footlinkouter {padding:10px 10px 0 20px}
#footerlinks {}
ul#footerlinks {margin:0;padding:0;line-height:18px;font-size:11px}
ul#footerlinks li {float:left;margin:0;padding:0 5px 0 5px;border-right:1px solid #ccc}
ul#footerlinks li a {color:#6a2c91;text-decoration:none;display:block;border:0;font-weight:normal;}


/* =Product Page
-------------------------------------------------------------- */

.product h3 {color:#5b1400;font-weight:nomral;font-size:17px;}
.product {width:100%;padding:10px;margin:10px 0 10px 0}

td {vertical-align:top;padding:5px 10px 5px 10px}

#molasses {border:1px solid #c89700}
#molasses .productshot {border-right:1px solid #c89700 }
#molasses .price {border-top:1px solid #c89700;color:#350a00;padding:0;margin:0 }
#molasses h3 {color:#c89700}

#star {border:1px solid #5c9bd0}
#star .productshot {border-right:1px solid #5c9bd0 }
#star .price {border-top:1px solid #5c9bd0;color:#350a00;padding:0;margin:0 }
#star h3 {color:#5c9bd0}

#powerhouse {border:1px solid #c7291d}
#powerhouse .productshot {border-right:1px solid #c7291d }
#powerhouse .price {border-top:1px solid #c7291d;color:#350a00;padding:0;margin:0 }
#powerhouse h3 {color:#c7291d}

#kelp {border:1px solid #349896}
#kelp .productshot {border-right:1px solid #349896 }
#kelp .price {border-top:1px solid #349896;color:#350a00;padding:0;margin:0 }
#kelp h3 {color:#349896}

#quinoa {border:1px solid #b85311}
#quinoa .productshot {border-right:1px solid #b85311 }
#quinoa .price {border-top:1px solid #b85311;color:#350a00;padding:0;margin:0 }
#quinoa h3 {color:#b85311}

#pizza {border:1px solid #889915}
#pizza .productshot {border-right:1px solid #889915 }
#pizza .price {border-top:1px solid #889915;color:#350a00;padding:0;margin:0 }
#pizza h3 {color:#889915}

.basic-modal {padding:0 0 15px 0}
#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:300px; width:600px; background-color:#ffffff; padding:10px;border:5px solid #ccc}
#simplemodal-container p {padding:4px 0 4px 0; margin:0;line-height:1.2em;font-size:13px}
#simplemodal-container a {color:#5a2918;}
#simplemodal-container a.modalCloseImg {background:url(images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}

/* added 4/18/2010 to handle multiple modals on one page WK */
.basic-modal-content {display:none;padding:8px;}



#simplemodal-container h3 {font-size:1.4em;color:#5a2918}
#simplemodal-container h4 {font-size:1.0em;color:#cc891d;border-bottom:1px solid #d6ab65;margin:0 0 10px 0}