/*  
Theme Name: Getting Hitched
Theme URI: http://www.foxymcloud.com
Description: The official theme of a foxymcloud Wedding
Version: 1
Author: Christian Montoya
Author URI: http://www.christianmontoya.net
*/

@import "screen.css";
@import "hot-dates.css";

/* Body padding */

html body {
  background-color:#6d505f;
  color:#eee;
  font-family: Corbel, Helvetica, "Lucida Grande", Verdana, sans-serif;
}

/* Links */

a, a:link, a:visited {
  color:#aaf;
}
a:focus, a:hover {
  color:#88f;
}
a:active {
}

/* Site header */

h1 {
  background:#1a0004;
  line-height:0;
  margin:0;
  padding:24px 0 0 0 !important;
}

/* Content headers */

h2, h3, h4, h5, h6 {
  color:#d2b6c6;
  font-family:Cambria, Georgia, Times, "Times New Roman", serif !important;
  text-transform:uppercase;
}

/* Main content */

#main {
  background:url(images/flowers-top.png) center top no-repeat;
  margin-top:18px;
  padding:0 55px 0 25px;
  width:890px;
}

#leftbar, #rightbar {
  padding-top:40px;
}

/* Header links */

h2 a, h3 a {
  display:block;
  text-decoration:none;
  width:auto;
}

/* Navigation */

#navigation {
  background:url(images/cake.gif) left top no-repeat;
  color:#333;
  height:191px;
  margin-left:0;
  padding:49px 0 0 48px;
  position:relative;
}

html>body #navigation {
  background-image:url(images/cake-trans.png);
}

#navigation li {
  list-style-type:none;
  margin-left:0;
}

#navigation li a {
  color:#333;
  font-family:Trebuchet, "Trebuchet MS", sans-serif;
  font-weight:bold;
  text-decoration:none;
}

#navigation li a:hover, #navigation li a:focus {
  color:#666;
}

#link1 {
  position:absolute;
  top:10px;
  left:62px;
}

#link2 {
  position:absolute;
  top:48px;
  left:60px;
}

#link3 {
  position:absolute;
  top:88px;
  left:50px;
}

#feedLink {
  height:40px;
  line-height:0;
  margin:0;
  overflow:hidden;
  padding:0;
  position:absolute;
  top:78px;
  left:129px;
  width:40px;
}

/* Side Blog */

#sideBlog {
  margin-left:0;
}

#sideBlog li {
  list-style-type:none;
}

/* Hot dates */

.published {
  background:#7d606f url(images/edge.png) right top no-repeat;
  margin: 0 9px 0 0 !important;
  padding: 0 9px 9px 9px;
}

/* Links to comments */

.postmetadata {
  background:url(images/flutes.png) right top no-repeat;
  padding:18px 26px 0 0;
  text-align:right;
}

/* Comments */

#comments, #trackbacks {
  margin-left:0;
}

#comments li, #trackbacks li {
  list-style-type:none;
}

.comment-meta {
  background:url(images/curve.png) 12px 18px no-repeat;
  padding:0 0 8px 6px;
}

.comment-text, #trackbacks li {
  background-color:#7d606f;
  padding:1px 6px;
  margin-bottom:18px;
}

/* Comment form */

#commentform textarea {
  width:464px;
}

#commentMetas {
  overflow:hidden;
}

#commentMetas span {
  float:left;
  margin-right:10px;
  width:150px;
}

#commentMetas span.last {
  margin-right:0;
}

#commentMetas span label {
  display:block;
}

#commentMetas span input {
  width:144px;
}

#commentSubmit {
  text-align:right;
}

/* Forward, back navigation links */

.navigation {
  overflow:hidden;
}

.alignleft, .alignright {
  float:left;
  width:50%;
}

.alignright {
  text-align:right;
}

/* Footer */

#footer {
  background:url(images/flowers-bottom.png) center bottom no-repeat;
  padding:18px 25px 40px 55px;
  width:890px;
}

#countdown {
  background:url(images/hourglass.gif) top left no-repeat;
  height:190px;
  padding-left:114px;
}

html>body #countdown {
  background-image:url(images/hourglass-trans.png);
}

#slimdown {
  background:url(images/dress.png) top left no-repeat;
  height:190px;
  padding-left:120px;
}

#crashers {
  background:url(images/bottle.gif) bottom right no-repeat;
  height:190px;
}

html>body #crashers {
  background-image:url(images/bottle-trans.png);
  height:auto;
  min-height:190px;
}

/* Forms */

input, textarea {
  background:#8d707f;
  border:1px solid #b296a6;
  color:#eee;
  font-family:inherit;
  font-size:inherit;
  padding:2px;
}

input:hover, input:focus, textarea:hover, textarea:focus {
  background:#eee;
  border:1px solid #ccc;
  color:#222;
}

.btn input {
  background:#1a0004;
  border:2px outset #5a4448;
  color:#eee;
  padding:0 2px;
}

.btn input:active {
  border:2px inset #3a2228;
  color:#aaa;
}

/* Images */

.center { text-align:center; }