/*  

Theme Name: 
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; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }


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

/* TYPE */
body { font: 86% "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;  background:url(../images/bg.jpg) repeat-x; color: #8f8f8f; text-align: center; background-color:#dcdcdc; }
input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 100%;  } 

p { font: 100%/170% "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #8f8f8f; line-height:1.35em; }

p a, a { color:#9f7ab7; text-decoration:none;  }

p a:hover, a:hover { color:#222222; text-decoration:none; }

a:visited { color:#9f7ab7; text-decoration:none;  }

/* container */

#container { width:940px; height:auto;  text-align: left; margin-left:auto; margin-right:auto;   }

/* header */

#header { width: 940px; height: 60px; margin: 0 auto; position: relative; background:url(../images/divider.png) no-repeat center bottom; _background:transparent url(http://www.orrisrestaurant.com/images/blank.gif) repeat 0 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.orrisrestaurant.com/images/divider.png'); }

#logo a { background:url(../images/logo.png) no-repeat; width: 165px; height: 200px; position: absolute; text-indent: -900em; left:-12px; bottom:-140px; overflow:hidden;  _background:transparent url(http://www.orrisrestaurant.com/images/blank.gif) repeat 0 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.orrisrestaurant.com/images/logo.png'); }
#logo.home a { cursor: default !important; }

/* navigation */
#navigation { width:auto; height:20px;  margin: 0 auto; position: absolute; bottom:22px; right:-10px; }
#nav { margin: 0; padding: 0; }
#nav li { display: inline; }
#nav li a { font: 100% "Helvetica Neue", Helvetica, Arial, sans-serif; color:#b8b8b8; margin: 0 18px 0 18px; line-height:1.5em; text-transform:uppercase; }
#nav li a:hover { color:#9f7ab7;  }
#nav li.current a {color:#606060; cursor:default !important; }


/* content */

#content { width: 940px; height: auto; margin: 0 auto; position: relative; }

#slideshow-section { float:right; background:url(../images/frame_slideshow.png) no-repeat; width:715px; height:365px; margin:20px 0 30px 0; padding:0; position:relative;  _background:transparent url(http://www.orrisrestaurant.com/images/blank.gif) repeat 0 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.orrisrestaurant.com/images/frame_slideshow.png'); }
#slideshow { position:relative; bottom:-8px; left:8px; }
.pics { width: 700px; height:350px;  padding:0; margin:0; overflow: hidden; }
.pics img { width: 700px; height:350px; background-color: #fff; top:0; left:0;  }

#main-section { float:right; width:715px; height:auto; position:relative; margin:20px 0 30px 0;padding:0; }
#map-frame { background:url(../images/frame_map.png) no-repeat; width:415px; height:365px; float:left; _background:transparent url(http://www.orrisrestaurant.com/images/blank.gif) repeat 0 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.orrisrestaurant.com/images/frame_map.png'); }
#map {width:400px; height:350px; top:8px; left:8px; position:relative; }
.view-map { position:relative; top: -100px; left:-225px; }
a.view-map  { color:#9f7ab7; text-decoration:none;  }
a:hover.view-map  { color:#222222; text-decoration:none; }
.title { font: bold 120% "Helvetica Neue", Helvetica, Arial, sans-serif; color:#1d1d1d; line-height:1.5em; }
.d-text { margin:5px 0 10px 8px; font-size:95%; color:#797979; }
.b-text { font: bold 120% "Helvetica Neue", Helvetica, Arial, sans-serif; color:#797979; line-height:1.35em; }
.c-text { font: bold 115% "Helvetica Neue", Helvetica, Arial, sans-serif; color:#797979;  }
.bd-text { font: bold 130% "Helvetica Neue", Helvetica, Arial, sans-serif; color:#797979; line-height:1.25em; }
.t-text { font: 110% "Helvetica Neue", Helvetica, Arial, sans-serif; color:#797979; line-height:2.5em; }
#rg-section { float:right; width:290px; height:auto; position:relative; margin:5px 10px 30px 15px;padding:0; }
#lf-section { float:left; width:380px; height:auto; position:relative; margin:5px 20px 30px 0;padding:0; }
#rg2-section { float:right; width:275px; height:auto; position:relative; margin:5px 10px 30px 15px;padding:0; }
.thumb-frame { width:290px; height:195px; background:url(../images/img_thumbframe.png) no-repeat; _background:transparent url(http://www.orrisrestaurant.com/images/blank.gif) repeat 0 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.orrisrestaurant.com/images/img_thumbframe.png'); margin-left:-8px; margin-bottom:30px; }
a.thumb-img img, .thumb-frame img { width:275px; height:180px; position:relative; top:8px; left:8px;   }
.img-vframe { width:396px; height:496px; background:url(../images/img_vframe.png) no-repeat; _background:transparent url(http://www.orrisrestaurant.com/images/blank.gif) repeat 0 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.orrisrestaurant.com/images/img_vframe.png'); margin-left:-8px; }
.img-vframe img { width:380px; height:480px; position:relative; top:8px; left:8px;  }
.img-hframe { width:396px; height:296px; background:url(../images/img_hframe.png) no-repeat; _background:transparent url(http://www.orrisrestaurant.com/images/blank.gif) repeat 0 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.orrisrestaurant.com/images/img_hframe.png'); margin-left:-8px; margin-bottom:35px;}
.img-hframe img { width:380px; height:280px; position:relative; top:8px; left:8px;  }

.press-thumb-frame { width:195px; height:240px; float:left; background:url(../images/press_thumbframe.png) no-repeat; _background:transparent url(http://www.orrisrestaurant.com/images/blank.gif) repeat 0 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.orrisrestaurant.com/images/press_thumbframe.png'); margin-left:-8px; margin-bottom:30px; padding-right:3px; }
a.thumb-press img { width:175px; height:220px; position:relative; top:10px; left:10px;   }


.divider { width:940px; height:15px; background:url(../images/divider.png) no-repeat center bottom; _background:transparent url(http://www.orrisrestaurant.com/images/blank.gif) repeat 0 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.orrisrestaurant.com/images/divider.png'); }
.md-divider { width:360px; height:15px; background:url(../images/md_divider.png) no-repeat center bottom; _background:transparent url(http://www.orrisrestaurant.com/images/blank.gif) repeat 0 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.orrisrestaurant.com/images/md_divider.png'); margin:35px 0 35px -10px; }
.sm-divider { width:280px; height:15px; background:url(../images/sm_divider.png) no-repeat center bottom; _background:transparent url(http://www.orrisrestaurant.com/images/blank.gif) repeat 0 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.orrisrestaurant.com/images/sm_divider.png'); margin:35px 0 35px -10px; }
.lg_divider { width:670px; height:15px; background:url(../images/lg_divider.png) no-repeat center bottom; _background:transparent url(http://www.orrisrestaurant.com/images/blank.gif) repeat 0 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://www.orrisrestaurant.com/images/lg_divider.png'); }

#intro { float:left; width:205px; height:auto; margin:150px 20px 0 0; }
.intro-text { font-size:110%; text-align:justify; }

#sub-section { width:940px; height:265px; position:relative; margin:25px 0 30px 0;  }
.section { float:left; background:url(../images/img_frame.png) no-repeat; width:312px; height:265px; margin-right:1px; }
a.section-img { width:300px; height:250px; position:relative; top:7px; left:6px;  }

h2 { font: bold 110% "Helvetica Neue", Helvetica, Arial, sans-serif; color:#797979; line-height:1.35em;  }
span.dm-text {  font: 100% "Helvetica Neue", Helvetica, Arial, sans-serif; color:#b8b8b8;  }
span.dt-text {  font: bold 120% "Helvetica Neue", Helvetica, Arial, sans-serif; color:#1d1d1d; line-height:3em; }
p.note { margin-left:8px;margin-right:34px; }

/* footer */

#footer { width: 940px; height: 55px; margin: 0 auto; position: relative; }
#footnote { width: auto; height: auto; margin: 0 auto; position: absolute; font-size:75%; color:#797979; float:left; left: 0; top:10px; }
.fn {  margin-left: 12px; }
.fn a { color:#9f7ab7; }
.fn a:hover { color:#222222; text-decoration:none; }

.social-fb { position: relative; top:6px; }

#subnav { float:right; width: auto; padding: 0; right:10px; position: relative; top:0; }
#subnav li { display:inline; list-style: none; font-size:75%; }
#subnav li a { color:#9f7ab7; text-align: center; text-decoration: none; }
#subnav li a:hover { color:#222222; text-decoration:none; }
#subnav li a.listborder { border-right: 1px solid #b8b8b8; padding: 0 10px 0 10px; }
#subnav li a.last { padding-left: 10px; }


/* Contact form */


.cform { height:auto; width: auto; margin:0; padding: 0; }
.cform fieldset { border:none !important;  height:auto; }
.cform label { margin-left:35px; padding:5px 0 8px 0; text-align:left; font: 95% "Helvetica Neue", Helvetica, Arial, sans-serif;  color:#797979; display:block; }
.cform input, .cform select, .cform textarea { margin-left:35px; background:#fff; border:1px solid #dedede; color:#797979;font: 100% "Trebuchet MS", Verdana, Arial, sans-serif; padding:3px;  }
.cform input:hover, .cform textarea:hover, .cform select:hover	{  background:#fff; color:#6b6b6b; } 
.submit-button { margin-top:15px; }
.cform input.inputSubmit:hover, .cform input.inputReset:hover {  background:#b8b8b8; color:#797979; }
.cform  input.inputSubmit, .cform  input.inputReset { cursor:pointer; color:#fff; font: bold 80% "Helvetica Neue", Helvetica, Arial, sans-serif; background:#9f7ab7; border:1px solid #efefef; margin-top:18px; padding:3px;  }