/*   
Theme Name: Collin Street Bakery
Theme URI: http://www.collinstreet.com
Description: A custom theme designed for Collin Street Bakery; the theme creates a seamless transition from CollinStreet.com's main site to Wordpress.
Author: next STEPH, for Bizresearch
Author URI: http://www.nextsteph.com/
Version: 0.0.5
Copyright: 2007 next STEPH ALL RIGHTS RESERVED
DISCLAIMER: ANY USE OF THIS THEME BY ANY PERSON, EXCLUDING THE CONTRACTING PARTIES, IS STRICTLY PROHIBITED WITHOUT THE PRIOR, WRITTEN CONSENT OF THE AUTHOR OR DESIGNATED AGENT. CONTACT AUTHOR AT steph@nextsteph.com if you have any questions or wish to have a customized theme created for your business, blog or personal webspace.
*/
/* ---------------------------------------------- from main site */


.highlight {color: #9A0907;}
.title {FONT-SIZE: 12pt; COLOR: #FABF29; FONT-FAMILY: arial, trebuchet ms; TEXT-DECORATION: none}

body { background: #ffffff; padding: 0; margin: 0; font: 75% arial, sans-serif; color: #666;}
h1

{

     font-size: 18px;

     color: #9A0907;

     font-weight: normal;

}



h2 { color: #9A0907; font-size: 16px; }
h2 a { color:#9A0907; text-decoration: none; }
h2 a:hover { color:#9A0907; background: #FFF; }


h3 { color: #9A0907; font-size: 14px; }
h3 a { color:#9A0907; text-decoration: none; }
h3 a:hover { color:#9A0907; background: #FFF; }



.search-query

{

    font-size: 10px;

}



.search-submit

{

    color: #666666;

    font-size: 10px;

    background-color: #ffffff;

    border: #666666 1px solid;

    margin-left: 10px;

}

a:link

{

    color: #275774;

}



a:visited

{

    color: #333;

}



a:active

{

    color: #333;

}



a:hover

{

    color: #000;

}



#container

{

    padding: 0;

    margin: 10px auto 0px auto;

    text-align: left;

    width: 748px;

}



#header

{

    margin-bottom: 10px;

}



#header a

{

    color: #9A0907;

    text-decoration: none;

}



#header a:hover

{

    text-decoration: underline;

}



#logo

{

    border-bottom: 1px solid #ccc;

}



#logo a

{

    text-decoration: none;

}



#content

{

    margin: 0px 20px 20px 20px;

}



#content-left

{

    width: 70%;

    vertical-align: top;

    padding-right: 20px;

    border-right: 1px solid #ccc;

}



#content-right

{

    width: 80%;

    vertical-align: top;

    padding: 20px;

    border-left: 1px solid #ccc;

}



#sidebar-left

{

    width: 20%;

    vertical-align: top;

    padding-right: 20px;

}



#sidebar-right

{

    width: 30%;

    vertical-align: top;

    padding-left: 20px;

}



#footer-top

{

    color: #666666;

    margin-bottom: 7px;

}



#footer-left

{

    font-size: 97%;

    line-height: 16px;

    padding: 5px 10px 5px 10px;

    border: #cccccc 1px solid;

}



#footer-left a

{

    color: #666666;

    text-decoration: none;

}



#footer-left a:hover

{

    text-decoration: underline;

}



#footer-right

{

    font-size: 97%;

    padding: 5px 10px 5px 10px;

    border: #cccccc 1px solid;

}



#footer-bottom

{

    color: #666666;

    font-size: 10px;

    text-align: right;

    padding-left: 15px;

    padding-right: 15px;

    padding-bottom: 15px;

}



#container.email

{

    width: 550px;

}



#email-menu

{

    width: 100%;

    text-align: right;

}



#email-menu a

{

    display: block;

    float: right;

    border: 1px solid #ccc;

    text-decoration: none;

    text-align: center;

    color: #000;

    background: #eeeeee;

    padding: 3px 10px 3px 10px;

    margin-right: 5px;

}



#email-menu a:hover

{

    background-color: #cccccc;

}



#email-left

{

    width: 50%;

    vertical-align: top;

    padding-right: 20px;

    border-right: 1px solid #ccc;

}



#email-right

{

    width: 50%;

    vertical-align: top;

    padding-left: 20px;

}



#email-top, #email-middle

{

    margin-bottom: 15px;

}





#menu

{

    width: 100%;

}



#menu .shop-by

{

    display: block;

    float: left;

    text-align: center;

    color: #9A0907;

    font-size: 12px;

    padding: 6px 7px 0px 10px;

}



#menu a

{

    display: block;

    float: left;

    text-decoration: none;

    text-align: center;

    color: #9A0907;

    font-size: 16px;

    font-weight: bold;

    padding: 3px 12px 3px 12px;

}



#menu a:hover

{

    color: #ffffff;

    background-color: #9A0907;

}

.drop-menu {
background-color:#F0F0E8;
border-left:1px solid #A1A08C;
border-right:1px solid #A1A08C;
border-top:1px solid #A1A08C;
font-size:11px;
left:0px;
position:absolute;
top:0px;
visibility:hidden;
}
.drop-menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
.drop-menu a {
border-bottom:1px solid #A1A08C;
display:block;
padding:2px 10px;
width:150px;
}
.drop-menu a:link {
color:#333333;
text-decoration:none;
}
.drop-menu a:visited {
color:#333333;
text-decoration:none;
}
.drop-menu a:active {
color:#333333;
text-decoration:none;
}
.drop-menu a:hover {
background-color:#FFFFFF;
text-decoration:none;
}
a.add-to-bag {
background-color:#9A0907;
color:#FFFFFF;
font-size:90%;
padding:5px 10px;
text-decoration:none;
}
a.add-to-bag:link, a.add-to-bag:visited, a.add-to-bag:active, a.add-to-bag:hover {
color:#FFFFFF;
}
a.continue-shopping {
border:1px solid #999999;
color:#999999;
font-size:90%;
padding:5px 10px;
text-decoration:none;
}
a.continue-shopping:link, a.continue-shopping:visited, a.continue-shopping:active, a.continue-shopping:hover {
color:#999999;
}

hr

{

    color: #D3D2D2;

    height: 1px;

}



#three-columns

{

    color: #9A0907;

    border: #9A0907 1px solid;

    padding: 10px;

    margin-bottom: 15px;

}



#three-columns td#column-1

{

    width: 33%;

    vertical-align: top;

    border-right: #9A0907 1px solid;

    padding-right: 20px;

}



#three-columns td#column-2

{

    width: 33%;

    vertical-align: top;

    border-right: #9A0907 1px solid;

    padding-left: 20px;

    padding-right: 20px;

}



#three-columns td#column-3

{

    width: 33%;

    vertical-align: top;

    padding-left: 20px;

    padding-right: 20px;

}



#three-columns a

{

    color: #9A0907;

    text-decoration: none;

}



#three-columns a:hover

{

    text-decoration: underline;

}



#home-headline

{

    width: 100%;

    color: #ffffff;

    background-color: #9A0907;

    padding: 20px;

    border-bottom: #ffffff 2px solid;

}



.livesite_highlight

{

    color: #9A0907;

}



.livesite_hr

{

    color: #666666;

    background-color: #666666;

    height: 1px;

    border: 0;

}



.livesite_input_submit

{

    color: #ffffff;

    background-color: #9A0907;

    padding: 2px;

    border: 1px solid #9A0907;

}



.livesite_input_submit_primary

{

    color: #ffffff;

    background-color: #9A0907;

    padding: 2px;

    border: 1px solid #9A0907;

}



.livesite_input_submit_secondary

{

    color: #999999;

    background-color: #ffffff;

    padding: 2px;

    border: 1px solid #999999;

}



.livesite_input_submit_small_primary

{

    font-size: 90%;

	 color: #ffffff;

    background-color: #9A0907;

    padding: 2px;

    border: 1px solid #9A0907;

}



a.livesite_button_primary, a.livesite_button_primary:link, a.livesite_button_primary:visited, a.livesite_button_primary:hover, a.livesite_button_primary:active

{

    color: #ffffff;

    background-color: #9A0907;

    padding-top: 2px;

    padding-bottom: 2px;

    padding-left: 10px;

    padding-right: 10px;

    border: 1px solid #9A0907;

    text-decoration: none;

}



a.livesite_button_small_secondary, a.livesite_button_small_secondary:link, a.livesite_button_small_secondary:visited, a.livesite_button_small_secondary:hover, a.livesite_button_small_secondary:active

{

    font-size: 90%;

    color: #999999;

    background-color: #ffffff;

    padding-top: 2px;

    padding-bottom: 2px;

    padding-left: 5px;

    padding-right: 5px;

    border: 1px solid #999999;

    text-decoration: none;

}



.menu_hover_on

{

    background-color: #9A0907;

}
/* ---------------------------------------------- end menu block */
#content { 
	margin: 6px auto; width: 800px; }
#posts { 
	float: left; background: #fff; width: 595px; 
	margin: 10px 0 0 0; }
#posts h2 {color: #9A0907;  font-size: 16px; }
#posts h2 a {background: #fff; color: #9A0907; text-decoration: none;}
#posts h2 a:link {color: #9A0907; text-decoration: none; }
#posts h2 a:visited {color: #9A0907; text-decoration: none; }
#posts h2 a:active {color: #9A0907; text-decoration: none; }
#posts h2 a:hover{ background: #fff; color: #9A0907;}
#posts h3 {color: #9A0907; font-size: 14px;  }
#posts h3 a { color: #9A0907; text-decoration: none; }
#posts h3 a:link {color: #9A0907; text-decoration: none; }
#posts h3 a:active {color: #9A0907; text-decoration: none; }
#posts h3 a:visited {color: #9A0907; text-decoration: none; }
#posts h3 a:hover{ background: #fff; color: #9A0907;}
#posts h3 .commentslink { font-weight: normal; color: #9A0907; }
#posts p, #posts li { font-size: 10px; line-height: 150%; color:#666; }
#posts p { margin: 8px 10px; }
#posts blockquote { margin: 10px 35px; padding: 5px;
	background-color: #DEDEDE; border: 1px solid #919191; }
#posts p img { padding: 0; max-width: 570px; }
#posts ul, #posts li { text-align: left; }
#posts ul {
	 background: #fff; color: #666; 
	margin-left: 10px; padding-left: 10px; padding-bottom: 10px; }
#posts li { 
	 background: #fff; color: #666; 
	display: list-item; list-style: inside disc; 
	margin-left: 10px; padding-left: 10px; text-indent: -10px; }
	
	
/* Sidebar */
#sidemenu { 
	float: right; background: #fff; color: #000; 
	width: 190px; margin-top: 12px; }
#sidemenu .header { 
	font-weight: bold; color: #666; padding: 5px; font-size:16px; }
#sidemenu ul, 
#sidemenu li, 
#sidemenu a { display: block; }
#sidemenu ul { 
	background: #fff; color: #000;
	padding: 5px; margin: 0px; }
#sidemenu p {font-size: 12px; line-height: 150%;}
#sidemenu li { 
	font-size: 12px; padding-left: 5px; 
	line-height: 1.5em; background: #fff; color: #000; float: left; 
	text-align: left; text-decoration: none; width:150px;}


#sidemenu a { 
	background: #fff; 
    color: #666666; text-decoration: none;

}
#sidemenu a:hover{ text-decoration: underline;}

/* end Sidebar */

#footer, .copyright { 
	clear: both; width: 100%; text-align: center;
	font-size: 11px; margin: 15px auto; padding: 20px 0 0px;
	border-top: 2px dotted #cc1215;  }
.copyright { font-size: 11px; border: none; }