/*
Theme Name: Sensonet
Author: RandomBlowup
Author URI: http://randomblowup.com/
Version: 1.0
*/

/* @group Standard */

/* @group Tag Clean */

html, body {
    font: 14px/17px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    height: 100%;
}

input {
    font: 14px/17px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div, p, form, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, blockquote {
    margin: 0;
    padding: 0;
}

/* @end */
/* @group Sprites */
.sprite {
    overflow: hidden;
    display: block;
    height: 0px;
    width: 0px;
    background: url("images/sprite.gif") no-repeat scroll 0px 0px #FFFFFF;
}
.control {
    overflow: hidden;
    display: block;
    height: 0px;
    width: 0px;
    background: url("images/sprite_controls.png") no-repeat scroll 0px 0px transparent;
}
/* @end */
/* @group Links */

a {
    text-decoration: underline;
    color: #584c4e;
}
a:hover {
    color: #000000;
}
a.skip {
    display: none;
}
a img {
    border: none;
}
/* @end */

/* @group Sections */
.section,
.panel,
.pane {
    float: left;
    /*  width: 100%; */
}
.left {
    float: left;
}
.right {
    float: right;
}
.hide {
    display: none;
}
/* @end */

/* @group Heading */
h1, h2, h3, h4, h5, h6 {
    padding-top: 5px;
    margin-bottom: 8px;
    font-family: "dinregular", sans-serif;
    text-transform: uppercase;
}
h1 {
    color: #009FDA;
    font-size: 39px;
    font-weight: lighter;
    letter-spacing: 5px;
    line-height: 1.3em;
}
h1.panel-header {
    color: #FFFFFF;
}
h1.news-header {
    color: #000000;
    font-size: 20px;
    letter-spacing: 3px;
}
h2 {
    font-size: 16px;
    line-height: 1.3em;
}

h3 {
    font: bold 14px/18px Helvetica, Arial;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px 0px 2px 0px;
    margin-bottom: 2px;
}

h4 {
    font-size: 1.3em;
    line-height: 1.3em;
}

h5 {
    font-size: 1.2em;
    line-height: 1.3em;
}

h6 {
    font-size: 1.1em;
    line-height: 1.3em;
}

/* @end */

/* @group Paragraphs */

p {
    margin-bottom: 1em;
}

/* @group Lists */
ul.list,
ul.list li {
    list-style: none;
    clear: both;
    float: left;
}

.copy ul,
.copy ol,
.copy dl {
    padding-left: 30px;
}
/* @end */


/* @group Tables */
table {
    width: 100%;
    border-collapse: collapse;
}
table th {
    text-align: left;
}
table th,
table td {
    padding: 0px;
}
td.label label {
    padding-right: 10px;
}
/* @end */

/* @group Images */
.copy img,
.copy img.left {
    float: left;
    margin: 0 15px 10px 0;
}

.copy img.right {
    float: right;
    margin: 0 0 10px 15px;
}

.copy img.full {
    float: left;
    margin: 0 0 10px 0;
}

/* @end */

/* @end */

/* @group Site Specific */
#container {
    height: auto !important;
    margin: 0 auto -600px;
    min-height: 100%;
    position: relative;
    width: 100%;
}
.container {
    width: 942px;
    margin: 0;
    float:left;
}
#background {
    background: url(images/background.png) no-repeat transparent;
    margin: 0px;
    position: relative;
    width: 100%;
    z-index: -100;
}
#background {
    height: 600px;
}
.push {
    height: 1000px;
}
/* .container .section {
  width: 100%;
  float: left;
} */

/* @group Header */
#header {
    width: 100%;
    float: left;
    margin-bottom: 40px;
}
#header #logo {
    margin:40px 0px 0px 40px;
    padding-left: 285px;
    padding-top: 100px;
    background-position: -644px 0px;
}
/* @end */

/* @group Menu */
#main-menu {
    margin-left: 110px;
    width:212px;
}
#main-menu li {
    width: 100%;
    float: left;
}
#main-menu li a {
    float: left;
    font: 100 19px "dinregular",sans-serif;
    letter-spacing: 2px;
    padding: 10px 0 10px 10px;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}
#main-menu li a:hover, 
#main-menu li.current-menu-item a, 
body.single-post li.news a,
body.page-template-page-loginLanding-php li.login a {
    color: #FFFFFF;
}

