/* ------------------------------
Global
------------------------------ */

body {
  margin: 30px;
  font: 13px/1.4em Arial, Verdana, sans-serif;
  color: #333;
  background: url("/images/bg-main.gif");
}

br {
  clear: both;
}

.sep {
  color: #CCC;
}

.last {
  margin: 0!important;
  padding: 0!important;
}

h1 {
  font-size: 18px;
}

h2 {
  margin-bottom: 1em;
  font-size: 15px;
  color: #AAA;
}

img.headline {
  margin-bottom: 1em;
}

.light {
  color: #888;
}

.light a:link,
.light a:visited,
.light a:hover,
.light a:active {
  border-bottom: 1px solid #CCC;
  color: #888;
  text-decoration: none;
}

.light a:hover {
  border-color: #333;
  color: #333;
}

/* ------------------------------
Layout
------------------------------ */

.layout {
  position: relative;
  margin: 0 auto;
  width: 950px;
}

.layout.with-sidebar {
  background: url("/images/bg-home.gif") no-repeat;
  background-color: #FFF;
}

.layout.minimal {
  width: 450px;
  margin-top: 100px;
  background-color: #FFF;
}

  .layout.minimal p {
    margin-bottom: .5em;
  }
  
  .layout .padding {
    padding: 30px;
  }
  
  .layout.minimal .padding {
    padding: 60px 30px 30px;
  }
  
    .layout .padding .content {
      float: left;
      width: 590px;
    }
    
    .layout .padding .sidebar {
      position: relative;
      float: right;
      width: 240px;
    }
    
      /* Sub-navigation */
      
      .layout .padding .sub-navigation {
        font-size: 11px;
        color: #CCC;
        text-align: right;
      }
    
      .layout .padding .sub-navigation a:link,
      .layout .padding .sub-navigation a:visited,
      .layout .padding .sub-navigation a:hover,
      .layout .padding .sub-navigation a:active {
        border-bottom: 1px solid #DDD;
        color: #AAA;
        text-decoration: none;
      }

      .layout .padding .sub-navigation a:hover {
        border-color: #AAA;
        color: #333;
      }
  
  /* Logo */
  
  .layout img.logo {
    position: absolute;
    top: 35px;
    left: -40px;
  }
  
  .layout.minimal img.logo {
    top: -50px;
  }

/* ------------------------------
Home
------------------------------ */

.home .sidebar {
  padding-top: 100px;
}

.home .content {
  padding-top: 117px;
}

  /* Meals served */
  
  .home .meals-served {
    position: absolute;
    top: 30px;
    left: 680px;
    width: 240px;
    font-size: 1.25em;
    line-height: 1.4em;
    color: #DDD;
    text-align: right;
    display: none;
  }
  
  /* Latest Feastings */

  .latest-feastings {
    margin-top: 60px;
  }
  
    .latest-feastings .copy {
      margin-bottom: 30px;
    }
  
    .latest-feastings .feasting {
      float: left;
      margin-right: 30px;
      padding: 0;
      width: 125px;
      height: 180px;
      font-size: 11px;
      color: #666;
    }
    
      .latest-feastings .feasting .thumbnail {
        width: 125px;
        height: 80px;
        margin-bottom: .5em;
        overflow: hidden;
      }
    
    .latest-feastings .feasting a:link,
    .latest-feastings .feasting a:visited,
    .latest-feastings .feasting a:hover,
    .latest-feastings .feasting a:active {
      border-bottom: 1px solid #FFA0B0;
      color: #E70026;
      text-decoration: none;
    }

    .latest-feastings .feasting a:hover {
      border-color: #AAA;
      color: #333;
    }
    
    .latest-feastings .feasting a.action {
      border: 0;
      color: #00A2FF;
    }
    
    .latest-feastings p.time-posted {
      color: #CCC;
    }


  /* Signup & Login */
  
  .home .sidebar .signup {
    position: absolute;
    top: 100px;
    left: -30px;
  }
  
  .home .sidebar .signup.first {
    z-index: 1000;
  }
  
  .home .sidebar .second {
    z-index: 100;
  }

  .home .sidebar .login {
    padding-top: 100px;
  }

    .home .sidebar .login img {
      margin-bottom: 15px;
    }

    .home .sidebar .login p {
      margin-bottom: .5em;
    }

    .home .sidebar .login p {
      font-size: 11px;
      color: #999;
    }
  
    .home .sidebar .login a {
      margin-top: 20px;
    }
    
    .home .sidebar .actions {
      border: 0;
    }
  
