/*

Theme Name: Love Me Do Live!
Description: Simple, modern, lightweight
Version: 1.1
Author: LetsEat.at
Author URI: http://www.LetsEat.at
Modified by: Audrey Romano, Nick Jaquith
Tags: grey, orange, white, fixed width, two columns, widgets, fixed width, valid XHTML, valid CSS, two columns, right sidebar, simple

This template is being distributed via Wordpress.org under GPLv3 license. Enjoy!

*/

* {
  padding:0;
  margin:0;
  list-style:none;
  text-rendering: optimizeLegibility;
}

body {
  font:62.5% Tahoma, Arial, Helvetica, sans-serif;
  width: 100%;
  height: 100%;
  margin: 0px auto;
 background:url(./images/body-bg.gif) top center repeat-y;
}

p, h2, h3, h4, h5 {
  font-size:1.2em;
}

img {
  border:0;
}

div#wrapper {
  width:1040px;
  margin:0 auto;
  padding: 0px 0px 20px;
}

h1 {
  font:3.2em;
}

h1 a {
  position:absolute;
  width:300px;
  height:30px;
  left:40px;
  top:15px;
  font-weight:bold;
  text-decoration:none;
  color:#ff7e00;
  visibility: hidden;
}

/* Tagline */
#masthead p {
  position:relative;
  display: none;
  margin:0;
  top:62px;
  left:50px;
  color:#888;
}

/* Pages */

/* my code */
#masthead {
	width: 1040px;
	list-style-type: none;
	margin: 0px auto 40px;
	z-index: 999999;
	display: block;
}

div#masthead div#masthead_nav {
	background-color: #efe8ec;
	height: 30px;
	width: 1000px;
	margin: 0 auto;
}

div#masthead ul {
	padding: 0;
	margin: 0 25px 0;
	list-style: none;
	float: left;
	z-index: 999999;
	line-height: 30px;
}

div#masthead ul li a:link, div#masthead ul li a:visited{
	display: block;
	font-family: 'News Gothic MT', Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #666;
	text-transform:uppercase;
	font-weight:bold;
        text-decoration: none;
}

div#masthead ul li a:hover{
	color: #ccc !important;
        text-decoration: underline;
}

div#masthead ul li {
	float: left;
	margin-right: 30px;
	position: relative;
	z-index: 999999;
}


	div#masthead ul li ul{
		background:#FFF;
		background: rgba(255, 255, 255, 0.85);
		display:none;
		border: #CCC 1px solid;
		border-top: #CCC 2px solid;
		position:absolute;
		width: 130px;
		-webkit-box-shadow: 0px 3px 10px #999; 
		-moz-box-shadow: 0px 3px 10px #999; 
		box-shadow: 0px 3px 10px #999; 
		z-index: 999999;
		clear: both;
		left: 0;
		margin: 0 0 0 0;
	}
	
	div#masthead ul li:hover ul{
		display: block;
	}
	
		div#masthead ul li ul li{
			display: block;
			float: none;
			text-align: left;
			margin: 0;
			padding: 0;
			color: #999!important;
			font-weight: normal;
		}
		
/*
div#masthead ul li ul{
		background:#FFF;
		background: rgba(255, 255, 255, 0.85);
		display:none;
		border: #CCC 1px solid;
		border-top: #CCC 2px solid;
		position:absolute;
		width: 130px;
		-webkit-box-shadow: 0px 3px 10px #999; 
		-moz-box-shadow: 0px 3px 10px #999; 
		box-shadow: 0px 3px 10px #999; 
		z-index: 999999;
		clear: both;
		right: 0;
		margin: 0 -15px 0 0;
	}
	
	div#masthead ul li:hover ul{
		display: block;
	}
	
		div#masthead ul li ul li{
			display: block;
			float: none;
			text-align: right;
			margin: 0;
			padding: 0;
			color: #999!important;
			font-weight: normal;
		}
*/
		
			div#masthead ul li ul li a{
				display: block;
				line-height: 1.5em;
				padding: .15em 10px;
				text-transform: lowercase!important;
				color: #777!important;
				font-weight: normal!important;
			}
				div#masthead ul li ul li a:hover{
					background: #FFF;
					color: #333!important;
				}
	
/*
div#masthead ul {
  float:right;
  margin-right:22px;
  position:relative;
  z-index:2;
  bottom:-2px;
}

div#masthead ul li {
  float:left;
}

div#masthead ul li a {
  color:#686868;
  text-decoration:none;
  display:block;
  font-size:1.4em;
  padding:2px 20px 2px;
}

div#masthead ul li a:hover,
div#masthead ul li.current_page_item {
  
}
*/