#main-menu li.about:hover, #main-menu li.about.current-menu-item {background-color: #E03D84;}
#main-menu li.services:hover, #main-menu li.services.current-menu-item {background-color:#DA2031;}
#main-menu li.network:hover, #main-menu li.network.current-menu-item {background-color:#ABA5A6;}
#main-menu li.news:hover, #main-menu li.news.current-menu-item, body.single-post li.news {background-color:#009FDA}
#main-menu li.login:hover, #main-menu li.login.current-menu-item {background-color:#217449}
#main-menu li.contact:hover, #main-menu li.contact.current-menu-item {background-color:#F69227}

body.page-template-page-loginLanding-php li.login 
{
    background-color:#217449
}
/* @end */



/* @group Main Content */
#content {
    width: 100%;
    float: left;
}
.page-content {
    float:left;
}
#main {
    width: 550px;
    height: 330px;
    padding: 35px;
    float:left;
    position: relative;
    overflow: hidden;
}
#main.large {
    height: 500px;
}


#main .header {
    min-height: 40px;
    width: 550px;
    margin-bottom: 10px;
    float:left;
}
#main .header.lessmargin {
    margin-bottom: 20px;
}
#main .page-container {
    width: 550px;
    float:left;
}
#main .panel {
    font: 14px/17px "Helvetica Neue", Helvetica, Arial, sans-serif;
    float:left;
    height: 230px;
    width: 100%;
}
#main.large .panel {
    height: 500px;
}

#main.large .panel .col {
    height: 500px;
}


#main .panel .col {
    display: block;
    float: left;
    width: 270px;
    height: 250px;
    position: relative;
    overflow: hidden;
}
#main .panel .colleft {
    margin-right: 10px;
}
.page-content a { color: #FFFFFF; }
.page-content a:hover { color: #584c4e; }

/* @group Main Content Buttons */
.control {
    cursor: pointer;
}
#close-button.control {
    position: absolute;
    padding-top:30px;
    padding-left:30px;
    top: 10px;
    right: 10px;
    background-position: -0px 0px;
}
#close-button:hover {
    background-position: -30px 0px;
}
#prev-page.control {
    position: absolute;
    padding-top:20px;
    padding-left:12px;
    bottom: 22px;
    right: 63px;
    background-position: 0px -30px;
}
#prev-page:hover {
    background-position: -12px -30px;
}
#next-page.control {
    position: absolute;
    padding-top:20px;
    padding-left:12px;
    bottom: 22px;
    right: 33px;
    background-position: -24px -30px;
}
#next-page:hover {
    background-position: -36px -30px;
}

.cta {
    float:left;
}
#cta-row {
    width: 590px;
    float:left;
    clear:left;
}
#cta-row>.cta {
    width: 0px;
    height: 0px;
    padding: 69px 110px 0px 0px;
    margin: 10px 0px 0px 35px;
    overflow: hidden;
}
#cta-row>#get-in-touch.cta {
    background-position: -534px -69px;

}
#cta-row>#get-in-touch.cta:hover {
    background-position: -424px -69px;
}
#cta-row>#find-out-more.cta {
    background-position: -534px 0px;
}
#cta-row>#find-out-more.cta:hover {
    background-position: -424px 0px;

}
/* @end */

/* @group Specific Headers */

/* body.home #main>.header {  background: url(images/img_header-whatIs.png) no-repeat transparent; }
body.page-template-page-about-php #main>.header {  background: url(images/img_header-aboutUs.png) no-repeat transparent; }
body.page-template-page-services-php #main>.header {  background: url(images/img_header-ourServices.png) no-repeat transparent; }
body.page-template-page-contact-php #main>.header {background: url(images/img_header-contactUs.png) no-repeat transparent; }
body.page-template-page-network-php #main>.header {background: url(images/img_header-contactUs.png) no-repeat transparent; }
body.page-template-page-login-php #main>.header {background: url(images/img_header-login.png) no-repeat transparent; }
#main .header.our-network {  background: url(images/img_header-ourNetwork.png) no-repeat transparent; }
#main .header.login {  background: url(images/img_header-login.png) no-repeat transparent; }
*/
/* @end */


