/*
Theme Name: Fake Everest
Theme URI: http://fakeeverest.com/
Description: Theme made for web magazine Fake Everest.
Version: 1.0
Author: Robert Škramlík
Author URI: http://www.skramlik.cz/
*/
/* ///////// GLOBAL STYLE ///////// */
body {
  margin: 0;
  padding: 0;
  font-family: arial, sans-serif;
  font-size: 12px;
  color: #000;
  background: #000000 url('http://fakeeverest.cz/wp-content/uploads/wallpaper_mountain.jpg') top center no-repeat;
}

html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


/* ///////// TOP BAR - lišta ///////// */
#topBar {
  width: 978px;
  height: 36px;
  position: relative;
  margin: 0 auto;
  background: #fff url('images/bgTopBar.gif') repeat-x;
}
#topBar ul {
  list-style: none;
  height: 36px;
  display: inline;
}
#topBar ul li {
  display: block;
  float: left;
  background: url('images/topBar-line.png') right no-repeat;
  text-transform: lowercase;
}
#topBar ul li a {
  display: block;
  float: left;
  text-decoration: none;
  color: #000;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  padding: 10px 20px 12px;
}
#topBar ul li a:hover {
  background: #d9dbdc url('images/bgTopBar-hover.gif') repeat-x;
}
#topBar ul li a.significant {
  color: #c61204;
  text-decoration: underline;
}
#topBar p {
  position: absolute;
  right: 243px;
  top: 12px;
  height: 16px;
}
#topBar p a {
  text-decoration: none;
  color: #000;
  background: url('images/rss-icon.gif') no-repeat;
  padding: 2px 0 2px 24px;
}
#topBar p a:hover {
  text-decoration: underline;
}
#topBar form {
  position: relative;
  float: right;
  display: block;
  background: #fff;
  border: 1px #bbbbbb solid;
  margin: 4px 4px 0;
  padding: 0;
  width: 225px;
} 
#topBar form #search {
  color: #7e7e7e;
  border: none 0 !important;
  float: left;
  margin: 0!important;
  padding: 5px;
  width: 175px;
}
#topBar form #search-submit {
  border: none !important;
  background: url('images/zoom.gif') no-repeat;
  width: 23px;
  height: 15px;
  float: right;
  margin:5px 4px;
  cursor: pointer;
}

/* ///////// HEADER ///////// */
#header {
  width: 960px;
  margin: 0 auto;
  height: 110px;
  position: relative;
  padding: 20px 0;
}
#header h1 {
  width: 200px;
  height: 110px;
  position: relative;
  overflow: hidden;
  line-height: 180%;
  display: block;
  text-indent: -9999px;
}
#header h1 span {
  width: 200px;
  height: 110px;
  position: absolute;
  top: 0;
  left: 0;
  background: url('images/logo.png') no-repeat;
}


/* ///////// WEB (vse co je pod headerem) ///////// */
#web {
  width: 978px;
  margin: 0 auto;
  position: relative;  
}


/* ///////// CONTENT (obsah, novinky) ///////// */
#web #content {
  width: 500px;
  float: left;
  position: relative;
  margin-left:220px;   
}
#web #content #slideshow {
  width: 496px;
  position: relative;
  background: #fff;
  margin-bottom: 8px;
  padding: 3px 2px 3px 3px;
  text-align: center;   
}
#slideshow .slide {
  width: 155px;
  position: relative;
  height: 110px;
  border: 2px #d8d8d8 solid;
  float: left;
  text-align: left;
}
#slideshow .slide h2 {
  position: absolute;
  width: 142px;
  bottom: 0;
  height: 40px;
  left: 0;
  color: #fff;
  padding: 2px 5px;
  background: url('images/black-opacity-bg.png') repeat;
}
#slideshow .slide h2 a {
  color: #fff;
  text-decoration: none;
}
#slideshow .slide h2 a:hover {
  text-decoration: underline;
}
#web #content #news {
  width: 500px;
  position: relative;
  background: #fff;
  margin-bottom: 8px;   
}
#web #content #news .post {
  padding: 10px 0; 
}
#web #content #news .post h2 {
  background: #e1e5e7;
  color: #c61204;
  font-size: 16px;
  border-top: 1px #b9b9b9 dotted;
  border-bottom: 1px #b9b9b9 dotted;
  padding: 12px 120px 12px 8px;
  position: relative;
  min-height: 30px;
}
#web #content #news .post h2 span {
  color: #000;
  font-size: 12px;
  font-weight: normal;
  position: absolute;
  top: 12px;
  right: 8px;
  text-align: right;
}
#web #content #news .post p.info-post {
  color: #8d9397;
  padding: 5px 15px 0;
}
#web #content #news .post p.info-post strong {
  color: #797a7b;
}
#web #content #news .post p.info-post a {
  color: #8d9397;
  text-decoration: none;
}
#web #content #news .post p.info-post a:hover {
  color: #8d9397;
  text-decoration: underline;
}
#web #content #news .entry {
  padding: 10px;
}
#web #content #news .entry p {
  color: #434343;
  font-size: 13px;
  line-height: 160%;
