/*
Theme Name: Maddie G Designs
Version: 1.0
Author: <a href="http://www.squilimbs.com/">Snez</a> and <a href="http://mark.watero.us/">Mark Waterous</a>
Description: A theme by Squidlimbs Designs
*/

@import url('style-reset.css');
@import url('style-common.css');


body {
    font-size: 70%;
    line-height: 150%;
    background: url('images/background.jpg');
    background-color: #fffeeb;
}


div#page {
	margin: 30px auto;
	width: 960px;
}


/** HEADER STYLES **/

#header {
    margin: 0 auto;
	background: url('images/header.png') no-repeat;
	height: 190px;
}

#header.blog {
	background: transparent url('images/header_blog.png');
}


/** NAVIGATION **/

#navigation {
    clear: both;
    height: 26px;
    background-color: #675143;
    border-top: 1px solid #8d7c72;
    border-bottom: 1px solid #d9d3d0
}

#navigation ul {
    margin-top: -1px;
    margin-left: 26px;
    text-align: center;
}

#navigation.footer ul {
    margin-left: 75px;
}

#navigation li {
    display: inline;
    padding: 0;
}

#navigation a {
    padding: 0 14px;
    font-size: 24px;
    color: #fff;
}

#navigation.footer a {
    padding: 0 43px;
}

/** SUB-HEADER **/

a#terms {
    float: left;
    margin: 1em 0 10px 10px;
    padding: 3px;
    width: 250px;
    height: 26px;
    background: url('images/button-terms.png') no-repeat;
    color: #fff;
    text-indent: -10000px;
    position: relative;
    top: 3px;
    left: 3px;
}

a#terms:hover {
    border: none;
}


/** SEARCH FORM **/

#search-form {
    float: right;
	margin: 1em 10px 10px 0;
	padding: 3px;
	width: 254px;
	height: 26px;
	background-color: #fff;
	position: relative;
}


#search-form.blog {
    float: none;
    margin: 0 0 30px;
    padding-bottom: 20px;
    width: 180px;
    border-bottom: 1px dotted #ccc;
}

#search-form input.text,
#search-form label.overlabel-apply {
	font-size:110%;
    color: #555;
}

#search-form input.text {
    margin: 0;
	padding: 4px 3px 4px 4px;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 190px;
	height: 15px;
	z-index: 0;
	background: #fff;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

#search-form input.button-search {
	margin: 0;
	position: absolute;
	top: 3px;
	right: 3px;
	display: block;
	line-height: 100%;
	width: 50px;
	height: 25px;
}

#search-form label.overlabel {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

#search-form label.overlabel-apply {
	display: block;
	color: #aaa;
	position: absolute;
    top: 10px;
    left: 9px;
    z-index: 1;
    cursor: text;
	font-size: 100%;
}


/** FOOTER **/

#footer {
    background-color: #fff;
    padding-top: 10px;
    border-bottom-left-radius: 12px; -moz-border-radius-bottomleft: 12px; -webkit-border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px; -moz-border-radius-bottomright: 12px; -webkit-border-bottom-right-radius: 12px;
}

#footer span {
    display: block;
    background: #a6d4e6 url('images/footer_bg.png');
    border-bottom-left-radius: 12px; -moz-border-radius-bottomleft: 12px; -webkit-border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px; -moz-border-radius-bottomright: 12px; -webkit-border-bottom-right-radius: 12px;
    padding: 6px;
    font-size: 12px;
    color: #fff;
    text-shadow: #498fab 1px 1px 2px;
    text-align: center;
}



/** BODY STYLES **/

#content {
    margin: 0 auto;
    clear: both;
    background-color: #fff;
    height: 100%;
}



/** POST STYLES **/

.post {
    padding-bottom: 2.4em;
}

.post img {
    max-width: 495px;
}

.post-title h2 {
	margin: 32px 20px 0.9em;
    font-size: 24px;
}

.post-breadcrumbs {
    margin: -22px 20px 40px;
    background: url('images/post-breadcrumbs.png') no-repeat 10px;
    color: #858585;
}

.post-footer {
    margin: -12px 0 20px;
    padding: 6px;
    background: url('images/post-footer.png') no-repeat 10px;
}

.post-footer span {
    margin-left: 14px;
    padding-right: 4px;
    padding-left: 19px;
    background: url('images/icon-post.png') no-repeat left center;
    color: #858585;
	font-size: 9px;
	text-transform: uppercase;
    line-height: 12px;
}

.post-footer span.post-comments {
	background-image: url('images/icon-comment.png') no-repeat;
}

.post-footer span.post-date {
    padding-left: 0;
	background-image: none;
}