body.home, body.page-template-page-news-php {
    background-color: #FFFFFF; 
    color: #584c4e;
}
body.page-template-page-about-php #main {
    background-color: #e86ea3;   
    color: #FFFFFF;
}
body.page-template-page-services-php #main {
    background-color: #e14d5a;   
    color: #FFFFFF;    
}
body.page-template-page-contact-php #main { 
    background-color: #f8a852;   
    color: #FFFFFF;
}
body.page-template-page-network-php #main { 
    background-color: #ABA5A6;   
    color: #FFFFFF;
}
body.page-template-page-login-php #main {
    background-color: #599777;   
    color: #FFFFFF;
}
body.page-template-page-loginLanding-php #main {
    background-color: #599777;   
    color: #FFFFFF;
}



/* @group Footer */
#footer {
    width: 100%;
    float: left;
    margin-top: 120px;
    color:#584c4e;
    font: 14px/18px Helvetica, Arial, sans-serif;
}
#footer-widget-area {
    clear: left;
    float: left;
    margin-left: 357px;
    list-style: none;
}
#footer-widget-area li {
    float:left;
    margin-right: 50px;
    position: relative;
    width: 230px;
}
#footer-widget-area .widget-title {
    position: absolute;
    top: -20px;
    width: 230px;
}
#footer .right-col {
    margin-left: 50px;
    float:left;
}
#footer h3 {
    font: bold 15px Helvetica, Arial, sans-serif;
    margin-bottom: 3px;
}
/* @end */

/* @end */

#loginframe {
    height:230px;
    width: 550px;
    border: none;
}

.page-template-page-news-php a, .page-template-page-news-php a:hover {
    color: #000000;
}

body.home #main, body.single-post #main, body.page-template-page-news-php #main {
    padding: 0px 35px;
}

.alignright {
    float:right;
}

.page-content li {
    list-style-type: square;
    list-style-position: outside;
    margin-left: 1em;
}

input, textarea {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    width: 100%;
    border: none;
    padding: 7px 10px;
}

.submit-box {
    position: relative;
}
label {
    text-transform: uppercase;
}
div.arrow {
    background: url("images/arrow.png") #599777 no-repeat right;
    display: block;
    padding: 22px 12px 0 0 ;
    position: absolute;
    right: 0;
    top: 0;
    pointer-events: none;
}
input.submit {
    background-color: transparent;
    color: #FFFFFF;
    cursor: pointer;
    text-align: right;
    width: auto;
    font-size: 15px;
    padding: 0px 25px 0 10px;
}
input.submit:hover {
    background-color: white;
    color: #000000;
}

.unclickable {
    pointer-events: none;
}

@font-face {
    font-family: 'dinregular';
    src: url('fonts/font-webfont.eot');
    src: url('fonts/font-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/font-webfont.woff') format('woff'),
        url('fonts/font-webfont.ttf') format('truetype'),
        url('fonts/font-webfont.svg#dinlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
ul.logged-in-buttons {
    margin-top: 40px;
}
ul.logged-in-buttons li {
    float: left;
    margin-left: 40px;
    margin-bottom: 40px;
    list-style: none;
    clear: both;
}
ul.logged-in-buttons li a, ul.logged-in-buttons li div { 
    float: left;
    text-decoration: none;
    padding-bottom: 35px;
    background: url('images/img_white-buton-arrow.png') bottom center no-repeat;
}
ul.logged-in-buttons li a span, ul.logged-in-buttons li div span {
    padding: 5px;
}
ul.logged-in-buttons li a:hover span.text, ul.logged-in-buttons li div:hover span.text { 
    text-decoration: none;
    background-color: white;
    color: #584C4E;
    cursor: pointer;
}

.sensor-status {
    position: absolute;
    bottom: 40px;
    left: 40px;
    padding-right: 40px;
    background: url('images/arrow.png') top right no-repeat;
    cursor: pointer;
    height:21px;
}
.sensor-status .text {
    padding: 5px;
}
.sensor-status:hover .text {
    background-color: #FFFFFF;
    color: #584C4E;
}

a.edit {
    position: absolute;
    right: 45px;
    top: 10px;
}
.article-excerpt {
    width:100%;
    clear: both;
    margin-bottom: 10px;
    margin-left: 0px !important;
}
.article-excerpt a {
    color: #584C4E;
    text-decoration: none;
}
.article-excerpt .date {
    color:#000000;
    font-weight: bold;
}

.grey {
    color: #584C4E;
}
.grey a {
    color: #000000;
}

.error {
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    display:none;
}