/*
Theme Name: La Cavalerie
Theme URI: http://www.lacavalerie.ca
Description: La Cavalerie
Author: Akufen Atelier Creatif
Version: 1.0
*/

* { margin: 0; padding: 0; outline: none; font-family: 'MonotypeModernCondensed', sans-serif; }
body { background: #f1efe3 url(images/logo.png) no-repeat; overflow-x: hidden; }
.clear { clear: both; }
a img { border: 0; outline: none; }
a { color: #43423e; }
.floatleft { float: left; }
.floatright { float: right; }

.group { text-align: left; margin-left: 5px; }
.out_addplaylist { cursor: pointer; margin-top: 5px; width: 15px; height: 15px; margin-left: 0; background: url(images/addplaylist.png) no-repeat; }
.out_addplaylist a { text-indent: -9999px; line-height: 15px; display: block; }

.catname_title { margin-left: 8px; font-weight: normal; font-size: 25px; color: #3d99b2; }
.catname_text { margin: 10px 0 15px 8px; padding-bottom: 30px; width: 580px; font-family: 'MonotypeModernExtended', sans-serif; font-size: 13px; color: #43423e; }
.catname_text a { display: block; color: #5a99b2; text-decoration: none; font-family: 'MonotypeModernExtended', sans-serif; font-size: 14px; }

/*-- Address Box --*/
#address_box { width: 700px; margin: 75px 0 0 265px; }
#address_box h2 { font-weight: normal; font-size: 25px; color: #e6262d; }
#address_box p { font-size: 14px; color: #43423e; display: block; margin-top: 5px; }
#address_box p span { color: #3d99b2; }

/*-- Wrapper / Container --*/
#container { float: left; margin-top: -90px; }
#clickback { position: absolute; top: 65px; left: 15px; height: 80px; width: 200px; cursor: pointer; }

/*-- Navigation --*/
#navigation { overflow-x: hidden; width: 250px; float: left; margin-right: 10px; }
#navigation ul.first { list-style-type: none; }
#navigation ul.second { margin-top: 10px; }
#navigation ul li.selected { background: #dfddd2 url(images/nav_arrow.png) right no-repeat; }
#navigation ul li:hover { background: #c6c4b9 url(images/nav_arrow.png) right no-repeat; }
#navigation ul li a.link:hover { background: #c6c4b9 url(images/nav_star_hover.png) 95% 6px no-repeat; }

/*-- Navigation link --*/
#navigation ul li a.link { font-family: 'MonotypeModernExtended', sans-serif; display: block; color: #3d99b2; text-decoration: none; background: #dfddd2 url(images/nav_star.png) 95% 6px no-repeat; width: 88%; margin-bottom: 2px; padding: 1px 0 4px 15px; }
#navigation ul li.selected a { color: #87867f; background: #c6c4b9 url(images/nav_star_hover.png) 95% 6px no-repeat; }
#navigation ul.second li a { color: #e6262d; }
#navigation ul.second li.selected a { color: #87867f; }

/*-- Twitter nav --*/
#navigation ul li.twitterlink:hover { background: none; }
#navigation ul li a.twitlink { color: #87867f; background: #c6c4b9 url(images/nav_x.png) 95% 6px no-repeat; }
#navigation ul li #twitterbox { background: #dfddd2; margin-top: -3px; width: 205px; padding: 11px 18px 5px 12px; }

/*-- vGrid --*/
#grid-content { height: 0; }
#grid-content div.box { width: 230px; height: 210px; margin-bottom: 30px; margin-left: 5px; }
#grid-content div a { display: block; margin: 0; padding: 0; text-decoration: none; }
#grid-content div h3 { float: left; width: 185px; font-family: 'MonotypeModernExtended', sans-serif; font-weight: normal; color: #3d99b2; font-size: 14px; margin-left: 4px; }
#grid-content div h3 a { font-family: 'MonotypeModernExtended', sans-serif; color: #3d99b2; text-decoration: none; }
#grid-content div span { font-family: Arial; font-size: 11px; color: #43423e; margin-left: 4px; }
#grid-content div.subfull span { font-family: Arial; font-size: 11px; color: #43423e; margin-left: 10px; }
#grid-content div span a { text-decoration: underline; color: #43423e; font-family: Arial; font-size: 11px; display: inline-block; }
#grid-content div img.thumb { border: 5px solid #dfddd2; }
#grid-content ul.share { list-style-type: none; padding-right: 7px; }
#grid-content ul.share li { float: left; font-family: Arial; font-size: 11px; color: #43423e; margin-left: 8px; }
#grid-content ul a { text-decoration: underline; color: #43423e; font-family: Arial; font-size: 11px; height: 15px; }
#grid-content ul.share li.addplaylist { padding-left: 18px; margin-left: 0; background: url(images/addplaylist.png) no-repeat; }
#grid-content ul.share li.facebook { padding-left: 18px; background: url(images/facebook.png) no-repeat; }
#grid-content ul.share li.twitter { padding-left: 18px; background: url(images/twitter.png) no-repeat; }
#grid-content ul.share li.email { padding-left: 18px; background: url(images/email.png) 0 3px no-repeat; }
#grid-content ul.share li.split { color: #c4c2b5; }

.opened_h3 { margin: 3px 0 4px 0; padding-left: 5px; width: 350px; float: left; }
.padright { padding-right: 5px; font-family: Arial; font-size: 12px; cursor: pointer; }
.padright:hover { text-decoration: underline; }

/*-- Edito label  --*/
.edito_banner { background: transparent url(images/edito.png) no-repeat; position: absolute; top: 5px; left: 5px; z-index: 5; height: 50px; width: 50px; cursor: pointer; }

/*-- Edito Post Page --*/
.post_content img { border: 5px solid #dfddd2; margin-bottom: 20px; }
.single_title { float: left; color: #3d99b2; font-family: 'MonotypeModernExtended', sans-serif; font-size: 24px; font-weight: normal; }
.single_title a { color: #3d99b2; text-decoration: none; font-family: 'MonotypeModernExtended', sans-serif; font-size: 24px; font-weight: normal; }
.editosscript { display: block; position: relative; top: 5px; float: left; margin-left: 5px; height: 13px; width: 38px; background: url(images/editosuperscript.jpg) no-repeat; }
.post_infos { font-family: Arial; font-size: 12px; color: #87867f; margin-bottom: 20px; }
.post_infos span { color: #43423e; font-family: Arial; font-weight: bold; font-size: 12px; }
.post_content { margin-left: 4px; width: 698px; font-family: Arial; font-size: 12px; color: #43423e; line-height: 16px; }
.post_content p { margin-bottom: 8px; font-family: Arial; font-size: 12px; }
.post_content p a { font-family: Arial; font-size: 12px; }
.cat_links a { font-family: Arial; font-size: 11px; color: #43423e; }

/*-- Social Media / Sharing --*/
.post_social { list-style-type: none; margin: 18px 0 0 4px; }
.post_social li { float: left; margin-right: 10px; border-left: 1px solid #c4c2b5; padding-left: 12px; font-family: Arial; font-size: 12px; }
.post_social li:first-child { border: none; padding-left: 0; }
.post_social li.facebook { background: url(images/facebook.png) 12px no-repeat; padding-left: 32px; }
.post_social li.twitter { background: url(images/twitter.png) 12px  no-repeat; padding-left: 32px; }
.post_social li a { font-family: Arial; font-size: 11px; color: #43423e; }
.post_social li.comments { background: url(images/comments.png) right no-repeat; width: 35px; }
.post_splitter { background: url(images/edito_splitter.jpg) repeat-x; width: 698px; height: 3px; margin-top: 12px; margin-bottom: 12px; }

/*-- Prev/Next Buttons --*/
.button_container { width: 698px; margin-bottom: 55px; }
.button_container span { width: 120px; font-family: 'MonotypeModernExtended', sans-serif; font-size: 13px; color: #ffffff; text-decoration: none; }
.button_container span.previous_button { font-size: 14px; float: left; background: url(images/prev_post.png) no-repeat; display: block; padding: 0 0 0 30px; width: 105px; }
.button_container span.next_button { font-size: 14px; float: right; background: url(images/next_post.png) no-repeat; display: block; padding: 0 0 0 15px; width: 120px; }
.button_container span.previous_button_list { font-size: 14px; float: left; background: url(images/prev_post.png) no-repeat; display: block; padding: 0 0 0 15px; width: 135px; }
.button_container span.next_button_list { font-size: 14px; float: right; background: url(images/next_post.png) no-repeat; display: block; padding: 0 0 0 15px; width: 120px; }

.button_container span a { color: #ffffff; text-decoration: none; padding-bottom: 2px; display: block; }

/*-- Twitter --*/
.tweetbox { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #b4b2aa; }
.tweetbox img { float: left;  }
.tweetbox span.tweet_text { float: left; display: block; margin-left: 5px; width: 150px; font-family: Arial; font-size: 11px; }
.tweetbox span.tweet_text a { font-size: 11px; font-family: Arial; }
.tweetbox span.tweetby { font-family: Arial; font-size: 11px; }
.tweetbox span.tweetdate { font-family: 'MonotypeModernExtended', sans-serif; font-size: 11px; }

/*-- Search --*/
.searchfrm { margin-top: 95px; margin-bottom: 15px; width: 232px; }
.search { border: 1px solid #dfddd2; margin-left: 15px; padding: 6px 5px 5px 5px; font-family: Arial; font-size: 11px; width: 175px; }
.searchbtn { margin-left: -4px; width: 30px; height: 26px; background: url(images/search_button.jpg) no-repeat; float: right; cursor: pointer; }

/*-- Playlist count --*/
.playlist_count { position: absolute; font-size: 12px; background-color: #ff0000; margin-left: 2px; padding: 0 3px 0 3px; color: #ffffff; }
.removeplaylist { float: left; margin-top: 3px; cursor: pointer; }
.full_removeplaylist { float: left; margin-left: 10px; margin-top: 5px; cursor: pointer; }

.playlist_sharebox { background-color: #dfddd2; margin-top: -2px; margin-bottom: 2px; padding: 4px 10px 4px 11px; width: 214px; }
.playlist_sharebox h4 { width: 180px; font-family: 'MonotypeModernExtended', sans-serif; font-weight: normal; color: #43423e; font-size: 14px; margin-left: 4px; margin-bottom: 4px; }
.sharebox { margin-left: 5px; margin-right: 10px; }
.sharebox div { float: left; }
.sharebox .split { width: 1px; height: 34px; background-color: #c4c2b5; margin: 0 15px; }
.sharebox a { font-family: Arial; font-size: 11px; color: #43423e; }
.sharebox a.facebook { display: block; margin-bottom: 5px; background: url(images/facebook.png) 0 2px no-repeat; padding-left: 18px; padding-top: 2px; height: 17px; }
.sharebox a.twitter { display: block; margin-bottom: 5px; background: url(images/twitter.png) 0 2px no-repeat; padding-left: 18px; padding-top: 2px; height: 17px; }
.sharebox a.courriel { display: block; background: url(images/email.png) 0 3px no-repeat; padding-left: 18px; height: 17px; }
.sharebox a.deleteall { display: block; background: url(images/removeplaylist.jpg) 1px 1px no-repeat; padding-left: 18px; height: 17px;  } 

/*-- Category sub navigation --*/
#navigation .nav_list { margin-left: 17px; list-style-type: none; font-family: 'MonotypeModernCondensed', sans-serif; font-size: 14px; }
#navigation .nav_list li:hover { background: none; }
#navigation .nav_list li a { color: #43423e; text-decoration: none; }
#navigation .nav_list li a:hover { background-color: none; text-decoration: underline; }

#navigation ul li.catlink:hover { background: none; }
#navigation ul li a.opencatlink { color: #87867f; background: #c6c4b9 url(images/nav_x.png) 95% 6px no-repeat; }

/*-- Comments stuff --*/
.nocomments { font-family: Arial; font-size: 12px; }

#commentform .comment_input { border: 1px solid #dfddd2; padding: 4px; font-family: Arial; font-size: 11px; color: #43423e; width: 280px; margin-bottom: 5px; }
#commentform .comment_txt { border: 1px solid #dfddd2; padding: 4px; font-family: Arial; font-size: 11px; color: #43423e; width: 685px; margin-bottom: 12px; }
#commentform label { font-family: Arial; font-size: 11px; }
#commentform .comment_btn { cursor: pointer; background: url(images/submit_button.png) 0 2px no-repeat; height: 18px; width: 75px; color: #ffffff; padding: 0 0 2px 0; }
#commentform .comment_btn span { padding: 0 0 0 6px; height: 13px; cursor: pointer; }

.comment_block { width: 695px; font-family: Arial; font-size: 12px; color: #43423e; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #dfddd2; }
.comment_block .comment_author { margin-left: 10px; font-family: Arial; font-size: 12px; color: #87867f; }
.comment_block .comment_date { padding: 3px 5px; background-color: #e6262d; font-family: Arial; font-weight: bold; font-size: 10px; color: #ffffff; }
.comment_block .comment_content { margin-left: 10px; margin-top: 10px; font-family: Arial; font-size: 12px; color: #43423e; }
.last_comment { border-bottom: none; }
.first_comment { padding-top: 15px; }

/*-- Contact Page --*/
.contact_sheet { float: left; margin-right: 100px; margin-bottom: 35px; width: 125px; line-height: 18px; }
.contact_sheet h1 { font-family: 'MonotypeModernExtended', sans-serif; font-weight: normal; color: #3d99b2; font-size: 16px; margin-bottom: 6px; }
.contact_sheet h2 { font-family: Arial; font-weight: bold; font-size: 12px; color: #43423e; }