/*  

Theme Name: Transmission-01

Theme URI: http://www.nuviotemplates.com/

Author: Vit Dlouhy, Nuvio

Author URI: http://www.nuvio.cz

*/



/* ----------------------------------------------------------------------------------------------------------







    This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates



    



    Structure:



    display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font;







    Content:



    



        1) HTML tags, reset



        2) Universal styles (display, float, margin, text-align...)



        3) Generally HTML styles (table, ul, dl...)



        4) Layout



        5) Page: Home



        Z) Others



        



---------------------------------------------------------------------------------------------------------- */







/* ----------------------------------------------------------------------------------------------------------



1) HTML tags, reset



---------------------------------------------------------------------------------------------------------- */







* {margin:0; padding:0;}



body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}

body {padding:50px 0; background:url("design/bg.gif") 0 0 repeat-x; font:0.8em/1.5 "arial", serif; text-align:center;}







h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}



h1 {font-size:200%;}



h2 {font-size:160%;}



h3 {font-size:140%;}



h1, h2, h3 {font-weight:normal;}



h4, h5 {font-size:100%;}







p, table, ul, ol, dl, fieldset {margin:15px 0;}







table {border-collapse:collapse; border-spacing:0; font-size:100%;}



th {text-align:center; font-weight:bold;}



th, td {padding:3px 7px;}







ul, ol {margin-left:30px;}



ul ul, ol ol {margin:0; margin-left:20px;}



ol {list-style-type:decimal;}



li {display:list-item;}







dt {font-weight:bold;}



dd {margin-left:30px;}







fieldset {position:relative; padding:10px;}



legend {position:absolute; top:-1em; margin:0; padding:5px 10px; font-size:100%; font-weight:bold;}







/* ----------------------------------------------------------------------------------------------------------



2) Universal styles (display, float, margin, text-align...)



---------------------------------------------------------------------------------------------------------- */







.box {min-height:1px;}



.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}







.relative {position:relative;}







.clear {clear:both;}







.f-left {float:left !important;} img.f-left {float:left; margin-right:15px;}



.f-right {float:right !important;} img.f-right {float:right; margin-left:15px;}







.t-left {text-align:left !important;}



.t-center {text-align:center !important;}



.t-right {text-align:right !important;}



.t-justify {text-align:justify !important;}







.va-top {vertical-align:top;}



.va-middle {vertical-align:middle;}



.va-bottom {vertical-align:bottom;}







.nom {margin:0 !important;}



.nomt {margin-top:0 !important;}



.nomb {margin-bottom:0 !important;}







.noscreen {display:none;}







.bigger {font-size:110%;}



.smaller {font-size:85%;}



    



/* ----------------------------------------------------------------------------------------------------------



3) Generally HTML styles (table, ul, dl...)



---------------------------------------------------------------------------------------------------------- */



 



ul.ul-style01 {margin:15px 0; padding:0; list-style:none;}



ul.ul-style01 li {margin:0; padding:0; padding-left:15px; background:url("design/ul-style01.gif") 0 6px no-repeat;} 



   



/* ----------------------------------------------------------------------------------------------------------



4) Layout



---------------------------------------------------------------------------------------------------------- */







#main {width:960px; margin:0 auto; text-align:left;}







    #header {position:relative; width:960px; height:200px; background:url("design/header.jpg") 0 0 no-repeat; overflow:hidden;}



    



        #logo {position:absolute; top:0; right:20px; margin:0; font-size:180%; font-weight:normal; letter-spacing:-1px; text-transform:uppercase;}        



        #logo a {display:block; padding:5px 10px 0 10px; text-decoration:none;}



        #logo span {font-weight:bold;}







    #nav {padding:0 20px; background:url("design/nav-bottom.gif") 0 100% no-repeat; height: 60px;}



    #nav ul {margin:0; padding:0; list-style:none;}



    #nav ul li {margin:0; padding:0;}



    #nav ul li a {padding:10px 10px 10px 10px; text-decoration:none;}



    #nav ul li.current_page_item a, #nav ul li.current_page_ancestor a {border:0; font-weight:bold; text-decoration:none;}



    #nav ul li a:hover {text-decoration:none;}







    #cols-top {clear:both; width:960px; height:15px; margin-top:10px; background:url("design/cols-top.gif") 0 100% no-repeat; font-size:0; line-height:0;}



    #cols-bottom {clear:both; width:960px; height:15px; margin-bottom:10px; background:url("design/cols-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}



    #cols {clear:both; width:960px; background:url("design/cols.gif") 0 0 repeat-y;}



    



        #content {float:left; width:650px; overflow:hidden;}



        #content .content-padding {padding:15px;}



        



        #aside {float:right; width:300px; overflow:hidden;}



        #aside .aside-padding {padding:0 15px;}



        



            #aside .title {margin:0; padding:10px 15px; font-size:100%; font-weight:bold;}







            #aside #search {padding:15px 0; text-align:center;}



            #aside #search #search-input {width:170px; padding:5px; font:normal 100%/1.2 "arial",sans-serif;}



            #aside #search #search-submit {padding:4px 5px; border:0; font:bold 100%/1.2 "arial",sans-serif;}











            



            #aside #archive {margin:5px 0 10px 0; padding:0; width:270px;}



            #aside #archive a {text-decoration:none;}



