/* Palette */

/*


Dark Beige: 	#DCDCC8 
Beige: 				#F0F0DC
Light Beige: 	#FFFFEB

*/

/* Layout */

@import url('reset.css');
@import url('prettyPhoto.css');

html { margin-top: 0 !important }

body { background: #a82421; font-family: Helvetica, Arial, sans-serif  }

.clearing { clear: both }

#wrapper { background: #F0F0DC; width: 1167px; min-height: 500px; position: relative; margin: 0 auto; -moz-box-shadow: 0 0 15px #333; -webkit-box-shadow: 0 0 15px #333;  }
.ie6 #wrapper { background: #F0F0DC url(img/header-graphic-ie6.jpg) 0 0 no-repeat; width: 1167px; padding-left: -20px; min-height: 500px;height: 500px}

#main
#header,
#footer { margin: 0 auto; padding: 20px 20px 20px 110px; }
#header { margin: 0 auto;  position: relative; z-index: 0; }
#main, #header, #footer, #header { width: 1040px; position: relative; }

#header { height: 120px; }

#header-graphic { position: absolute; top: 0; left: -102px; z-index:-1; }

.ie6 #header-graphic { width: 0; height: 0; visibility: hidden } 
.ie6 #branding { position: relative; z-index: 1; }
.ie6 #access { position: relative; z-index: 2; top: -40px }
.ie6 #blog-title { top: -30px  }

#qtranslate-chooser { position: absolute; z-index: 1; float: right; right: 43px; top: 5px; -moz-box-shadow: 0 0 15px #333; -webkit-box-shadow: 0 0 15px #333;    }
#qtranslate-chooser li { display: inline; width: 50px; background: #5f5f55; padding: 5px 7px;}
#qtranslate-chooser li.active { position: absolute; display: none }
#qtranslate-chooser li a { color: #C8C8B4; font-size: 0.7em;  }

#menu { /* float: right  */}

#main { margin-top: -385px;}


#container { left: 62px;  position: relative; top: 0;  width: 950px; }
.ie6 #container { top: -30px }
.ie7 #container,
.ie8 #container { top: 0 }


/* Header */

#branding { margin: 0px; padding: 0px; width: 249px }
#blog-title { position: relative; width: 260px; height: 60px; display: block; position: relative; top: 30px; left: 40px;z-index: 3;  }
#blog-title a { background: transparent url('img/marcaroni-logo.png') no-repeat; text-indent: -9999px; overflow: hidden; display: block; height: 60px}

#blog-title a:hover { border: none }

.ie6 #blog-title { margin: 30px 0 0 40px }


/* Main */

#main { border-radius: 0 0 10px 10px; padding-bottom: 0 }
#content { margin: 0; overflow: visible }

/* Nav */

a, a:visited { text-decoration: none; color: #50503C  }
a:hover { color: black; border-bottom: 1px dotted #C8C8B4 }


/* Access */


#access { border: 0; width: auto; margin: 0 ; padding: 0; float:right; z-index: 4; right:125px; height: 30px; position: absolute; top: 40px  }
#menu-nav { float: right }
#menu-nav li { margin: 0 0 0 10px }

.more-link,
.menu-item { width: 85px; height: 43px; background: transparent; list-style: none; float: left }

.more-link,
.menu-item a { background: transparent url(img/sprite.png) no-repeat; width: 85px; height: 43px; margin: 0; padding: 0; border: none; text-indent: -9001px;display: block; }

.more-link:hover,
.menu-item a:hover { border: none; }

/* Video */

.cy .menu-item-60 a { background-position:  -284px -10px } 
.cy .menu-item-60 a:hover { background-position: -284px -61px }
.cy .menu-item-60 a:active { background-position: -284px -112px }

.en .menu-item-60 a { background-position:  -467px -10px } 
.en .menu-item-60 a:hover { background-position: -467px -61px }
.en .menu-item-60 a:active { background-position: -467px -112px }

/* Blog */

.menu-item-124 a { background-position: -101px -10px } 
.menu-item-124 a:hover { background-position: -101px -61px }
.menu-item-124 a:active { background-position: -101px -112px }

.menu-item-126 a { background-position: -101px -10px } 
.menu-item-126 a:hover { background-position: -101px -61px }
.menu-item-126 a:active { background-position: -101px -112px }

.en .menu-item-124 {display: none }
.cy .menu-item-126 { display: none }

/* M */

.menu-item-134 a { background-position:  -10px -10px } 
.menu-item-134 a:hover { background-position: -10px -61px }
.menu-item-134 a:active { background-position: -10px -112px }

/* Cyw */

.menu-item-31 a { background-image: url(img/cyw-btn.png); width: 109px; height: 60px }
.menu-item-31 a:hover { background-position: 0 -61px }


.more-link { position: absolute; bottom: 0; display: block; text-indent: -9999px;  }
.more-link:hover { border: none; }

.cy .more-link { background-position: -560px -10px;  }
.cy .more-link:hover { background-position: -560px -61px }
.cy .more-link:active { background-position: -560px -112px }

.en .more-link { background-position: -650px -10px;  }
.en .more-link:hover { background-position: -650px -61px }
.en .more-link:active { background-position: -650px -112px }


/* Post */

.single { padding: auto }
.post, 
.hentry,
 #fideos { background: #FFFFEB; padding: 20px; margin-bottom: 20px; width: 910px; overflow: hidden; margin-left:47px; }
  
.entry-title, 
.entry-meta, 
.entry-meta abbr { font-weight: bold; font-size: 1.2em; display: inline;  margin: 0; padding: 0; line-height: 20px; border: none; }
.entry-title { color: #50503C; font-weight:normal; font-size: 1.21em }
.entry-title a {  }
.entry-title a:hover { color: black; border-bottom: 1px dotted #C8C8B4  }
.entry-meta { color: #C8C8B4; font-size: 1em; margin: 0 0 0 20px }
.wp-post-image { padding: 0; border: 0 }
.entry-content { padding: 12px 0 0 0 ; width: 950px; min-height: 330px; position: relative }
.ie6 .entry-content { min-height: 330px; height: 330px }
.entry-content p { width: 450px; color: #50503C; margin-bottom: 12px; line-height: 20px}
.entry-content p:first-child { }
.entry-content p:last-child { }
.entry-content img { float:right; margin-right: 40px}

.entry-content h3 { margin: 12px 0 ; font-style: normal; font-weight: bolder; font-size: 1em; color: #50503C}
.entry-date { color: #C8C8B4; margin-left: 8px}

.post-text { width: 50%; float: left;  }
.ie6 .post-text { width: 49% }
.post-images { width: 50%; float:left; margin: -32px 0 0 0 ;   }
.ie6 .post-images { }
.post { -moz-box-shadow: 1px 3px 3px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1); box-shadow: 0 2px 2px rgba(0,0,0,.1) }

.button { background: transparent url(img/sprite.png) no-repeat; display: block }
.button:hover { border: none }

.back-link { padding: 20px 0 0 0; display: block  }
.back-link:hover { border:none }
.back { width: 50px; height: 44px; background-position: -390px -170px; text-indent: -9999px }
.back:hover { background-position: -510px -170px }
.back:active {  background-position: -630px -170px }
.link-text { left: 58px; position: relative; top: -28px; }

.post-images { float: right }
.post .fideo-link{ position: absolute; left: 472px; top: -22px }

.post .play { position: absolute; top:0  }

.facebook-like { position: absolute; bottom: -5px; right: 110px; width: 50px !important}

.twitter-share-button { position: absolute; bottom: 0; right: 40px}

/* Fideos */

#fideos { width: 931px; min-height: 500px; padding: 0 0 20px 20px; }


#fideos h1 { font-size: 1.3em; margin: 0 0 12px 0 }
#fideos h2 { font-size: 1.2em; margin: 20px 0 20px 0; clear: both }


.fideo { width: 212px; height: 170px; margin: 0 20px 24px 0; padding: 0; float:left; }
.fideo
.fideo-link { position: relative; display: block; height: 150px }
.fideo-link img { margin: 0 0 10px 0; position: absolute }
.fideo-link h3 { position: absolute; top: 130px }
.fideo-link:hover { border: none }
.fideo-date { color: #969682;}


#fideos .play { position: absolute;  }
.hidden { display: none }


/* World */


#world { height: 550px; padding: 0 !important; width: 950px !important; background: #FFFFEB; overflow: hidden; margin-left:47px; }
#flash {  } 

/* Pagination */

#to-top-anchor { width: 50px; padding: 50px 0 0 0; margin: 0 0 20px 0; height: 22px; text-align: center; vertical-align: baseline; background: url(img/to-top-btn.png) top center no-repeat; float: left}

.pagination { height: 100px; margin-left: 420px; }
.prev, 
.next { text-indent: -9999px; width: 41px; height: 41px; display: block; float: left; margin-right: 20px; }
.prev { background: url(img/back-btn.gif) no-repeat; }
.next { background: url(img/fwd-btn.gif) no-repeat; }
.pagination-txt { position: relative; top: 60px; right: 80px; }

/* Footer */

#footer { margin-top: 60px; border: none; padding: 0 0 40px 0;width: 950px; font-size: .9em}
#footer a:hover { border:none }

.footer-widgetarea { width: 222px; height: 80px; float: left; margin: 0 18px 18px 0; border-right: 1px dotted #969682  }
#footer-widgetarea-3  { margin: 0; border: none }

.ie6 .footer-widgetarea,
.ie7 .footer-widgetarea,
.ie8 .footer-widgetarea {  }


#footer li { list-style: none  }
#footer ul li { margin-bottom: 3px; }
#footer h3 { margin-bottom: 6px;  }
#copyright-info { display: block; font-size: .8em }

.ie6 #footer h3 { margin-left:-16px; }

#theie6countdown {  }