div#masthead_image {
  background:url(./images/banner.jpg) center 10px no-repeat;
  width:1025px;
  height: 300px;
  clear:both;
  padding:86px 0 0;
  position:relative;
  z-index:1;
  margin: 0 0 5px 8px;
  text-align: center;
}
	div#masthead_image a img {
		display: block;
  		text-align: center;
  		margin: 0px auto;
  		position: absolute;
  		left: 12px;
  		top: 86px;
	}
	
	div#masthead_image a img.show {
		z-index: 5000;
	}
	
/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:345px;
	margin-left: 15px;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	border:1px solid #ccc;
	padding: 4px;
	background: #FFF;
}
    div#rotator ul li.show {
	z-index:500;
}


p, li {
}

a {	
	text-decoration: none;
  outline:0;
}

div#content {
  width:1040px;
 /* background:url(./images/body-bg.gif) repeat-y;*/
  clear: both;
  margin: 0;
}

/*-----------------------------------------------------------------------------

  Main Content

-----------------------------------------------------------------------------*/

div#main {
  margin:0 20px 20px;
}

/* Fix me */
h2.header {
	font-family: 'News Gothic MT', Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-weight: normal;
	color:#7c7c7c;
	font-size:20px;
	padding:10px 0 3px;
	line-height:1.5em;
	margin:0 0 5px;
	border-bottom:3px solid #e6dbe1;
	position:relative;
	text-align: center;
	text-transform: uppercase;
	font-variant: normal;
	letter-spacing: .055em;
}

div#main h2.header a {
  color:#7c7c7c;
  text-decoration:none;
	text-transform: uppercase!important;
}
	div#main h2.header a:hover {
		color: #CC99CC;
		text-shadow: none;
	}

h2.header span {
  position:relative;
  background:#FFF;
  padding-right:10px;
  bottom:-5px;
}

#main h2 {
}

#main h2 a {
}

div#main h3 {
  margin:15px 0 5px;
  color:#666;
  font-size: 15px;
}

div#main p {
  color:#6b6b6b;
  line-height:2;
  margin:10px 40px;
}

	div#main p.fullWidth {
	  color:#6b6b6b;
	  line-height:2;
	  margin:10px 0;
	}

div#main a {
  color:#CC99CC;
}

.article {
  margin-bottom:20px;
}

.article blockquote {
  margin:0 15px;
  padding:1px 15px;
  border-left:5px solid #B8D1E4;
  background:#F0F0F0;
}

.article ul, .article ol {
  font-size:1.2em;
  color:#6b6b6b;
  margin-left:15px;
}

.article ul li {
  margin:5px 0;
  padding-left:15px;
  background:url(./images/square.png) 0 center no-repeat;
}

.article ul li li, .article ol li li {
}

.article ol {
  margin-left:0;
}

.article ol li {
  margin:10px 0;
}

.article ol li ol {
  font-size:1em;
  margin-left:15px;
}

#main p.byline {
	font: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#9C9C9C;
	font-size:13px;
	line-height:1.1em;
	margin:0 50px 5px;
	text-align: center;
	text-transform:uppercase;
	font-variant: normal;
}
#main p.post_date {
  color:#9C9C9C;
}
#main p.byline, #main p.post_date {
	line-height: 1.75em;
	margin: 5px 15px;
}

ul.article_footer {
  text-align:left;
  font-size: 11px;
  margin:10px 0;
  padding:5px 0;
  line-height:1.5;
}

ul.article_footer li {
  font-size:0.9em;
  background:none;
  margin-left:5px;
  padding-left:10px;
  float: left;
}

ul.article_footer li.rightern {
	float: right;
}



div.entry {
	text-align: center;
}
	div.entry p {
		display: block;
		text-align: left;
		margin: 2px 25px;
	}
	div.entry img {
		display: block;
		margin: 0px auto;
		text-align: center;
	}


/*-----------------------------------------------------------------------------

  Single Post

-----------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------

  Secondary Content

-----------------------------------------------------------------------------*/

div#secondary {
  padding:15px 20px 20px 0;
  width:200px;
  float:left;
}

#secondary p {
}

div#secondary ul#sidebar {
  margin:15px 0 20px;
  color:#507fa3;
  padding-bottom:10px;
  border-bottom:1px solid #e7e7e7;
}

div#secondary ul#sidebar li {
  margin:5px 0;
  font-size:1.2em;
  line-height:1.5em;
}

div#secondary h2 {
  text-transform:uppercase;
  color:#507fa3;
  margin:20px 0 8px;
  font-size:1em;
  line-height:1;
}