.box {min-height:1px;}



.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}







.box2 ul {margin:15px 0; padding:0; list-style:none;}



.box2 ul li {margin:0; padding:2px 0 3px 0; background:url("design/dot.gif") 0 100% repeat-x;}



    



            #aside ul#rss {margin:10px 0; padding:0; list-style:none;}



            #aside ul#rss li {display:block; float:left; width:135px; margin:0; padding:0;}



            #aside ul#rss li a {display:block; padding:7px 0 7px 40px; background:url("design/rss.gif") 0 50% no-repeat; text-decoration:underline;}    







    #footer-top {clear:both; width:960px; height:15px; background:url("design/footer-top.gif") 0 100% no-repeat; font-size:0; line-height:0;}



    #footer-bottom {clear:both; width:960px; height:15px; background:url("design/footer-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}        



    #footer {clear:both; padding:0 15px; font-size:85%;}



    #footer p {margin:0;}



    #footer a {font-weight:bold; text-decoration:none;}



    #footer a:hover {text-decoration:underline;}







/* ----------------------------------------------------------------------------------------------------------



5) Page: Home



---------------------------------------------------------------------------------------------------------- */







#topstory {padding:15px 0 15px 15px;}



#topstory h2 {font-size:140%;}



#topstory h2, #topstory p.info  {margin:0;}



#topstory p.info {font-size:85%;}







#topstory #topstory-img {float:left; width:250px; padding-right:10px;}



#topstory #topstory-desc {padding-left: 5px; width:auto;}



#topstory #topstory-title {padding:10px;}



#topstory #topstory-desc-in {padding-right:15px;}



#topstory #topstory-desc-in p {margin-bottom:0;}







#photos {margin-bottom:15px; font-size:0;}



#photos img {display:block; float:left; width:116px; height:90px; border:0; margin-right:8px; margin-bottom:8px;}







.cols50 {background:url("design/dot-02.gif") 50% 0 repeat-y;}







    .col50 {float:left; width:325px;}



    .col50-right {float:right; width:310px;}







        .col50 .article {padding:15px;}



        .col50 .article h4 {margin:0; margin-bottom:3px;}



        .col50 .article p {margin:0;}



        .col50 .article p.info {margin:0; margin-bottom:5px; font-weight:normal; font-size:85%;}







/* ----------------------------------------------------------------------------------------------------------



Z) Others



---------------------------------------------------------------------------------------------------------- */







.hx-style01 {font-size:85%; font-weight:bold; text-transform:uppercase;}







.separator {width:620px; height:50px; background:url("design/separator.gif") 0 0 no-repeat; font-size:0;}







#commentform input {



	width: 170px;



	padding: 2px;



	margin: 5px 5px 1px 0;



	}







#commentform textarea {



	width: 75%;



	padding: 2px;



	}







#commentform #submit {



	margin: 0;



	padding:4px 5px; 



	border:0; 



	font:bold 100%/1.2 "arial",sans-serif;

	}







/* Begin Comments*/



.alt {



	margin: 0;



	padding: 10px;



	background-color: #050F2E;



	}







.commentlist {



	padding: 0;



	text-align: justify;



	}







.commentlist li {



	margin: 15px 0 3px;



	padding: 5px 10px 3px;



	list-style: none;



width:75%;



	}







.commentlist p {



	margin: 10px 5px 10px 0;



	}







#commentform p {



	margin: 5px 0;



	}







.nocomments {



	text-align: center;



	margin: 0;



	padding: 0;



	}







.commentmetadata {



	margin: 0;



	display: block;



	}



/* End Comments */


/* Suckerfish Menu */

#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:40px;
    padding:0;
    margin: 0;
}

#suckerfishnav a {
    display:block;
}

#suckerfishnav li {
    float:left;
    padding:0;
}

#suckerfishnav ul {
    position:absolute;
   /* left:-999px;*/
    width:151px;
    font-weight:normal;
    margin: 0;
    line-height:1;
    border:0;
    background: #050f2e;
    display: none;
}

#suckerfishnav li li {
    width:149px;
}

#suckerfishnav li li a {
    padding:10px;
    width:130px;
    font-size:12px;
    color:#dddddd;
}

#suckerfishnav li ul ul {
    margin:-32px 0 0 150px;
}

#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-9999px;
}

#suckerfishnav li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left: auto;
}

#suckerfishnav li li:hover ul {
    position: absolute;
    top: 90px;
    left: 0;
}

/* * JQuery Tooltip */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 1;
	width: 225px;
	word-wrap: break-word;
}
#tooltip h3, #tooltip div {
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}
#tooltip ul {
	padding: 0;
}
#tooltip li {
	margin: 0 10px;
	width: auto;
}

/* Calendar */
#wp-calendarLarge {
    width: 100%;
    text-align: center;
}