/* ------------------------------
Profile
------------------------------ */  

.layout.profile {
  width: 760px;
}

.layout.profile.with-sidebar {
  background: url("/images/bg-profile.gif") no-repeat;
  background-color: #FFF;
}

  .layout.profile .logo {
    top: -50px;
  }

  .layout.profile .content {
    padding-top: 30px;
  }
  
  .layout.profile .sidebar {
    padding-top: 30px;
  }

  .layout.profile .padding .content {
    width: 400px;
  }

  /* Picture */
  
  .layout.profile .picture {
    float: right;
    margin: 0 -60px 20px 20px;
    width: 110px;
    height: 110px;
    background-color: #FFF;
  }
  
    .layout.profile .picture img {
      margin: 5px;
    }

/* ------------------------------
Posts
------------------------------ */

.post {
  margin-bottom: 3em;
}

.post.single {
  margin-bottom: 2.5em;
}

  .post h1 {
    margin-bottom: .25em;
    font-size: 18px;
  }

  .post h1.title a:link,
  .post h1.title a:visited,
  .post h1.title a:hover,
  .post h1.title a:active {
    border-bottom: 1px solid #CCC;
    color: #333;
    text-decoration: none;
  }

  .post h1.title a:hover {
    border: 0;
    color: #00A2FF;
  }

  .post .post-meta {
    margin-bottom: 1em;
    color: #AAA;
  }
  
    .post .post-meta p {
      float: left;
    }
    
    .post .post-meta a:link,
    .post .post-meta a:visited,
    .post .post-meta a:hover,
    .post .post-meta a:active {
      border-bottom: 1px solid #DDD;
      color: #AAA;
      text-decoration: none;
    }

    .post .post-meta a:hover {
      color: #333;
    }
    
    .post .post-meta a.has-comments:link,
    .post .post-meta a.has-comments:visited,
    .post .post-meta a.has-comments:hover,
    .post .post-meta a.has-comments:active {
      color: #666;
    }

    .post .post-meta a.has-comments:hover {
      color: #333;
    }

#new-post {
  margin: 7px 0 1em 0;
  display: none;
}

  #new-post .actions,
  #new-comment .actions {
    margin: 0;
    padding: 0;
    border: 0;
  }
  
  #new-comment p {
    margin-bottom: .5em;
  }
  
.post-info {
}
  
  .post-info a:link,
  .post-info a:visited,
  .post-info a:hover,
  .post-info a:active {
    color: #00A2FF;
    text-decoration: none;
  }
  
  .post-info a:hover {
    color: #333;
  }
	
	.post-info a.post-address {
		background: #00A2FF;
	}
	
	.post-info a.post-address:hover {
		background: #FFF;
	}

/* Comments */

.comment {
  margin-bottom: 2.5em;
}

  .comment .comment-meta {
    margin-bottom: .75em;
    font-size: 11px;
    color: #AAA;
  }

    .comment .comment-meta a:link,
    .comment .comment-meta a:visited,
    .comment .comment-meta a:hover,
    .comment .comment-meta a:active {
      margin-right: .25em;
      padding: .4em .4em;
      border: 1px solid #333;
      color: #FFF;
      background-color: #333;
      text-decoration: none;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
    }

    .comment .comment-meta a:hover {
      background-color: #000;
    }
    
    .comment.my .comment-meta a:link,
    .comment.my .comment-meta a:visited,
    .comment.my .comment-meta a:hover,
    .comment.my .comment-meta a:active {
      border: 1px solid #AAA;
      color: #333;
      background-color: #FFF;
    }

    .comment.my .comment-meta a:hover {
      background-color: #000;
			color: #FFF;
    }
    
  .comment a:link,
  .comment a:visited,
  .comment a:hover,
  .comment a:active {
    color: #333;
    border-bottom: 1px solid #CCC;
    text-decoration: none;
  }
  
  .comment a:hover {
    color: #000;
    border-color: #333;
    text-decoration: none;
  }

