/*
Theme Name: Le Grand Cru
Theme URI: http://legrandcru.us/
Description: Theme made specifically for the http://blog.legrandcru.us/ site
Version: 1.0
Author: Dallas Reedy
*/
@import url(reset.css);

/************************
 * General tag behavior *
 ************************/
body {
  color:black;
  font:normal 12px/1 "Trebuchet MS", Trebuchet, Verdana, sans-serif;
/*  font:normal 12px/1 Georgia, "Times New Roman", Times, serif;*/
  background:white none;
}

hr { display:none; visibility:hidden; }

a { text-decoration:none; color:#2baaf7; }
a:link {}
a:visited {}
a:hover { color:#333; }

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; line-height:1; }
h1 { font-size:72px; }
h2 { font-size:36px; }
h3 { font-size:24px; }
h4 { font-size:18px; }
h5 { font-size:14px; }
h6 { font-size:12px; }

p { margin:1em 0; line-height:1.5; }

/***********
 * Utility *
 ***********/
.column { float:left; }
form p { margin:0.5em 0; }
form .column { margin-right:15px; }
form .last_column { margin-right:0; }
.clear { display:block; clear:both; height:0; line-height:0; overflow:hidden; }
.float-left { float:left; }
.float-right { float:right; }

/*****************
 * Typographical *
 *****************/
/*** font-size ***/
.font-size-10 { font-size:10px; }
.font-size-12 { font-size:12px; }
.font-size-14 { font-size:14px; }
.font-size-16 { font-size:16px; }
.font-size-18 { font-size:18px; }
.font-size-20 { font-size:20px; }
.font-size-22 { font-size:22px; }
.font-size-24 { font-size:24px; }
.font-size-36 { font-size:36px; }
.font-size-72 { font-size:72px; }
small { font-size:85%; }

/*** font-weight & font-style **/
em, i, .italic    { font-style:italic; }
strong, b, .bold  { font-weight:bold; }

/*** font-family ***/
.serif      { font-family:Georgia, "Times New Roman", Times, serif; }
.sans-serif { font-family:"Trebuchet MS", Trebuchet, Verdana, sans-serif; }
.mono-spaced, code, pre { font-family:Monaco, Courier, "Courier New", monospace; }

/*** text alignment ***/
.align-left { text-align:left; }
.align-right { text-align:right; }

/*** text styles ***/
.uppercase  { text-transform:uppercase; }
.lowercase  { text-transform:lowercase; }

/*** line-heights ***/
.line-height-1    { line-height:1; }
.line-height-1_25 { line-height:1.25; }
.line-height-1_5  { line-height:1.5; }
.line-height-1_75 { line-height:1.75; }
.line-height-2    { line-height:2; }
.line-height-2_5  { line-height:2.5; }
.line-height-3    { line-height:3; }
.line-height-4    { line-height:4; }
.line-height-5    { line-height:5; }

/**********
 * Colors *
 **********/
/*  colors:
    blue:       #2baaf7;
    purple:     #880c9e;
    yellow:     #ffec00;
    red:        #ff4000;
    black:      #000;
    dark-gray:  #333;
    white:      #fff;
*/
.blue-text        { color:#2baaf7; }
.purple-text      { color:#880c9e; }
.yellow-text      { color:#ffec00; }
.red-text         { color:#ff4000; }
.red-orange-text  { color:#ff5b00; }
.black-text       { color:#000; }
.dark_gray-text   { color:#444; }
.medium_gray-text { color:#888; }
.light_gray-text  { color:#bbb; }
.white-text       { color:#fff; }

a.blue-text:hover        { color:#333; }
a.purple-text:hover      { color:#333; }
a.yellow-text:hover      { color:#333; }
a.red-text:hover         { color:#333; }
a.red-orange-text:hover  { color:#333; }
a.black-text:hover       { color:#2baaf7; }
a.dark_gray-text:hover   { color:#2baaf7; }
a.medium_gray-text:hover { color:#2baaf7; }
a.light_gray-text:hover  { color:#888; }
a.white-text:hover       { color:#bbb; }

.black-bg   { background-color:#000; }
.white-bg   { background-color:#fff; }
.yellow-bg  { background-color:#ffec00; }

/*****************
 * Main Elements *
 *****************/
#top_yellow_background { position:absolute; top:0; left:0; width:50%; z-index:0; height:107px; }
#page { position:relative; width:1032px; margin:0 auto; }
#header, #content, #footer { position:relative; width:100%; }

/**********************
 * Menus & Menu Items *
 **********************/
.menu { text-transform:uppercase; }
.menu h6 {
  padding:0.4em 0.4em 0.3em;
  color:white;
  background-color:black;
  line-height:1;
}
.menu ul { margin-top:0.5em; }
.menu ul li a,
.menu ul li span { display:block; padding:0.125em 0.4em 0.125em; font-size:13px; font-weight:bold; }
.menu ul li a:hover,
.menu ul li span { background:#333; color:white; }

/*******************
 * Header Elements *
 *******************/
#header_background_coverup {
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:787px;
  height:160px;
  z-index:0;
}
#header { height:160px; margin-bottom:15px; z-index:0; }
#header h1 {
  position:absolute;
  top:0;
  left:0;
  overflow:hidden;
  z-index:1;
}
#header h1 a { 
  display:block;
  width:787px;
  height:160px;
  background:transparent url(images/header-image.gif) no-repeat scroll top left;
}
#header h1 a, #header h1 a span { text-indent:-5000px; }
#main_header_photo { position:absolute; top:0; right:0; z-index:0; }

/*************************
 * Main Content Elements *
 *************************/
#content  { position:relative; width:511px; margin:0 7px 0 6px; padding:0; z-index:0; }

/****************
 * Left Sidebar *
 ****************/
#left_sidebar { position:relative; width:129px; margin-top:-62px; overflow:hidden; }
#movements_panel { background-color:black; color:white; }
#movements_panel img { display:block; width:130px; background-color:white; }
#movements_panel h5 { padding: 3px 0 0.75em 4px; }
#movements_panel li h6 { line-height:1.25; }
#movements_panel li { margin:0; padding:0 0.5em 1.5em; line-height:1.25;  }
#movements_panel li a:hover { color:#ddd; }
#movements_panel li a.tweeted-at,
#movements_panel li.aktt_more_updates a { display:block; margin-top:4px; font-size:11px; font-style:italic; }

#connect_menu { margin-top:0.5em; }

/****************
 * Menu Sidebar *
 ****************/
#menu_sidebar { position:relative; width:113px; border-right:2px solid black; }
#tags_menu { margin-top:30px; }

/*****************
 * Right Sidebar *
 *****************/
#right_sidebar {
  position:relative;
  width:244px;
  margin-left:-2px;
  padding:0 0 50px 20px;
  border-left:2px solid black;
}

#sidebar_snaps { padding-top:24px; }
#sidebar_snaps h2 {
  position:absolute;
  top:-32px;
  left:20px;
  display:block;
  width:243px;
  height:49px;
  text-indent:-5000px;
  background:transparent url(images/snaps_title.png) no-repeat top center;
  overflow:hidden;
  z-index:0;
}
#sidebar_snaps #sidebar_snaps_frame {
  width:212px;
  height:218px;
  padding:17px 15px 60px 16px;
  background:white url(images/polaroid_frame.png) no-repeat top center;
}
#sidebar_snaps h3 {
  margin-top:30px;
  letter-spacing:0.02em;
}

#in_store_now { margin-top:2em; }
#in_store_now h3 {
  width:223px;
  margin-left:-20px;
  padding:4px 20px 5px;
  border:3px solid black;
  border-width:3px 0;
}
#in_store_now li { display:block; margin-top:35px; }
#in_store_now a { display:block; }

/**********
 * Footer *
 **********/
#footer { margin-top:3em; text-align:center; }

/*********
 * Posts *
 *********/
.post { margin-bottom:100px; }
.post_meta { position:relative; margin:0 0 1em; padding:0; border-bottom:4px solid black; line-height:16px; }
.posts_navigation_in_meta { position:absolute; right:0; }
.post_title { margin-bottom:0.4em; padding-right:26px; font-size:44px; }
.post_body { width:inherit; margin-bottom:1em; text-align:justify; overflow:hidden; }
.post_body .more-link { text-transform:uppercase; color:#ff5b00; }
.post_body .more-link:hover { color:#333; }
.post_tags h6 {}
.post_tags a { display:block; float:left; margin:0 0 0 10px; color:#ff5b00; text-decoration:underline; }
.post_tags a:hover { color:#333; }
.post_comments { margin:0; line-height:1; }
.post_comments a { color:#ff5b00; text-decoration:underline; }
.post_comments a:hover { color:#333; }
.posts_navigation { margin:0 20px 20px; }

/************
 * Comments *
 ************/
#comments_title { margin-bottom:1em; }

#comment_list { margin-bottom:3em; }
#comment_list .comment { display:block; padding:1.5em 1em; }
#comment_list .even {} /* even is odd (1,3,5,etc.) */
#comment_list .odd { background-color:#eee; } /* odd is even (2,4,6,etc.) */
#comment_list .comment-author {}
#comment_list .comment-author .avatar {} /* avatar img */
#comment_list .comment-author .fn {} /* link to author profile or website */
#comment_list .comment-author .says {} /* "says:" span */
#comment_list .comment-meta { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }
#comment_list .comment-meta a {} /* timestamp link to comment */
#comment_list .comment-meta a.comment-edit-link {} /* link for admin user to edit the comment */
#comment_list .comment p {} /* comment body */
#comment_list .comment .reply {} /* if enabled, reply to this comment */

#respond {}
#respond h3 { margin-bottom:0.25em; }
#comment_form { margin-bottom:2em; padding:1em 2em; border:1px solid #999; background-color:#eee; }
#comment_form label { display:block; }
#comment_form #author { width:200px; }
#comment_form #email { width:200px; }
#comment_form #url { width:420px; }
#comment_form #comment { width:100%; }