/*  text-indent: 15px; */
  padding: 5px 0;
}
#web #content #news .entry blockquote p {
  font-style: italic;
  font-size: 14px;
  line-height: 170%;
  background: #e1e5e7;
  border-left: 5px #a6c1cf solid;
  padding: 5px 15px;
  margin: 5px 0;
}
#web #content #news a {
  text-decoration: none;
  color: #ce1305;
}
#web #content #news a:hover {
  color: #f91f0e;
}
#web #content #news h3 {
  font-size: 17px;
  color: #2d2d2d;
  padding: 10px 0;
}
#web #content #news ul {
  list-style: square;
  margin: 2px 20px;
}
#web #content #news ol {
  margin: 2px 20px;
}
#web #content #news img {
  padding: 2px;
  border: 2px #e1e5e7 solid;
}
#web #content #news .left {
  float: left;
  margin: 0 10px 0 0;
}
#web #content #news .right {
  float: right;
  margin: 0 0 0 10px;
}
#web #content #news .center {
  text-align: center;
}
#web #content .share-bar {
  background: #e4ecef;
  margin: 5px 10px;
  padding: 7px 10px;
  position: relative;
}
#web #content .share-bar img {
  margin: 0!important;
  padding: 0!important;
  border: none!important;
}
#web #content .share-bar  a {
  margin-left: 5px;
} 
#web #content .share-bar span {
  position: absolute;
  top: 7px;
  right: 10px;
}
#web #content .share-bar span a {
  margin: 0;
  color: #3b616a;
}     
/* ///////// LEVE MENU ///////// */
#web #sidebar-left {
  width: 212px;
  float: left;
  margin-left:-720px;
  position: relative;
}

#web #sidebar-left #na-vrcholu {
  width: 210px;
  background: #fcdeb9;
  padding: 3px 0;
  margin-bottom: 8px;
}
#web #sidebar-left #na-vrcholu h3 {
  width: 210px;
  height: 38px;
  position: relative;
  background: #d77c4e;
  color: #fff;
}
#web #sidebar-left #na-vrcholu h3 span {
  width: 210px;
  height: 38px;
  position: absolute;
  top: 0;
  left: 0;
  background: url('images/h3-na-vrcholu.png') no-repeat;
}
#web #sidebar-left ul {
  list-style: none;
}
#web #sidebar-left ul li {
  list-style: none;
  border-top: 1px #e9be88 solid;
}
#web #sidebar-left ul li a {
  padding: 3px 0;
  width: 186px;
  display: block;
  padding: 5px 12px;
  text-decoration: none;
  color: #000;
}
#web #sidebar-left ul li a:hover {
  background: url('images/ul-na-vrcholu-hover.gif') repeat-y;
  color: #fff;
}
#web #sidebar-left .box {
  width: 210px;
  background: #e7ecee;
  padding: 3px 0;
  margin-bottom: 8px;
}    
#web #sidebar-left .box h3 {
  width: 210px;
  height: 38px;
  position: relative;
  background: #3598b2;
  color: #fff;
}
#web #sidebar-left .box h3#posl-kom span {
  width: 210px;
  height: 38px;
  position: absolute;
  top: 0;
  left: 0;
  background: url('images/h3-posledni-kom.png') no-repeat;
}
#web #sidebar-left .box h3#zpravy-fora span {
  width: 210px;
  height: 38px;
  position: absolute;
  top: 0;
  left: 0;
  background: url('images/h3-zpravy-fora.png') no-repeat;
}
#web #sidebar-left .box ul li {
  border-top: 1px #aaddea solid;
}
#web #sidebar-left .box ul li a:hover {
  background: url('images/ul-box-hover.gif') repeat-y;
  color: #000;
}

/** ALTERNATIVNI **/

#web #sidebar-left .widget {
  width: 210px;
  background: #e7ecee;
  padding: 3px 0;
  margin-bottom: 8px;
}    
#web #sidebar-left .widget h3 {
  width: 210px;
  height: 38px;
  position: relative;
  background: #3598b2;
  color: #fff;
}
#web #sidebar-left .widget_recent_comments h3 span {
  width: 210px;
  height: 38px;
  position: absolute;
  top: 0;
  left: 0;
  background: url('images/h3-posledni-kom.png') no-repeat;
}
#web #sidebar-left #wp-forum-latest-activity h3 span {
  width: 210px;
  height: 38px;
  position: absolute;
  top: 0;
  left: 0;
  background: url('images/h3-zpravy-fora.png') no-repeat;
}
#web #sidebar-left .widget ul li {
  border-top: 1px #aaddea solid;
}
#web #sidebar-left .widget ul li a:hover {
  background: url('images/ul-box-hover.gif') repeat-y;
  color: #000;
}


/***/

/* ///////// PRAVE MENU ///////// */

