/*

Theme Name: Tea Lounge

Description: Custom Wordpress theme for Tea Lounge

Version: 1.0.0

*/



/* TINY MCE CLASSES */
.menu-category {font-family: Tahoma, arial; text-align:left; font-size: 18px; font-weight: 600; line-height: 22px; padding: 5px 0 0 0;}
.menu-item {font-family: Tahoma, arial; text-align:left; font-size: 16px; font-weight: 300; line-height: 22px; line-height: 1.6em;}
.item-description {font-family: arial; text-align:left; font-size: 11px; line-height: 14px; color: #727171; padding: 0; padding-bottom: 5px;}
.item-price {font-family: Tahoma, arial; text-align:left; font-style: italic; font-size: 12px;} 
.menu-line {font-family: Tahoma, arial; text-align:left; height: .5px; width: 300px; color:#000042;}
.news-img {width:220px;}



/* CONTENT */
#content-container { background: #18005d; padding: 7px; width: 620px; float: right; min-height: 425px; }
#content {background: #fefefd url(../images/conbg.gif) repeat; padding: 0; min-height: 425px; position:relative;}
#content.home { width: 906px; background: none; padding: 0; margin: 100px 0 0 0;}

#content.Coffee {background: #fff url(../images/coffee-bg2.gif) top right repeat;}
#content.Tea {background: #fff url(../images/tea-bg.gif) top right repeat;}
#content.Food {background: #fff url(../images/food-bg.gif) top right repeat;}
#content.Bar {background: #fff url(../images/bar-bg.gif) top right repeat;}
#content.About, #content.Contact, #content.Merchandise, #content.Directions {background: #fff url(../images/conbg-tea.gif) top right repeat;}
#content.Community, #content.News, #content.calendar {background: #fff url(../images/conbg-food.gif) top right repeat;}

.community , .news-and-press , .contact{padding:30px 0 0;}

/* SPLASH */
#splash { background-image: url(../images/splash.jpg); background-repeat: no-repeat; height: 440px; width:906px; display: block; padding:0;  vertical-align: middle;}


/* POSTS */
#post-container {margin: 0px 60px; min-height: 425px; position:relative; padding: 20px 0;}
#post-container table {margin: 0;}

#page-header { position: absolute; right: 30px; top: 30px; float: none; }
#page-header.floatright {float:right; margin: 30px; clear:both; position:relative; right:0; top:0;}


.entry {margin: 20px 0;}

#lipsum { margin-top:30px; line-height: 24px;}
#lipsum p  {padding: 0 0 24px;}

.menu-table td { width: 50%; }
.menu-table p { padding: 10px 0; }

/* NEWS and COMMUNITY STYLES */
.news-and-press #post-container, .category-community #post-container{min-height: 100px; border-bottom: 3px #dededd solid; float: left; width: 500px; }
.news-and-press #post-container .topquotes {background:url(../images/topquotes.png) no-repeat top left; margin: -10px 0 0 185px; position:absolute; height: 30px; width:30px;}
.news-and-press #post-container .bottomquotes {background:url(../images/bottomquotes.png) no-repeat top right; margin-top: -30px; clear:both; float:right; height: 30px; width:30px;}
.news-and-press .entry p {line-height:1.5em; font-size:12px !important;}
.news-and-press .entry img {border: 2px solid #dededd; float:left; position:relative; margin: 0 40px 45px 0;}

/* MERCHANDISE SYTLES */
li.media-tag-list {margin:0 auto; position:relative; text-align:center; clear:both;}
#content.Merchandise .postcontent { clear: both; }
#content.Merchandise {margin: 0 auto; text-align: center;}
#content.Merchandise img {padding: 20px 10px 0; clear:both; margin:0 auto;}
#content.Merchandise .caption {padding:10px 0; font-size:16px; border-bottom: 3px #dededd solid;}
 
/* CALENDAR STYLES */
#content.calendar { padding: 40px; }
#content.calendar .event { margin: 20px 0; padding-bottom: 15px; border-bottom: 3px #dededd solid; min-height: 70px;}
#content.calendar .event .date {width: 240px; margin-bottom: 4px; font-weight: bold; font-size: 14px; color: #9e9d9b; font-family: arial; clear:none;}
#content.calendar .event .title {width: 240px; display:inline-block; font-size: 22px; font-weight: normal; line-height:24px; clear:none;}

#content.calendar .event .description {float:right; width:280px; display:inline;}
#content.calendar .events .kids {background: url(../images/kids.png) 125px 0 no-repeat;}

#content.calendar .events .music {background: url(../images/music.png) 130px 0 no-repeat;}

/* CONTACT STYLES */
#subscribe-form { margin: 10px 0}
#subscribe-form input { cursor: pointer; }
#subscribe-form input[name=email] { margin: 8px 0; width: 175px; border: 1px #000042 solid; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#subscribe-form input[name=subscribe], #subscribe-form input[name=unsubscribe] { border: 1px #000042 solid; background-color: #000042; color: #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

#contact-form {width: 550px; margin-top: 30px;}
#contact-form  h1{margin:30px 0 5px 0;}
#contact-form ul {padding: 10px 0 0 30px;}

#contact-form p.standard { clear: both; line-height: 18px; padding:5px 0;}
#contact-form form {margin:20px 0 0 0;}
#contact-form label {float: left; text-align: right; width: 60px; margin-right: 5px; display: block;}
#contact-form input{width: 255px; margin:0; border: 1px #000042 solid; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
#contact-form input[name=submit] { margin-left: 65px; }
#contact-form .message textarea {width:430px; height:150px; margin: 6px 0 6px 65px; border: 1px #000042 solid; -moz-border-radius: 2px; -webkit-border-radius: 2px;}

input[name=submit] {margin-left: 65px; border: 1px #000042 solid; width: 100px; background-color: #000042; color: #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#commentwrap input[name=submit] { margin-left: 0px;}


/* DIRECTION STYLES */
#SGM {margin: 10px 0 30px 0; clear:both;}
#content.Directions ul {padding: 10px 0 20px;}


/* POST-META */
.post{}
p.postdate{color:inherit;font-family:Arial, Verdana, Geneva, sans-serif;background:#F4F4F4;border-top:1px solid #D3D3D3;border-bottom:1px solid #D3D3D3;text-align:right;text-transform:uppercase;padding:5px;}
p.authormeta{background-color:inherit;background: url(images/author.gif) no-repeat 0 50%;padding-left:20px;color:#777;font-size:0.9em;margin:2px 0;}
p.postmeta{background:url(images/document.gif) no-repeat 0 50%; margin:0 0 20px 0; display:block; font-size:10px;}
.postcontent h3{font-size:1.6em;line-height:110%;letter-spacing:1px;margin:20px 0;}
.postcontent h4{font-size:1.25em;line-height:110%;letter-spacing:1px;margin:0 0 0 0;}
p.commentmetadata{border-top:1px solid #ccc;font-size:0.8em;background:url(images/comment.gif) no-repeat 0 50%;padding-left:10px;}
.metawrap{color:inherit;font-family:"Lucida Sans", Lucida, Arial, Verdana, sans-serif;background:#F4F4F4;border-bottom:1px solid #D3D3D3;font-size:0.75em;text-align:center;margin:10px 0 30px;padding:5px;}
.metawrap p{margin:3px 0;}

.post p { font-size: 14px !important; line-height: 1.7em }
.entry p { font-size: 14px !important; line-height: 1.7em }
p.postmetadata {font-size: 12px !important; float:left;}

#commentwrap{ margin: 0;}
#commentlist li{margin:10px 0 40px;}
#commentlist li.alt{background:#F1F1F1;color:inherit;border-bottom:1px solid #D3D3D3;padding:15px;}
#commentform textarea{ width:98%; border: 1px #000042 solid }





/* SIDEBAR */
#sidebar{text-align: center; color: #e7ebee; position: absolute; width: 218px; background:url(../images/sidebar.jpg) top left repeat; top: -18px; left: 5px; padding: 40px 7px 8px; z-index:6; }
#sidebar #logo { position: absolute; left: -11px; top: -49px; width: 252px; height: 89px; }
#sidebar a { color: #fff }
#sidebar-blurb { margin: 17px 0; font-size: 14px; line-height:18px; padding: 0 8px; }
#sidebar-gallery li {}
#sidebar-gallery img { clear: both; width: 218px !important;  } 




.page.News .entry { float: left; }
.page.News .category-news { }
.page.Contact ul { margin-left: 14px; }
.page.Contact ul li { list-style: disc; margin: 7px 0; }

/* Various Classes & Image Alignment  */
.largefont {font-size:14px; line-height:16px; margin: 0 0 12px;}
.center{text-align:center;}
.floatleft{float:left;margin:5px;}
.floatright{float:right;margin:5px;}
img.center{display:block;margin:10px auto;}
img.left{display:inline;margin:0 10px 5px 0;}
img.right{display:inline;margin:0 0 5px 10px;}
.navigation{border-top:1px solid #ccc;margin:25px auto;}
.previouslink{float:left;text-align:left;width:45%;}
.nextlink{float:right;text-align:right;width:45%;}
legend,#searchform label{display:none;}
h6,#comments,#respond{font-size:1.5em;}
#commentform dd,#footer p{margin:5px 0;}
#commentform #author,#commentform #email,#commentform #url{width:35%;}


/*New York Times IDS */
#section {font-size:10px; text-transform: capitalize;}
#nyt_headline {}
#byline {}
#pubdate {}
#summary {margin: 0 0 20px 0;}