/* ------------------------------
Settings
------------------------------ */

.layout.settings {
  width: 760px;
}

.layout.settings.with-sidebar {
  background: url("/images/bg-settings.gif") no-repeat;
  background-color: #FFF;
}

  .layout.settings .logo {
    top: -50px;
  }

  .layout.settings .content {
    padding-top: 30px;
  }
  
  .layout.settings .sidebar {
    padding-top: 30px;
  }

  .layout.settings .padding .content {
    width: 400px;
  }
  
  .layout.settings p {
    margin-bottom: .5em;
  }

  .layout.settings ul {
    margin: 0;
    padding: 0;
  }
  
    .layout.settings ul li a:link,
    .layout.settings ul li a:visited,
    .layout.settings ul li a:hover,
    .layout.settings ul li a:active {
      color: #999;
      text-decoration: none;
    }
    
    .layout.settings ul li a:hover {
      color: #333;
    }

		.layout.settings.profile ul li.profile a,
		.layout.settings.twitter ul li.twitter a,
		.layout.settings.avatar ul li.avatar a,
		.layout.settings.notifications ul li.notifications a,
		.layout.settings.account ul li.account a {
			color: #333;
      text-decoration: none;
		}
  
    .layout.settings ul li {
      padding: .5em 0;
      border-bottom: 1px solid #EEE;
      list-style-type: none;
    }
  
		.layout.settings.profile ul li.profile,
		.layout.settings.twitter ul li.twitter,
		.layout.settings.avatar ul li.avatar,
		.layout.settings.notifications ul li.notifications,
		.layout.settings.account ul li.account {
      border-color: #333;
    }
    
    .layout.settings .action-delete {
      float: left!important;
      text-decoration: none;   
    }

/* ------------------------------
Template
------------------------------ */

.layout.minimal.template p {
  margin-top: 1.75em;
}

.layout.minimal.template a:link,
.layout.minimal.template a:visited,
.layout.minimal.template a:hover,
.layout.minimal.template a:active {
  border-bottom: 1px solid #CCC;
  color: #333;
  text-decoration: none;
}

.layout.minimal.template a:hover {
  border-color: #000;
  color: #000;
}

.layout.minimal.template ol,
.layout.minimal.template ul {
  margin: 0;
  padding: 1em 0 .25em 1.5em;
}

  .layout.minimal.template ul li {
    list-style-type: circle;
  }
    
/* ------------------------------
Actions
------------------------------ */

.actions {
  padding-top: 5px;
  border-top: 1px solid #EEE;
}

  .actions input {
    float: left;
    margin-top: 12px;
  }

  .actions .cancel {
    float: left;
    padding: 12px 0 0 10px;
  }

  .actions .cancel a:link,
  .actions .cancel a:visited,
  .actions .cancel a:hover,
  .actions .cancel a:active {
    border-bottom: 1px solid #FFA0B0;
    color: #E70026;
    text-decoration: none;
  }

  .actions .cancel a:hover {
    border: 0;
  }
  
.action-rss,
.action-twitter {
  padding: 0 0 10px 20px;
  line-height: 12px;
}
.action-vcard {
	padding: 0 0 0 20px;
	background: url("/images/vcard.png") no-repeat;
/*  line-height: 12px;*/
}
  
.action-rss {
  background: url("/images/i-rss.png") no-repeat;
}

.action-twitter {
  background: url("/images/i-twitter.gif") no-repeat;
}

  .action-rss a:link,
  .action-rss a:visited,
  .action-rss a:hover,
  .action-rss a:active,
  .action-twitter a:link,
  .action-twitter a:visited,
  .action-twitter a:hover,
  .action-twitter a:active {
    border-bottom: 1px solid #CCC;
    color: #333;
    text-decoration: none;
  }

  .action-rss a:hover,
  .action-twitter a:hover {
    border-color: #333;
    color: #000;
  }
  
/* Delete and edit actions on post */
  
