/*
Theme Name: Cafe at Williams Hardware
Theme URI: http://www.cafeatwilliamshardware.com/
Description: Custom Wordpress theme designed for Cafe at Williams Hardware.
Version: 1.0
Author: Mathew Smith
Author URI: http://www.mathewsmithstudio.com/
Tags: brick, wood, custom header, fixed width, two columns, widgets
*/

body { background-image: url("images/back_brick.jpg"); margin: 0; padding: 0 }
iframe  { border: solid 1px #ccc }
#container { margin: 16px auto; width: 776px }
#top { text-align: center; width: 776px; height: 48px }
#top img { behavior: url("iepngfix.htc") }
#nav { width: 776px; height: 95px }
#nav ul { list-style-type: none; margin: 0; padding: 0; width: 776px }
#nav li { float: left }
#nav li a { display: block; padding-top: 95px; height: 0; overflow: hidden }
#nav li#cooking { background-image: url("images/nav_cooking_bt.png"); background-repeat: no-repeat; width: 88px; behavior: url("iepngfix.htc") }
#nav li#cooking a:hover { background-image: url("images/nav_cooking_sbt.png"); background-repeat: no-repeat; behavior: url("iepngfix.htc") }
#nav li#store { background-image: url("images/nav_store_bt.png"); background-repeat: no-repeat; width: 75px; behavior: url("iepngfix.htc") }
#nav li#store a:hover { background-image: url("images/nav_store_sbt.png"); background-repeat: no-repeat; behavior: url("iepngfix.htc") }
#nav li#blog { background-image: url("images/nav_blog_bt.png"); background-repeat: no-repeat; width: 101px; behavior: url("iepngfix.htc") }
#nav li#blog a:hover { background-image: url("images/nav_blog_sbt.png"); background-repeat: no-repeat; behavior: url("iepngfix.htc") }
#nav li#home { background-image: url("images/nav_home_bt.png"); background-repeat: no-repeat; width: 248px; behavior: url("iepngfix.htc") }
#nav li#home a:hover { background-image: url("images/nav_home_sbt.png"); background-repeat: no-repeat; behavior: url("iepngfix.htc") }
#nav li#travelers { background-image: url("images/nav_travelers_bt.png"); background-repeat: no-repeat; width: 89px; behavior: url("iepngfix.htc") }
#nav li#travelers a:hover { background-image: url("images/nav_travelers_sbt.png"); background-repeat: no-repeat; behavior: url("iepngfix.htc") }
#nav li#meet { background-image: url("images/nav_meet_bt.png"); background-repeat: no-repeat; width: 90px; behavior: url("iepngfix.htc") }
#nav li#meet a:hover { background-image: url("images/nav_meet_sbt.png"); background-repeat: no-repeat; behavior: url("iepngfix.htc") }
#nav li#contact { background-image: url("images/nav_contact_bt.png"); background-repeat: no-repeat; width: 85px; behavior: url("iepngfix.htc") }
#nav li#contact a:hover { background-image: url("images/nav_contact_sbt.png"); background-repeat: no-repeat; behavior: url("iepngfix.htc") }
#main   { background-image: url("images/back_transparent.png"); margin-top: 15px; margin-right: auto; margin-left: auto; padding: 32px; width: 692px; border-top: 4px solid #4b0c1e; border-right: 4px solid #4b0c1e; border-left: 4px solid #4b0c1e; behavior: url("iepngfix.htc") }
#content { margin-top: 28px; overflow: hidden }
#contentAdjust { margin-top: 21px; overflow: hidden }
#contentLeft  { width: 380px; float: left }
#contentLeft p, #contentBlog p { color: #000; font-size: 12px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; line-height: 18px }
#contentLeft h2, #contentBlog h2 { color: #4b0c1e; font-size: 16px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; line-height: 20px }
#contentLeft h3, #contentBlog h3 { color: #4b0c1e; font-size: 14px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; line-height: 18px; margin-bottom: 2px }
#contentLeft a, #photoCaption a, #footerContact a, #contentBlog a { color: #4b0c1e }
#contentLeft strong, #contentBlog strong { color: #4b0c1e }
#contentLeft small, #contentBlog small { color: #000; font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; line-height: 16px }
#contentRight { width: 278px; float: right }

#contentRightUpcoming  { margin-right: 4px; margin-left: 4px; width: 270px; float: right }
#contentRightUpcoming #upcomingTop  { background-image: url("images/blackboard_sm_top.jpg"); background-repeat: no-repeat; margin: 12px 0 0; width: 270px; height: 14px }
#contentRightUpcoming #upcoming  { background-image: url("images/blackboard_sm_back.jpg"); background-repeat: no-repeat; background-position: 0 bottom; text-align: center; margin: 0; padding: 4px 30px 30px; width: 210px; overflow: hidden }
#contentRightUpcoming #upcoming h3      { color: #71aeae; font-size: 16px; font-family: "Comic Sans MS", cursive; line-height: 20px; margin-bottom: 4px }
#contentRightUpcoming #upcoming p { color: #fff; font-size: 12px; font-family: "Comic Sans MS", cursive; line-height: 18px }

#rightTop  { background-image: url("images/right_top.png"); background-repeat: no-repeat; width: 278px; height: 40px; behavior: url("iepngfix.htc") }
#rightPhotoTop  { background-image: url("images/right_photo_top.png"); background-repeat: no-repeat; width: 278px; height: 16px; behavior: url("iepngfix.htc") }
#rightContent    { background-image: url("images/right_back.png"); background-repeat: repeat-y; padding-right: 28px; padding-left: 28px; width: 222px; overflow: hidden; behavior: url("iepngfix.htc") }
#rightContent p  { color: #000; font-size: 10px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; line-height: 18px; margin: 16px 0 0 }
#rightContent a  { color: #4b0c1e; font-weight: bold }
#rightPhotoContent      { background-image: url("images/right_back.png"); background-repeat: repeat-y; padding-right: 16px; padding-left: 16px; width: 246px; overflow: hidden }
.rightPhoto { vertical-align: bottom }
#rightBtm  { background-image: url("images/right_bottom.png"); background-repeat: no-repeat; width: 278px; height: 60px; behavior: url("iepngfix.htc") }
#rightPhotoBtm  { background-image: url("images/right_photo_bottom.png"); background-repeat: no-repeat; width: 278px; height: 39px; behavior: url("iepngfix.htc") }
#photoCaption  { padding-right: 12px; padding-left: 12px }
#photoCaption h3    { color: #000; font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-weight: normal; line-height: 16px; background-image: url("images/icon_mp3.png"); background-repeat: no-repeat; margin: 0; padding-left: 18px; behavior: url("iepngfix.htc") }

#menuTop  { background-image: url("images/blackboard_top.jpg"); background-repeat: no-repeat; margin: 12px 0 0; width: 692px; height: 24px }
#menu         { background-image: url("images/blackboard_back.jpg"); background-repeat: no-repeat; background-position: 0 bottom; text-align: center; margin: 0; padding: 4px 40px 40px; width: 612px; overflow: hidden }
#menu h3      { color: #71aeae; font-size: 16px; font-family: "Comic Sans MS", cursive; line-height: 20px; margin-bottom: 4px }
#menuColumn   { text-align: center; width: 200px; float: left }
#menuColumn p { color: #fff; font-size: 12px; font-family: "Comic Sans MS", cursive; line-height: 18px }

#tagline { background-image: url("images/tagline_btm.gif"); background-repeat: no-repeat; margin-right: 6px; margin-left: 6px; width: 764px; height: 38px }
#footer  { background-image: url("images/back_transparent.png"); margin-right: auto; margin-left: auto; padding: 0 32px 16px 0; width: 724px; overflow: hidden; border-right: 4px solid #4b0c1e; border-bottom: 4px solid #4b0c1e; border-left: 4px solid #4b0c1e; behavior: url("iepngfix.htc") }
#footerSign { background-image: url("images/footer_sign.gif"); background-repeat: no-repeat; width: 144px; height: 89px; float: left }
#footerTimes  { margin-top: 6px; margin-left: 8px; float: left }
#footerTimes p  { color: #000; font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-weight: bold; line-height: 16px }
#footerContact  { text-align: right; margin-top: 6px; float: right }
#footerContact p { color: #000; font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-weight: bold; line-height: 16px }
#copyright  { color: #000; font-size: 10px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; text-align: right; margin-top: 8px; margin-right: 16px; margin-left: 6px }

.facebookButton  { margin-top: 8px }

.title2     { background-image: url("images/home_title.gif"); background-repeat: no-repeat; text-indent: -9999px; margin: 0; padding: 0; width: 692px; height: 34px }
.title28     { background-image: url("images/meet_title.gif"); background-repeat: no-repeat; text-indent: -9999px; margin: 0; padding: 0; width: 692px; height: 34px }
.title8     { background-image: url("images/cooking_title.gif"); background-repeat: no-repeat; text-indent: -9999px; margin: 0; padding: 0; width: 692px; height: 41px }
.title22     { background-image: url("images/store_title.gif"); background-repeat: no-repeat; text-indent: -9999px; margin: 0; padding: 0; width: 692px; height: 34px }
.title26     { background-image: url("images/travelers_title.gif"); background-repeat: no-repeat; text-indent: -9999px; margin: 0; padding: 0; width: 692px; height: 34px }
.title59     { background-image: url("images/circle_title.gif"); background-repeat: no-repeat; text-indent: -9999px; margin: 0; padding: 0; width: 692px; height: 41px }
.title30     { background-image: url("images/contact_title.gif"); background-repeat: no-repeat; text-indent: -9999px; margin: 0; padding: 0; width: 692px; height: 34px }
.titleBlog     { background-image: url("images/blog_title.gif"); background-repeat: no-repeat; text-indent: -9999px; margin: 0; padding: 0; width: 692px; height: 41px }

.navigation { color: #000; font-size: 12px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; line-height: 18px; display: block; text-align: center; margin-top: 20px }
.alignleft { float: left }
.alignright { float: right }