/*
Theme Name: Sportival WEB Theme
Description: Custom Theme For www.sportival.ro  
Version: 1.0
Author: Razvan Merla
Author URI: 
Tags: two columns
*/

/*      ----------------------------------------     */
/*      sportival.ro v2.0                            */
/*      created at April 2010                        */
/*      by Razvan Merla <razvan.merla@gmail.com>     */
/*      ----------------------------------------     */


/*      general style         */

body {
  margin:0;
  padding:0;
  font-family:Arial;
  font-size:12px;
  color:#383838;
  background:#a6a6a6;
}

a { color:#0e80b0; text-decoration:undeline; }
a:hover { color:#383838; }

a img {border:0;}

.fleft { float:left; }
.fright { float:right; }
.clear { clear:both; }

@font-face {
    font-family: "MyriadPro-semibold";
    src: url("font/MyriadPro-Regular.otf");  
}



/*      structure style       */


div#wrap {
    display:block;
    position:relative;
    width:1006px;
    min-height:750px;
    margin:0px auto;
    background:#fff url(images/wrap-bg.jpg) left top repeat-y;
}

#top {
    display:block;
    position:relative;
    width:1006px;
    height:49px;
    background:transparent url(images/top.jpg) left top no-repeat;
}

.logo {
    padding-left:50px;
}

/*    search form   */

div.search {
    position:relative;
    width:300px;
    height:24px;
    padding:17px 0 0 0;
}

#searchform label {
    display:block;
    float:left;
    width:80px;
    height:24px;
    background:url(images/slabel.jpg) left top no-repeat;
} 

#searchform input#s {
    display:block;
    width:184px;
    height:24px;
    background:url(images/sinput.jpg) left top repeat-x;
    border:0;
    font-size:10px;
    color:#333;
    float:left;
}

#searchform input#searchsubmit {
    display:block;
    width:23px;
    height:24px;
    border:0;
    background:url(images/ssubmit.jpg) left top no-repeat;
}


/*    featured      */

#featured-container {
  display:block;
  position:relative;
  width:913px;
  height:157px;
  background:transparent url(images/featured-bg.jpg) left top no-repeat;
  padding: 14px 0 0 93px;
}

#featured-container .fel {
    width:193px;
    height:148px;
    position:relative;
    margin: 0 17px 0 0;
}

div#rel-1, div#rel-2, div#rel-3, div#rel-4 {
    width:193px;
    height:148px;
    position:absolute;
    left:0;
    top:0;
    z-index:1000;
    background:url(images/rama1.png) left top no-repeat;
    cursor:pointer;
} 
div#rel-2 {
    background:url(images/rama2.png) left top no-repeat;
}
div#rel-3 {
    background:url(images/rama3.png) left top no-repeat;
}
div#rel-4 {
    background:url(images/rama4.png) left top no-repeat;
}

#featured-container .oel {
  width:187px;
  background:transparent url(images/tra.png);       
  border-top:2px solid #fff;
  position:absolute;
  left:0;
  bottom:0;
  height:10px;
  z-index:100;
  color:#fff;
  text-align:center;
  padding:0px 3px 3px 3px;
}

#featured-container .oel strong {
    display:none;
}

.fimg {
  width:193px;
  height:148px;
}


/*    menu      */

#menu-container {
  display:block;
  position:relative;
  width:1006px;
  height:70px;
  background:url(images/menu-bg.jpg) left top no-repeat;
}

#menu-container ul {
  margin:0;
  padding:0;
  list-style:none;
  height:60px;
  position:absolute;
  left:10px;
  top:10px;
}

#menu-container ul li {
  float:left;
  position:relative;
  background:transparent url(images/btno-l.png) left 1px no-repeat;
  height:60px;
  padding:0 0  0 6px;
  margin:0 5px 0 5px;
}

#menu-container ul li img.ball {
    position:absolute;
    top:9px;
    left:4px;
}

#menu-container ul li:hover, #menu-container ul li.active {
  background:url(images/btn-l.png) left top no-repeat;
}

#menu-container ul li a {
  float:left;
  display:block;
  height:55px;
  background:url(images/btno.png) repeat-x;
  font-family:"MyriadPro-semibold";
  font-size:18px;
  font-weight:bold;
  padding:5px 25px 0 25px;
  color:#fff;
  text-decoration:none;
}

#menu-container ul li a:hover, #menu-container ul li.active a {
  color:#212222;
  background:url(images/btn.png) repeat-x;
}



#menu-container ul li img {
  float:left;
  margin-top:1px;
}

#menu-container ul li.active img {
  float:left;
  margin-top:0px;
}



#content {
  display:block;
  position:relative;
  width:1006px;
  min-height:500px;
} 

#maincolumn {
  display:block;
  position:relative;
  width:564px;
  padding:10px 18px 30px 14px; 
}


/*    posts style     */

.post {
  margin:4px 0 15px 0;
}
.post h2 {
    margin:0 ;
    padding:0;
}

.post h2 a {
   color:#0e80b0;
   text-decoration:none;
}

.post h2 a:hover {
   color:#383838;
}

.summary {
  width:455px;
}

.post p {
  text-align:justify;
}

img.thumb {
  padding:4px;
  border:1px solid #d1d1d1;
  width:90px;
  height:90px;
  margin: 0 8px 5px 0;
}

