/**
  Theme Name: Sang Bleu
  Theme URI: http://sangbleu.com
  Version: 0.2
  Author: SangBleu / Electronest
  Author URI: http://electronest.com

  Description: Sang Bleu

  The CSS that follows is what I feel is the bare minimum of styling
  for a two column, fixed width and centred layout that should be
  consistent in 'modern browsers'

  TODO:
    second level nav pushes all content down which is a bit pants
*/


body { margin:0;

}

* {
	font-family: Helvetica, Arial, Verdana, Sans-serif;
	margin:0;
}

#canvas {
  width: 800px;
  margin: 0px auto 0 37px;
}


h1 a, h2 a, h3 a {text-decoration:none;}

#header {
  margin: 0 0 50px 0;
  padding:0;
}
  /** the heading and tagline are h1 on homepage and h4 on internal */
  #header h1,
  #header h4 {
    font-size: 30px;
    margin: 0;
    padding: 10px 0 10px 0;
  }
    /** the tagline is a span within the h1 or h4 */
    #header h1 span,
    #header h4 span { }

  /**
    Nav and Subnav
    Split these out if you want the two levels to look different
  */
  #nav,
  #subNav {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #subNav {
    margin-top: 10px;
  }
    #nav li,
    #subNav li {
      display: inline;
      padding: 0 10px 0 0;
    }
    /* Currently selected page nav item (and parent) if applicable */
    .current_page_item a,
    .current_page_parent a {
      text-decoration: none;
    }
      .current_page_item a:hover,
      .current_page_parent a:hover {
        text-decoration: underline;
      }

/**      main content     */
#primaryContent {
  width: 540px;
  float: left;
  padding: 0 20px 0 0;
  margin: 0;
}
  #primaryContent h1 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  #primaryContent h2 {
    padding: 0 0 5px 0;
    margin: 10px 0 0 0;
  }

  /* titles are h2 on homepage and h1 for internal */
  #primaryContent h1.postTitle,
  #primaryContent h2.postTitle {
    font-size: 18px;
    text-transform:uppercase;
  }

  #primaryContent h3 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  ol#posts {
    list-style: none;
    margin: 0;
    padding: 0;
  }

    li.postWrapper,
    div.postWrapper { }

      .postWrapper img { }

      div.post { }

      p.postMeta { }

  #pagination {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
    #pagination li {
      display: inline;
    }
    #pagination .previous {
      text-align: left;
      float: left;
    }
    #pagination .future {
      text-align: right;
      float: right;
      margin-right:42px;
    }

/**       sidebar          */
#secondaryContent {
  width: 200px;
  float: left;
  margin-left:40px;
  margin-top:-4px;
}
  #secondaryContent h3 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  /**
    Remove bullets from the first level sidebar UL and give each item some bottom margin.
    IE 6 doesn't like the selectors, I can live with that but if you can't then
    you'll need to extend this further.
  */
  #secondaryContent  ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
    #secondaryContent ul li {
      margin: 0 0 10px 0;
}
	.widget {
      border-bottom:1px solid black;
    }

  /** the HTML is a bit dodgy for the tag cloud, need to add some padding
      between the title and the first href */
  .widget_tag_cloud a {
    padding-left: 5px;
  }

#comment {
  width: 500px;
}

#footer {
  clear: both;
  font-size: 80%;
}

/** normally hidden but will appear when css disabled */
.skip,
.noCss {
  position: absolute;
  left: -9999px;
}



/** SANGBLEU specific */


#the_page {
	margin-top:25px;
	padding-top:5px;
	border-top:0px solid grey;
	
	border-bottom:0px solid black;
	font-size:11px;
	letter-spacing:1px;
	line-height:15px;
	width:500px;	
}


.the_post {
	margin-top:25px;
	margin-bottom:32px;
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px solid grey;
	
	border-bottom:3px solid black;
	font-size:11px;
	letter-spacing:1px;
	line-height:15px;
	width:500px;	

}