a.action-delete:link,
a.action-delete:visited,
a.action-delete:hover,
a.action-delete:active {
  float: right;
  border: 1px solid #EFAEB9!important;
  padding: 0 5px;
  color: #E70026!important;
  font-size: 11px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

a.action-delete:hover {
  background-color: #FFE7EB;
}

a.action-edit:link,
a.action-edit:visited,
a.action-edit:hover,
a.action-edit:active {
  float: right;
  border: 1px solid #CCC!important;
  margin-right: .5em;
  padding: 0 5px;
  color: #666!important;
  font-size: 11px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

a.action-edit:hover {
  background-color: #EEE;
}

a.action-cancel:link,
a.action-cancel:visited,
a.action-cancel:hover,
a.action-cancel:active {
  border-bottom: 1px solid #00A2FF;
  color: #00A2FF;
  text-decoration: none;
}

a.action-cancel:hover {
  border: 0;
}

a.action-return:link,
a.action-return:visited,
a.action-return:hover,
a.action-return:active {
  border-bottom: 1px solid #CCC;
  color: #333;
  text-decoration: none;
}

a.action-return:hover {
  border: 0;
}

/* ------------------------------
Buttons
------------------------------ */

a.button {
	display: block;
	float: left;
	margin: .5em 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-decoration: none!important;
	text-shadow: #FFF 1px 1px 0;
	background: url('/images/btn-l.gif') 0 0 no-repeat;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
}

* html a.button { display: inline; }

a.button:hover {
	color: #223;
	text-decoration: none;
	background-position: 0 -30px;
}

a.button:active {
	color: #000;
	text-decoration: none;
	background-position: 0 -60px;
}

	a.button span {
		float: left;
		margin-left: 19px;
		padding: 6px 19px 6px 0;
		font-size: 100%;
		background: url('/images/btn-r.gif') 100% 0 no-repeat;
		height: 26px;
	}
	
	a.button:hover span {
		background-position: 100% -30px;
	}
	
	a.button:active span {
		background-position: 100% -60px;
	}
	
	/* IE6 fix */
	* html a.button span { padding-top: 5px; }
	* html a.button span b.icon { margin-top: 1px; }

a.button.hide {
  display: none;
}

/* ------------------------------
Alert & Notice
------------------------------ */

.formError {
  margin-bottom: .5em;
  padding-left: 17px;
  font-size: 11px;
  color: #C3A700;
  background: url("/images/i-warning.gif") no-repeat;
}

.alert,
.notice {
  margin-bottom: 2em;
  padding: 1em;
}

.alert {
  border: 1px solid #EFAEB9;
  color: #E70026;
  background-color: #FFE7Eb;
}

.notice {
  border: 1px solid #F1E6B4;
  color: #AC8E00;
  background-color: #FFFEE8;
}

/* ------------------------------
Footer
------------------------------ */

.pagination {
  margin-top: 3em;
}

  .pagination .disabled {
    color: #AAA;
  }
  
  .pagination .current {
    padding: 2px 6px;
    border: 1px solid #00A2FF;
    color: #00A2FF;
    background-color: #E1F4FF;
  }

  .pagination a:link,
  .pagination a:visited,
  .pagination a:hover,
  .pagination a:active {
    padding: 2px 6px;
    border: 1px solid #DDD;
    color: #333;
    text-decoration: none;
  }
  
  .pagination a:hover {
    padding: 2px 6px;
    border-color: #999;
  }
  
  .pagination .break {
    color: #AAA;
  }

/* ------------------------------
Footer
------------------------------ */

#footer {
  margin-top: 15px;
  padding: 5px 0 0 0;
  border-top: 1px solid #EEE;
  font-size: 11px;
  color: #CCC;
}

  #footer .sep {
    color: #DDD;
  }

  #footer a:link,
  #footer a:visited,
  #footer a:hover,
  #footer a:active {
    border-bottom: 1px solid #DDD;
    color: #AAA;
    text-decoration: none;
  }

  #footer a:hover {
    border-color: #AAA;
    color: #333;
  }
  
/* ------------------------------
Form elements
------------------------------ */

label {
  font-size: 11px;
  color: #999;
}
.notifications label {
	font-size: 13px;
	color: #000;
}
.textfield, .textbox {
  width: 95%;
  margin: 0;
  padding: 5px;
  border: 1px solid #CCC;
	font-size: 13px;
	color: #333;
	background-color: #FFF;
}

.textfield.half {
  width: 50%;
}

.textfield.small {
  width: 25%;
}

.textfield.tiny {
  width: 7.5%;
}