/*
Theme Name: Mediablog theme - "Moon"
Theme URI: http://mediablog.sk/
Description: Thema exkluzivne pre Mediablog.sk. Uz bolo treba upgrade :)
Version: 2.1
Author: Jan Mikulovsky
Tags: simple, easy, variable width, three columns, no-widgets



Po dvoh rokoch, opat nova tema, ozivenie Mediablog-u :)
Informacie jmikulovsky@gmail.com

*/

* {
        margin:0;
        padding:0;
}

body {
        background: url('images/mediablog-bg.jpg') top center #000 no-repeat fixed;
        font-family: "verdana", "Lucida Grande","Trebuchet MS",Verdana,Tahoma,sans-serif;
        margin:0pt auto;
        font-size:12px;
        font-size-adjust:none;
        font-stretch:normal;
        font-style:normal;
        font-variant:normal;
        font-weight:normal;
        line-height:1.6em;
        color:#1E1E1E;
        -x-system-font:none;
        max-width:96em;
        min-width:870px;
        
}

/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}



#logo {
        padding-left:20px;
        margin-bottom:70px;
        margin-top:30px;
        cursor:pointer;
        
}

a {
        color:#0040B6;
}

#pagewidth {
        min-width:820px;
        overflow:hidden;
        position:relative;
        width:100%;

       /* border:1px solid red;*/
       
}

#top-nav {
        margin-top:10px;

}
#top-nav ul {
        padding-left:25px;
        text-align:left;
        width:100%
        margin-top:10px;
        height:50px;
}
#top-nav ul li{
        list-style-type: none;
        color:#fff;
        padding-right:15px;
        font-size:11px;
        float:left;
}

#top-nav ul li a {
        text-decoration:none;
        color:#f0f0f0;
        
}
#top-nav ul li a:hover {
        text-decoration:underline;
}



#main {
        background: #FFFFFF url('images/bg.jpg') repeat-y scroll 100%;
        overflow:hidden;
        padding:0pt 455px 20px 0pt;
        margin-top:0px;
        margin-left:10px;
        margin-right:10px;
        #height:100%;
}




#leftcol {
        float:left;
        /*margin-top:115px;*/
        overflow:hidden;
        width:100%;
        padding-top:20px;
}

#rightcol {
        display:inline;
        float:right;
        margin:0pt -475px 0pt 0pt;
        position:relative;
        width:455px;
        #margin-left:20px;

}
/* --------------------------------------------------------------- */
/* ME SLUBZBy                                                      */
/* --------------------------------------------------------------- */

#mediablog-services {
        text-align:center;
        margin-bottom:20px;
        padding-bottom:10px;
        margin-top:20px;

}
#mediablog-services img{
        margin:13px;
        margin-top:0px;

}
#mediablog-services a {
        text-decoration:none;

}

.tabs-container {custom.css (line 63)
border-color:-moz-use-text-color #CCCCCC rgb(204, 204, 204);
border-style:none solid solid;
border-width:0pt 1px 1px;
clear:left;
padding:20px 8px 0pt;
}

.mb-services {
        width:95%;
         border:1px solid red;
        background: url('images/services-bg.jpg') #fff
        border:1px solid #505050;
        margin-left:25px;
        margin-bottom:20px;
}
.mb-services table {
        color:#fff;       
}

.mb-services h2 {
margin-bottom:20px;
}
.mb-services table div {
        margin:20px;

}
.mb-services img {
        margin:10px;
}
.mb-services .navigation table{
        width:100%;
        text-align:center;
  
}

.mb-services .navigation table a {
        color:white;
        display:block;
        height:30px;
        line-height:30px;
                /*background-color:#000;*/
        margin:0;
        text-decoration:none;
        font-weight:bold;
}
.mb-services .navigation table a:hover {
        color:white;
        display:block;
        height:30px;
        line-height:30px;
        background-color:#000;
        margin:0;
        text-decoration:underline;
}
.s-orange {
        color: rgb(247,128,44);    
}
.s-blue {
        color:rgb(146,196,252);      
}
.s-brown {
        color:rgb(192,165,117);
}


/* --------------------------------------------------------------- */
/* NOVINKY                                                         */
/* --------------------------------------------------------------- */


#news  {
        font-size:11px;
        font-family:'Helvetica','Arial';
        color:#68274E;
        color:#202020;
        padding-left:10px;
        padding-right:10px;
        width:390px;

}

#news   h2 {
        font-size:15px;
        margin-bottom:10px;
        background: url('images/news-32.png')  no-repeat right top;
        padding-right:30px;
        line-height:32px;
        height:32px;
        width:70px;
        /* color: #e64117; */
}

#news  .add {
        font-weight:bold;
        color: #e64117;
        
}
#news .add a{
        color:  #202020;
}
#news .add a:hover{
        text-decoration:none;
}

#news a:hover {
        text-decoration:none;
}

#news  .text {
        border-bottom: 1px solid #DBBACE;
        padding-bottom:5px;
        margin-bottom:10px;
        /*padding-left: 25px;*/
        height:1%;
}
#news .text a {
        font-weight:normal;
        color:#505050;
        font-weight:bold;
}
#news .text a:hover {
        text-decoration:none
}