.post-content {
    padding: 0 20px;
}

.post-nav {
	clear: both;
    margin: 0 auto;
    width: 535px;
	padding-bottom: 40px;
    text-align: center; 
    font-size: 9px;
    color: #858585;
    background: url('images/post-footer.png') no-repeat 10px 0;
}



/** SIDEBARS **/

.sidebar {
	float: left;
	width: 180px;
    padding: 40px 15px;
}

.sidebar .widget {
    margin: 0 0 30px;
    padding: 0 0 20px;
    border-bottom: 1px dotted #ccc;
    overflow: hidden;
}

.sidebar .widget.feeds {
    margin: 4px 0 0;
    padding: 0 0 2px;
    border: none;
}

.sidebar .widget.feeds {
    font-weight: 500;
}


.sidebar .widget.feeds h3 {
    margin-bottom: 2px;
    text-transform: none;
    font-size: 12px;
    font-weight: 700;
}

.sidebar h3 {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 10px;
    color: #aaa;
}

.sidebar li {
    padding: 0 0 3px;
    font-size: 11px;
    color: #454545;
}

.content {
	float: left;
	width: 533px;
}

a.backtomaddie {
    margin-bottom: 20px;
    display: block;
    background: url('images/maddiebutton.png') no-repeat;
    width: 180x;
    height: 100px;
    text-indent: -10000px;
}

a.maddiesmarket {
    margin-bottom: 40px;
    display: block;
    background: url('images/maddiesmarket.png') no-repeat;
    width: 180x;
    height: 100px;
    text-indent: -10000px;
}

/** PAGE SPECIFIC **/

p.buttons span {
    font-size: 18px;
}

p.buttons #prev5 {
    background: url('images/control_rewind.png') no-repeat;
}

p.buttons #play5 {
    background: url('images/control_play.png') no-repeat;
}

p.buttons #stop5 {
    background: url('images/control_pause.png') no-repeat;
}

p.buttons #next5 {
    background: url('images/control_fastforward.png') no-repeat;
}





#copycopy {
margin: 0 auto 2.5em;
width:700px;
text-align:center;
color:#000;
font-weight:700;
}












ul {
list-style-type:none;
}

ul,
ol {
padding:0 0 20px;
}

li {
padding:3px 0 3px 30px;
}

#content ul li a {
font-weight:700;
text-decoration:none;
}

#content ol {
margin-left:30px;
}

#content ol li {
padding-left:0;
background-image:none;
}








/* Post Pages Navigation

========================================== */
#content p.pagenav {
clear:both;
}

#content .pagenav a,#content .pagenav span {
border:0px solid #EAEAEA;
display:inline;
margin:0 2px;
padding:3px 6px 4px;
}

#content .pagenav a {
text-transform:lowercase;
background-color:#F3F3F3;
text-decoration:none;
line-height:50%;
}

#content .pagenav a:hover {
border-color:#BDAEB4;
}

#content .pagenav span.current {
background-color:#fff;
}





/** COMMENTS **/

#comments .comment-wrap {
height:100%;
overflow:auto;
clear:both;
background-color:#fff;
border:1px solid #EAEAEA;
margin:0 0 12px;
padding:0 12px;
}


#comment_form {
    padding: 20px;
}

#comment_form textarea {
    padding: 5px;
    width: 485px;
}


#comments h3 {
padding-top:0;
}

#comments h3#respond {
padding-top:8px;
}

#comments .comment-wrap img.avatar {
background-color:#fff;
border:1px solid #E8E8E8;
margin:0 0 12px;
padding:2px;
}

#comments .comment-wrap .left {
width:65px;
padding-top:12px;
float:left;
}

#comments .comment-wrap .right {
width:457px;
float:left;
padding:12px 0 6px 12px;
}

#comments .comment-wrap .right cite {
font-style:normal;
display:block;
height:100%;
overflow:auto;
margin:0;
padding:0;
}

#comments .comment-wrap .right cite small {
font-size:90%;
float:right;
}

#comments .comment-wrap .right p {
clear:both;
padding:12px 0;
}

#comments .comment-wrap .right blockquote,#comments .comment-wrap .right code,#comments .comment-wrap .right pre {
clear:both;
margin:6px 0;
}

#comments .alt {
background-color:#F6F6F6;
}

#comments .author {
/*background-color:#DDE975;
*/border-color:#D1E1EB;
}








#content .small h3 {
color:#000;
font-weight:400;
margin:0;
padding:0 0 0px;
}

#content .small p {
padding-right:0;
padding-bottom:6px;
color:#000;
margin:0;
}

#content .small ul {
margin:0;
padding:0;
}