img.thumb2 {
  padding:4px;
  border:1px solid #d1d1d1;
  margin: 0 8px 5px 0;
}

.feedback {
  text-align:right;
  color:#adadad;
}

.feedback a{
  color:#68af16;
  text-decoration:none;
}

.feedback a:hover {
  text-decoration:underline;
}

a.readmore {
  display:block;
  padding:0 0 4px 0;
  float:right;
}

#commentform input.text {
  width:200px;
  height:20px;
  border:1px solid #d1d1d1;
  color:#494949;
  float:left;
  margin:2px 0 2px 0;
}

#commentform input.submit {
  width:110px;
  height:22px;
  border:1px solid #d1d1d1;
  padding:2px 5px 5px 5px;
  background:#fff;
}

#commentform textarea {
  width:380px;
  height:180px;
  border:1px solid #d1d1d1;
  color:#494949;
}

#commentform p label {
  width:170px;
  color:#494949;
  text-align:right;
  display:block;
  float:left;
  padding:10px 10px 0 0;
}

#commentform p {
  clear:both;
}

ol.commentlist {
  margin:0;
  padding:0;
  list-style:none;
}

img.avatar {
  float:left;
  padding:2px;
  border:1px  solid #d1d1d1;
  margin:0 5px 5px 0;
}
cite.fn {
  float:left;
}

ol.commentlist a {
  color:#68af16;
  text-decoration:none;
  padding:2px;
}

ol.commentlist a.url {
  color:#0E80B0;
  font-style:normal;
  font-weight:bold;
}

ol.commentlist a:hover {
  text-decoration:underline;
}

ol.commentlist p {
  margin: 0 0 9px 0;
  min-height:30px;
}


.related {
  padding:15px 0 0 0;
  
}

.related h2 {
  font-size:16px;
}

#sul-2 {
  display:none;
}

/*    sidebar       */

#sidebar {
    display:block;
    position:relative;
    width:386px;
    min-height:500px;
    padding:0px 18px 30px 0;

}

#sbarl {
  width:220px;
  padding-right:6px;
}

#sbarr {
  width:160px;
}

#socials {
  padding-left:12px;
}

.stitle h2{
  font-family:"MyriadPro-semibold";
  font-size:17px;
}

.stitle img {
  margin-top:8px;
}

div.stitle {
  background:#fff;
  text-align:center;
  padding:0 0 5px 0 ;
}

div.sbox {
  width:220px;
  background:url(images/sbarl-content.jpg) repeat-y;
  margin: 0 0 10px 0 ;    
}

.sbox div {
  padding:5px 10px 5px 10px;
}

.sbox ul {
  list-style:none;
  padding:0;
  margin:0;
}

p.upm_poll_form_question {
  font-weight:bold;
  margin:4px 0 2px 0;
}

#upm_poll_form_submit {
  border:1px solid #333;
  background:#fff;
  padding:3px;
}


ul.box-top {
  margin:0;
  padding:0;
  list-style:none;
}

ul.box-top li {
  float:left;
  height:20px;
  background:url(images/button-left.jpg) left top no-repeat;
  margin-right:0px;
}

ul.box-top li:hover, ul.box-top li.active {
  background:url(images/button-left.jpg) left -20px no-repeat;
}

ul.box-top li a {
    display:block;
    height:18px;
    padding:2px 5px 0px 5px;
    text-decoration:none;
    font-weight:bold;
    letter-spacing:0px;
    background:url(images/button-right.jpg) right top no-repeat;
}

ul.box-top li a:hover, ul.box-top li.active a {
    color:#fff;
    background:url(images/button-right.jpg) right -20px no-repeat;
}


ul.bl {
  list-style:none;
  padding:0;
  margin:0;
}

ul.bl li, .recentcomments {
  background:url(images/dot.png) 5px 9px no-repeat;
  padding:4px 0px 3px 16px;
  color:#494949;
}

ul.bl li a {
  color:#494949;
  text-decoration:none;
  text-transform:lowercase;
}
ul.bl li a:hover {
  color:#0E80B0;
}


li.odd, ul.bl li.odd {
  background-color:#ebeeef;  
}

li.even, ul.bl li.even {
  background-color:#fff;  
}


.recentcomments a {
  color:#494949;
  text-decoration:none;
  text-transform: lowercase;
}

.recentcomments a:hover {
  color:#0E80B0;
}

div.ad-160 {
  padding:5px;
}


/*    footer    */

#footer {
  display:block;
  position:relative;
  margin:40px 0 0 0;
  width:1006px;
  min-height:146px;
  background:#0d0d0d url(images/footer-bg.jpg) center top no-repeat;
}

#footer-menu {
  display:block;
  position:relative;
  width:500px;
  text-align:center;
  margin:5px auto;
  padding:20px 0 0 0;  
}

#footer-menu ul {
  display:block;
  list-style:none;
  padding:0 0 0 60px;
  margin:0;
}

#footer-menu ul li {
  float:left;
  padding:2px 10px 2px 10px;
}

#footer-menu ul li a {
    color:#ddd;
    font-size:14px;
    text-decoration:none;
}

#footer-menu ul li a:hover, #footer-menu ul li.active a {
    color:#fff;
    font-size:14px;
    text-decoration:underline;
}


span.says {
    padding-left:5px;
}

#upm_poll_box {
  padding:0;
}

.fb_edge_widget_with_comment {margin-top:8px;}