#news .add a {
        background: url(images/icon_comment.gif) left no-repeat;
        padding-left:15px;
}
#news b.com {
        font-weight:bold;
        color: #e64117;      
}
#news  .text img {
        float:right;
        /*margin-left:5px;*/
        border:0px solid #505050;
}



#content {
        padding-left:25px;
        padding-right:10px;
        line-height:1.72em;
        /*margin-top:35px;*/

        
}

#content h2, #content h1 {
        -x-system-font:none;
font-family:Helvetica,Arial,sans-serif;
font-size:30px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;




}

#content  h2 {
        font-size:33px;
}


#content div h2 a {
        color:#9CAA3B;
        text-decoration:none;
        background:transparent none repeat scroll 0 0;
        border:0 none;
        color:#9CAA3B;
        font-weight:normal;
        outline-color:-moz-use-text-color;
        outline-style:none;
        outline-width:medium;
        text-decoration:none;
}

#content div h2 a:hover {
        color:#9CcA3B;

        
}

#content h3 {
        margin-top:30px;
        size:80%;
        color:#505050;
        font-size:20px;
        margin-bottom:10px;
        font-style:none;
        
        font-size-adjust:none;
        font-stretch:normal;
        font-style:normal;
        font-variant:normal;
        font-weight:normal;
        line-height:normal;
}

#content ul {
        margin-left:50px;
}

#content .top {
        margin-top:5px;
        margin-bottom:20px;
        background: url('images/ico-published.gif') no-repeat left;
        padding-left: 20px;
        color: #909090;
        font-size:10px;
        
}
#content div a {
        /*color:  #0040B6; */
        font-weight:bold;
}
#content div a:hover {
        color:#cc0000;
        
}
#content div  img {
        /*margin: 10px;*/
        /*border:0px solid #505050;*/?p=423
}

#content div p {
        margin-top:10px;
}

#content .post {
        margin-bottom:40px;
}


.clearer2 {
    clear:both;
    height:1px;
    overflow:hidden;
}



.clearer {
        clear:both;
        font-size:1px;
        height:0px;
        line-height:0px;
        padding:0pt;
}




.center {
        width:100%;
        text-align:center;
}

.left {
        width:100%;
        text-align:left;        
}

.right {
        width:100%;
        text-align:right;        
}

#round-top {
        background: url('images/round_top.gif') no-repeat scroll left top ;
        height:7px;
        /*width:100%;*/
        margin: 0px 10px 0 10px;
        width:1126px;
        /*float:left;*/

}

#round-top .r{
        background:  url('images/round_top_r.gif') no-repeat scroll right top;
        
        height:7px;
        width:7px;
        margin-left:1125px;
       /* float:left;*/
       
       
}


#round-bottom {
        background: url('images/round_bottom.png') bottom left no-repeat;
        margin:0px;
        padding:0;
        height:7px;
        margin: 0px 10px 20px 10px;
}
#round-bottom .r {
        background: url('images/round_bottom_r.png') bottom right no-repeat;
        height:7px;
        }

#rightcol .two {
        margin:20px 0 0 0;
        overflow:hidden;
        width:414px;
}

#rightcol .two .left {
        float:left;
        width:201px;
        
}
#rightcol .two .right {
                float:right;
                width:201px;
                text-align:left;
                
}

