/* Theme Name: Mediacentrum Theme Theme URI: http://www.mediacentrum.cz/ Description: Default universal settings Mediacentrum theme. Do not modify without team decision Author: the Mediacentrum Group a.s. team Version: 3.1 License: Corporate, any License URI: license.txt Tags: default, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, editor-style, custom-menu */ /* CSS Reset @ http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */ html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,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, article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary, time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} /* HTML5 display-role reset for older browsers */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after, q:before,q:after{content:'';content:none;} strong{font-weight: bold;} table{border-collapse:collapse;border-spacing:0;} html {min-height: 100%;} body {background: #E5E2DD url(images/body2-bg2.png) repeat-x left top; color:#000; font-family: Tahoma; font-size:62.5%; margin: 0px; width: 100%;} /*body.home {background: #E5E2DD url(images/body2-bg2.png) repeat-x left top;}*/ body.home {background: #E5E2DD;} body div.page-decoration {background: transparent url(images/content2-bg2.jpg) no-repeat center -3px; padding-top: 0px; margin: 0px auto; } body.home div.page-decoration {background: transparent url(images/content-bg.jpg) no-repeat center -3px; margin: 0px; } body div.page-decoration2 {background: transparent url(images/footer-bg.png) repeat-x left bottom; } #accessibility, #languages strong{height:1px; left:-1000px; overflow:hidden; position:absolute; top:-1000px; width:1px; }/* neměnit na display:none - nepřečtou to čtečky!!! */ hr {background: #333333; border: none; clear: both; display: block; height: 1px; margin: 10px 0px; overflow: hidden; width: 100%;} .item {margin-bottom: 0.5em; position: relative;} .half {width: 50%; } .third { width: 33.33%;} .quarter {width: 25%;} .cleaner { clear: both; display: block; margin: 0; padding: 0; } .alignright img{ margin: 0px 0px 0px 10px ;} /* ------------------------------------------------------- */ #content{margin:0px auto;position:relative;text-align:left;width: 980px; } #page { margin-bottom: 0px; min-height: 900px; padding-bottom: 24px; position: relative;} /*.home #page { background:transparent url(images/page.png) no-repeat center bottom;} */ /* ---------------- header ---------------- */ #header {background: transparent no-repeat right top; height: 190px; margin-bottom: 190px; position:relative; width: 954px; width:100%;} .home #header {margin-bottom: 455px;} #header #logo a {background: transparent url(images/logo.jpg) no-repeat -9px top; left: -10px; padding: 113px 0 0 315px; position: relative; top: 13px;} #header #slogan{ color: #000; font-size: 210%; left: 600px; position: absolute;top: 95px;} #logo a{background:transparent url() no-repeat left top;position:absolute; width:0; height:0; display:block; padding:100%; overflow:hidden; } /* ---------------- main ---------------- */ #main{left: 0px; float:left; padding: 10px 20px 10px 0px; position:relative; width: 630px;} .page-template-page2-php #main{padding-right: 0px; width: 980px;} #main nav {clear: both;} #main div.excerpt { background: url(images/sipka.png) no-repeat left center; clear: both; color: #fff; font-size: 11px; padding: 0px 0px 0px 30px; position: absolute; top: -160px;left: 0px; text-align: left; width: 700px;} .home #main div.excerpt {font-size: 120%; left: 0px; top: -430px;} /* ---------------- submain ---------------- */ #submain{height: auto; margin: 0; padding: 0; position: static;width: auto; } .home #submain {height: 290px; left: 0px; padding: 0px; position: absolute; top: 320px; width:100%;} .home #submain .widget {float: left; height: 269px; margin: 0 0.4em 0 0.4em; overflow: hidden; padding: 0px ; position: relative; text-align: left; width: 317px; width: 32.5%;} /*.home #submain .widget:last-child{margin-right: 0px;}*/ .home #submain .widget h3{ color: #fff;font-size: 200%; font-weight: normal; padding: 0px; position: absolute; top:180px; left 10px;} .home #submain .widget div{color: #fff; height: 265px; padding: 10px 10px 10px 10px; width: 297px; width: 94%;} .home #submain .widget div a{ color: #fff; text-decoration: none; } .home #submain .widget div a:hover{text-decoration: underline;} .home #submain .widget div.kdo-jsme{ width: 100%; padding: 0px ; } .home #submain .widget div.box1{background: url(images/m1.jpg) no-repeat center center; position: relative;} .home #submain .widget div.box2{background: url(images/m2.jpg) no-repeat center center; position: relative;} .home #submain .widget div.box3{background: url(images/m3.jpg) no-repeat center center; position: relative;} .home #submain .widget p{margin: 0px ;} .home #submain .widget li {display: block;float: left; width: 237px;} .home #submain .widget a{display: block; padding-top: 200px; width: 100%; } /* ---------------- side ---------------- */ #side{float:left;left: 10px;margin: 0 0 0px 0; padding: 0 0 0px 0;position:relative; top: 0px;width: 320px;z-index: 5; } #side .widget {margin-bottom: 10px;} #side #text-4, #side #text-5 {background: #f1f0ec; padding: 10px; min-height: 240px;} .home #side #text-4 {background: transparent; margin-top: 65px;} #side #text-4 h3, #side #text-5 h3{color: #000000; font-size: 22px; padding: 0px; } #side h3 {padding-left: 0;} #notes-postwidgets-6 a, #notes-postwidgets-7 a{ background: transparent url(images/button1.jpg) no-repeat left top; color: #fff; display: block; height: 59px; font-size: 18px; font-weight: normal; padding: 15px 20px;text-decoration: none; width: 280px;} .home #notes-postwidgets-6 a{ margin-top: 60px; } #notes-postwidgets-7 a{ background:transparent url(images/button2.jpg) no-repeat left top; } #notes-postwidgets-6 a strong, #notes-postwidgets-7 a strong{font-size: 26px;font-weight: normal; line-height: 1.3em;} /* ---------------- otherside ---------------- */ #otherside{float:left;display: none;position:relative; } /* ---------------- footer ---------------- */ #footer{clear:both; height: 360px; padding: 130px 0px 0 0; width:100%; } #copy, #links,#developer { color: #ffffff; line-height: 1em; padding: 0 20px; white-space: nowrap;} #copy a, #links a, #developer a { color: #ffffff; } #developer {padding-left: 40px;} #footer .widget.Notes_PostWidgets { bottom: 63px; height: 150px; left: 20px; overflow: hidden; position: absolute; width: 690px;} #footer #notes-postwidgets-8{ bottom: 370px; height: 50px; left: 0px; position: absolute;} #footer .widget.Notes_PostWidgets p { margin: 0; padding: 0;} #footer .widget_nav_menu, #footer .widget_text{color: #fff; float: left; margin-top: 20px; width: 200px;} #footer .widget_text{ color:#9f9797;} #footer .widget_text a{color: #fff;} #footer .widget_nav_menu a {color: #fff;} #footer .widget_nav_menu h3, #footer .widget_text h3{color: #ffa100; font-size: 16px; font-weight: normal; padding: 0px;} #footer .menu a{line-height: 2em; text-decoration: none; } /* ---------------- language ---------------- */ #languages{position:absolute;right:0;top:0; } #languages ul, #languages li {display:inline} #languages ul li {font-size:90% !important;font-family: sans-serif;} #languages li.current {font-weight: bolder;} #languages a {text-decoration: none; padding:0 0.5em} #languages a:hover {text-decoration: underline;} /* ---------------- text ---------------- */ p,li,td,th,label,input,dd,dt,time, address {font-size:130%;} td p,th p,td li,th li,li li,p label,li label,label input,p input,li input,p time, li time{font-size:100% !important} h1, h2, h3, h4, h5, h6{color: #73462b; font-weight:normal; line-height:1.5em;margin:0;} h1 {color: #3d2d31; font-size: 220%; font-weight: normal; padding: 5px 0px; margin: 0px;} h2 {font-size: 180%} h3 {font-size: 140%} .none h3{display: none; } h6 {font-family: inherit; font-weight: normal; color: inherit; font-size: 100%; margin: 0; padding: 0} a{text-decoration:underline;} a:hover{text-decoration:none;} a img{border:none;} p, address { line-height: 1.3em; margin: 0.5em 0;} #side p {margin: 3px 0px; clear:both;} #main a {color: #950613;} #main p {line-height: 1.3em; padding: 5px 10px; margin: 0;} blockquote, time, em {font-style: italic;} /* ---------------- img a gallery ---------------- */ .right, .alignright {float: right; margin: 1em 0 1em 1em;} .left, .alignleft {float: left; margin: 1em 1em 1em 0;} .centered, .aligncenter {display:block; margin: 0px auto;} .wp-caption {background: white; border: solid 1px #bbb; -moz-box-shadow: 5px 5px 0px rgba(153,153,153,.5); -webkit-box-shadow: 5px 5px 0px rgba(153,153,153,.5); box-shadow: 5px 5px 0px rgba(153,153,153,.5);} .wp-caption.alignleft {margin-right:1.5em;} .wp-caption img {margin: 2px; border:3px solid white;} .wp-caption a:hover img {border:3px solid navy;} #main .wp-caption p {margin: 5px;} .thumbnail {height: 120px; float: left; padding-right: 30px; position: relative; width: 160px;} .thumbnail img { bottom: 0; left: 0; margin: auto; position: absolute; top: 0; right: 0; vertical-align: middle;} #main .post-preview-img { background: white; display: inline; float: right; margin: 0 0 20px 20px; padding: 10px; width: 300px; -webkit-box-shadow: 0px 0px 7px 0px #666666; -moz-box-shadow: 0px 0px 7px 0px #666666; box-shadow: 0px 0px 7px 0px #666666;} #main .post-gallery {border-bottom: 1px solid #ddd2cb; border-top: 1px solid #ddd2cb; clear: both; margin: 0 0 20px 0; padding: 10px 0;} #main .post-gallery a {margin: 3px; } /* ---------------- seznam ---------------- */ li {line-height: 1.3em; margin: 0.2em 0;} #main ul, #main ol {list-style: disc;margin-left: 4em; } #main ol {list-style: decimal;} #main ol ol {list-style: lower-alpha;} #main ol ol ol {list-style: lower-roman;} #main ol ol, #main ol ul, #main ul ol, #main ul ul {margin-left: 2em;} #main ul li {list-style: disc;} #main dl{ margin: 1em 0; width: 100%;} #main dt{ font-weight: bolder; } #main dd {margin-left: 3em; } /* ---------------- menu ---------------- */ .menu li{display:inline;} .menu li a{display:block;} #menu {height: 64px; left: 0px; padding: 0px; position: absolute; top: 142px; width: 980px; z-index: 10;} #menu menu {margin: 0; padding: 0; position: relative;} #menu li { display: inline; height: 64px; float: left; font-size: 100%; margin: 0 1px 0 0;padding: 0; position: relative; width: auto; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;} #menu li:hover, #menu li.current-menu-ancestor, #menu li.current-menu-item {height: 64px; padding-top: 0;} #menu li a {color: #ffffff; display: inline;float: left; font-size: 130%; height: 64px; line-height: 74px; padding: 0 1.5em; position: relative;text-decoration: none; text-transform: uppercase; width: auto;} #menu li.current-menu-ancestor a, #menu li.current-menu-item a, #menu li:hover a, #menu li a:hover {background:rgba(238, 46, 36, 0.7); border-radius: 5px 5px 0px 0px; color: #ffffff; text-decoration: none; -webkit-border-radius: 5px 5px 0px 0px;} #menu .sub-menu {background: #C02323; display: none; display: none;left: 0; margin: 0; padding: 0 0 8px 0;position: absolute; top: 64px; width: 200px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #menu li:hover .sub-menu {display: block;} #menu li:hover .sub-menu li, #menu li.current-menu-item .sub-menu li, #menu .sub-menu li {background: none; display: block; float: none;font-size: 100%; height: auto; line-height: 1em; margin: 0;padding: 0;position: relative; top: 0;} #menu .sub-menu li a, #menu .sub-menu li a:hover {background: none; border-radius: 0; color: #ffffff; display: block; float: none; font-size: 130%; height: auto; line-height: 1.3em; padding: 5px; text-align: left; text-decoration: none; width: auto; -webkit-border-radius: 0;-moz-border-radius: 0;} #menu .sub-menu li a:hover {text-decoration: underline; } #menu .sub-menu .sub-menu{display: none;left: 195px;position: absolute;top: 0px;} #menu li:hover .sub-menu .sub-menu {display: none;} #menu li .sub-menu li:hover .sub-menu {display: block;} /* ---------------- breadcrumb ---------------- */ #breadcrumbs {color: #950613; display: block; font-size: 110%; height: 41px; left: 0px; line-height: 41px;margin: 0; padding: 0 320px 0 0px; position: absolute; top: 360px; width: 606px;white-space: nowrap;} .home #breadcrumbs {display: none;} #breadcrumbs a {color:#950613;} /* ---------------- search ---------------- */ .widget_search {height: 50px; padding-left: 25px; position: absolute; top: 23px; right: 0px; width: 250px;} .widget_search h3 { height: 0; line-height: 0; overflow: hidden; position: absolute; width: 0;} .widget_search label {display: none;} .widget_search form {padding: 14px 0px 0 10px;} .widget_search input { background: #d7cfc3; border: 1px solid #fff; height: 25px; line-height: 25px; margin: 0;padding: 0 5px; width: 170px;} .widget_search #searchsubmit { background: #66142e; border: none; color: #ffffff; cursor: pointer; float: right; font-size: 100%; font-weight: normal; overflow: hidden; padding: 0 5px; position: relative;top: 0px; width: 55px;} .widget_search #searchsubmit:hover {background-color: #d54202;} #main #searchform {margin-top: 0;} #main #searchform label { font-weight: bold; height: 30px;line-height: 30px;} #main #searchform #searchsubmit { background: #151515 ; border: 1px solid rgba(255, 255, 255, .4);color: #ffffff; cursor: pointer; font-size: 120%; font-weight: normal;overflow: hidden; padding: 0 5px; width: 65px;} #main #searchform #searchsubmit:hover {background-color: #ac0000; background-position: 0 -27px;} /* ---------------- table ------------------------*/ table{border:solid 1px #aaaaaa; margin:0 auto;} table.none{border:0px } table.none td{border:10px solid #E5E2DD;} table th{font-weight:bolder;} table td, table th{padding:0.5em; text-align:left; vertical-align: top; } table thead tr th{background-color:#ffffff; border-bottom:solid 1px #aaaaaa; text-align:center} table thead tr td{background-color: #ffffff url(images/h2.png) repeat-x left top; border-bottom:solid 1px #aaaaaa; text-align:center; font-weight: bold;} table tbody tr:nth-child(odd){background-color:rgb(244,244,244); background-color:rgba(244,244,244,.7); } table.none tbody tr:nth-child(odd){background-color:#F7F6F5; } table tbody tr:nth-child(even){background-color:rgb(255,255,255); background-color:rgba(255,255,255,.7); } /*table tbody tr:nth-child(odd):hover{background-color:rgb(255,191,85); background-color:rgba(255,191,85,.7); } table tbody tr:nth-child(even):hover{background-color:rgb(255,191,85); background-color:rgba(255,191,85,.7); } */ table col:nth-child(odd){background-color:#cfcfcf; } table col:nth-child(even){background-color:#ffffff; } table col:first-child{background-color:#FfBf55; } table tbody td{text-align:left; } table h2{text-align: center;} #main table.none p a{ text-decoration: none; color:#000;} #main table.none p a:hover{ text-decoration: underline;} #main table.none img.alignright {margin-top: 0px;} /* ---------------- form ---------------- */ #side input,#otherside input, #side select, #otherside select, #side textarea, #otherside textarea { width: 90%;} #main form {font-size: 100%; margin-top: 30px; padding: 30px 0;} #main form legend { color: #950613; font-size: 140%; line-height: 1.5em;margin: 0 10px 10px 10px;padding: 0 20px 10px 20px;} #main form input, #main form textarea {background: #F5F2EF; border: 1px solid #DDD2CB; border-radius: 3px;font-size: 130%; height: 120px;line-height: 1.5em; margin-left: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; width: 350px;} #main form input {height: 2em;line-height: 1.5em;} #main form span.label, #main form label { clear: both; display: inline; font-weight: bold; line-height: 30px; float: left; padding-right: 10px; text-align: right; width: 140px;} #main form .wpcf7-checkbox, #main form .wpcf7-radio { display: block; } #main form .wpcf7-checkbox label, #main form .wpcf7-radio label { display: block; float: none;font-weight: normal; height: auto; line-height: 1em; padding: 3px 10px 3px 150px; text-align: left; width: auto;} #main form .wpcf7-checkbox label input, #main form .wpcf7-radio label input {float: left;} #main form .wpcf7-checkbox label span, #main form .wpcf7-radio label span {display: inline; float: left; padding: 9px 0 3px 3px;} #main form span.hint { color: #950613; font-style: italic; } #main form span.hint.long { padding-left: 150px; } #side form p.submit {text-align: center;} #main form p.submit {padding-right: 41px; text-align: right;} #side form p.submit input.Buttons, #main form input#submit, #main form .submit input {background: #f48801;border: none; color: #ffffff; cursor: pointer; font-size: 120%; font-weight: bold; line-height: 1em; overflow: hidden; padding: 5px 10px; position: relative; width: auto;} #side form p.submit input.Buttons:hover, #main form input#submit:hover, #main form .submit input:hover { background-color: #d54202; background-position: 0 -27px;} #side form input, #side form textarea{ background: #d7cfc3; border: 1px solid #fff ;float: right;margin-bottom: 3px; padding: 5px; width: 190px;} #side form textarea{height: 60px; } #side form .wpcf7-submit{ background: #66142e; color: #fff;float: right;width: 100px; } #side form label{ display: block; float: left; line-height: 28px ;width: 90px; text-align: right;} #side span.wpcf7-not-valid-tip {clear:both;display:none;width: 180px;height: 40px;position:relative; top:28px;} #side form label.posun-dolu {position: relative; top:28px;} .wpcf7-response-output, .message, .info, .success, .warning, .error, .validation { font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size: 120%; border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; } .info {background-image: url('images/icons/info.png'); background-color: #BDE5F8; color: #00529B;} .wpcf7-display-none { display: none} .wpcf7-mail-sent-ok, .success {/* background-image:url('images/icons/success.png');*/ background-color: #DFF2BF; color: #4F8A10;} .warning { background-image: url('images/icons/warning.png');background-color: #FEEFB3; color: #9F6000;} .wpcf7-validation-errors, .wpcf7-spam-blocked, .wpcf7-mail-sent-ng, .error { color: #D8000C; } .wpcf7-not-valid-tip, .wpcf7-not-valid-tip-no-ajax {background-color: #FFBABA;border: 1px solid; color: #D8000C; padding: 0 0.5em;} .wpcf7-response-output{clear: both;} /* ---------------------- aktualne -------------------------*/ .aktualne{height: 280px;} .aktualne img{float: left; margin: 0px 10px 10px 0px; position: relative; top: -20px;} .aktualne article{ clear: both; float: left; width: 100%; } .aktualne h4{ font-size: 150%; padding-left: 90px;} /* -------------------------- navigace ----------------- */ #main .pagination, #main .navigation {clear: both; height: 35px; line-height: 35px; padding-top: 15px; position: relative; text-align: center;} #main .navigation li {display: inline; list-style: none;} #main .navigation li a { color: #950613; display: inline; font-size: 100%; margin: 0px 2px; text-align: center; text-decoration: none; width: 20px;} #main .navigation li.nav-next a {text-align: left;} #main .navigation li.nav-previous a { text-align: right; } #main #nav-comments-start {display: none; } #main .navigation li a:hover { text-decoration: underline; } #main .navigation li.nav-previous a { float: right; } #main .navigation li.nav-previous a:after {content: " »";} #main .navigation li.nav-next a { float: left;} #main .navigation li.nav-next a:before {content: "« ";} .home #main #nav-end, #main #nav-start {display: block; height: 0; line-height: 0; margin: 0; overflow: hidden; padding: 0; position: absolute; visibility: hidden; width: 0;} /* --------------------- komentare ------------------------*/ #main #comments { clear: both; margin-top: 20px; padding-top: 10px;} #main #comments .nocomments {display: none;} #main #comments-title { border-top: 1px solid #ddd2cb; padding-top: 10px;} #main #respond p.comment-form-url {display: none;} #main .commentlist { margin-left: 10px; padding: 0;} #main .commentlist li {list-style: none; padding: 5px 10px;} #main .commentlist li.odd {background: #F5F2EF;} #main .commentlist li p {font-size: 100%; margin-top: 3px; padding: 0 30px 0 0;} #main .commentlist li .comment-author cite { font-size: 110%;font-weight: bold;} #main .commentlist li .commentmetadata a {text-decoration: none;} #main .commentlist li .commentmetadata a:hover { } #main #commentform { margin-top: 0; padding-top: 5px; } #main #commentform label {display: inline-block; padding-right: 5px;text-align: right; vertical-align: top; width: 120px;} #main #commentform .form-allowed-tags {display: none;} #main #reply-title {padding-top: 40px;} /*.blog #main article, .search #main article, #main article.archive-article { background: #ffffff; margin-bottom: 5px; min-height: 117px; padding: 0 5px 5px 160px;} #main article header h2 { padding-left: 10px;} .blog #main article h2, .search #main article h2, #main article.archive-article h2 { font-size: 160%; line-height: 24px; margin: 0 -4px 0 -160px; padding: 5px 10px 5px 165px;} .blog #main article a.prev-img, .search #main article a.prev-img, #main article.archive-article a.prev-img {background: #ffffff; left: 12px; padding: 1px; position: absolute; top: 10px;} .blog #main article a.prev-img:hover, .search #main article a.prev-img:hover, #main article.archive-article a.prev-img:hover {background: #999999;} .blog #main article a.prev-img img, .search #main article a.prev-img img, #main article.archive-article a.prev-img img {display: block; margin: 0; max-height: 91px; max-width: 138px; padding: 0;} .blog #main article h3, .search #main article h3, #main article.archive-article h3 {margin: 0; padding: 5px;} .blog #main article p, .search #main article p, #main article.archive-article p { font-size: 120%; margin: 0; padding: 5px;text-align: left;} .blog #main article footer, .search #main article footer, #main article.archive-article footer { font-size: 120%; line-height: 1.4em; margin: 0; padding: 5px;} .blog #main article footer time, .search #main article footer time, #main article.archive-article footer time {font-size: 100%; font-style: normal; font-weight: bold;} .page #main article section.content, .single #main article section.content { margin-bottom: 5px; padding: 5px 10px;} .single #main article footer {font-size: 120%; line-height: 1.4em; margin: 0; padding: 5px;} .single #main article footer time { font-size: 100%;font-style: normal; font-weight: bold;} */ .archive .article, .archive article { clear: both; display: block; float: left; padding-bottom: 10px; width: 100%; border-bottom: 1px dotted #fff;} .archive article h2{ text-indent: 120px;} article.category-reference h2{ text-indent: 10px;} .category-reference #main footer{display: none;} .archive article img{position: relative;top: -20px;} .archive article a{margin: 0 1em 0 0;} #extra-text-1{float: left; padding: 20px 0px; text-align: center;width: 100%;} /*#text-3{height: 300px;}*/ /* ------------------------------------------------------------------------------------------------------------------------------------------*/ @media only screen and (max-width:800px) { #content{ width: 800px;} #header #slogan {font-size: 160%;} #main{ padding: 10px 20px 10px 10px; width:430px} #menu {width: 800px;} #menu li a { padding: 0 1.4em; } /*.home #submain .widget div{width: 200px;} */ .home #submain .widget{ width: 31.5%;} .home #page { background:none} p, li, td, th, label, input, dd, dt, time, address {font-size: 120%;} #footer #notes-postwidgets-8{left:5px;} #nav_menu-3{margin-left: 5px;} } @media only screen and (max-width:480px) { body {font-size:0.6em; } #content{ width: 480px;} #menu li a { font-size:120%; padding: 0 0.7em; } #main div.excerpt {width: 420px;} .home #submain .widget {width: 30%;} .home #submain .widget div { padding: 125px 10px 10px;} .home #submain .widget div.box1, .home #submain .widget div.box2, .home #submain .widget div.box3{background-position: center -40px ;} .home #submain .widget h3 { font-size: 150%; font-weight: bold; } } /* ------------------------------------------------------------------------------------------------------------------------------------------*/