#web #sidebar-right {
  width: 250px;
  float: right;
  position: relative; 
}
#web #sidebar-right #redBox {
  width: 229px;
  height: 100px;
  background: #950000 url('images/redBox.jpg') no-repeat;
  padding: 18px 10px 10px;
  position: relative;

}
#web #sidebar-right #redBox h3 {
  color: #fff;
  font-size: 15px;
  padding-bottom: 2px;
}
#web #sidebar-right .box h3#kategorie span {
  width: 248px;
  height: 38px;
  position: absolute;
  top: 0;
  left: 0;
  background: url('images/h3-kategorie.png') no-repeat;
}
#web #sidebar-right .box h3#archiv span {
  width: 248px;
  height: 38px;
  position: absolute;
  top: 0;
  left: 0;
  background: url('images/h3-archiv.png') no-repeat;
}
#web #sidebar-right ul {
  list-style: none;
}
#web #sidebar-right #redBox #tv {
  position: absolute;
  top: 70px;
  left 10px;
}
#web #sidebar-right #redBox p {
  color: #ebc3c0;
  padding-bottom: 8px;
}
#web #sidebar-right #redBox a {
  color: #fff; 
}
#web #sidebar-right .box {
  width: 248px;
  background: #e7ecee;
  padding: 3px 0;
}
#web #sidebar-right .box h3 {
  width: 248px;
  height: 38px;
  position: relative;
  background: #3598b2;
  color: #fff;
}
#web #sidebar-right ul li a {
  padding: 3px 25px;
  display: block;
  font-size: 14px;
  text-decoration: none;
  color: #000;
}
#web #sidebar-right ul li a:hover {
  text-decoration: underline;
}
#fb {
  margin-top: 8px;
}
#twitter-3 {
  margin: 8px 0;
  background: #edf1f3!important;
}
#twitter-3 h3 {
  position: relative;
  height: 46px!important;
  width: 249px;
  background: #edf1f3!important;
}
#twitter-3 h3 span {
  background: url('images/twitter-title.png') left no-repeat;
  position: absolute;
  height: 46px!important;
  width: 249px;
  top: 0;
  left: 0;
}
#twitter-3 ul {
  font-size: 12px;
  color: #464646;
  padding: 5px 8px;
}

#twitter-3 ul li span a {
  font-size: 12px!important;
  color: #464646!important;
  display: inline !important;
  padding: 0!important;
}

#twitter-3 ul li span.entry-meta {
  color: #9f9f9f;
  font-size: 11px;
  display: block;
}

#twitter-3 ul li span.entry-meta a {
  font-size: 11px!important;
}

#twitter-3 ul li {
  border-bottom: 1px #d0d5d7 solid;
  padding: 3px 0;
}
#twitter-3 span a {
  font-size: 12px;
  color: #000;
  padding: 5px 8px 10px;
}
#web .box form {
  padding: 5px 15px 0;
}
#web .box form select {
  width:100%;
} 
/* ///////// FOOTER (paticka) ///////// */
#footer {
  width: 948px;
  margin: 0 auto;
  clear: both;
  background: #081516;
  padding: 15px;   
 }
#footer #tags {
  clear: both; 
 }
#footer #tags h3 {
  color: #fff;
  font-size: 15px;
} 
#footer ul {
  width: 120px;
  float: left;
  list-style: none;
  padding: 6px;  
 }
#footer ul li {
  border-bottom: 1px #3a3a3a solid;
}
#footer ul li a {
  color: #3a3a3a;
  text-decoration: none;
  padding: 2px 0;
  display: block;
}
#footer p {
  border-top: 1px #3a3a3a solid;
  margin: 15px 0 0;
  padding: 15px 0;
  color: #3a3a3a;
  clear: both;
  position: relative;
 }
#footer p span {
  position: absolute;
  font-weight: bold;
  color: #93adaf;
  top: 15px;
  right: 0;
} 
#footer a {
  color: #3a3a3a;
  text-decoration: underline;
}
#footer a:hover {
  color: #787878;
}
.clearfix {
  display: block;
  clear: both;
}

/* ---- KOMENTARE --------- */
#comments {
  padding: 15px;
}
#comments h2 {
  font-size: 15px;
  padding: 5px 0 15px;
}
#comments h3 {
  font-size: 12px!important;
  padding: 2px 0 0!important;
  position: relative;
}
#comments h3 span {
  position: absolute;
  top: 2px;
  right: 5px;
}
#comments .nadpis {
  background: #dde2e5;
  padding: 3px 3px 0;
  height: 24px;
}
#comments .nadpis img {
  border: 2px #838382 solid!important;
  padding: 0!important;
  float: left;
  margin-right: 5px;
}
#comments p {
  line-height: 180%;
}
#comments form p {
  display: block;
  height: 30px;
}
#comments form label {
  width: 70px;
  float: left;
}
#comments form input {
  width: 280px;
  float: left;
}
#comments form textarea {
  width: 350px;
  float: left;
}
#comments form #submit-form {
  width: 80px;
  float: right;
  margin-right: 24px;
  margin-top: 10px;
}
/* -----  REKLAMA   ------ */

.ad {
  text-align: center;
  margin: 8px 0;
}
.ad * {
  border: none!important;
  padding: 0!important;
}

.navigation {
  width: 480px;
  height: 30px;
  padding: 10px;
}

img.wp-smiley {
  border: 0!important
}

.alignleft {
  float: left;
}

.alignleft {
  float: right;
}

