/* Theme Name: Dttmnn - Author: Dirk Ramthor - Version: 1.0.0 */ *{margin:0; padding:0} body{font:62.5% Tahoma, Geneva, sans-serif; color:#000; background-color:#FFF;background-repeat:repeat-x;background-attachment:fixed;}blockquote{border-left:1px solid #000; margin:0 0 0 1.5em; padding:0 0 0 1em; font-style:italic;} abbr,acronym {border-bottom: 1px dotted #666;cursor: help;} pre{background-color:#none; color:#000; line-height:18px; margin-bottom:18px; padding:1.5em} address{background:transparent; border:0; margin-bottom:18px; padding:0; vertical-align:baseline} .event.ggt_moredates, .ggt_bookinglink, .ggt_sublinks {font-size:9px;} /* Links */ a img, :link img, :visited img{border:0; outline:none; text-decoration:none} a img:hover {opacity: 0.7; background:#F00;} a{color:#000000; text-decoration:none; outline:none} a:hover{background:#none; #bbb; text-decoration:underline; outline:0} /* Heading */ h1, h2, h3, h4{font-family: Tahoma, Geneva, sans-serif;} h1{font-family: Tahoma, Geneva, sans-serif;font-size:2em;color:#000; text-transform:uppercase;} .blogtitle{font-family: Tahoma, Geneva, sans-serif; font-size:2em; padding: 0px 20px; letter-spacing:2px; text-transform:uppercase;color:#F00;} h1 a{color:#0000FF !important; text-decoration:none;} h1 a:hover{color:#0000FF !important;text-decoration:underline !important;} h1 a:link{color:#0000FF !important;} h1 a:visited{color:#000;} h1.single-entry-title{color:#000; font-weight:normal;margin:0px 0 0.5em 0 !important;font-size:14px !important; text-transform:uppercase;} h2 a,h3 a, h4 a{color:#000; letter-spacing:2px;} h2.entry-title{color:#000; font-weight:nomal;;margin:0 0 0 0;font-size:15px;text-transform:uppercase; letter-spacing:2px;} h2.page-title{font-weight:normal !important; text-align:center; margin:0 0 0.5em 0;font-size:28px;letter-spacing:2px;} h3.widgettitle{font-size:9px !important; line-height:1.3em !important;color: #FFF !important;background-color:#000;padding: 4px 6px 4px 6px; max-width: 90px; margin-bottom:-10px !important;} .description{color:#000;Tahoma, Geneva, sans-serif; font-size:1.3em;margin:0.5em 0 0 0px;padding: 0px 10px;letter-spacing:2px;} /* header */ div#header{margin:0px 0 0 0; padding:1em 1em 1em 0em; height:4em;background:transparent;} .headertop{margin:10px 0 0px 0;} #logo{margin:-3.5em 0 0 -1em; padding:0.3em 0.7em;} * html #logo{margin:-2.5em 0 0 -1em; padding:0.3em 0.7em;} #logo a{background-color:transparent} #logo img{max-width: 100%;height: auto;} /* Navigation */ #access{background:#fff;display:block;max-width: 1280px;margin:0 auto;text-transform: uppercase;letter-spacing:2px;} #access :hover{background:#fff;color:#000;} #access .menu-header,div.menu{font-size:1.3em;margin-left:10px;} #access .menu-header ul,div.menu ul{list-style:none;margin:0;} #access .menu-header li,div.menu li{float:left;position:relative;} #access a{color:#000;display:block;line-height:40px;text-decoration:none;padding:0 10px;letter-spacing:2px;} #access ul ul{display:none;position:absolute;top:30px;left:10px;float:left;width:250px;z-index:99999;} #access ul ul li{min-width:250px;} #access ul ul ul{left:100%;top:0;} #access ul ul a{background:#fff;width:250px;line-height:0.7em;height:auto;padding:7px;} #access li:hover > a,#access ul ul :hover > a{background:#fff;color:#000; text-decoration: underline;} #access ul li:hover > ul{display:block;} #access ul li.current_page_item > a,#access ul li.current-menu-ancestor > a,#access ul li.current-menu-item > a,#access ul li.current-menu-parent > a,* html #access ul li.current_page_item a,* html #access ul li.current-menu-ancestor a,* html #access ul li.current-menu-item a,* html #access ul li.current-menu-parent a,* html #access ul li a:hover{background:#fff;color:#000;text-decoration: underline;} /* Layout */ #wrappermenu{margin:0 auto; padding:0 0 0 0; position:relative; text-align:left;background:#ffffff;} #wrapperheader{max-width: 1280px;margin:0 auto; padding:0 0 0 0; position:relative; text-align:left;} #wrapper{max-width: 1280px;margin: 0 auto;position:relative; text-align:left;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;} #wrappertop{margin:0 auto; padding:0 0 0 0; position:relative; text-align:left} #container{margin: 20px 0} #containerlarge{margin:0.8em 0 2em 2em; display:inline; clear:both;background-color:none;} * html #containerlarge{margin:2em 0 2em 2em; background-color:none;} #content{background-color:#FFF; padding: 0 0 10px 0;overflow:hidden; color:#000; font-size:9px;} #content h1{font-size:1.0em; font-weight:normal; margin:0 0 0.5em 0; letter-spacing:2px;} #content h2{font-size:1.4em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0;line-height:1.3em;} #content h3{font-size:1.0em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0} #content h4{font-size:1.0em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0} #content h5{font-size:9px !important; letter-spacing:2px; padding: 4px 6px 6px 4px; color: #fff !important; background-color: #000; max-width:150px; line-height:1.3em; font-weight:normal; margin-bottom:10px;} #content h5 a {color: #FFF; text-decoration:none;} #content h5 a:hover {color: #666;} #content h6{font-size:1.1em; font-weight:normal; /*letter-spacing:-0.05em;*/margin:0 0 0.5em 0} #content code {font-family: Tahoma, Geneva, sans-serif;font-size: 11px;} #footer{max-width: 1280px;margin: 20px auto;position:relative; text-align:left; border-top: 1px solid; border-color: #FFF;} #footer a,#footerlink a{color:#0000FF; text-decoration:none; outline:none;} #footer a:hover,#footerlink a:hover{color:#0000FF; text-decoration:underline;} #footer p,#footerlink p{color:#000;} #footerlink{color:#0000FF;margin:0 0.5em 2em 0.5em; padding:1em 0 1em 0; clear:both; text-align:left; font-size:1.1em; line-height:1em;} .entry-content-footer{font-family: Tahoma, Geneva, sans-serif;font-size:1.3em;color:#000000; margin:auto;padding:1em 0;line-height:2em;} hr { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); margin-top: 20px; margin-bottom: 20px; } /* sidebar */ div.sidebar{overflow:hidden; background-color: #fff;} .sidebar h3{font-size:9px; font-weight:normal; letter-spacing:2px; color: #fff; background-color: #000; max-width: 120px; line-height: 1.3em; padding: 4px 6px 4px 6px; margin-top: 4px;} .sidebar h1 {font-family: Tahoma, Geneva, sans-serif;font-size:13px;color:#FFF; text-transform:uppercase; font-weight:normal; letter-spacing:2px; line-height:18px; background-color:#000; padding: 5px 5px 5px 5px;} .sidebar h3 a {color:#FF0;} .sidebar h2{font-size:9px; font-weight: normal; letter-spacing:2px; color: #000; line-height: 1.3em;} .sidebar li{margin:0; } .sidebar ul li ul li{padding:0.5em 0 0} .sidebar ul li ul li li{margin:0 0 0 1em;padding:0.5em 0 0} .sidebar ul{list-style:none; margin:0; padding:0 0px;} div#primary{} * html #primary{} div#secondary{clear:right} * html #secondary{margin:1em 1em 0 1em} .sidebarcat{margin:0 0 10px 0;padding: 4px 0 4px 0;} /* Misc */ .clear{clear:both} /* Post area */ .hentry{font-weight:normal; margin-bottom:2em} .entry-content{font-family: Verdana,Arial,Helvetica,sans-serif; color:#000; margin:auto; font-size: 1.3em; line-height:1.7em;} .entry-content-home{font:1.2em/1.7em Tahoma, Geneva, sans-serif; color:#000; margin:auto} .entry-content p{margin:0 0 0.5em 0} * html .entry-content p{margin:0em 0} .entry-content ol{margin:0 0 0.5em 2em; padding:0em 1em 1em 0em;} .entry-content ol li{margin:0 0 0.2em} .entry-content ul{margin:0 0 0.5em 0.2em; padding:0em 1em 1em 0em;} .entry-content ul li{margin:0 0 0.2em} .entry-content pre{margin:0 0 .5em 2em; padding:0em 1em 1em 0em;} .entry-content a{font-family: Tahoma, Geneva, sans-serif; color:#0000FF;text-decoration: underline; letter-spacing: 2px; text-transform: uppercase;} .entry-content a:visited{color:#000;} .entry-content a:hover{color:#000;} .entry-content h2{font-size:1.2em !important; letter-spacing: 2px; text-transform:uppercase;} .entry-content h3{font-size:1.5em !important} .entry-content h4{font-size:1.3em !important} .entry-content h5{font-size:1em;} .entry-content h6{font-size:0.9em !important} .alignleft{float:left} .alignright{float:right} .center{text-align:center;margin:0 0 1.5em 0} .entry-meta{color:#bbb !important; padding:0em; font-size:1.1em; line-height:1.3em; padding-bottom: 30px;} .entry-meta .tag-links a{color:#bbb; background:#f3f3f3} .entry-meta .tag-links a:hover{color:#f3f3f3; background:#000} .sticky{background-color:transparent} .page-link{clear:both; color:#000; font-weight:normal; margin:0 0 22px 0; word-spacing:0.5em} .page-link a:link, .page-link a:visited{background-color:#none;background-color: rgba(255, 255, 255, 0.5); font-weight:normal; padding:0.5em 0.75em; text-decoration:none;color:#000} .page-link a{background-color:#none;background-color: rgba(255, 255, 255, 0.5);color:#000} .page-link a:active, .page-link a:hover{background:#f3f3f3; color:#0299FF; text-decoration:none; outline:0} .posthome{height:320px;background-color:#F5F5F5;overflow: hidden;} .posthometext{margin:0 10px;} .postsingletext{margin:0 10px !important;overflow: hidden;} .postsingletext ul li{font-size: 9px !important; letter-spacing:1px; list-style-type:none; line-height: 1.3em;} .postwidgettext{margin:0 10px !important;overflow: hidden;} .postwidgettext ul li{margin:0 1em !important} .postsingle{background-color:#none !important;} /* Page navigation */ .navigation{margin:0 0 2em; height:2em; width:auto;font-size:1.2em; line-height:1.5em; text-transform:uppercase; letter-spacing: 2px;} .navigation a{color:#333;} .navigation a:hover{text-decoration:none} .nav-next{float:right} .nav-previous{float:left} .navigation_mobile{display:none} /* Error page */ .four04 #content p{font-size:1.2em} .four04 .sidebar{clear:right; display:block} .four04 #content{width:590px; text-align:left} /*widget*/ .widget {} .widgetblock{background:transparent;font-size:1.2em;margin:0 0 0.5em 0;padding:0.5em 0 0 0;color:#000;border-top: 1px solid; border-color:#FFF; padding-bottom:20px;} .widgetblock img{max-width: 100%;height:auto} .widgettitleb{margin: 0 0 0.5em 0; padding:0.5em 0 0.5em 0;color:#000;} .screen-reader-text{display:none} .widgetpartenaire{background:#FFF;padding:10px 0 0 0;color:#000;} /* date */ .entry-date{color:#bbb;margin:-1em 0 0.5em 0} /* credits */ .credits{font-size:1.2em;max-width: 1280px;margin:10px auto; padding:0 0 0 0; text-align:right;color:#000} /*Gallery Shorcode*/ .gallery{margin:0 auto;padding:10px 0} .attachment-medium{max-width:90%; height:auto;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.8);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);} .gallery .gallery-caption{color:#888; font-size:12px; margin:0 0 12px} .gallery br+br{display:none} .attachment-thumbnail{max-width:90%; height:auto;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.8);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);} /*line break style*/ .linebreak {padding :1em 0 0.5em 0; border-top:2px solid #f1f2f4;} .linebreaktop {float: right; font-size:0.8em; } /*Gravatar*/ img.avatar {float:left; margin-right:5px;padding: 0 0.5em 0 0;} /*Caption and images*/ #content .wp-caption{background-color:transparent;line-height:18px;margin-bottom:20px;text-align:center;padding:0px; border: 1px solid #000; } #content .wp-caption img{height: auto;} #content .wp-caption p.wp-caption-text{color:#888;font-size:12px;margin:5px 0;letter-spacing:2px; text-transform: uppercase;} #content .attachment img{max-width: 100%;height: auto; } #content .alignleft,#content img.alignleft{display:inline;float:left;margin-right:4px;margin-top:4px;} #content .alignright,#content img.alignright{display:inline;float:right;margin-left:4px;margin-top:4px;} #content .aligncenter,#content img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-top:4px;} #content img,img.alignleft,#content img.alignright,#content img.aligncenter{margin-bottom:12px;max-width: 100%;height: auto; } #content .attachment img {display: block;margin: 0 auto;max-width: 100%;height: auto; } iframe, object, embed{max-width: 100%;} /*form box*/ #formbox label{font-family:Tahoma, Geneva, sans-serif;color:#000;display:block;font-weight:400;font-size:1.3em;margin-bottom:6px;} #formbox{position:relative;margin-right:1px;font-size:12px;padding:16px 18px;} #formbox .avatar{margin-top:16px;float:left;border:0;} #formbox .avatar img{border:1px solid #ccc;padding:0;} #formbox .inputarea{padding-left:66px;height:100%;font-size:12px;} #formbox textarea#posttext#posttitle{width:98%;margin-bottom:10px;background:#fafafa;border:1px solid #d1d1d1;color:#666;font-size:13px;padding:1%;} #wrapper form input[type="text"]{border:1px solid #d1d1d1;background:#fafafa;color:#666;font-size:13px;line-height:16px;padding:5px 7px;} #sidebar form input[type="text"]{background:#fff;} #formbox input#tags#display-name#m-address#home-page{width:75%;float:left;} #formbox input#submit{margin-left:6px;float:right;padding:0 20px;} #formbox .postrow{height:28px;} #wrapper button,#wrapper input[type="submit"]{margin-left:10px;border:1px solid #ccc;border-radius:3px;-moz-border-radius:3px;line-height:27px;height:28px;background:#F2F2F2;text-shadow:0 1px 0 #fff;font-size:13px;font-weight:normal;color:#333;padding:0 10px;} #wrapper button{margin:10px 10px 0 0;} #wrapper button:active,#wrapper input[type="submit"]:active{background:#eee;} /*searchbox*/ #search fieldset {border: none;position: relative;} #search input[type="text"]{border:1px solid #CCCCCC;color:#516064;font-family: Tahoma, Geneva, sans-serif;font-size:14px;margin-bottom:20px;padding:8px;width:275px;text-indent:0px;} #search label{font-family: Tahoma, Geneva, sans-serif; font-size: 15px;font-weight: normal;color: #FFFFFF;right:6px;top:6px;position:absolute;background:#dad8d8;padding: 4px 6px 2px 6px;-moz-border-radius:3px;border-radius:3px;} #search input.button{background-color:transparent;background-position:0 -27px;cursor:pointer;background-repeat:no-repeat;border:none;height:27px;position:absolute;text-indent:-9999px;top:3px;padding:0;} #search input.button:hover{background-position:0 0px;} #search input.button {background-position:0 -27px;} input#searchsubmitbutton{right:10px;width:100px;} /*category color*/ .cat-links {font-size:9px !important;font-family: Tahoma, Geneva, sans-serif;line-height:3em;color: #FFF;margin : -3px 0 0 0;background-color:transparent; text-align: right; letter-spacing: 3px; text-transform: lowercase;} .cat-links a {font-size:9px;font-family: Tahoma, Geneva, sans-serif;line-height:3em;color: #FFF;text-transform: lowercase;padding: 4px 6px 4px 6px;background-color:#000;margin-bottom:10px;} .cat-links a:hover{color:#FFF; background-color:#000; font-style:underline;} .headerads{margin:10px 0 0 0;} /*Image sur homepage*/ .imgshadow img{-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.8);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);} /*Table*/ table {border-collapse:collapse;margin:0 0 0.5em 0; max-width:100%; font-size:9px;} th {background-color: #000; color: #FFF; font-size:9px; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; padding:2px 2px;border-width:0px; height:1.3em !important;} td {padding:2px;border-width:0px;border-style:solid} /*definition*/ dl{margin:0 0 24px 0} dt{font-weight:normal} dd{margin-bottom:18px} .mobileon{display:none} /* Variable Grid System (Fluid Version). Learn more ~ http://www.spry-soft.com/grids/ Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/ Licensed under GPL and MIT. */ /* Containers ----------------------------------------------------------------------------------------------------*/ .container_15,.container_12 { width: 92%; margin-left: 4%; margin-right: 4%; } /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12, .grid_13,.grid_14,.grid_15 { display:inline; float: left; margin-top:10px; position: relative; margin-left: 1%; margin-right: 1%; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha,.alpha1,.alpha4,.alpha7,.alpha10,.alpha13,.alpha16 { margin-left: 10; } .omega,.omega3,.omega6,.omega9,.omega12,.omega15,.omega18 { margin-right: 0; } /* Grid >> 15 Columns ----------------------------------------------------------------------------------------------------*/ .container_15 .grid_1 { width:4.667%; } .container_15 .grid_2 { width:11.333%; } .container_15 .grid_3 { width:18.0%; } .container_15 .grid_4 { width:24.667%; } .container_15 .grid_5 { width:31.333%; } .container_15 .grid_6 { width:38.0%; } .container_15 .grid_7 { width:44.667%; } .container_15 .grid_8 { width:51.333%; } .container_15 .grid_9 { width:58.0%; } .container_15 .grid_10 { width:64.667%; } .container_15 .grid_11 { width:71.333%; } .container_15 .grid_12 { width:78.0%; } .container_15 .grid_13 { width:84.667%; } .container_15 .grid_14 { width:91.333%; } .container_15 .grid_15 { width:98.0%; } /* Prefix Extra Space >> 15 Columns ----------------------------------------------------------------------------------------------------*/ .container_15 .prefix_1 { padding-left:6.667%; } .container_15 .prefix_2 { padding-left:13.333%; } .container_15 .prefix_3 { padding-left:20.0%; } .container_15 .prefix_4 { padding-left:26.667%; } .container_15 .prefix_5 { padding-left:33.333%; } .container_15 .prefix_6 { padding-left:40.0%; } .container_15 .prefix_7 { padding-left:46.667%; } .container_15 .prefix_8 { padding-left:53.333%; } .container_15 .prefix_9 { padding-left:60.0%; } .container_15 .prefix_10 { padding-left:66.667%; } .container_15 .prefix_11 { padding-left:73.333%; } .container_15 .prefix_12 { padding-left:80.0%; } .container_15 .prefix_13 { padding-left:86.667%; } .container_15 .prefix_14 { padding-left:93.333%; } /* Suffix Extra Space >> 15 Columns ----------------------------------------------------------------------------------------------------*/ .container_15 .suffix_1 { padding-right:6.667%; } .container_15 .suffix_2 { padding-right:13.333%; } .container_15 .suffix_3 { padding-right:20.0%; } .container_15 .suffix_4 { padding-right:26.667%; } .container_15 .suffix_5 { padding-right:33.333%; } .container_15 .suffix_6 { padding-right:40.0%; } .container_15 .suffix_7 { padding-right:46.667%; } .container_15 .suffix_8 { padding-right:53.333%; } .container_15 .suffix_9 { padding-right:60.0%; } .container_15 .suffix_10 { padding-right:66.667%; } .container_15 .suffix_11 { padding-right:73.333%; } .container_15 .suffix_12 { padding-right:80.0%; } .container_15 .suffix_13 { padding-right:86.667%; } .container_15 .suffix_14 { padding-right:93.333%; } /* Push Space >> 15 Columns ----------------------------------------------------------------------------------------------------*/ .container_15 .push_1 { left:6.667%; } .container_15 .push_2 { left:13.333%; } .container_15 .push_3 { left:20.0%; } .container_15 .push_4 { left:26.667%; } .container_15 .push_5 { left:33.333%; } .container_15 .push_6 { left:40.0%; } .container_15 .push_7 { left:46.667%; } .container_15 .push_8 { left:53.333%; } .container_15 .push_9 { left:60.0%; } .container_15 .push_10 { left:66.667%; } .container_15 .push_11 { left:73.333%; } .container_15 .push_12 { left:80.0%; } .container_15 .push_13 { left:86.667%; } .container_15 .push_14 { left:93.333%; } /* Pull Space >> 15 Columns ----------------------------------------------------------------------------------------------------*/ .container_15 .pull_1 { left:-6.667%; } .container_15 .pull_2 { left:-13.333%; } .container_15 .pull_3 { left:-20.0%; } .container_15 .pull_4 { left:-26.667%; } .container_15 .pull_5 { left:-33.333%; } .container_15 .pull_6 { left:-40.0%; } .container_15 .pull_7 { left:-46.667%; } .container_15 .pull_8 { left:-53.333%; } .container_15 .pull_9 { left:-60.0%; } .container_15 .pull_10 { left:-66.667%; } .container_15 .pull_11 { left:-73.333%; } .container_15 .pull_12 { left:-80.0%; } .container_15 .pull_13 { left:-86.667%; } .container_15 .pull_14 { left:-93.333%; } /* Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1 { width:6.333%; } .container_12 .grid_2 { width:14.667%; } .container_12 .grid_3 { width:23.0%; } .container_12 .grid_4 { width:31.333%; } .container_12 .grid_5 { width:39.667%; } .container_12 .grid_6 { width:48.0%; } .container_12 .grid_7 { width:56.333%; } .container_12 .grid_8 { width:64.667%; } .container_12 .grid_9 { width:73.0%; } .container_12 .grid_10 { width:81.333%; } .container_12 .grid_11 { width:89.667%; } .container_12 .grid_12 { width:98.0%; } /* Prefix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_1 { padding-left:8.333%; } .container_12 .prefix_2 { padding-left:16.667%; } .container_12 .prefix_3 { padding-left:25.0%; } .container_12 .prefix_4 { padding-left:33.333%; } .container_12 .prefix_5 { padding-left:41.667%; } .container_12 .prefix_6 { padding-left:50.0%; } .container_12 .prefix_7 { padding-left:58.333%; } .container_12 .prefix_8 { padding-left:66.667%; } .container_12 .prefix_9 { padding-left:75.0%; } .container_12 .prefix_10 { padding-left:83.333%; } .container_12 .prefix_11 { padding-left:91.667%; } /* Suffix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_1 { padding-right:8.333%; } .container_12 .suffix_2 { padding-right:16.667%; } .container_12 .suffix_3 { padding-right:25.0%; } .container_12 .suffix_4 { padding-right:33.333%; } .container_12 .suffix_5 { padding-right:41.667%; } .container_12 .suffix_6 { padding-right:50.0%; } .container_12 .suffix_7 { padding-right:58.333%; } .container_12 .suffix_8 { padding-right:66.667%; } .container_12 .suffix_9 { padding-right:75.0%; } .container_12 .suffix_10 { padding-right:83.333%; } .container_12 .suffix_11 { padding-right:91.667%; } /* Push Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .push_1 { left:8.333%; } .container_12 .push_2 { left:16.667%; } .container_12 .push_3 { left:25.0%; } .container_12 .push_4 { left:33.333%; } .container_12 .push_5 { left:41.667%; } .container_12 .push_6 { left:50.0%; } .container_12 .push_7 { left:58.333%; } .container_12 .push_8 { left:66.667%; } .container_12 .push_9 { left:75.0%; } .container_12 .push_10 { left:83.333%; } .container_12 .push_11 { left:91.667%; } /* Pull Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_1 { left:-8.333%; } .container_12 .pull_2 { left:-16.667%; } .container_12 .pull_3 { left:-25.0%; } .container_12 .pull_4 { left:-33.333%; } .container_12 .pull_5 { left:-41.667%; } .container_12 .pull_6 { left:-50.0%; } .container_12 .pull_7 { left:-58.333%; } .container_12 .pull_8 { left:-66.667%; } .container_12 .pull_9 { left:-75.0%; } .container_12 .pull_10 { left:-83.333%; } .container_12 .pull_11 { left:-91.667%; } /* Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */ .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } .mobileonfooter{display:none} /* PERSONALISATION */ /* -------------------------Version mobile----------------------------------------------- */ @media screen and (min-width: 900px) and (max-width: 1200px) { } @media screen and (min-width: 768px) and (max-width: 1024px) { .container_15 .grid_10 { width:100%; } .container_15 .grid_5 { width:98%; } .container_15 .grid_3 { width:31.333%; } .container_12 .grid_3 { width:31.333%; } .container_15 .pull_10{ left:0%; } .container_15 .push_5{ left:0%; } .postsingle{margin : 0 -10px 0 0 !important;} .sidebar{margin:10px 0 0 0} #access{display:block;} .mobileonfooter{display:none;} .socialcontainer{display:none;} /* Navigation */ #accessmobile{background:#f1f2f4;background-color: rgba(250, 250, 250, 0.8);display:block;float:left;width:100%;margin:0 auto;text-transform: uppercase;} #accessmobile .menu-header,div.menu{font-size:1.3em;margin-left:0px;} #accessmobile .menu-header ul,div.menu ul{list-style:none;margin:0;} #accessmobile .menu-header li,div.menu li{float:left;position:relative;width:100%;} #accessmobile a{color:#000;display:block;line-height:40px;text-decoration:none;padding:0 10px;} #accessmobile ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;position:absolute;top:38px;left:0;float:left;width:100%;;z-index:99999;} #accessmobile ul ul li{min-width:100%;;} #accessmobile ul ul ul{left:100%;top:0;} #accessmobile ul ul a{background:#f1f2f4;line-height:1em;width:100%;;height:auto;padding:10px 0 10px 10px;} #accessmobile li:hover > a,#accessmobile ul ul :hover > a{background:#000;background:rgba(0,0,0,0.7);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile ul li:hover > ul{display:block;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item > a,#accessmobile ul li.current-menu-parent > a,* html #accessmobile ul li.current_page_item a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li a:hover{background:#000;background:rgba(0,0,0,0.7);color:#fff;} } #accessmobile {visibility:hidden !important;} /* Smartphones (landscape) ----------- */ @media only screen and (min-width : 321px) and (max-width: 480px) { .container_15 .grid_10 { width:100%; } .container_15 .grid_7 { width:100%; } .container_15 .grid_5 { width:98%; } .container_15 .grid_3 { width:48%; } .container_12 .grid_4 { width:48%; } .container_12 .grid_3 { width:48%; } .container_15 .pull_10{ left:0%; } .container_15 .push_5{ left:0%; } .alpha1,.alpha3,.alpha5,.alpha7,.alpha9,.alpha11,.alpha13,.alpha15,.alpha17{ margin-left: 0; } .alpha2,.alpha4,.alpha6,.alpha8,.alpha10,.alpha12,.alpha14,.alpha16,.alpha18{ margin-left: 1%; } .omega2,.omega4,.omega6,.omega8,.omega10,.omega12,.omega14,.omega16,.omega18{ margin-right: 0; } .omega1,.omega3,.omega5,.omega7,.omega9,.omega11,.omega13,.omega15,.omega17{ margin-right: 1%; } .postsingle{margin : 0 -10px 0 0 !important;} .sidebar{margin:10px 0 0 0} #access{display:block;} .mobileonfooter{display:none;} .socialcontainer{display:none;} /* Navigation */ #accessmobile{background:#f1f2f4;background-color: rgba(250, 250, 250, 0.8);display:block;float:left;width:100%;margin:0 auto;text-transform: uppercase;} #accessmobile .menu-header,div.menu{font-size:1.3em;margin-left:0px;} #accessmobile .menu-header ul,div.menu ul{list-style:none;margin:0;} #accessmobile .menu-header li,div.menu li{float:left;position:relative;width:100%;} #accessmobile a{color:#000;display:block;line-height:40px;text-decoration:none;padding:0 10px;} #accessmobile ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;position:absolute;top:38px;left:0;float:left;width:100%;;z-index:99999;} #accessmobile ul ul li{min-width:100%;;} #accessmobile ul ul ul{left:100%;top:0;} #accessmobile ul ul a{background:#f1f2f4;line-height:1em;width:100%;;height:auto;padding:10px 0 10px 10px;} #accessmobile li:hover > a,#accessmobile ul ul :hover > a{background:#000;background:rgba(0,0,0,0.7);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile ul li:hover > ul{display:block;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item > a,#accessmobile ul li.current-menu-parent > a,* html #accessmobile ul li.current_page_item a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li a:hover{background:#000;background:rgba(0,0,0,0.7);color:#fff;} } @media screen and (max-width: 768px) { #access ul li {width:49%;} #access ul li ul {position:relative; margin:0; padding:0; top:0px;} .columns-4 .column { width: 47.5%; } .columns-3 .column { width: 98%;} } @media screen and (min-width: 480px) and (max-width: 768px) { .container_15 .grid_10 { width:100%; } .container_15 .grid_7 { width:100%; } .container_15 .grid_5 { width:98%; } .container_15 .grid_3 { width:31.333%; } .container_12 .grid_4 { width:48%; } .container_12 .grid_3 { width:48%; } .container_15 .pull_10{ left:0%; } .container_15 .push_5{ left:0%; } .alpha1,.alpha3,.alpha5,.alpha7,.alpha9,.alpha11,.alpha13,.alpha15,.alpha17{ margin-left: 0; } .alpha2,.alpha4,.alpha6,.alpha8,.alpha10,.alpha12,.alpha14,.alpha16,.alpha18{ margin-left: 1%; } .omega2,.omega4,.omega6,.omega8,.omega10,.omega12,.omega14,.omega16,.omega18{ margin-right: 0; } .omega1,.omega3,.omega5,.omega7,.omega9,.omega11,.omega13,.omega15,.omega17{ margin-right: 1%; } .postsingle{margin : 0 -10px 0 0 !important;} .sidebar{margin:10px 0 0 0} #access{display:block;} .mobileonfooter{display:none;} .socialcontainer{display:none;} /* Navigation */ #accessmobile{background:#f1f2f4;background-color: rgba(250, 250, 250, 0.8);display:block;float:left;width:100%;margin:0 auto;text-transform: uppercase;} #accessmobile .menu-header,div.menu{font-size:1.3em;margin-left:0px;} #accessmobile .menu-header ul,div.menu ul{list-style:none;margin:0;} #accessmobile .menu-header li,div.menu li{float:left;position:relative;width:100%;} #accessmobile a{color:#000;display:block;line-height:40px;text-decoration:none;padding:0 10px;} #accessmobile ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;position:absolute;top:38px;left:0;float:left;width:100%;;z-index:99999;} #accessmobile ul ul li{min-width:100%;;} #accessmobile ul ul ul{left:100%;top:0;} #accessmobile ul ul a{background:#f1f2f4;line-height:1em;width:100%;;height:auto;padding:10px 0 10px 10px;} #accessmobile li:hover > a,#accessmobile ul ul :hover > a{background:#000;background:rgba(0,0,0,0.7);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile ul li:hover > ul{display:block;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item > a,#accessmobile ul li.current-menu-parent > a,* html #accessmobile ul li.current_page_item a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li a:hover{background:#000;background:rgba(0,0,0,0.7);color:#fff;} } /* Smartphones (portrait) ----------- */ @media only screen and (max-width : 320px) { .container_15 .grid_10 { width:100%; } .container_15 .grid_9 { width:100%; } .container_15 .grid_7 { width:100%; } .container_15 .grid_6 { width:100%; } .container_15 .grid_5 { width:98%; } .container_12 .grid_4 { width:100%; } .container_12 .grid_3 { width:100%; } .container_15 .pull_10{ left:0%; } .container_15 .push_5{ left:0%; } .alpha1,.alpha2,.alpha3,.alpha4,.alpha5,.alpha6,.alpha7,.alpha8,.alpha9,.alpha10,.alpha11,.alpha12,.alpha13,.alpha14,.alpha15,.alpha16,.alpha17,.alpha18 { margin-left: 0; } .omega1,.omega2,.omega3,.omega4,.omega5,.omega6,.omega7,.omega8,.omega9,.omega10,.omega11,.omega12,.omega13,.omega14,.omega15,.omega16,.omega17,.omega18 { margin-right: 0; } .postsingle{margin : 0 -10px 0 0 !important;} .blogtitle{font-size:3em;} .sidebar{margin:10px 0 0 0} #access{display:block;} #header{height:7em;} .mobileonfooter{display:none;} .socialcontainer{display:none;} /* Navigation */ #accessmobile{background:#f1f2f4;background-color: rgba(250, 250, 250, 0.8);display:block;float:left;width:100%;margin:0 auto;text-transform: uppercase;} #accessmobile .menu-header,div.menu{font-size:1.3em;margin-left:0px;} #accessmobile .menu-header ul,div.menu ul{list-style:none;margin:0;} #accessmobile .menu-header li,div.menu li{float:left;position:relative;width:100%;} #accessmobile a{color:#000;display:block;line-height:40px;text-decoration:none;padding:0 10px;} #accessmobile ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;position:absolute;top:38px;left:0;float:left;width:100%;;z-index:99999;} #accessmobile ul ul li{min-width:100%;;} #accessmobile ul ul ul{left:100%;top:0;} #accessmobile ul ul a{background:#f1f2f4;line-height:1em;width:100%;;height:auto;padding:10px 0 10px 10px;} #accessmobile li:hover > a,#accessmobile ul ul :hover > a{background:#000;background:rgba(0,0,0,0.7);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #accessmobile ul li:hover > ul{display:block;} #accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item > a,#accessmobile ul li.current-menu-parent > a,* html #accessmobile ul li.current_page_item a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li a:hover{background:#000;background:rgba(0,0,0,0.7);color:#fff;} } /* Comment */ #comments .comment-body{padding:1em 0; font-size:1.2em} #comments .comment-body ul, #comments .comment-body li, #comments .comment-body ol{margin:0 1em} #comments .comment-body p:last-child{margin-bottom:6px} #comments .comment-body blockquote p:last-child{margin-bottom:24px} #comments li{margin:1em 0; padding:1em 1em; background-color:#FFF;background-color: rgba(255, 255, 255, 0.5);} #comments li.alt{margin:1em 0; padding:1em 1em;background-color:#F8F8F5;background-color: rgba(248, 248, 245, 0.9);} #comments{list-style-type:none; margin:0; padding:0} #comments .byuser{} #comments .byuser.alt{} #comments .bypostauthor{background-color:#FFF;background-color: rgba(255, 255, 255, 0.7);} #comments .bypostauthor.alt{background-color:#FFF;background-color: rgba(255, 255, 255, 0.7);} #comments .comment p{} #comments .comment-author{margin: 0 0 0 3px;font-size:1.5em; font-weight:normal; letter-spacing:-0.1em} #comments .comment-meta a{color:#777} #comments .comment-meta{margin:0.3em 0; color:#777} #comments .comment-author-admin{background-color: #FFF; background-repeat: no-repeat; background-position:right top;} #comments ul.children{list-style:none;margin:0 0 0 2em} #comments .count {float:right;padding: 10px;font-size:20px;color:#606566;} #comments .pingback{border-bottom:1px solid #e7e7e7; margin-bottom:18px; padding-bottom:18px} .commentlist li.comment+li.pingback{margin-top:-6px} #comments .pingback p{color:#888; display:block; font-size:12px; line-height:18px; margin:0} #comments .pingback .url{font-size:13px; font-style:italic} #comments .nocomments {color: #bbb;font-size: 24px;font-weight: 100;margin: 26px 0;text-align: center;} /* Comment form */ div.formcontainer{width:100%} #commentform .comment-form-author, .comment-form-email, .comment-form-url{padding:0.3em; color:#777; font:1.3em Tahoma, Geneva, sans-serif; width:40%; clear:both} #commentform .comment-form-comment{padding:0.3em; color:#777; font:1.3em Tahoma, Geneva, sans-serif; clear:both} #commentform .comment-form-comment label{background:#fff;-webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8);-moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8);box-shadow:1px 2px 2px rgba(204,204,204,0.8);color:#555;display:inline-block;font-size:13px;left:4px;min-width:60px;padding:4px 10px;} #commentform #comment-notes{margin:1em 0 0 0; color:#bbb} #commentform #submit{width:auto;margin:0.5em 0; float:right} #commentform label{margin:1em 0;padding:1em 1em; color:#777; font:1.1em Tahoma, Geneva, sans-serif;} #commentform textarea#comment{padding:0.3em 0 0.3em 0.3em; font:1.1em Tahoma, Geneva, sans-serif; color:#777; width:99%; height:15em} #commentform .form-allowed-tags {line-height: 1em;} #commentform .form-allowed-tags {color: #888;font-size: 12px;line-height: 18px;} #commentform .form-allowed-tags code {font-size: 11px;} #commentform .required {color: #ff4b33;font-weight: normal;} #commentform .comments-navigation{font-family:Tahoma, Geneva, sans-serif;font-size:1.2em;margin:1em 0} #commentform .page-numbers.current{text-decoration: underline;} /* Comment navigation */ .comments-navigation{font-family:Tahoma, Geneva, sans-serif;font-size:1.2em;margin:1em 0;clear:both; color:#000; font-weight:normal; margin:0 0 22px 0; word-spacing:0.5em;} .comments-navigation a{background:#f3f3f3; padding: 5px 7px;color:#0299FF; text-decoration:none; outline:0} .comments-navigation a:active{color:#0299FF; text-decoration:none; outline:0} .comments-navigation a:hover{background:#000; color:#FFF; text-decoration:none; outline:0} .socialcontainer {float:right;} .socialcontainer img {max-height:30px; width:auto; margin-left:10px; float:right;} #thsp-sticky-header-menu .menu-item-75 a {color:#fff !important;} #promo_form {float:none; width:300px;} ::selection {background: #000; color: #fff;} ::-moz-selection {background: #000; color: #fff;}