/*

Theme Name: Shutup and Smile

Description: Shutup and Smile New Theme

*/


* { margin: 0; padding: 0; outline: 0 }

body{ margin:0px; font-family:Verdana; font-size: 11px; color:#333; line-height:17px; background-color:#323232; background-image:url(images/bodyback.jpg); background-repeat:repeat-x; margin-bottom:10px;}

div, span, p, td{font-family:Verdana; font-size: 11px; color:#333; line-height:17px;}

A {FONT-SIZE:11px; COLOR:#BC294F; text-decoration:none}
A:link {COLOR:#BC294F}
A:visited {COLOR:#BC294F}
A:hover {COLOR:#000;}

hr{border:solid 1px #CCCCCC; margin:2px; padding:0px;}
form{ margin:0px; padding:0px;}

ul{ margin:5px; padding:2px;}
li{list-style-image:url(images/bulletarr.gif); line-height:18px; margin-left:10px; }

ol{ margin:5px; padding:2px;}
ol li{line-height:18px; margin-left:15px;  list-style-image:none; }
ol li ul li{ margin-left:5px; list-style-type: circle; line-height:16px; }

h1{margin:0px; padding:0px; color:#BC294F; font-size:22px; font-family:"Trebuchet MS"; font-weight:bold; line-height:35px;}
h1 a:link, h1 a:visited{ margin:0px; color:#BC294F; font-size:18px; font-weight:500;}
h2{margin:0px; color:#000; font-size:20px; font-family:"Trebuchet MS"; line-height:20px;}
h2 a:link, h2 a:visited{margin:0px; color:#000; font-size:20px; font-family:"Trebuchet MS"; line-height:20px;}
h3{margin:0px; padding:0px; font-size:14px;}
h3 a:link, h3 a:visited{margin:0px; padding:0px; font-size:14px;}

img{border:0px; vertical-align:middle}
input{ border:1px solid #936B0A; padding:3px;}
textarea{ width:200px;  border:1px solid #936B0A;}
.nobdr{ border:0px;}
.clearboth{ clear:both}

.fntcoffee{color:#876016}
.fntblue{color:#005680}
.fntred{color:#BB284E}

#container {width:920px; margin:0 auto;}
.contbg{width:920px; float:left; background-image:url(images/midback.jpg); background-repeat:repeat-y; padding-bottom:15px;}
.topshadow{background-image:url(images/topshadow.jpg); background-repeat:no-repeat; background-position:top left;}

/* Header Starts */
#header{width:885px; margin:0 auto; padding:0px; height:320px;}
.logo{ float:left; margin-left:30px; margin-top:25px;}
.logo a:link, .headlogo a:visited{background-image:url(images/logo.jpg); display:block; width:134px; height:97px; text-indent:-99999px}

.head{ float:left; font-size:14px; font-family:"Trebuchet MS"; font-style:italic; width:650px; margin-top:30px; margin-left:30px; line-height:22px;}

.cafehead{ float:left; font-size:20px; font-family:"Trebuchet MS"; font-weight:bold; width:650px; margin-top:30px; margin-left:30px; line-height:22px; text-align:right}
.cafehead span{ font-size:20px;}

.head2{float:right; width:685px; margin-right:20px; margin-top:5px;}
.head2 span{float:left; width:10px;}

.head3{ height:202px; clear:both}
/* Header Ends*/

/* Navigation Start */
#mainnav {float:left; margin:0px; padding:0px; width:663px; height:45px; background-image:url(images/menuback.jpg)}
#mainnav li{margin:0px; padding:0px; list-style:none; display:inline;}

#mainnav li a:link, #mainnav li a:visited{float:left; padding-left:24px; padding-right:24px; background-image:url(images/menusep.jpg); background-repeat:no-repeat; background-position:right top; height:25px; display:block; font-size:16px; font-family:"Trebuchet MS"; font-weight:bold; color:#fff; padding-top:8px; text-align:center}
#mainnav li a:hover{color:#FFFFC3}

#mainnav li.lst a:link, #mainnav li.lst a:visited{ background-image:none}
/* Navigation Ends */

/* Left Start */
.leftpnl{float:left; width:305px; margin-left:20px;}
.cafeleftpnl{float:left; width:215px; margin-left:20px;}

.cafelefttitle{background-image:url(images/titleback.jpg); background-repeat:no-repeat; display:block; width:205px; height:34px; font-size:18px; font-family:"Trebuchet MS"; font-weight:bold; color:#fff; padding-top:10px; padding-left:10px;}

.cafeleftmenu{float:left; width:215px;}
.cafeleftmenu td{background-image:url(images/cafebullet.jpg); background-repeat:no-repeat; background-position:2px 10px; padding-left:15px; height:30px; border-bottom:dashed 1px #CCCCCC}
.cafeleftmenu a:link, .cafeleftmenu a:visited{font-size:12px; color:#000000}
.cafeleftmenu a:hover{color:#BC294F}

.cafenewsletter{float:left; padding:5px;}

.maillst{ clear:both;  background-image:url(images/bgsubscribe.jpg); background-repeat:no-repeat; height:64px; width:295px; font-size:18px; font-family:"Trebuchet MS"; font-weight:bold; color:#fff; padding:5px; line-height:30px;}
.maillst img{ padding-bottom:5px;}

.leftbanners{ width:305px; float:left; margin-top:20px;}

.boxnews{ float:left; width:305px; margin-top:25px;}
.boxnews .boxcont{ padding:10px; padding-top:0px; background-image:url(images/grey_left_back.jpg); background-repeat:repeat-x; background-position:top left; border-left:solid 1px #CACACA; border-right:solid 1px #CACACA;}
.boxnews .boximg{text-align:center; padding-top:5px; padding-bottom:8px}
.boxnews span{ padding:0px; margin:0px; height:10px; display:block}
.boxnews a:link, .boxnews a:visited{ color:#000000; font-weight:bold; text-decoration:underline}
.boxnews a:hover{text-decoration:none}

/* Left Ends*/


/* Mid Start */
.midbody{padding:10px; padding-top:0px; float:left; width:565px;}
.cafemidbody{padding:20px; padding-top:0px; float:left; width:630px;}

.midbox{border:solid 1px #CCCDC8; background-image:url(images/midback1.jpg); background-repeat:repeat-x; background-position:top; margin-top:10px; padding-bottom:20px;}
.midlinks{width:895px; height:250px; background-image:url(images/midimg.jpg); background-repeat:no-repeat; background-position:320px;}


.boxyellow{ float:left; width:275px; margin-top:15px;}
.boxyellow .boxcont{ padding:10px; padding-top:0px; background-image:url(images/box_yellow_bg.jpg); background-repeat:repeat-x; background-position:top left; border-left:solid 1px #EBDD7E; border-right:solid 1px #EBDD7E; color:#000000}
.boxyellow .boximg{text-align:center; padding-top:5px; padding-bottom:8px}
.boxyellow span{ padding:0px; margin:0px; height:10px; display:block}
.boxyellow a:link, .boxyellow a:visited{ color:#876016; font-weight:bold; text-decoration:underline}
.boxyellow a:hover{text-decoration:none}

.boxgrey{float:left; width:275px; margin-top:15px; margin-left:15px;}
.boxgrey .boxcont{ padding:10px; padding-top:0px; background-image:url(images/box_grey_bg.jpg); background-repeat:repeat-x; background-position:top left; border-left:solid 1px #CACACA; border-right:solid 1px #CACACA; color:#000000}
.boxgrey .boximg{text-align:center; padding-top:5px; padding-bottom:8px}
.boxgrey span{ padding:0px; margin:0px; height:10px; display:block}
.boxgrey a:link, .boxgrey a:visited{ color:#BC294F; font-weight:bold; text-decoration:underline; font-size:14px;}
.boxgrey a:hover{text-decoration:none}

.boxpink{ clear:both; float:left; width:275px; margin-top:15px;}
.boxpink .boxcont{ padding:10px; padding-top:0px; background-image:url(images/box_pink_bg.jpg); background-repeat:repeat-x; background-position:top left; border-left:solid 1px #EEC1CD; border-right:solid 1px #EEC1CD; color:#000000}
.boxpink .boximg{text-align:center; padding-top:5px; padding-bottom:8px}
.boxpink span{ padding:0px; margin:0px; height:10px; display:block}
.boxpink a:link, .boxpink a:visited{ color:#BB284E; font-weight:bold; text-decoration:underline; }
.boxpink a:hover{text-decoration:none}

.boxblue{float:left; width:275px; margin-top:15px; margin-left:15px;}
.boxblue .boxcont{ padding:10px; padding-top:0px; background-image:url(images/box_blue_bg.jpg); background-repeat:repeat-x; background-position:top left; border-left:solid 1px #7EC2D1; border-right:solid 1px #7EC2D1; color:#000000}
.boxblue .boximg{text-align:center; padding-top:5px; padding-bottom:8px}
.boxblue span{ padding:0px; margin:0px; height:10px; display:block}
.boxblue a:link, .boxpink a:visited{ color:#005680; font-weight:bold; text-decoration:underline; }
.boxblue a:hover{text-decoration:none}


/* Mid Ends */

/* Footer Start */
.cafebottline{ font-weight:bold; padding:3px; text-align:center; font-size:12px;}
#footer{width:890px; float:left;  background-image:url(images/footerbg.jpg); height:44px; font-weight:bold; text-align:right; padding-top:15px; padding-right:30px;}
/* Footer Ends */