#rightcol .two .box {
                    background-color: #fff;
          	width: 194px;
          	margin: 0 0 12px 0;
          	padding: 4px 0;
          	border-left: 1px solid #eee;
          	border-right: 1px solid #eee;
          	border-top: 4px solid #E8E8E8;
          	border-bottom: 4px solid #E8E8E8;
                    -moz-border-radius: 4px;

}
          #rightcol h3,
          #rightcol .two .box h3 {
          	color: #e64117;
          	margin: 0.3em 0 0.4em 10px;
          	font: 1.5em Helvetica, Trebuchet MS, Arial, sans-serif;
          }
          #rightcol h3 {
          	margin: 0;
          }
          #rightcol .two .box ul {
          	margin: 0;
          	padding: 0;
          	list-style: none;
          	overflow: hidden;
          	font-size: .92em;
          	width: 194px;
          	line-height: 1.8;
          }
          #rightcol .two .box ul li {
                    width:194px;
                    float: left; 
                    margin: 0;
                    padding: 0;
                    border-top: 1px solid #F0F0F0;
          }
          #rightcol .two .box ul a {
          	padding: 2px 0 2px 10px;
          	display: block;
          	text-decoration: none;
          	color: #444;
          }
          #rightcol .two .box ul li.inline {
               padding-left: 8px;
          }
          #rightcol .two .box ul li.inline a {
               padding: 2px;
               line-height: 2.1em;
               display: inline; 
          }
          #rightcol .two .box ul a:visited {
                    background-color: #F7F7F7;
                    text-decoration: none;
          }
          #rightcol .two .box ul li:hover a:visited {
                    text-decoration: underline;
          }
          
          #rightcol .two .box ul a:active {
                    background-color: #F5F5F5;
                    outline: none;
          }
          
          #rightcol .two .box ul a:focus {
                    outline: none;
          }
          #rightcol .two .box ul a:hover {
                    text-decoration: underline;
                    border: 0;
          }
 
 
 /******** ONE ***********/
 #rightcol .one .box h3 {
 	color: #e64117;
 	margin: 0.3em 0 0.4em 10px;
 	font: 1.5em Helvetica, Trebuchet MS, Arial, sans-serif;
 }
 #rightcol h3 {
 	margin: 0;
 }
 #rightcol .one .box ul {
 	margin: 0;
 	padding: 0;
 	list-style: none;
 	overflow: hidden;
 	font-size: .92em;
 	width: 408px;
 	line-height: 1.8;
 }
 #rightcol .one .box ul li {
           width:408px;
           float: left; 
           margin: 0;
           padding: 0;
           border-top: 1px solid #F0F0F0;
 }
 
 #rightcol .one .box ul li ul li {
         padding-left:10px;
                
 }
 
 #rightcol .one .box ul li ul li a {
        
                
 }
 #rightcol .one .box ul a {
 	padding: 2px 0 2px 10px;
 	display: block;
 	text-decoration: none;
 	color: #444;
 }
 #rightcol .one .box ul li.inline {
      padding-left: 8px;
 }
 #rightcol .one .box ul li.inline a {
      padding: 2px;
      line-height: 2.1em;
      display: inline; 
 }
 #rightcol .one .box ul a:visited {
           background-color: #F7F7F7;
           text-decoration: none;
 }
 #rightcol .one .box ul li:hover a:visited {
           text-decoration: underline;
 }
 
 #rightcol .one .box ul a:active {
           background-color: #F5F5F5;
           outline: none;
 }
 
 #rightcol .one .box ul a:focus {
           outline: none;
 }
 #rightcol .one .box ul a:hover {
           text-decoration: underline;
           border: 0;
 }
 
 #rightcol .one .box {
                     background-color: #fff;
           	width: 408px;
           	margin: 0 0 12px 0;
           	padding: 4px 0;
           	border-left: 1px solid #eee;
           	border-right: 1px solid #eee;
           	border-top: 4px solid #E8E8E8;
           	border-bottom: 4px solid #E8E8E8;
                     -moz-border-radius: 4px;

 }
 #rightcol .one p {
         margin-bottom:13px;
 }
#categories {
        background:#f0f0f0;
        border:1px solid #c0c0c0;
        width:390px;
        margin-left:9px;
        margin-top:20px;
        margin-bottom:20px;
        padding:10px;
        padding-left:8px;
}
#categories a{
        font-size:17px;
        line-height:1.5;
        padding-left:2px;
}

#categories a:hover{
        text-decoration:none;
}


input.search_input {
        background:transparent url('images/icon-search.gif') no-repeat scroll left top;
        border:1px solid #BBBBBB;
        font-size:12px;
        height:15px;
        margin:0pt 0pt 8px;
        padding:3px 0px 3px 20px;
        width:380px;
        color:#505050;
}

#searchbox {
        padding:0 15px 10px 10px;
        margin-bottom:10px;


}
#searchbox  h2 {
        font-size:13px;
        padding-right:30px;
        line-height:32px;
        height:32px;
        width:70px;
        color: #707070;

 }

#footer {
        width:100%;
        background: url("images/footer.jpg");
        text-align:center;
        color:#808080;
        margin-bottom:0px;
        height:100px;
}

#footer a {
        color:#fff;
}
#footer a:hover {
        text-decoration:none;
}

#comments {
        margin-top:40px;
        padding-top:20px;
        border-top: 1px solid #f0f0f0;
}

#comments h2 {
        color:#505050;
        font-size:25px;
        margin-bottom:20px;
}
#comments ul {
        list-style:none;
}
#comments ul li {
        -moz-border-radius-bottomleft:5px;
        -moz-border-radius-bottomright:5px;
        -moz-border-radius-topleft:5px;
        -moz-border-radius-topright:5px;
        background-color:#F3F7FB;
        border:1px solid #CDDFEF;
        line-height:1.6em;
        margin:0px 0pt 20pt 0em;
        /*padding:1px 20px 13px;*/
        position:relative;
        width:100%;
        color: #333333;
}
#comments ul li p {
        margin:20px;
        margin-top:5px;
}

#comments ul li a{
        color:#333333;
}

#comments li div  {
        background-color:#E4ECF6;
        border-bottom:2px solid #FFFFFF;
        margin:-20 0px -20 0px;
        padding:5px 15px 5px 20px;
}


#write-comment {
        padding:10px;
        padding-left:20px;
        background: #efefef;
        
}

#write-comment textarea {
        width:98%;
}

blockquote {
        padding-left:30px;
        font-style:italic;
        border-left:3px solid #f0f0f0;
        color:#606060;
        font-family:Georgia;
        font-size:110%;
}