div#secondary a {
  color:#666;
  text-decoration:none;
}

div#secondary a:hover {
  text-decoration:underline;
}

div#secondary h2 a {
}

div#secondary ul.children {
  margin-left:5px;
  padding-left:10px;
  border-left:5px solid #EAEAEA;
}

div#secondary ul ul ul {
}

div#secondary ul#sidebar li li {
  font-size:1em;
}

div#secondary ul ul li a {
}

div#secondary ul ul li a:hover {
}

div#author h2 {
  font-size:1.2em;
}

div#secondary p {
  line-height:1.5;
  margin:5px 0;
  color:#666;
}

form#searchform {
  position:relative;
  height:25px;
  margin-bottom:20px;
  line-height: 25px;
  float: right;
}

form#searchform input {
	height: 19px;
	margin: 3px 5px;
}

form#searchform input#s {
  position:absolute;
  top:0;
  height:18px;
  width:156px;
  padding:5px;
  background:url(./images/text_bg.png) repeat-x;
  border:1px solid #bcbcbc;
}

input#search_submit {
  
}

/*-----------------------------------------------------------------------------

  Footer

-----------------------------------------------------------------------------*/

/* audrey's code */

#footer {
	height: 55px;
	width: 1009px;
	background-color: #ebe0e4;
	clear: both;
	margin: 0px auto 7px;
	font-family: 'News Gothic MT', Verdana,Geneva,Arial,Helvetica,sans-serif;
}

#footer p {
	font-size: 10px;
	color: #666;
	margin: 0 !important;
	line-height: 1.2em;	
	font-family: 'News Gothic MT', Verdana,Geneva,Arial,Helvetica,sans-serif;
}

#footer a:link, #footer a:visited {
	color: #333;
        text-decoration: none;
}

#footer a:hover {
	color: #444 !important;
        text-decoration: underline;
}

#footercontact {
	float:left;
	padding: 10px 0 0 20px;
}

#copyright {
	text-align: right;
	padding: 10px 20px 0 0;
}


/* old code
ul#footer {
  height:8px;
  width:768px;
  margin:0 auto;
  background:url(./images/bottom.png) no-repeat;
  text-align:center;
  font-size:1em;
  color:#686868;
  padding:15px 0;
}

ul#footer li {
  display:inline;
  margin-left:10px;
}

ul#footer li span {
  position:absolute;
  text-indent:-9999em;
}

ul#footer li a {
  color:#686868;
  text-decoration:none;
}

ul#footer li a:hover {
}
*/

/*-----------------------------------------------------------------------------

  Wordpress Specific Stuff

-----------------------------------------------------------------------------*/

ol.commentlist {
  margin-top:15px;
  color:#b0aeaf;
  line-height: 1.5em;
 font-size: 10px;
}

ol.commentlist li {
	background:#efe8ec;
   padding:3px;
  margin:3px 0;
}

ol.commentlist li.alt {
  background:#FFF;
}

ol.commentlist li p {
	display: inline;
	margin: 3px 150px 3px 3px !important;
}


textarea#comment {
  width:800px;
}



#main p.comment_meta {
  margin:0;
  float:right;
  margin: 3px 10px 3px 3px !important;
}

#main p.comment_meta a {
	color:#b0aeaf!important;
	text-decoration: none!important;
}

form#commentform {
}

form#commentform label {
}

.navigation {
}

#main ul.links_page li {
}

#main li.linkcat h2 {
}

#main li.linkcat li {
}

ul.archives {
}

ul.archives li {
}

ul.archives li a {
}

ul.archives li li {
}

body#commentspopup {
  background:#FFF;
  padding:20px;
}

body#commentspopup a {
  color:#666;
}

body#commentspopup h1 a {
  position:relative;
  top:0;
  left:0;
}

body#commentspopup h3 {
  color:#555;
}

body#commentspopup p {
  margin:10px 0;
  color:#555;
}

body#commentspopup label {
}

body#commentspopup textarea {
  width:340px;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption-dd {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}

p.entry_info {
  clear:both;
}

div.navigation {
  margin:.25em 0;
  font-weight: bold;
  border-top: #f5f5f5 2px solid;
  border-bottom:#f5f5f5 2px solid;
  padding: .35em;
  color: #CCC;
}
	div.navigation a {
  		font-size: 12px;
  		color: #CCC!important;
  		text-decoration: none!important;
	}
		div.navigation a:hover {
	  		color: #CC99CC!important;
		}

/*-----------------------------------------------------------------------------

  Clearfix

-----------------------------------------------------------------------------*/

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
  .clearfix {display:block;}
/* End hide from IE Mac */