/*
Theme name: Cafe Di Scala
Description: Custom Theme
*/

/* WordPress Default styles */
@import url('wp-default.css');

* { margin: 0; padding: 0; outline: 0; }
body { font: 10px/14px Verdana,sans-serif; color: #000; text-align: left; background: #000 url(images/bg.gif) repeat-x 0 0; }

a { color: #C93B25; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr, .right { float: right; display: inline; }
.fl, .left { float: left; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 980px;}

#page{ width:1158px; }

#header{ width:1158px; height:149px; background:url(images/header.jpg) no-repeat 0 bottom; }

h1#logo{
	text-indent: -4000px;
	line-height:0;
	font-size: 0;
	width:365px;
	height:149px;
	float: left;
	display: inline;
	padding-left:74px;
}
h1#logo a{
	display: block;
	height:149px;
	background:url(images/logo.gif);
}

#nav{ background:#431713; height:43px; border-bottom:solid 2px #ecd363; }
#nav ul{ list-style-type: none; height:43px; padding-left:74px;}
#nav li{ float: left; line-height:43px; color:#eeb66b; margin-right:11px; }
#nav li a{ float: left; font-size: 14px; text-transform: uppercase; color:#eeb66b; margin-right:11px; font-weight: normal; }
#nav li a:hover,
#nav li.active a{ text-decoration: none; color:#fff; }

#content{ width:1142px; border-right:solid 16px #b79e66; background:#060605 url(images/photo-bg.jpg) no-repeat; min-height:590px; position:relative; z-index: 1;}
#content #main,
#content #sidebar{position: relative; z-index: 100;}

.top-gradient-holder{  position:absolute; width:1142px; height:100px; z-index: 2;}
.top-gradient{ background:url(images/top-gradient.png) repeat-x;  width:1142px; height:100px; }

#content .post {padding-bottom: 15px;}

.post h2,
.page h2 { font-size: 21px; letter-spacing: -0.05em; color:#431713;}
.post h2 a,
.page h2 a{ color:#431713;}
.entry { padding-top:14px; }
.entry  img{ border: solid 2px #000; }
.entry  p{ padding-bottom:15px; }

h2.pagetitle {font-size: 23px; margin-bottom: 10px;}

#sidebar{ width:185px; float: left; display: inline; margin-left:22px; padding-left: 22px; border-left: 1px solid #431713; line-height:13px; color: #421711}
#sidebar a {text-decoration: underline}
#sidebar a:hover {text-decoration: none;}
#sidebar ul {list-style-type: none;}
#sidebar ul li {display: block; padding: 0 10px 12px 0}
#sidebar h3{ font-size: 12px; text-transform: uppercase; padding-left:20px; color:#000; line-height:18px; padding-bottom:8px; margin-left:4px}
#sidebar h3.view-menu {background:url(images/h3-bg.gif) no-repeat; }
#sidebar h3 a{ color:#000; text-decoration: none;}
#sidebar .box{ width:176px; /*background:#f4f0e5;*/ padding-bottom:10px; }
#sidebar p.schedule{ width:135px; font-size: 10px; color:#421711; line-height:14px;}
#sidebar a.directions{ font-size: 10px; line-height:15px; color:#c93b25; text-decoration: underline; font-family: Helvetica, "Trebuchet MS", sans-serif; }
#sidebar a:hover.directions{ text-decoration: none;}
#sidebar a.fb{ display: block; background:url(images/fb.gif); width:88px; height:25px; }
#sidebar a.tw{ display: block; background:url(images/tw.gif); width:87px; height:21px; }
#sidebar p.buy{ display: block; background:url(images/buy.gif) no-repeat 0 17px; padding-left:26px; color:#421711; padding-top:14px}
#sidebar p.buy a{ text-decoration: none; color:#c93b25; text-decoration: underline; line-height:15px;}
#sidebar p.buy a:hover{ text-decoration: none;}
#sidebar span.join {font-family: helvetica, arial, sans-serif; font-weight: bold; color: #000; }
#sidebar a.red{ text-decoration: none; color:#c93b25; text-decoration: underline; line-height:15px;}

.tweet-box{ background:url(images/tweets.gif) no-repeat 10px 0; padding-top:110px; margin-top:10px;}
.tweet-box p{ color:#421711; font-size: 10px; padding-bottom:10px}
.tweet-box p a{ color:#421711; }

.shell{ width:599px; background:#f1ecde; min-height:549px; margin-left:39px; padding-top:54px; float: left; display: inline; }
#main{ width:555px; padding-left:28px; float: left; display: inline; font-size: 12px; line-height: 16px;}
.home #main { width: 335px; }


.bottom-part{ height:121px; width:1158px; background:url(images/bottom-part.jpg)}
.bottom-part .frame{ width:599px; padding-left:39px; text-align: center; text-transform: uppercase;}
.bottom-part .frame p{ padding-top:20px; padding-bottom:5px; }
.bottom-part .frame a{ color:#431713; font-weight: bold; font-size: 10px;}
.bottom-part .frame a:hover{ color:#fff; text-decoration: none;}
.bottom-part .frame a.find{ text-decoration: underline; line-height:20px; text-transform: none; font-size: 14px;}
.bottom-part .frame a:hover.find{ text-decoration: none; color:#431713; }

#footer{ padding-top:12px; width:479px; padding-left:79px; min-height:81px; }
#footer .awards{ width:102px; height:63px; background:url(images/awards.gif); float: right; }
#footer strong{ font-size: 12px; color:#e6c959; display: block;}
#footer p span{ color:#eeb66b; font-size: 9px; display: block;}
#footer p a{ color:#eeb66b; line-height:19px; }

.comment {padding-bottom: 15px;}

#respond {padding-bottom: 20px;}
#respond .field { border: 1px solid #431713; padding: 2px; font-family: verdana, sans-serif; font-size: 10px; margin: 0 3px 6px 0;}
#respond #submit {border: 1px solid #431713; background: #eacc50; font-family: verdana, sans-serif; cursor: pointer;}

h3.frugal {font-size: 16px; margin-bottom: 5px;}

.navigation {padding-top: 5px;}

.widget .social-links-label { display: block; }
.widget .social-links-container { padding: 15px 0 5px 42px; }
.widget .facebook-fan { margin-right: 27px; }
.widget .twitter-follow {}
