/* Theme Name: Flexolio Theme URI: http://demos.quarterpixel.de/flexolio/... Description: A blog, bussines and portfolio theme for wordpress Version: 1.0 Author: Johann Stwrtetschka Author URI: http://www.quarterpixel.de */ /* ================ General STyling ===============*/ *{padding:0;margin:0;} body {font-family:'Trebuchet MS', Helvetica, sans-serif;overflow-x:hidden;} p { margin-bottom: 10px;} ul, ol {margin: 0 0 10px 10px;} li {list-style-position: inside;margin-bottom: 3px;} img {border: none;} h1, h2, h3, h4, h5, h6 {font-weight: normal;} a:link, a:visited {text-decoration: none; cursor: pointer; } a:hover, a:active, a:focus {text-decoration: none; outline: none; cursor:pointer;} /*layout*/ #top-background{margin:0;width:100%;clear:both;} #headerwrap {margin: 0 auto;width: 100%;} #head {width:940px;margin: 0px 0px;overflow: hidden;padding:0px 0 0 0;margin:0 auto 0 auto;} #head h1 {float: left;margin-left: 0px;} .clearer{clear:both;} a.button-clear:link, a.button-clear:visited, a.button-clear:hover, a.button-clear:active, a.button-clear:focus {line-height:27px;display:block;width:108px; height:28px;text-transform:uppercase;font-size:11px;padding:0px 0 0 0px;text-align:center;text-decoration:none;margin:0px 0 0 0px;} a.button-clear-visit-site:link, a.button-clear-visit-site:visited, a.button-clear-visit-site:hover, a.button-clear-visit-site:active, a.button-clear-visit-site:focus {display:block;width:108px; height:30px;text-transform:uppercase;font-size:11px;padding:0px 0 0 0px;text-align:center;text-decoration:none;margin:0px 0 0 0;} a:link .button-clear, a:visited .button-clear, a:hover .button-clear, a:active .button-clear, a:focus .button-clear {line-height:27px;display:block;width:108px; height:28px;text-transform:uppercase;font-size:11px;padding:0px 0 0 0px;text-align:center;text-decoration:none;margin:0px 0 0 0;} #bottom-of-site-content-background a.button-clear {font-size:1.0em;} #toppanel a.button-clear {font-size:1.0em;} /* ================ Content Style ================= */ #content{width:100%; } .content-area {position:relative; top:0; left:0px;width:980px;margin:0 auto 0 auto;padding:0px 0px 0px 0px;overflow:hidden;border:0px solid red;} .content-area-frontpage {position:relative; top:0; left:-20px;width:980px;margin:0 auto 0 auto;padding:40px 0px 0px 0px;overflow:hidden;border:0px solid red;} #page-headline {margin:10px 0 20px 0px;font-size:1.8em;font-weight:bold;} .wrapper-with-color-background{width:100%; margin:0 0 0 0;overflow:hidden;} /* ================ Navigation =====================*/ #navwrapp {float:left;width:634px;margin:0px 0 0 0;} #nav {border-bottom: none;clear: both;padding: 0 0px;width: 634px;margin:0px auto 0 auto;} #nav ul{width:623px;} /* ================ FOOTER ====================== */ /* 1. Navigation */ #footermenu ul {} #footermenu li {float:left;list-style-type:none;padding:0 8px 0 0px;font-size:0.9em;} #footer-wrapper {position:relative;width:940px;margin:0px auto 0 auto;left:0px;padding:20px 0 15px 0;} .footer-text{float:right;text-align:right;margin:-10px 0 0px 0;font-size:0.9em;} /* Content Headlines */ #contentheader {width:935px;margin:40px auto 0 auto;position:relative;height:60px;left:-5px;} /* ================ Top Panel ====================*/ #toppanel { top: 0; left:0px;width: 100%;z-index: 999;margin-left: auto;margin-right: auto;font-size: 100%;} .toppanel-push {position:relative;} .toppanel-overlap {position:absolute;} #panel {width: 980px;overflow: hidden;position: relative;z-index: 3;display: none;margin:0 auto 0px auto;clear:both;padding-bottom:25px;padding-top:40px;left:-20px;} #panel h1 { font-size: 1.2em;padding: 5px 0 10px;margin: 0;text-align: left;letter-spacing:0px;} #panel h2{ font-size: 1.2em;padding: 10px 0 5px;margin: 0;text-align: left;font-weight:bold;} #panel p { margin: 5px 0;padding: 0;} #panel a { text-decoration: none;} #panel a-lost-pwd { display: block; float: left;} #panel #rememberme {background:none;border:0px;} #panel ul { margin: 0 0 5px 0; padding: 0; line-height: 1.6em; list-style: none;} #panel .content {width:900px;margin: 0 auto;padding-top: 15px;text-align: left;font-size: 0.85em;overflow:hidden;} #panel .content .left { width: 268px;float: left;margin-bottom: 0px;padding: 0 15px;} #panel .content .narrow {width:115px !important;} #panel .content form {margin: 0 0 10px 0;} #panel .content label {float: left; padding-top: 8px;clear: both;width: 230px;display: block;} #panel .content input.field { margin-right: 5px;margin-top: 4px;width: 230px;height: 16px;} #panel .content-login-smaller {width:900px;margin: 0 auto;padding-top: 0px;text-align: left;font-size: 0.85em;overflow:hidden;position:relative;height:80px;} #panel .content-login-smaller .left { width: 900px;float: left;margin-bottom: 0px;padding: 0 0px;} #panel .content-login-smaller form {margin: 0 0 10px 0;} #panel .content-login-smaller .username {width:250px; display:block;position:absolute;top:15px;left:0px;} #panel .content-login-smaller .password {width:250px; display:block;position:absolute;top:15px;left:260px;} #panel .content-login-smaller label { padding-top: 0px;clear: both;} #panel .content-login-smaller input.field {margin:0 0 4px 0;width: 245px;height: 16px;} #panel .content-login-smaller a{margin:0px;padding:0px;} #panel .content-login-smaller input.bt_login { width: 106px;height:28px;color: white; position:absolute; top:31px; left:525px;border:0px;} /* Login and Register buttons */ #panel .content input.bt_login, #panel .content input.bt_register { display: block;float: left;clear: left;text-align: center; cursor: pointer;border: none;font-weight: normal; margin: 10px 0;text-decoration:none;text-transform:uppercase;font-size:0.8em;} #panel .lost-pwd { display: block;float:left;clear: right; padding: 15px 5px 0;font-size: 0.95em;text-decoration: underline;} /* Panel Tab/button */ .tab {height: 42px; position: absolute; width:940px;z-index: 999;text-align:right; margin:0 auto 0 -470px; left:50%;} .tab ul.login { display: block; position: relative; height: 42px;font-weight: bold; margin: 0; font-size: 80%; right:0px; list-style-type:none;} .tab ul.login li { padding: 0 6px; display: block; height: 42px;} .tab ul.login li a {} .tab ul.login li a:hover {} .tab .sep {} .tab a.open, .tab a.close { height: 40px;cursor: pointer;width: 76px;position: absolute;display:block;margin-right:40px;top:-10px;right:0px;} /* ================ WIDGET STYLING ============ */ /* General */ .widget-headline {overflow:hidden;} .widget h2 p {line-height:1.2em;} .widget p {line-height:1.5em;font-size:1.0em;} .widget-readmore {margin-top:30px;display:block;width:110px; height:32px;} .widget-icon {float:right; margin:0 0 0px 15px; } .widget ul {list-style-type:none; margin:0px;} .widget ul li {display:block;height:auto;margin:2px 0 2px 0; padding:5px 10px 5px 0px;text-decoration:none;background:black;} .widget ul li a {padding:0 0 0 25px;} .widget a.button-clear:link, .widget a.button-clear:visited, .widget a.button-clear:hover, .widget a.button-clear:active, .widget a.button-clear:focus {margin:30px 0 0 0;} /* Text Widget STyle 2 */ .text-widget-img-wrapper2 {float:left;width:140px;} .text-widget-text-wrapper2 {margin:0 0 0 140px;} /* Text Widget STyle 3 */ .text-widget-img-wrapper3 {width:100%;text-align:center;margin:0 0 20px 0;} .text-widget-text-wrapper3 {margin:0 0 0 0px;text-align:center;} /* Text Widget STyle 4 */ .text-widget-img-wrapper4 {width:100%;text-align:center;margin:0 0 20px 0;} .text-widget-text-wrapper4 {margin:0 0 0 0px;} /* Text Widget STyle 5 */ .text-widget-text-wrapper5 {margin:0 0 0 0px;} .text-widget-img-wrapper5 {float:left;margin:0 15px 0 0;} /* Text Widget STyle 6 */ .text-widget-text-wrapper6 {margin:0 0 0 0px;} .text-widget-img-wrapper6 {float:right;margin:0 0px 15px 15px;} /* Text Widget STyle 7 */ .text-widget-img-wrapper7 {float:left;text-align:center;margin:0 15px 0px 0;} /* Text Widget STyle 8 */ .text-widget-img-wrapper8 {width:100%;text-align:center;margin:0 0 20px 0;} .text-widget-text-wrapper8 {margin:0 0 0 0px;} /* Top Panel Widgets */ #panel .toppanel-widget h2{padding:0px;font-size:1.5em;margin:0 0 0px 0;font-weight:normal;} .toppanel-widget { float: left;margin: 0px 10px 0 10px;padding:0px 0px 0px 0px; font-size:0.8em;} .toppanel-widget img {margin:0px 0 0 0;} .toppanel-widget .subline{font-size:0.5em;margin:0 0 10px 0;} /* Frontpage Widget */ .frontpage-widget {padding:10px 0 20px 0; } .frontpage-widget h2 {margin:0px 0px 20px 0px;padding:5px 0 0 0;} /*Footer Widgets */ .footer-widget{margin:0px 0 0 0;padding:0px 0 20px 0; font-size:0.8em;} .footer-widget h2 {margin:20px 0px 10px 0px;padding:0px 0 0 0;} /* Portfolio, Blog Pages Widgets */ .pageswid-widget, .blog-widget, .portfolio-widget{margin:0px 20px 20px 20px;font-size:0.8em;} .pageswid-widget h2, .blog-widget h2, .portfolio-widget h2 {margin:0 0 10px 0;padding:0;} .pageswid-widget h2 p, .blog-widget h2 p, .portfolio-widget h2 p {margin:0 0 20px 0;padding:0;} .pageswid-widget p, .blog-widget p, .portfolio-widget p {margin:0;padding:0;} /* Sidbar Widget */ #sidebar .widget h3 {font-size:1.7em;font-weight:bold;letter-spacing:-1px;clear:both;} .sidebar-2colum ul {list-style-type:none;} #sidebar .widget {padding:0 0 25px 0;font-size:0.9em; } #sidebar .widget a.button-clear:link, #sidebar .widget a.button-clear:visited, #sidebar .widget a.button-clear:hover, #sidebar .widget a.button-clear:active, #sidebar .widget a.button-clear:focus {line-height:2.6em;height:28px;} /* 2 Colum widget */ .sidebar-2colum {margin:0 0 0 -10px;overflow:hidden;} .widget-2colum {width:130px;float:left;margin-left: 10px;} /* Sidebar Search Form */ #sidebar .widget_search {margin-bottom: 15px;margin-top:13px;} .hidden{display:none;} #sidebar .widget_search form #s {padding: 7px 29px 7px 35px;width: 200px;margin:10px 0 0px 0;} #sidebar .widget_search label {font-size:0.9em;font-weight:bold;display:none;} #sidebar .widget_search form #searchsubmit {display: none;} /*flickr RSS widget */ #flickr-rss {width:100%;} #flickr-rss img {border:4px solid white;margin: 0 4px 10px 0px;} #sidebar #flickr-rss a:link, #sidebar #flickr-rss a:visited, #sidebar #flickr-rss a:hover, #sidebar #flickr-rss a:active,#sidebar #flickr-rss a:focus{background:none;display:inline;margin:0 0px 0 0;padding:0;} .toppanel-widget #flickr-rss img {border:4px solid white;margin: 0 5px 10px 0px;} /* style Twitter widget */ ul.twitter {margin: 0;} ul.twitter li.twitter-item {list-style: none;margin-bottom: 10px;padding: 10px;} ul.twitter li.twitter-item span abbr {border-bottom: none;display: block;font-size: 0.8em;font-style: italic;margin-top: 3px;font-weight:bold;} .widget_twitter h3{margin:0px 0 0 0px;padding:0;} .dark-widget ul.twitter li.twitter-item {} #sidebar .widget_twitter a:link, #sidebar .widget_twitter a:visited {background:none;display:inline;} #sidebar ul.twitter li.twitter-item {} /*Tag Cloud */ #sidebar .widget_tag_cloud a:link, #sidebar .widget_tag_cloud a:visited, #sidebar .widget_tag_cloud a:hover, #sidebar .widget_tag_cloud a:visited, #sidebar .widget_tag_cloud a:focus{display:inline;padding:0;} /*Calender Widget */ #calendar_wrap{margin:-45px 0 0 0;} #sidebar #calendar_wrap {margin:-30px 0 0 0;} #wp-calendar { width: 100%; padding: 0px; margin: 0px 0 0; font: normal 15px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align: center;} .frontpage-widget #wp-calendar caption {text-align:left;font-weight: normal;font-size: 1.5em;letter-spacing: -1px;margin: 0 0 10px;font-family: Trebuchet MS;margin:0 0 20px 0;} #wp-calendar caption {text-align:left;font-weight: bold;font-size: 1.7em;letter-spacing: -1px;margin: 0 0 10px;font-family: Trebuchet MS;} .dark-widget #wp-calendar caption {text-align:left;font-weight: normal;font-size: 1.6em;letter-spacing: -1px;margin: 0 0 10px;font-family: Trebuchet MS;} #wp-calendar td {font-size:0.8em; width: 20px; height: 30px; text-align: center;} .dark-widget #wp-calendar td {font-size:0.8em; width: 20px; height: 30px; text-align: center;} .toppanel-widget #wp-calendar td {} #sidebar #wp-calendar a:link, #sidebar #wp-calendar a:visited, #sidebar #wp-calendar a:hover, #sidebar #wp-calendar a:visited, #sidebar #wp-calendar a:focus{display:inline;padding:0;text-decoration:underline;} .dark-widget #wp-calendar a:link, .dark-widget #wp-calendar a:visited, .dark-widget #wp-calendar a:hover, .dark-widget #wp-calendar a:visited, .dark-widget #wp-calendar a:focus{display:block;padding:5px 0 5px 0px;text-decoration:none;} /* Recent comments */ #sidebar li.recentcomments {padding:5px 10px 5px 10px;} #sidebar li.recentcomments a:link, #sidebar li.recentcomments a:visited, #sidebar li.recentcomments a:hover, #sidebar li.recentcomments a:active, #sidebar li.recentcomments a:focus{padding:5px 10px 5px 10px;display:block;} /* POST WIDGET */ .light-widget .widget-blog-post h2 a:link, .light-widget .widget-blog-post h2 a:visited {} .Style1 .widget-blog-post{margin-bottom:40px;} .Style1 .dark-widget .widget-blog-post span.button-clear {font-size:1.0em;margin-top:15px;} .Style1 .widget-blog-post a.more-link {text-decoration:none;} .Style1 .widget-blog-post ul.meta li {float:left;margin:0;padding:0;} .Style1 .widget-blog-post ul.meta li a {} .Style1 .widget-blog-post .blog-img-wrapper {display:block;clear:both;overflow:hidden;height:100px;margin-bottom:10px;} .Style1 .widget-blog-post h2 {font-size:28px;margin:0px 0 10px 0;padding:0px;} .Style2 .widget-blog-post{margin-bottom:20px; width:287px;float:left;margin-right:20px;} .Style2 .dark-widget .widget-blog-post span.button-clear {font-size:1.0em;margin-top:15px;} .Style2 .widget-blog-post a.more-link {text-decoration:none;} .Style2 .widget-blog-post ul.meta li {float:left;margin:0;padding:0;} .Style2 .widget-blog-post ul.meta li a {} .Style2 .widget-blog-post .blog-img-wrapper {display:block;clear:both;overflow:hidden;height:100px;margin-bottom:10px;} .Style2 .widget-blog-post h2 {font-size:24px;margin:0px 0 10px 0;padding:0px;height:60px;overflow:hidden;} .light-widget .Style2 .widget-blog-post h2 a{text-decoration:none; } .dark-widget .Style3 .widget-blog-post {} .Style3 .widget-blog-post{margin-bottom:20px; width:247px;float:left;margin-right:20px;padding:20px;} .Style3 .dark-widget .widget-blog-post span.button-clear {font-size:1.0em;margin-top:15px;} .Style3 .widget-blog-post a.more-link {text-decoration:none;} .Style3 .widget-blog-post ul.meta li {float:left;margin:0;padding:0;} .Style3 .widget-blog-post ul.meta li a {} .Style3 .widget-blog-post .blog-img-wrapper {display:block;clear:both;overflow:hidden;height:100px;margin-bottom:10px;margin-top:9px;} .Style3 .widget-blog-post h2 {font-size:24px;margin:0px 0 10px 0;padding:0px;height:60px;overflow:hidden;} .light-widget .Style3 .widget-blog-post h2 a{} .Style4 .widget-blog-post{margin-bottom:5px; width:120px;float:left;margin-right:10px;} .Style4 .dark-widget .widget-blog-post span.button-clear {font-size:1.0em;margin-top:15px;} .Style4 .widget-blog-post a.more-link {text-decoration:none;} .Style4 .widget-blog-post ul.meta li {float:left;margin:0;padding:0;} .Style4 .widget-blog-post ul.meta li a {} .Style4 .widget-blog-post .blog-img-wrapper {display:block;clear:both;overflow:hidden;height:100px;margin-bottom:0px;margin-top:4px;} .Style4 .widget-blog-post h2 {font-size:24px;margin:0px 0 10px 0;padding:0px;height:60px;overflow:hidden;} .Style5 .widget-blog-post{margin-bottom:5px; width:87px;float:left;margin-right:10px;} .Style5 .dark-widget .widget-blog-post span.button-clear {font-size:1.0em;margin-top:15px;} .Style5 .widget-blog-post a.more-link {text-decoration:none;} .Style5 .widget-blog-post ul.meta li {float:left;margin:0;padding:0;} .Style5 .widget-blog-post ul.meta li a {background:none;} .Style5 .widget-blog-post .blog-img-wrapper {;display:block;clear:both;overflow:hidden;height:72px;margin-bottom:0px;margin-top:4px;} .Style5 .widget-blog-post h2 {font-size:24px;margin:0px 0 10px 0;padding:0px;height:60px;overflow:hidden;} .Style6 .widget-blog-post{position:relative;margin-bottom:20px;overflow:hidden; font-size:0.9em;padding:0 0 0px 60px;min-height:80px;} .Style6 .dark-widget .widget-blog-post span.button-clear {font-size:1.0em;margin-top:15px;} .Style6 .widget-blog-post a.more-link {text-decoration:none;} .Style6 .widget-blog-post ul.meta li {float:left;margin:0;padding:0;} .Style6 .widget-blog-post ul.meta li a {} .Style6 .widget-blog-post .blog-img-wrapper {display:block;clear:both;overflow:hidden;height:200px;margin-bottom:10px;width:270px;} .Style6 .widget-blog-post h2 {position:relative;font-size:18px;margin:0px 0 5px 0px;padding:0px; } .Style6 .date-wrapper {padding:5px 0 5px 0;width:58px;text-align:center;position:absolute;top:15px;left:22px;text-transform:uppercase;} .Style6 .month {font-size:0.9em;font-family:Trebuchet MS;margin:0px;padding:0px;Tex} .Style6 .day {font-size:1.6em;font-family:Trebuchet MS;margin:0px;padding:0px;margin:-5px 0 0 0;} .Style6 .year {font-size:0.8em;font-family:Trebuchet MS;margin:-3px 0 0 0;} .Style7 .widget-blog-post{position:relative;margin-bottom:15px; margin-right:0px;margin-left:0px;overflow:hidden;padding:0px 0 10px 105px;min-height:95px;font-size:0.9em;margin-top:4px; } .Style7 .dark-widget .widget-blog-post span.button-clear {font-size:1.0em;margin-top:15px;} .Style7 .widget-blog-post a.more-link {text-decoration:none;} .Style7 .widget-blog-post ul.meta li {float:left;margin:0;padding:0;} .Style7 .widget-blog-post ul.meta li a {} .Style7 .widget-blog-post .blog-img-wrapper {position:absolute;display:block;clear:both;overflow:hidden;width:72px;height:72px;left:0px;top:0px;} .Style7 .widget-blog-post h2 {font-size:18px;margin:0px 0 10px 0;padding:0px;overflow:hidden;} .Style8 .widget-blog-post{position:relative;margin-bottom:5px; margin-right:0px;overflow:hidden;padding:3px 0 0 70px;min-height:65px;font-size:0.9em;margin-top:4px;} .Style8 .dark-widget .widget-blog-post span.button-clear {font-size:1.0em;margin-top:15px;} .Style8 .widget-blog-post a.more-link {text-decoration:none;} .Style8 .widget-blog-post ul.meta li {float:left;margin:0;padding:0;} .Style8 .widget-blog-post ul.meta li a {} .Style8 .widget-blog-post .blog-img-wrapper {position:absolute;display:block;clear:both;overflow:hidden;width:50px;height:50px;top:0px;left:0px;} .Style8 .widget-blog-post h2 {font-size:18px;margin:0px 0 10px 0;padding:0px;overflow:hidden;} /* ================ SUBNAVIGATION ================== */ #subnavigation {margin:20px 0 40px 0px;padding:0 0 0px 0;} #subnavigation h3 {letter-spacing:-1px;font-size:1.5em;font-weight:bold;} #subnavigation ul li {margin:0px 0 0 0;list-style-type:none;font-size:0.9em;} #subnavigation ul li a:link, #subnavigation ul li a:visited {padding-left:0px;} #subnavigation ul li a:hover {} #subnavigation ul li.current_page_item a {} #subnavigation ul li ul li a:link, #subnavigation ul li ul li a:visited {margin:0 0 0 5px;padding: 0 0 0 15px;background:none;} #subnavigation ul li ul li a:hover {} #subnavigation ul li ul li.current_page_item a {} #subnavigation ul li ul li{padding:0 0 0 0px;margin:5px 0 0 0px;} /* ================== frontpage 2 3 and 4 Slider ==================== */ .slider2 {width: 920px; height:232px; position: relative; margin: 10px 50px 0 0px; } .slider3 .wrapper , .slider2 .wrapper { width: 920px; overflow: hidden; height:232px; margin:0px 0px 0px 0px; position: absolute; top: 0; left: 0;} .slider3 img, .slider2 img {} .slider3 .wrapper ul, .slider2 .wrapper ul { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; } .slider3 ul li, .slider2 ul li { display: block; float: left; padding: 0 0 0 0px; height: 232px; width: 920px; margin: 0 0 0 0px;text-align:center; } .slider3 .arrow, .slider2 .arrow { border:0px solid red;display: block; height: 200px; width: 19px; text-indent: -9999px; position: absolute; top: 38px; cursor: pointer;z-index:990; } #thumbNav { display:none;position:absolute;left:10px;top:385px; } #thumbNav a { font-family:verdana; font-weight:normal; font-size: 1.2em; padding: 10px 15px; margin: 0 5px 0 0; text-align: center;} #thumbNav a:hover { background-image: none;text-decoration:none; } #thumbNav a.cur { text-decoration:none;} #start-stop { display:none;background: green; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; } #start-stop.playing { background-color: red; } #start-stop:hover { background-image: none; } .readmore-small-white {position:absolute; top:11px; right:10px;display:block;width:107px; height:29px; } .slider4 {margin-bottom:50px;margin-top:10px;} /* Slider Prevents */ .slider3 .wrapper ul ul, .slider2 .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .slider3 .wrapper ul ul li, .slider2 .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } /* slidingboxes */ .slider3 .captionfull h3, .slider2 .captionfull h3{ margin: 4px 10px 0 10px; font-size:1.7em; letter-spacing:-1px; font-weight: normal;font-family:trebuchet ms; text-align:left; } .slider3 .boxgrid2, .slider2 .boxgrid2{ width: 920px; height: 242px; margin:0px; float:left; overflow: hidden; position: relative; } .slider3 .boxcaption, .slider2 .boxcaption{ float: left; position: absolute; height: 40px; width: 100%; } .slider3 .captionfull .boxcaption, .slider2 .captionfull .boxcaption { top: 342px; left: 0; } .slider3 .caption .boxcaption, .slider2 .caption .boxcaption { top: 0px; left: 0; } /* only Slider 3 */ .slider3 {width: 940px; height:242px; position: relative; margin: 0px auto 0 auto; padding:0px 0 0px 0;} #slidershadow {width:940px;height:157px;margin:-95px auto 0 auto;} /* ===================== frontpages ==================== */ /* 1. Top Text */ .wrapper-whitout-background{position:relative;width:100%;margin:0px auto 0px auto;text-align:center;padding:0 0 0px 0;} .wrapper-whitout-background h2{margin:10px 0px 0px 35px;} .frontpage-top-text {float:left;position:relative;width:355px; padding:30px 0 0 37px;margin:0px 0 0 0;} .frontpage-top-text p { margin-bottom: 10px; font-weight:normal; text-align:justify;} .moretext-big {display:block; width: 175px; height: 47px; margin-top:30px;} .frontpage-top-text h2 {font-size:2.1em;position:relative;margin:0px 0 15px 0px;padding:14px 0 0 0px;font-family:arial;letter-spacing:-2px;font-weight:bold;font-style:normal;} /* 1.1 Top Text 2 */ .frontpage-top-text2 {position:relative;width:940px; padding:20px 0 20px 0px;margin:0px 0 0 0px;} .frontpage-top-text2 p { padding: 0px 0 0 37px;margin:0px 0 10px 0; font-weight:normal; text-align:justify;margin:0;} .frontpage-top-text2 h2 {text-align:center;font-size:5.1em;position:relative;margin:20px 0 0px 0px;padding:14px 0 25px 25px;font-family:Trebuchet MS;letter-spacing:-2px;font-weight:normal;font-style:normal;} /* 1.3 Top Text 3 */ .frontpage-top-text3 {position:relative;width:940px; padding:0px 0 40px 0px;margin:-20px auto 0px auto;} .frontpage-top-text3 p { padding: 0px 0 0 0px;margin:0px 0 0px 0; font-weight:normal; text-align:justify;margin:0;font-size:2.0em;} .frontpage-top-text3 h2 {text-align:left;font-size:3.1em;position:relative;margin:0px 0 0px 0px;padding:0px 0 10px 0px;font-family:Trebuchet MS;letter-spacing:-2px;font-weight:normal;font-style:normal;} /* 1.3 Top Text 3 */ .frontpage-top-text4 {position:relative;width:940px; padding:0px 0 20px 0px;margin:0px 0 20px 0px;clear:both;} .frontpage-top-text4 p { padding: 0px 0 0 37px;margin:0px 0 0px 0; font-weight:normal; text-align:justify;margin:0;} .frontpage-top-text4 h2 {text-align:center;font-size:5.1em;position:relative;margin:45px 0 10px 8px;padding:0px 0 0px 25px;font-family:Trebuchet MS;font-weight:normal;font-style:normal;letter-spacing:-3px;} /*3 Bottom Blog */ #bottom-of-site-begin{height:28px; margin:0 auto 0 auto;text-align:center;margin:25px 0 0 0;position:relative;} #wrapper-with-texture{position:relative; margin:0px 0px 0px 0px;} #bottom-of-site-content-background{position:relative;width:980px;margin:0px auto 0 auto;padding:0px 0 0 0;overflow:hidden;left:-23px;} #bottom-of-site-end{width:100%;height:13px; margin:0 auto 0 auto;text-align:center;} .blogpost { margin:0px 20px 15px 0px;clear: both;padding-bottom: 0px;overflow: hidden;position:relative;} .blogpost .img-wrapper {width:150px;height:150px;overflow:hidden;float:left;} .blogpost .img-wrapper2 {width:150px;height:150px;overflow:hidden;float:left;} .blogpost .content-wrapper {width:600px;margin:0 0 0 194px;} .blogpost .content-wrapper2 {width:720px;margin:0 0 0 194px;} .blogpost p {margin:10px 0 10px 0;} .blogpost dl { margin:0 30px 0 0; } .blogpost img { margin:0px 0px 0 0;} .singleblog{overflow:hidden;} .blogpost a:link, .blogpost a:visited {} .blogpost a:hover, .blogpost a:active, .blogpost a:focus {text-decoration:none;} ul.meta li:first-child {border: 0px solid red;padding-left: 0;} .alignleft {float: left;margin: 0 10px 8px 0;} .alignright {float: right;margin: 0 0 8px 10px; } .aligncenter {margin: 10px auto;} .blogpost, .worksearch {} .frontpage-blog-seperator {margin:20px auto 20px auto; width:96%; height:2px;padding-bottom: 0px; } .blogpost h2 a:link, h2 a:visited, h2 a:hover, h2 a:active, h2 a:focus{ width:500px; } .frontpage-blog-moretext{width:102px;height:62px;display:block;position:absolute;left:818px;top:75px;} .frontpage-blog-comment {width:102px;height:50px;display:block;position:absolute;top:25px;left:818px; } .frontpage-blog-comment a:link, .frontpage-blog-comment a:visited, .frontpage-blog-comment a:hover, .frontpage-blog-comment a:active, .frontpage-blog-comment a:focus {width:44px;height:30px;display:block;text-align:center;margin:23px 0 0 41px;font-size:1.5em;font-weight:bold;letter-spacing:-2px;} /* ======================= PORTFOLIO 1 ========================= */ .portfolio-list {} ul.portfolio-list {position:relative;left:-28px;list-style-type:none;margin:30px auto 0 auto;overflow:hidden;} ul.portfolio-list li {margin:0px 0px 25px 48px;float:left;} ul.portfolio-list li h3 {margin:0 0 5px 10px;width:260px;} ul.portfolio-list li .img-wrapper {width:260px;height:187px;overflow:hidden;} /* ====================== PORTFOLIO 2 ======================== */ ul.portfolio-list2 {list-style-type:none; position:relative; list-style-type:none;margin:30px auto 0 auto;overflow:hidden;} ul.portfolio-list2 .portfolio-seperator {height:2px;width:98%;display:block;clear:both;margin:30px 0px 30px 0;} ul.portfolio-list2 li {margin:0px 15px 0px 20px;position:relative;} ul.portfolio-list2 .img-wrapper {position:relative;width:473px;height:342px;overflow:hidden;} ul.portfolio-list2 .portfolio-item-text {position:relative;text-align:justify;width:385px;float:right;margin:0 25px 0 0;} ul.portfolio-list2 .portfolio-item-text p {clear:both;} ul.portfolio-list2 li h3 {font-size:1.5em;} ul.portfolio-list2 ul.meta {margin:0 0 0 -11px;} ul.portfolio-list2 ul.meta li{line-height:1.8em;float:left;display:block;margin:0 12px 20px 0;padding:0 0 0 12px;font-size:1.0em;text-transform:none;} /* ====================== PORTFOLIO 3 ======================== */ .portfolio-list3 {position:relative;} ul.portfolio-list3 {list-style-type:none;position:relative;margin:40px auto 0 auto;overflow:hidden;} ul.portfolio-list3 .portfolio-seperator {height:2px;width:95%;display:block;clear:both;margin:60px 0 40px 20px;} ul.portfolio-list3 li {margin:0px 15px 0px 20px;position:relative;} ul.portfolio-list3 .img-wrapper {height:300px;width:910px;overflow:hidden;margin:0 0 20px 0;margin:20px 0 0 0;} ul.portfolio-list3 .portfolio-item-text {position:relative;text-align:justify;width:385px;float:right;margin:0 25px 0 0;} ul.portfolio-list3 .portfolio-item-text p {clear:both;} ul.portfolio-list3 li h3 {font-size:1.5em;margin-left:0px;} ul.portfolio-list3 ul.meta {margin:0 20px 0 0px;position:absolute;top:-3px;right:0px;} ul.portfolio-list3 ul.meta li{line-height:1.8em;float:left;display:block;margin:5px 12px 0px 0;padding:0 0 0 12px;font-size:1.0em;text-transform:none;} ul.portfolio-list3 a.button-clear:link, ul.portfolio-list3 a.button-clear:visited, ul.portfolio-list3 a.button-clear:hover, ul.portfolio-list3 a.button-clear:active, ul.portfolio-list3 a.button-clear:focus {display:block;width:108px; height:30px;text-transform:uppercase;font-size:0.8em;padding:0px 0 0 0px;text-align:center;text-decoration:none;} ul.portfolio-list3 .the-content {width:885px;margin:0 0 0px 10px;} /* ====================== PORTFOLIO 4 ======================== */ .portfolio-list4 {position:relative;} ul.portfolio-list4 {list-style-type:none;position:relative;margin:25px auto 0 auto;overflow:hidden;} ul.portfolio-list4 .portfolio-seperator {height:2px;width:94%;display:block;clear:both;margin:60px 0 60px 20px;} ul.portfolio-list4 li {margin:0px 15px 20px 20px;float:left;position:relative;} ul.portfolio-list4 .img-wrapper {height:300px;width:425px;overflow:hidden;margin:0 0 60px 0;} ul.portfolio-list4 .portfolio-item-text {position:relative;text-align:justify;width:385px;float:right;margin:0 25px 0 0;} ul.portfolio-list4 .portfolio-item-text p {} ul.portfolio-list4 li h3 {font-size:1.5em;margin:0px 0 10px 0;clear:both;display:block;width:425px;} ul.portfolio-list4 ul.meta {position:absolute;top:370px;right:0;} ul.portfolio-list4 ul.meta li{line-height:1.8em;float:left;display:block;margin:5px 12px 20px 0;padding:0 0 0 12px;font-size:1.0em;text-transform:none;} ul.portfolio-list4 a.button-clear:link, ul.portfolio-list4 a.button-clear:visited, ul.portfolio-list4 a.button-clear:hover, ul.portfolio-list4 a.button-clear:active, ul.portfolio-list4 a.button-clear:focus {display:block;width:108px; height:30px;text-transform:uppercase;font-size:0.8em;padding:0px 0 0 0px;text-align:center;text-decoration:none;} ul.portfolio-list4 .the-content {width:885px;margin:0 0 0px 10px;} /* ====================== PORTFOLIO 5 =========================== */ .portfolio-list5 {} ul.portfolio-list5 {position:relative;left:-28px;list-style-type:none;margin:25px auto 0 auto;overflow:hidden;} ul.portfolio-list5 li {margin:0px 0px 25px 48px;float:left;} ul.portfolio-list5 li h3 {margin:0 0 10px 0px; width:260px;} ul.portfolio-list5 li .img-wrapper {width:260px;height:87px;overflow:hidden;} ul.portfolio-list5 li .portfolio-item-text {width:274px;text-align:justify;margin:10px 0px 0 0px;} /* ================== SINGLE PORTFOLIO ITEM ================ */ .portfolio-item-single {margin:30px auto 0 auto;position:relative;left:0px;width:940px;} .portfolio-item-single img {margin:0 0 40px 0;} .portfolio-item-single ul.meta {margin:0 0 0 -11px;} .portfolio-item-single ul.meta li{line-height:1.8em;float:left;display:block;margin:0 12px 20px 0;padding:0 0 0 12px;font-size:1.0em;text-transform:none;} .portfolio-item-single a.button-clear:link, ul.portfolio-list2 a.button-clear:visited, ul.portfolio-list2 a.button-clear:hover, ul.portfolio-list2 a.button-clear:active, ul.portfolio-list2 a.button-clear:focus {display:block;width:108px; height:30px;text-transform:uppercase;font-size:0.8em;padding:0px 0 0 0px;text-align:center;text-decoration:none;} /* ============== STYLES UL, Messagesboxes, blockquotes, sublines, colors =================*/ /* ul list styling */ ul.arrow {list-style-type:none;margin:20px 0 20px 0;padding:0;} ul.arrow li{padding:0 0 0 30px;margin:5px 0 5px 0;} ul.star {list-style-type:none;margin:0;padding:0;margin:20px 0 20px 0;} ul.star li{padding:0 0 0 30px;margin:5px 0 5px 0;} ul.arrow2 {list-style-type:none;margin:0;padding:0;margin:20px 0 20px 0;} ul.arrow2 li{padding:0 0 0 30px;margin:5px 0 5px 0;} ul.checkbox {list-style-type:none;margin:0;padding:0;margin:20px 0 20px 0;} ul.checkbox li{padding:0 0 0 30px;margin:5px 0 5px 0;} /* Message boxes */ .note {margin:20px 0 20px 0;padding:10px 15px 10px 15px;font-size:0.9em;} .info {margin:20px 0 20px 0;padding:10px 15px 10px 40px;font-size:0.9em;} .alert {margin:20px 0 20px 0;padding:10px 15px 10px 40px;font-size:0.9em;} .download {margin:20px 0 20px 0;padding:10px 15px 10px 40px;font-size:0.9em;} .tip {margin:20px 0 20px 0;padding:10px 15px 10px 40px;font-size:0.9em;} .blogpost .note {margin:5px 0 5px 0;padding:10px 15px 10px 15px;font-size:0.9em;} .blogpost .info { margin:5px 0 5px 0;padding:10px 15px 10px 40px;font-size:0.9em;} .blogpost .alert {margin:5px 0 5px 0;padding:10px 15px 10px 40px;font-size:0.9em;} .blogpost .download {margin:5px 0 5px 0;padding:10px 15px 10px 40px;font-size:0.9em;} .blogpost .tip {margin:5px 0 5px 0;padding:10px 15px 10px 40px;font-size:0.9em;} /*blockquote*/ blockquote{text-align:justify;padding:0px 10px 10px 80px;} blockquote p{padding: 5px 80px 10px 0px;} blockquote.big{text-align:left;padding:0px 10px 10px 30px;font-size:2.4em} blockquote.big p{padding: 5px 30px 10px 0px;} blockquote.small{text-align:justify;padding:0px 10px 10px 40px;font-size:0.9em;} blockquote.small p{padding: 5px 40px 10px 0px;} .blogpost blockquote{text-align:justify;padding:0px 10px 10px 80px;} .blogpost blockquote p{padding: 5px 80px 10px 0px;} .blogpost blockquote.big{text-align:left;padding:0px 10px 10px 30px;font-size:2.4em} .blogpost blockquote.big p{padding: 5px 30px 10px 0px;} .blogpost blockquote.small{text-align:justify;padding:0px 10px 10px 40px;font-size:0.9em;} .blogpost blockquote.small p{padding: 5px 40px 10px 0px;} /*em*/ em.box {padding:0px 5px 0 5px;font-style:normal;font-size:0.9em;} .blogpost em.box {padding:0px 5px 0 5px;font-style:normal;} /*sublines*/ .subline-welcome{display:block;font-size:0.5em;margin:-1px 0 0 15px;padding:0px;font-family:arial;font-style:normal;letter-spacing:-1px;} .subline-welcome-smile{display:block;font-size:0.5em;margin:-1px 0 0 7px;padding:0px 0 10px 30px;font-family:arial;font-style:normal;letter-spacing:-1px;} .subline{display:block;font-size:0.5em;margin:0px 0 0 1px;padding:0px;font-family:arial;} /*sublines sidebar*/ #sidebar .subline{display:block;font-size:0.55em;margin:-3px 0 15px 1px;padding:0px;font-family:arial;font-weight:normal;letter-spacing:0px;} /*sidebar*/ #sidebar {float:left;width: 271px;padding:20px 15px 20px 15px;} .content-area-blog {width:980px;margin:10px auto 0 auto;padding:20px 20px 0px 20px;overflow:hidden;} .content-area-blog #mainarea { padding-right: 0px; width: 635px; } .sidebar-right {margin:-40px 0 0 19px;} .sidebar-left {margin:-40px 0 0 5px; } .mainarea-right {float:right;} .mainarea-left {float:left;} .blog-background-sidebar-left {} .blog-background-sidebar-right {} /* ==================== BLOG 1 =================== */ .blogpost-blog {clear: both;padding-bottom:40px;overflow: hidden; } .mainarea-left .blogpost-blog {margin:0 0 40px 20px;} .mainarea-right .blogpost-blog {margin:0 35px 40px 0;} .blogpost-blog .img-wrapper {float:left;margin:0 0 0px 0;overflow:hidden;width:204px;padding:0 0 0px 0;} .blogpost-blog .post-content {width:335px;margin:0 0 0 240px;position:relative;} .blogpost-blog .post-content h2 {width:250px;} .singleblog{overflow:hidden;} .blogpost-blog .post-content ul.meta {margin: 0 0 25px 0;} .blogpost-blog .post-content ul.meta li {display: inline;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em;line-height: 1.3em;margin-right: 10px; padding-left: 12px; text-transform: uppercase;} .blogpost-blog .post-content ul.meta li:first-child {border: none; padding-left: 0px;} .blogpost-blog, .worksearch {} .blogpost-blog .post-content ul.meta li {} .blogpost-blog h2 a:link, .blogpost-blog h2 a:visited, .blogpost-blog h2 a:hover, .blogpost-blog h2 a:active, .blogpost-blog h2 a:focus {text-decoration:none;} .blogpost-blog a .button-clear {margin:30px 0 0 0;} .blogpost-blog .commentscount-blog{display:block;width:44px;height:50px;text-align:center;padding:0px 0 0 0;font-size:1.5em;line-height:1.8em;position:absolute;top:0;right:0px;} .blogpost-blog .commentscount-blog a:link, .blogpost-blog .commentscount-blog a:visited, .blogpost-blog .commentscount-blog a:hover, .blogpost-blog .commentscount-blog a:active, .blogpost-blog .commentscount-blog a:focus {text-decoration:none;letter-spacing:-2px;} /* ==================== BLOG 2 =================== */ .blogpost-blog2 {clear: both;overflow: hidden;padding:25px;position:relative; } .mainarea-left .blogpost-blog2 {margin:0 0 40px 22px;} .mainarea-right .blogpost-blog2 {margin:0 35px 40px 0px;} .blogpost-blog2 img {margin:0 0px 0 0;} .blogpost-blog2 .post-content {margin:0 0 0 0px;position:relative;} .blogpost-blog2 .post-content h2 {margin:0 0 0 70px;} .singleblog{overflow:hidden;} .blogpost-blog2 .post-content ul.meta {margin: 0px 10px 15px 70px;} .blogpost-blog2 .post-content ul.meta li {display: inline;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em;line-height: 1.3em;margin-right: 10px; padding-left: 12px; text-transform: uppercase;} .blogpost-blog2 .post-content ul.meta li:first-child {border: none; padding-left: 0px;} .blogpost-blog2, .worksearch {} .blogpost-blog2 .post-content ul.meta li {} .blogpost-blog2 h2 a:link, .blogpost-blog2 h2 a:visited, .blogpost-blog2 h2 a:hover, .blogpost-blog2 h2 a:active, .blogpost-blog2 h2 a:focus {text-decoration:none;} .blogpost-blog2 .blog-img-wrapper {text-align:center;display:block;width:545px;height:200px;overflow:hidden;margin-bottom:20px;} .blogpost-blog2 .blog-date {padding:10px 10px 10px 10px;width:60px;text-align:center;position:absolute;top:25px;left:0px;text-transform:uppercase;font-size:0.8em;} .blogpost-blog2 a .button-clear {margin:30px 0 0 0;} /* ==================== BLOG 3 =================== */ .mainarea-left .blogpost-blog3 {clear: both;padding:0 0 10px 93px; position:relative;} .mainarea-right .blogpost-blog3 {clear: both;padding:0 0px 10px 0px; position:relative;} .mainarea-left .blogpost-blog3 {margin:0 0 30px 0px;} .mainarea-right .blogpost-blog3 {margin: 0 0px 30px 0px;} .blogpost-blog3 img {margin:0 0px 0 0;} .blogpost-blog3 .post-content {width:510px;margin:0px 0 0 6px;position:relative;padding:20px 0 0 0px;} .mainarea-right .blogpost-blog3 .post-content {width:510px;margin:0px 0 0 18px;position:relative;padding:20px 0 0 0px;} .singleblog{overflow:hidden;} .blogpost-blog3 .post-content ul.meta {margin: 0px 10px 15px 0px;} .blogpost-blog3 .post-content ul.meta li {display: inline;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em;line-height: 1.3em;margin-right: 10px; padding-left: 12px; text-transform: uppercase;} .blogpost-blog3 .post-content ul.meta li:first-child {border: none; padding-left: 0px;} .blogpost-blog3, .worksearch {} .blogpost-blog3 .post-content ul.meta li {} .blogpost-blog3 h2 a:link, .blogpost-blog3 h2 a:visited, .blogpost-blog3 h2 a:hover, .blogpost-blog3 h2 a:active, .blogpost-blog3 h2 a:focus {text-decoration:none;} .blogpost-blog3 .blog-img-wrapper {text-align:center;display:block;width:500px;height:200px;overflow:hidden;margin-bottom:20px;} .mainarea-left .blogpost-blog3 .date-wrapper {padding:5px 0 5px 0;width:58px;text-align:center;position:absolute;top:15px;left:22px;text-transform:uppercase;} .blogpost-blog3 .month {font-size:0.9em;font-family:verdana;margin:0px;padding:0px;} .blogpost-blog3 .day {font-size:1.6em;font-family:Verdana;margin:0px;padding:0px;margin:-5px 0 0 0;} .blogpost-blog3 .year {font-size:0.8em;font-family:Verdana;margin:-3px 0 0 0;} .mainarea-right .blogpost-blog3 .date-wrapper {padding:5px 0 5px 0;width:58px;text-align:center;position:absolute;top:15px;right:22px;text-transform:uppercase;} .blogpost-blog3 a .button-clear {margin:30px 0 0 0;} /* ==================== BLOG 4 =================== */ .mainarea-left .blogpost-blog4 {clear: both;margin:0 0 30px 20px;padding:0 0 10px 0px; position:relative;} .mainarea-right .blogpost-blog4 {clear: both;margin:0 35px 30px 0px;padding:0 0 10px 0px; position:relative;} .blogpost-blog4 img {margin:0 0px 0 0;} .mainarea-left .blogpost-blog4 .post-content {width:505px;margin:0px 0 0 0px;position:relative;padding:20px 0 0 87px;} .mainarea-right .blogpost-blog4 .post-content {width:470px;margin:0px 0 0 0px;position:relative;padding:20px 0 0 18px;} .blogpost-blog4 .post-content {width:470px;margin:0px 0 0 0px;position:relative;padding:20px 0 0 87px;} .singleblog{overflow:hidden;} .blogpost-blog4 .post-content ul.meta {margin: 0px 10px 15px 0px;} .blogpost-blog4 .post-content ul.meta li {display: inline;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em;line-height: 1.3em;margin-right: 10px;padding-left:12px;text-transform: uppercase;} .blogpost-blog4 .post-content ul.meta li:first-child {border: none; padding-left: 0px;} .blogpost-blog4, .worksearch {} .blogpost-blog4 .post-content ul.meta li {} .blogpost-blog4 h2 a:link, .blogpost-blog4 h2 a:visited, .blogpost-blog4 h2 a:hover, .blogpost-blog4 h2 a:active, .blogpost-blog4 h2 a:focus {text-decoration:none;} .blogpost-blog4 a .button-clear {margin:30px 0 0 0;} .blogpost-blog4 .blog-img-wrapper {text-align:center;display:block;width:485px;height:190px;overflow:hidden;margin-bottom:20px;} .blogpost-blog4 .month {font-size:0.9em;font-family:verdana;margin:0px;padding:0px;} .blogpost-blog4 .day {font-size:1.6em;font-family:Verdana;margin:0px;padding:0px;margin:-5px 0 0 0;} .blogpost-blog4 .year {font-size:0.8em;font-family:Verdana;margin:-3px 0 0 0;} .mainarea-left .blogpost-blog4 .date-wrapper {padding:5px 0 18px 0;width:62px;text-align:center;position:absolute;top:15px;left:0px;text-transform:uppercase;} .mainarea-right .blogpost-blog4 .date-wrapper {padding:5px 0 18px 0;width:62px;text-align:center;position:absolute;top:15px;right:0px;text-transform:uppercase;} .mainarea-left .blogpost-blog4 .commentscount-blog{display:block;width:62px;height:55px;text-align:center;padding:4px 0 0 0;font-size:1.5em;line-height:1.8em;position:absolute;top:90px;left:0px;} .mainarea-right .blogpost-blog4 .commentscount-blog{display:block;width:62px;height:55px;text-align:center;padding:4px 0 0 0;font-size:1.5em;line-height:1.8em;position:absolute;top:90px;right:0px;} .blogpost-blog4 .commentscount-blog a:link, .blogpost-blog4 .commentscount-blog a:visited, .blogpost-blog4 .commentscount-blog a:hover, .blogpost-blog4 .commentscount-blog a:active, .blogpost-blog4 .commentscount-blog a:focus {text-decoration:none;letter-spacing:-2px;} /*single Blog post*/ /* .blogpost-blog-single { background:#e5dec2;padding:25px;} <-- Single Block post with background*/ .post-content-single img{} .blogpost-blog-single img{margin:0 20px 0 0;} .blogpost-blog-single ul.meta {margin: 0 0 25px 0;} .blogpost-blog-single ul.meta li {display: inline;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em;line-height: 1.3em;margin-right: 10px; padding-left: 12px; text-transform: uppercase;} .blogpost-blog-single ul.meta li:first-child {border: none; padding-left: 0px;} /* Comments */ .mainarea-left #comments {clear:both; margin:0px 0 0 22px;padding:0px;} .mainarea-right #comments {clear:both; margin:0px 35px 0 0px;background:#e5dec2;padding:0px;} .mainarea-left #comments h4, .mainarea-right #comments h4 {clear: both;margin: 0px 0 15px 40px;font-size:1.5em;padding:20px 0 0 0;font-weight:bold;} .commentlist li {font-size: inherit;} .commentlist li .avatar { float:left;margin:0 10px 0 0; } .commentlist cite {font-weight: bold;font-style: normal;font-size: 0.95em; } .commentlist p {font-size: 0.8em;font-weight: normal;line-height: 1.5em;margin: 10px 5px 10px 0;text-transform: none;} .commentmetadata {display: block;font-size: 0.8em;font-weight: normal;line-height: 1.1em;margin: 0;} .commentlist .reply {font-size: 0.8em;font-weight: bold;padding:0 0 20px 0;} .commentlist {margin: 0 0 0px 0;} .commentlist li {margin:0px 20px 0px 20px;padding:20px 20px 0px 20px;list-style: none;} .commentlist li ul li {} .comms-navigation, .navigation {clear: both;display: block; margin-bottom: 0px;overflow: hidden;} .children { padding: 0; } .nocomments {text-align: center;margin: 0;padding: 0;} .reply {} .reply a:link, .reply a:visited, .reply a:hover, .reply a:active, .reply a:focus{cursor:pointer;display:block;width:108px; height:28px;text-transform:uppercase;font-size:1.0em;padding:0px 0 0 0px;text-align:center;text-decoration:none;line-height:2.2em;margin:20px 0 0px 0;} /* Comment Form */ #comments form {padding:20px 0 10px 35px;} #respond h4 {clear: both;margin: 0px 0 0px 40px;} form p {padding-bottom: 10px;margin: 5px 0;} form p label {display: inline-block;margin-right: 10px;text-align: right;width: 5em;} form p label[for="comment"] {vertical-align: top;} input, textarea {padding: 3px;} textarea {font-family: Arial, Helvetica, sans-serif;font-size: 0.9em;overflow: auto;} input#submit {padding: 5px 3px;width:108px; height:30px;text-transform:uppercase;font-size:0.7em;cursor:pointer;} .cancel-comment-reply{margin:0 0 10px 40px;} /*Color Style comments*/ .commentlist li .avatar {} .commentlist cite a:link, .commentlist cite a:visited {} .commentlist .commentmetadata a:link:first-child, .commentlist .commentmetadata a:visited:first-child {} .thread-alt {} .thread-even {} .depth-1 {} .even, .alt {} input, textarea {} input:focus, textarea:focus {} /*#Pagination*/ #nav-num{position:relative;text-align:right;top:-7px;} .nav-position-right{right:35px;} .nav-position-left{right:0px;} #nav-num a:link,#nav-num a:visited,#nav-num a:hover,#nav-num a:active,#nav-num a:focus {padding:5px 10px 5px 10px; margin:0 2px 0 2px; text-decoration:none;} #nav-num a.current:link, #nav-num a.current:visited, #nav-num a.current:hover, #nav-num a.current:active, #nav-num a.current:focus {padding:5px 10px 5px 10px; margin:0 2px 0 2px;text-decoration:none;} #nav-num.portfolio{position:relative;text-align:center;margin:25px 0 0 0;} #nav-num a:link,#nav-num a:visited,#nav-num a:hover,#nav-num a:active,#nav-num a:focus {padding:5px 10px 5px 10px; margin:0 2px 0 2px;text-decoration:none;} #nav-num a.current:link, #nav-num a.current:visited, #nav-num a.current:hover, #nav-num a.current:active, #nav-num a.current:focus {padding:5px 10px 5px 10px; margin:0 2px 0 2px;text-decoration:none;} /* =============== SEARCH BOX (not the widget) ============== */ .mainarea-left #search-box {clear: both;margin:0 0 20px 35px;padding-bottom: 40px;overflow: hidden; padding:25px;position:relative; } .mainarea-right #search-box {clear: both;margin:0 0 20px 0px;padding-bottom: 40px;overflow: hidden; padding:25px;position:relative; } .hidden{display:none;} #search-box form #s {padding: 7px 29px 7px 35px;width: 350px;margin:0px 0 0px 0;} #search-box label {font-size:0.9em;font-weight:bold;display:none;} #search-box form #searchsubmit {float:right;display:block;width:108px; height:30px;text-transform:uppercase;font-size:0.8em;padding:0px 0 0 0px;text-align:center;text-decoration:none;line-height:2.2em;margin:4px 0 0 0; } /* ================== CONTACT ====================== */ .screenReader { left: -9999px; position: absolute; top: -9999px; } .thanks { border: 0px solid #b8b39e; padding:10px 10px 10px 20px; } /*****Forms*****/ ol.forms { float: left; list-style: none; margin: 20px 0 0 0; width: 100%; } ol.forms li {clear: both; float: left; margin-bottom: 18px; position: relative; width: 100%;} ol.forms label {cursor: pointer;display: block;float: left;font-weight: bold;padding-right: 20px;width: 100px;} ol.forms input, ol.forms textarea { font: inherit;padding: 2px;width: 214px;} ol.forms textarea { height: 300px; width: 334px; } ol.forms input:focus, ol.forms textarea:focus {} .error {} ol.forms li .error { font-size: 12px; margin-left: 20px; } ol.forms li.textarea .error {display: block;position: absolute;right: 0;top: 0;width: 100px;} ol.forms li.screenReader { margin-bottom: 0; } ol.forms li.buttons button {border: none;cursor: pointer;font: 16px/16px "Avenir LT Std", Helvetica, Arial, sans-serif;overflow: hidden;padding: 6px 3px 3px 3px;text-transform: uppercase; width: auto;display:block;width:108px; height:28px;text-transform:uppercase;font-size:0.8em;padding:0px 0 0 0px;text-align:center;text-decoration:none;line-height:2.2em;margin:10px 0 0 0;} ol.forms li.buttons button:hover {} ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; } ol.forms li.buttons, ol.forms li.inline { width: 460px; margin: 0 0 0 120px;} ol.forms li.inline input { width: auto; } ol.forms li.inline label { display: inline; float: none; width: auto; } /* TEST */ #formfade { position: absolute; bottom: -4px; left: 0; } #gform_1 ul, #gform_2 ul { list-style: none; margin: 0; padding: 0; } #gform_1 .text, #gform_2 .text { width: 259px; } #gform_1 input, #gform_2 input { width: 249px; } #gform_title { margin: -15px 0 0 0 !important; padding: 0 !important; text-shadow: #fff 1px 1px 1px; } #gform_1 ul li, #gform_2 ul li { display: block; clear: both; padding: 0 0 0 0; margin: 0 !important; position: relative; } .gfield { margin: 20px 0 0 0 !important; padding: 12px 0 14px 0 !important; background: url(/images/formdots.png) no-repeat 0 bottom; overflow: auto; } #gform_1 ul li label, #gform_2 ul li label { font-weight: bold; font-size: 14px; left: 2px; position: relative; text-shadow: #fff 1px 1px 1px; } #gform_1 ul li ul, #gform_2 ul li ul { padding: 4px 0 0 0; } #gform_1 ul li ul li label, #gform_2 ul li ul li label { font-size: 12px; top: -1px; left: 3px; text-shadow: none; font-weight: normal; } .gfield_description { clear: both; font-size: 12px; width: 260px; position: absolute !important; top: 15px; right: 11px; font-style: italic; text-align: right; } .ginput_container { margin: 0 0 0 0; padding: 0 0 0 0; } .ginput_container div { margin: 0 !important; padding: 0 0 0 10px !important; } .gform_footer { clear: both; padding: 15px 0 0 0; } .gform_footer a { display: none; } #gform_1 .button, #gform_2 .button { background: url(/images/butt_in.png) no-repeat; width: 124px; height: 43px; color: #fff; font-size: 18px; margin: 10px auto -40px auto; position: relative; display: block; cursor: pointer; } #gform_1 .button:active, #gform_2 .button:active { background: url(/images/butt_ac.png) no-repeat; } .validation_message { display: none; } .validation_error { background: #dbd4ab; padding: 10px 14px 10px 14px; margin: 10px 0 0 0; font-size: 12px; font-weight: bold; line-height: 20px; border: 2px solid #fdf9e2; } .gfield_required { color: red; position: relative; } @-moz-document url-prefix() { #gform_1 .button, #gform_2 .button { margin: 10px auto -20px auto;} }