#content .small ul li {
color:#000;
font-weight:400;
line-height:125%;
padding-left:12px;
background-position:0 8px;
}

#content .small ul li a:hover,#content .small ul li a:active {
text-decoration:none;
font-weight:400;
}

#content .small ul li ul {
border:0;
}

#content .small ul li input,#content .small ul li select {
margin-bottom:0;
}

#content .small ul li span.recent_date {
padding-left:3px;
font-size:80%;
font-weight:400;
color:#889763;
}

#content .small ul ul li {
border:0;
padding:3px 0 3px 14px;
}





/* CREDITS

========================================== */
#credits {
clear:both;
width:100%;
margin-bottom:30px;
padding:0;
}

#credits p {
text-align:center;
color:#BDAEB4;
font-size:90%;
padding:20px 0;
}

/* Footer Credits

========================================== */
#credits ul.nav {
text-align:right;
background-position:top center;
background-repeat:no-repeat;
height:83px;
padding:0;
}

#credits ul.nav li {
color:#000;
display:inline;
margin:0;
}

#credits ul.nav li a {
display:inline;
border-right:1px solid #BDAEB4;
margin:0;
padding:0 6px 0 4px;
}

#credits ul.nav li a.top {
border:0;
padding-right:0;
}

/* WIDGETS AND PLUGINS 
 Search form

========================================== */

#breadcrumbs {
float: left;
margin: 1em 0 10px 10px;
padding: 7px 10px 0;
width: 580px;
min-height: 25px;
vertical-align: middle;
}





.topbar {
text-decoration:none;
padding-top:0;
padding-bottom:0;
float:none;
margin:0;
}




/* BULLETS */
li.b {
background:url('images/bullet.gif') no-repeat 16px 9px;
padding:3px 0 3px 30px;
}

li.c {
background:url('images/bullet.gif') no-repeat 16px 9px;
font-weight:700;
text-decoration:none;
padding:3px 0 3px 30px;
}

#leftbar {
float:left;
width:164px;
height:230px;
margin-left:2px !important;
padding:2px;
}

#centralbar {
float:left;
width:164px;
height:230px;
margin:0 2px;
padding:2px;
}

#rightbar {
float:left;
width:164px;
height:230px;
padding:2px;
}

#containerfront {
margin-left:auto;
margin-right:auto;
text-align:center;
width:510px;
padding-right:40px;
}

#containertextfront {
margin-left:auto;
margin-right:auto;
text-align:justify;
}







#content .pagenav span.extend,#content .small ul ul {
border:0;
padding:0;
}

#sidebar-1,#sidebar-1 .sidebar:first-child,#sidebar-1 .sidebar.first-child {
background-color:transparent;
}

.vert-level-0,.vert-level-0-on {
display:inline;
}

.vert-level-0 img.first,.vert-level-x img.first {
border-left:0 dotted #472a0b;
padding-left:0;
padding-right:0;
}

.vert-level-0 a:link,.vert-level-0-on a:link {
color:#fff;
background-color:transparent;
font-size:20px;
}

.vert-level-0 a:visited,.vert-level-0-on a:visited,.vert-level-0-on a:hover,.vert-level-0-on a:active {
color:#fff;
background-color:transparent;
}

.vert-level-0 a:hover,.vert-level-0 a:active {
color:#fff;
}

#mainpic{
width: 100%;
height:406px;
background:url('../Bright-Day2/images/mainpic.png');
background-repeat:no-repeat;
background-position:top center;
margin-top: -40px;
overflow: hidden;
padding: 0;
}
#leftbar {
float:left;
width:281px;
height:160px;
margin-left:2px !important;
padding:0px;
margin-top: 10px;
}

#centralbar {
float:left;
width:284px;
height:160px;
margin:0 2px;
padding-left:7px;
margin-top: 10px;
}




#wed{
float:left;
width:281px;
height:230px;
margin-left:2px !important;
padding:0px;
margin-top: 10px;
}

#pom{
float:left;
width:284px;
height:230px;
margin:0 2px;
padding-left:7px;
margin-top: 10px;
}
.cartlinks {
    font-family: arial;
    font-weight: normal;
    font-size: 10px;
    text-align: left;
    margin-right: 10px;
    margin-top:15px;
    padding-left: 10px;
    float: right;
    text-align: right;
    border-left: 0px solid #E5E5E5;
    color: #999999;
    text-transform: uppercase; 
    line-height: 15px;
    }
        
    
.cartlinks a {
  margin-right: 5px;
    margin-left: 5px;

}


.cartlinks a:link {
    text-decoration: none;
    color: #999999;
    }

.cartlinks a:visited {
    text-decoration: none;
    color: #999999;
    }