div#meta_spacing {
	margin:0;
	padding:0;
	padding-bottom:2px;
}

.meta_title {
float:left;
width:100px;
display:inline;
font-size:11px;
}

.meta_title_category {
float:left;
width:300px;
display:inline;
font-size:11px;

}

#primaryContent ol li .meta_title {
float:left;
width:100px;
display:inline;
font-size:11px;
}

#primaryContent ol li .meta_title_category {
float:left;
width:300px;
display:inline;
font-size:11px;

}

#primaryContent h2.postTitle{
	margin-bottom:6px;
}

.pageWrapper {
	width: 500px;

}



#primaryContent h2.pageTitle, #primaryContent h2.pageTitle a {
	font-size: 18px;
	text-transform:uppercase;
	color:black;
	text-decoration:none;

}

#primaryContent h2.pageTitle {
        width:500px;
}


#primaryContent h2.pageTitle {
	border-bottom:3px solid black;
}

h2.postTitle a {
	color:black;
	text-decoration:none;
}

#nav li.page_item {
	float:left;
#	width:90px;
	display:inline;
	border-right:0px solid black;
}

#nav li.page_item a {

	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
	color:black;
	margin-right:5px;
}

.current_page_item {
	font-weight:bolder;
}


body div#canvas div#header ul#nav li.page_item, #nav li, p.top_nav {
	margin-top:0px;
	padding-top:0px;
}

#secondaryContent ul li.cat-item {
	font-size:11px;
	text-transform:uppercase;
	font-weight:normal;
	text-decoration:none;
	margin:2px 0 2px 0;
	
}


#secondaryContent ul li.cat-item a,
#secondaryContent ul li.cat-item li a {
	text-decoration:none;
}

#secondaryContent ul li.cat-item a:hover,
#secondaryContent ul li.cat-item li a:hover {
	text-decoration:underline;
}

#secondaryContent ul li.cat-item li {
	margin: 2px 0 2px 10px;
	display:inline;
		text-transform:none;
}



#secondaryContent ul li {
	text-transform:uppercase;
	font-size:13px;
	margin:15px 0 0 0;
	padding:0px;
	font-weight:bolder;
}

#secondaryContent ul li.widget ul {
	margin: 15px 0 15px 0;
}

#secondaryContent ul li.widget ul li {
	text-transform:none;
	font-size:11px;
		font-weight:normal;
}

#secondaryContent ul li.widget ul li {
	margin:2px 0 2px 0;
	padding:0;
}

#secondaryContent ul li.widget h7 a,
#secondaryContent ul li.widget ul li a,
#secondaryContent ul li.widget_archives_sangbleu ul li h7 a {
	color:black;
	text-decoration:none;
}

#secondaryContent ul li.widget h7 a:hover,
#secondaryContent ul li.widget ul li a:hover,
#secondaryContent ul li.widget_archives_sangbleu ul li h7 a:hover {
	text-decoration:underline;
}


#secondaryContent ul li.widget_archives_sangbleu h7 {
	display:block;
	margin:15px 0 15px 0;
	font-size:11px;
	text-transform:none;
}

#primaryContent #archives {
	color:grey;
	font-size:11px;
	font-weight:normal;
}

#primaryContent #archives a:hover,
#primaryContent #archives strong a:hover,
#primaryContent #archives strong h2 a:hover {
	text-decoration:underline;
}


#primaryContent #archives a, 
#primaryContent #archives strong a,
#primaryContent #archives strong h2 a {
	font-size:11px;
	font-weight:bolder;
	text-decoration:none;
	color:black;
}

#primaryContent #archives ul,
#primaryContent #archives ul li {
    list-style: none;
    padding: 0;
    margin: 0;

}

#primaryContent h3.author-profile {
	font-size:11px;
	font-weight:bolder;
	text-transform:uppercase;
}

a {
	color:black;
}

a img {
	border:none;
}

