/*  

Theme Name: Alondra Hot Wings Restaurant
Theme URI: http://
Description: 
Version: 1.0
Author: Keefe Au
Author URL: http://aukeefe.carbonmade.com

*/

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
h1,h2,h3,h4,h5,h6 { font-family: "Rockwell", "Trebuchet MS", "Lucida Grande", sans-serif; line-height:1.65em; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }


/* LAYOUT */
.clear { clear: both; }

/* TYPE */
body { font: 85%/170% "Times New Roman", Times, serif; color: #46351d; background: #6d1209 url(../images/bg.jpg) repeat-x;  }
input, textarea { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 100%; } 

p { font: 100% "Times New Roman", Times, serif; color: #46351d; }

a { color:#be2f21; text-decoration:none; cursor:pointer; }

a:hover { color:#af791a; text-decoration:none; }

a:visited { text-decoration:none;  }

.title { color:#be2f21; padding-bottom:10px; line-height:1.55em;  }
.intro-text { font-size: 100%; line-height:1.45em; font-weight:normal !important; }
.sect-title { text-align:right; padding:15px 22px 8px 22px; line-height:1.2em;  }
.sect-title2 { padding:15px 22px 8px 22px; line-height:1.2em; }
.sect-text { font-size:95%; float:right; padding:0 22px 0 22px; line-height:1.25em; text-align:right; }
.sect-text2 { font-size:95%; float:left; padding:0 22px 0 22px; line-height:1.25em; }
.sect-link { font-size:120%; }
.m-title { font-size:110%; margin:32px 0 2px 30px; }
.m-text { margin: 10px 30px 10px 30px; line-height:1.5em; }
.dish-title { font-size:120%; margin:5px 0 0 40px; color:#be7219 ; }
.addr-title { font-size:120%; font-weight:bold; color:#be7219; }
.b-text {margin:0 40px 10px 40px; line-height:1.35em;}
.mb-text {margin:4px 0 10px 0; line-height:1.35em; font-size:110%;}
.pr-text { margin-left:35px; color:#695c41; }
.space { margin-left:20px; }
.pr-text2 {  color:#695c41; }
.pr-text3 {  font-size:100%; color:#312412; }
.pr-text4 {  font-size:125%; color:#312412; }
.sm-title {  font-size:58%; color:#312412; }
.bold { font-weight:bold; font-size:110%; }
.type {font: bold 100% "Times New Roman", Times, serif !important; color: #46351d;  }
.avail-title { margin:10px 0 0 0; color:#7f745d; font: 105% "Rockwell", "Trebuchet MS", "Lucida Grande", sans-serif; }
.disclaimer { margin:5px 40px 40px 40px; }
.by-text { font: 90% "Times New Roman", Times, serif; line-height:1.45em; font-weight:normal !important; margin:10px 0 10px 0; }
.by-text a { font-size:110%; font-weight:bold;  }
.press-title { color:#be2f21; margin-bottom:15px; line-height:1.55em; margin-top:35px;  }




#container { width: 980px; height: auto;  margin:0 auto; background-color:#ead98e; position: relative; }



/* header */

#header { width: 960px; height: 260px; margin: 0 10px 0 10px; background:url(../images/header_bg.jpg) no-repeat; position: relative; border-bottom: 4px solid #e2a027; }
#header-img { width:350px; height:260px; float:right; position:relative; }
#logo { width: 610px; height:260px; float:left; position:relative; margin:0; }

/* content */

#content { width: 960px; height:auto; margin: 0 10px 0 10px; position: relative; }
#home-content { width:960px; height:374px; margin:0 auto; background-color:#d3c484;  }
#intro { width:400px; height:344px; float:left; position:relative; padding: 15px 30px 15px 30px; overflow:hidden; }
#flash { width:500px; height:374px; float:right; position:relative; }
#wrapper-content { width:960px; height:auto; float:left; position:relative; background-color:#d3c484; }
#right-content { width:710px; height:auto; float:right; position:relative; background-color:#d9cc95;  }
#left-content { width:250px; height:auto; float:left;}
#top-border { width: 960px; height:4px; margin: 0 10px 0 10px; position: relative; background-color: #c9bb7f; border-bottom: 1px solid #bfb178; }
#btm-border { width: 960px; height:5px; margin: 0 10px 0 10px; position: relative; background-color: #ecb762; border-top: 1px solid #d8a85b; }
#pg-title, #pg-title a { font: bold 115% "Rockwell", "Trebuchet MS", "Lucida Grande", sans-serif; color:#312412; line-height:2.5em; cursor: default !important; }
#pge-title { font: bold 120% "Rockwell", "Trebuchet MS", "Lucida Grande", sans-serif; color:#312412; line-height:2.5em; cursor: default !important; }
#np-title { width: 960px; font: bold 130% "Rockwell", "Trebuchet MS", "Lucida Grande", sans-serif; color:#312412; line-height:2.5em; cursor: default !important; text-align:center; margin:50px 0 50px 0;}

.title-sp {margin:45px 0 0 40px;}
#map {width:500px; height:300px; border: 1px solid #695c41; margin:10px 0 75px 40px; }
a.map-text { font: 120% "Rockwell", "Trebuchet MS", "Lucida Grande", sans-serif; line-height:3em;  }
#mob-content { width: 590px; height:235px; position:relative; margin:20px 40px 10px 40px; overflow: hidden;}
#mob-text01 { width:400px; height:auto; float:right; position:relative; bottom: 175px;  }
#mob-text02 { width:190px; height:auto; float:left; position:relative; bottom: 175px;  }
#mob-text03 { width:365px; height:auto; float:right; position:relative; bottom: 175px;  }
#mob-img01 { width:460px; height:235px; position:relative; float:left; }
#mob-img02 { width:460px; height:235px; position:relative; float:right; }
#mob-pic { width:110px; height:162px; position:relative; float:left; border: 1px solid #695c41; margin-top:38px; overflow:hidden; }
#mob-box { width: 630px; height:auto; position:relative; margin:15px 40px 0 40px; }
#mob-description { width: 500px; position:relative; float:right; }
.mob-title { margin:0 0 10px 0;}
.mob-text { font-size:90%; line-height:1.25em; margin-bottom:35px;}
h3.pg-title a { font: bold 115% "Rockwell", "Trebuchet MS", "Lucida Grande", sans-serif; color:#be7219; line-height:2em; cursor: default !important;  }
.last#mob-content {margin-bottom:65px;}
.sp-box { margin:0 40px 0 40px; }
.sp-title { font: bold 100% "Rockwell", "Trebuchet MS", "Lucida Grande", sans-serif; color:#be7219; }
.sp-text { font: 95% "Times New Roman", Times, serif; color: #46351d; margin-left:5px; line-height:1.35em;}

#press { width:400px; height:auto; float:left; position:relative; padding: 15px 30px 15px 30px;  }
#press-section { width:900px; height:auto; float:left; position:relative; padding: 15px 30px 30px 30px;  }
.divider { width:900px; border-top:dotted #c1b271; margin:5px 30px 10px 30px; }
img.press-img { position:relative; float:left; margin:5px 15px 5px 0; border:1px solid #c1b271; }




/* navigation */
#navigation { width:960px; height:38px; background:url(../images/menu_bg.jpg) repeat-x; margin: 0 10px 0 10px; position: relative; }
#nav { margin:0 0 0 4px; padding: 0; }
#nav li { display: inline; }
#nav li a { font: 130% "Rockwell", "Trebuchet MS", "Lucida Grande", sans-serif; color:#312412; margin: 0 18px 0 18px; line-height:2.25em;  }
#nav li a:hover { color:#b81b14; }
#nav li.current a {color:#bbad7a; cursor:default !important; }

/* Sub navigation */
#sub-nav { margin:0 0 45px 0; padding: 0; }
#sub-nav li a { font: 95% "Rockwell", "Trebuchet MS", "Lucida Grande", sans-serif; color:#312412; margin: 0 20px 0 40px; line-height:1.75em;}
#sub-nav li a:hover { color:#b81b14; }
#sub-nav li.current a {color:#bbad7a; cursor:default !important; }

#mob-nav { width: 660px; height:auto; margin:45px 0 45px 34px; padding: 0; }
#mob-nav li {display:inline;}
#mob-nav li a { font: 98% "Rockwell", "Trebuchet MS", "Lucida Grande", sans-serif; color:#312412; line-height:1.5em; padding: 0 6px 0 6px; border-right: 1px solid #bcb38c; }
#mob-nav li a:hover { color:#b81b14; }
#mob-nav li.current a {color:#bbad7a; cursor:default !important; }
#mob-nav li a.last { border-right:none !important; }

/* Sub-section */

#sub-section { width:960px; height:262px; background:url(../images/sub_bg.jpg) repeat-x; margin: 0 10px 0 10px; position: relative; border-bottom: 1px solid #d58717; }
#section { margin-left:10px; }
#sect-box { width:286px; height:203px; background:url(../images/sect_bg.png) no-repeat; position:relative; }
#sect-wrapper { width:286px; height:203px; float:left; padding:24px 20px 34px 10px; }
#sect-img1 { width:190px; height:140px; left:1px; top:112px; position:absolute; }
#sect-img2 { width:117px; height:238px; left:0; bottom:0; position:absolute; }
#sect-img3 { width:165px; height:230px; right:0; bottom:0; position:absolute; }

/* Store items */

#item-wrapper { width:286px; height:203px; float:left; padding:24px 20px 64px 40px; }
.item-01 { background:url(../images/item_cap.png) no-repeat; width:266px; height:204px; position:relative; }
.item-title { padding:15px 0 8px 20px; line-height:1.2em; color:#fff; font-family: "Rockwell", "Trebuchet MS", "Lucida Grande", sans-serif; text-transform:capitalize; position:relative; top:-40px; z-index:99;  }
.item-des { position:relative; top:-36px; left:18px; line-height:1em; }

/* social */
#social { width:auto; height:auto; position: relative; float:left; left:20px; top:6px; margin:0; padding:0;}
#social li { display:inline; }
#social li a { background:url(../images/social.png) no-repeat; float:left; height:45px; overflow: hidden; margin:0 2px 0 2px; }

#social li#nav-twitter a { background-position: 0 0; width:42px; height:45px; }
#social li#nav-facebook a { background-position: -42px 0; width:42px; height:45px; }
#social li#nav-myspace a { background-position: -84px 0; width:42px; height:45px; }
#social li#nav-blogger a { background-position: -126px 0; width:42px; height:45px; }

#social li#nav-twitter a:hover { background-position: 0 -45px; width:42px; height:45px; }
#social li#nav-facebook a:hover { background-position: -42px -45px; width:42px; height:45px; }
#social li#nav-myspace a:hover { background-position: -84px -45px; width:42px; height:45px; }
#social li#nav-blogger a:hover { background-position: -126px -45px; width:42px; height:45px; }
.social-text { position: relative; float:left; top: 18px; left:20px; font-size: 85%; }





/* footer */

#footer { width: 960px; height: 60px; margin: 0 10px 0 10px; position: relative; background:url(../images/footer_bg.jpg) repeat-x; background-color:#ebd47d; border-top: 5px solid #dfc873; }
#footnote { width: auto; height: auto; margin: 0 auto; position: relative; float:right; right:20px; top: 18px; font-size: 85%; }
.fn {  margin-left: 200px; }