.cartlinks a:hover {
    text-decoration: none;
    color: #000000;
    }

.cartlinks a:active {
    text-decoration: none;
    color: #000000;
    }
    
.cartlinks .emphasized a:link {
    text-decoration: none;
    color: #777777;
    }

.cartlinks .emphasized a:visited {
    text-decoration: none;
    color: #777777;
    }    
    
.cartlinks .emphasized a:hover {
    text-decoration: none;
    color: #73a018;
    }

.cartlinks .emphasized a:active {
    text-decoration: none;
    color: #73a018;
    }  

}



/* Search Manufacturers */
p.srchman_desc {
        background-color: transparent;
        color: #444;
}
ul.srchman_list {
        margin: 0px;
        padding: 0px;
        list-style: none;
        border-top: 1px solid #666;
        width: 280px;
        float: left;
}

ul.srchman_list li {
        margin: 0px;
        padding: 0px;
}
ul.srchman_list li a.srchman_list:visited {
        background-color: transparent;
        color: #444;
}
ul.srchman_list2 {
        margin: 0px;
        padding: 0px;
        list-style: none;
        border-bottom: 1px solid #666;
        font-size:1.0em;
        width: 50%;
        float: left;
}
ul.srchman_list2 li {
        margin: 0px;
        padding: 0px;
}
ul.srchman_list2 li a.srchman_list:visited {
        background-color: transparent;
        color: #C0C0C0;
}
div.silver_box {
        background-color: #EEE;
        color: #5C5D5A;
        padding: 20px 30px;
}
div.silverlight_box {
        background-color: #F5F5F5;
        color: #5C5D5A;
        padding: 20px 30px;
}
div.silverlight_box_template {
        background-color: #F5F5F5;
        color: #5C5D5A;
        padding: 20px 20px;
		width: 725px;
}
#site_contact div.silverlight_box {
        width: 680px;
        margin-top: -10px;
}


.subscribebut {
  background-color: #fff;
  color: #000;
border: 1px solid #000;
width: 50px;
font-size: 11px;
padding: 0;

}

.subscribetext {
  background-color: #fff;
  color: #000;
border: 1px solid #000;
width: 100px;
font-size: 11px;
margin-right: 3px;
padding-left: 2px;
}


.unsubscribebut {
  background-color: #fff;
  color: #000;
border: 1px solid #000;
width: 50px;
font-size: 11px;
padding: 0;

}

ul#gallery {
    margin: 0
    padding: 0;
    text-align: center;
    line-height:600%
    }
 
#gallery li {
    display: inline-block;
    width: 28%;   /* so only three will fit */
    }
 
/* for IE6/7  */
* html #gallery li {
    display: inline;
    }
 
*+html #gallery li {
    display: inline;
    }
/* end star html hacks */

.clear
{
     clear: both;
     display: block;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
}

div.listed { clear: both; margin: 2.5em 0 0; background: #c7e0e9  url('images/listed-gd.png') repeat; border: 1px solid #a5d4e5; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
div.listed.brown { background: #c7e0e9 url('images/listed-gd-bn.png') repeat-x; border: 1px solid #675143; }
div.listed.brown h2 { color: #fff; text-shadow: #000; }
div.listed h2 { margin-bottom: -5px; padding: 0; text-align: center; text-indent: 4px; text-shadow: #fff; line-height: 24px; font-size: 14px; }
#content ul.listed { margin: 6px 0 0; float: left; width: 50%; list-style: none; font-size: 1em; }
#content ul.listed li { padding: 0; border-bottom: 1px dotted #dfdfdf; }
#content ul.listed li.alt { background-color: #f4fbfd; }
#content ul.listed li a { padding: 4px 10px; display: block; }
#content ul.listed li a:hover { background: #fbfbfb url('images/bullet_blue.png') no-repeat 100% 50%; color: #93c6d8; }
#content ul.listed li.alt a:hover { background: #f8f8f8 url('images/bullet_blue.png') no-repeat 100% 50%; }
#content ul.listed li span { padding: 4px 10px; display: block; font-weight: 700; color: #777; }
#content ul.listed li span:hover { background: #fbfbfb url('images/bullet_blue.png') no-repeat 100% 50%; color: #93c6d8; }


/* Bordered Images w/ Captions */

.maddie_brdr { width: 212; background: transparent url('images/maddie_brdr.png') no-repeat center top; }
    .maddie_brdr img { margin: 26px; }
    .maddie_brdr p { margin: 2px 0; padding: 0; font-size: 12px; color: #333; text-align: center; }
    .maddie_brdr.top { background-position: center bottom; }
    .brdr_float { margin: 1em 32px; float: left; }