.postMeta {
	font-size:11px;
	margin: 10px 0 10px 0;
}

.post p {
	margin-bottom:5px;
}

h6 a {
        font-size:11px;
        text-decoration:none;
        text-transform:none;
        font-weight:normal;
}

h6 a:hover {
        text-decoration:underline;
        padding-bottom:15px;
}

#comment_par {
	font-size:11px;
	display:block;
	clear:both;
	float:none;
	
	margin-top:30px;
	padding-top:10px;
	border-top:1px solid black;
}

h2#comments, h2#postcomment  {
	text-transform:uppercase;
}

p label small {
	font-size:11px;
}

h6#more_archive {
	text-decoration:underline;
}

.top_nav {
height:20px;
	margin-top:20px;
	margin-bottom:0;
}

#nav {

	margin-bottom: 30px;
}

#secondaryContent ul li h7 {
	text-transform:none;
}

li, ul, ol {
	list-style:none;
}

#pagination {
	margin-bottom:40px;
}

#nav li a:hover {
	text-decoration:underline;
}

span#archives ul li a, #primaryContent #archives a {
	font-weight:normal;
}

span#archives h2 a, #primaryContent #archives h2 a {
	font-weight:bolder;
}






.navigation {
	font-size:11px;
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

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

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

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

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
	
ul.feature_list {
	position:absolute;
	top:150px;
}

li.feature_container {
	display:inline;
	float:left;

}	

div#the_page.OnlineFeature {
	margin-top:50px;
}


ol#commentlist li {
	font-size:13px;
	margin-bottom:10px;
}

cite {
display:block;
margin-top:3px;
font-size:11px;
}

#secondaryContent ul li.linkcat, #secondaryContent ul li.linkcat h2{
	font-size:13px;
	font-weight:bold;
	margin:2px 0;
	text-decoration:none;
	text-transform:uppercase;
}

#secondaryContent ul li.linkcat ul li, #secondaryContent ul li.linkcat ul li a {
	font-size:11px;
	font-weight:normal;
	margin:2px 0;
	text-decoration:none;
	text-transform:capitalize;
}

#secondaryContent ul li.linkcat ul li a:hover {
	text-decoration:underline;
}

.addthis_container {
	display:inline;
margin-left:12px;
}


.page_info {
	display:block
	font-size:9px;
}


#secondaryContent ul li#navigation {
	font-size:12px;
}

#navigation a {
	text-transform:capitalize;
	padding: 2px 0 2px 0;
}

div.start {
	border:0;
	border-top:1px solid black;
	border-bottom:1px solid black;
	padding: 0px 0 5px 0;
	margin-top:10px;
}

#primaryContent ol.events li h2.pageTitle,
#primaryContent ol.press li h2.pageTitle {
	font-family: Arial;
	font-weight:bold;
	font-size: 14px;
	font-style:italic;
	border:0px;
	margin:0px;
	padding:0px;
}

#primaryContent ol.events li div,
#primaryContent ol.press li div {
	margin-top:0;
	padding-top:0;
}


#primaryContent ol.events li.postWrapper,
#primaryContent ol.press li.postWrapper {
	margin-bottom:25px;
}


.single_post {
	margin-bottom:32px;

	padding-bottom:5px;

	font-size:11px;
	letter-spacing:1px;
	line-height:15px;
	width:500px;	
}

#onlinefeatures_menu {
	position:fixed;
	z-index:5000;
left:0;
top:127px;
}

#onlinefeatures_menu ul li {
	margin:1px 0 0 0;
}
#onlinefeatures_menu ul li a {
font-size:12px;
	background-color:white;
	padding:1px;
	text-decoration:none;
}

#onlinefeatures_menu ul li a:hover {
	text-decoration:underline;
}



#curtain{display:block;position:fixed;top:0; left:0;background-color:#000;height:100%;width:100%;border:0;margin:0;padding:0;z-index:6500;}
span#loading_gif{display:block;position:fixed;left:25px;top:25px;}