/*  
Theme Name: LIGHTcorners
Theme URI: http://themekrones.com/portofolio/tuner/lightcorners/wp/
Description: LIGHTcorners is created by <a href="http://roxigo.com">Roxigo</a> and <a href="http://themeforest.net/user/tuner">Tuner</a>.
Version: 1.0
Author: Roxigo and Tuner
Author URI: http://roxigo.com
*/
/* 
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)
*/
/*-------------------------------------------------------------------------------------------*/
*, html {
    padding: 0;
    margin: 0
    }
body {
    background: #ebf0f2;
    /* Replacing this color can affect to whole look of layout. */
    font-family: "Trebuchet MS", "Arial", "Lucida sans";
    font-size: 12px;
    color: #768084;
    line-height: 24px
    }
div#body {
    margin: 0 auto;
    width: 1000px
    }
div#top {
    width: 1000px;
    height: 141px;
    background: url(images/top_background.png) no-repeat;
    text-align: left
    }
body#subpage div#top {
    background: url(images/top_background_subpage.png) no-repeat
    }
body#homepage div#main {
    width: 1000px;
    height: 390px;
    background: url(images/main_background.png) no-repeat;
    overflow: auto
    }
body#subpage div#main {
    width: 1000px;
    background: url(images/main_background_subpage.png) repeat-y
    }
div#main div.inner {
    width: 900px;
    margin: 0 auto;
    padding-top: 15px
    }
body#subpage div#main div.inner {
    padding-bottom: 20px
    }
div#caption {
    width: 420px;
    float: left
    }
div#content {
    margin: 0 auto;
    text-align: left;
    width: 900px;
    padding-top: 15px
    }
div.box {
    width: 275px;
    float: left;
    padding-right: 18px;
    border-right: 1px solid #d3d8d9;
    margin-left: 18px;
    color: #768084
    }
div.box div.image {
    width: 275px;
    height: 91px;
    margin: 12px 0 12px 0;
    background: url(images/homepage_img_background.png);
    text-align: center
    }
div.box div.image img {
    margin: 0 auto;
    margin-top: 5px
    }
div.bleft {
    margin-left: 0
    }
div.bright {
    padding-right: 0;
    border-right: none
    }
div#clients {
    width: 1000px;
    height: 191px;
    background: url(images/clients_background.png) no-repeat;
    margin-top: 15px
    }
div#clients div.inner {
    width: 900px;
    margin: 0 auto;
    text-align: left;
    padding-top: 35px
    }
div#clients div.client {
    width: 140px;
    height: 81px;
    background: url(images/client_sample.png) no-repeat;
    float: left;
    margin-right: 12px
    }
div#clients div.last {
    margin-right: 0
    }
div#clients div.client img {
    margin: 5px 0 0 5px;
    border: none
    }
body#subpage div#left {
    width: 200px;
    float: left
    }
body#subpage div#right {
    width: 620px;
    float: right;
    font-size: 12px
    }
div#testimonial-top {
    width: 210px;
    height: 6px;
    background: url(images/testimonial_top.png) no-repeat;
    font-size: 0
    }
div#testimonial-body {
    width: 210px;
    height: auto;
    background: url(images/testimonial_background.png) repeat-y;
    font-size: 12px;
    color: #848484
    }
div#testimonial-body div.margin {
    padding: 10px 15px 10px 15px
    }
div#testimonial-bottom {
    width: 210px;
    height: 30px;
    background: url(images/testimonial_bottom.png) no-repeat;
    padding-top: 25px;
    font-size: 12px;
    color: #626161;
    text-align: center
    }
div#crumbs {
    margin-bottom: 15px;
    font-size: 11px;
    color: #424242
    }
div.float {
    margin: 25px 0 25px 0
    }
div.aleft {
    width: 298px;
    float: left;
    border-right: 1px solid #e0e0e0
    }
div.aright {
    width: 298px;
    float: right
    }
div.aleft div.margin {
    padding-right: 20px
    }
div.line {
    height: 1px;
    width: 100%;
    background: #e0e0e0;
    font-size: 0
    }
div.port-line {
    height: 1px;
    width: 100%;
    background: #e0e0e0;
    margin: 30px 0 15px 0;
    font-size: 0
    }
div#bottom {
    width: 1000px;
    height: 23px;
    background: url(images/main_background_bottom.png) no-repeat;
    /* partial fix for bottom rounded corners appearing at top. but middle repeating background is bleeding onto footer. */
    overflow: auto
    }
div#footer {
    width: 900px;
    height: 100px;
    margin: 0 auto;
    text-align: center;
    margin-top: 25px;
    padding-top: 15px;
    margin-bottom: 10px;
    border-top: 1px solid #c8ccce;
    color: #768084
    }
div#footer div.left {
    width: 450px;
    float: left;
    text-align: left
    }
div#footer div.right {
    width: 449px;
    float: right;
    text-align: right
    }
/* TABLES */
table.main {
    width: 100%;
    color: #5c5c5c;
    font-size: 12px;
    line-height: 24px;
    border-collapse: collapse;
    margin: 15px 0 15px 0
    }
table.main tr {
    height: 40px;
    background: #fafafa
    }
table.main tr.dark {
    background: #f8f8f8
    }
table.main tr.caption {
    height: 41px;
    background: #efefef url(images/table_top_bg.png) repeat-x
    }
table.main td {
    padding: 5px 12px 5px 12px;
    border: 1px solid #d6d6d6
    }
table.main th {
    padding: 5px 12px 5px 12px;
    border: 1px solid #d6d6d6;
    text-align: left
    }
table.main td.center {
    text-align: center
    }
table.main th.center {
    text-align: center
    }
/* CONTACT FORM */
div#contact {
    text-align: left;
    margin: 20px 0 20px 0;
    color: #929292
    }
div#contact div.row {
    height: 50px;
    width: 100%
    }
div#contact div.left {
    text-align: right;
    padding-right: 15px;
    border-right: 1px solid #d9d9d9;
    float: left;
    width: 100px;
    height: 50px;
    line-height: 50px
    }
div#contact div.right {
    text-align: left;
    margin-left: 15px;
    float: left;
    width: 327px;
    height: 50px;
    background: url(images/bg_input.png) no-repeat center center
    }
div#contact div.right span span {
    float: left;
    margin-top: 8px !important;
    padding: 5px 10px 4px !important;
    top: 0% !important;
    width: 245px !important
    }
div#contact div.row-message {
    height: 160px;
    width: 100%
    }
div#contact div.left-message {
    width: 100px;
    height: 160px;
    line-height: 160px;
    border-right: 1px solid #d9d9d9;
    padding-right: 15px;
    float: left;
    text-align: right
    }
div#contact div.right-message {
    text-align: left;
    margin-left: 15px;
    float: left;
    width: 327px;
    height: 160px;
    background: url(images/bg_textarea.png) no-repeat center center
    }
input.text {
    width: 300px;
    height: 20px;
    border: none;
    background: none;
    font: 12px trebuchet ms;
    color: #7e7e7e;
    position: relative;
    top: 15px;
    left: 10px
    }
input.send {
    width: 91px;
    height: 34px;
    background: url(images/button_send_bg.png) no-repeat;
    border: none;
    outline: none;
    cursor: pointer;
    position: relative;
    top: 6px
    }
div#contact div.right-send {
    text-align: left;
    margin-left: 15px;
    float: left;
    width: 327px;
    height: 50px;
    background: none
    }
div#contact textarea {
    width: 307px;
    height: 125px;
    padding: 10px;
    background: none;
    border: none;
    font: 12px trebuchet ms;
    color: #7e7e7e;
    position: relative;
    top: 8px
    }
/* IMAGES */
img {
    border: none
    }
img.logo {
    float: left
    }
img.featured {
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #e0e0e0;
    background: #fff;
    margin: 5px 0 10px 0
    }
img.normal {
    padding: 7px;
    border: 1px solid #e0e0e0;
    background: #fafafa;
    margin: 5px 0 10px 0
    }
/* TITLES */
h1, h1 p {
    font-family: "arial";
    color: #2b3438 !important;
    font-weight: bold;
    font-size: 33px;
    line-height: 48px;
    margin-bottom: 0 !important;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-top: 0
    }
h2 {
    color: #2b3438;
    font-size: 25px;
    margin-bottom: 5px;
    font-weight: bold;
    margin-top: 10px
    }
h3 {
    color: #2b3438;
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: bold;
    margin-top: 10px
    }
h4 {
    color: #2b3438;
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: bold;
    font-style: italic;
    margin-top: 10px
    }
h5 {
    color: #2b3438;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: bold;
    margin-top: 10px
    }
div#left h3 {
    font-size: 13px;
    margin-top: 20px
    }
div#left h3.top {
    margin-top: 0;
    margin-bottom: 10px
    }
body#homepage h3 {
    margin-top: 0
    }
h3.floated {
    margin-top: 0
    }
div#clients h3 {
    color: #2b3438;
    font-size: 18px;
    margin-bottom: 13px;
    font-weight: bold
    }
/* LIST */
ul {
    margin: 5px 0 5px 25px;
    list-style-type: disc;
    color: #595a5a;
    line-height: 15px
    }
ul.footer-navigation {
    margin: 0;
    font-style: normal
    }
ul.footer-navigation li {
    display: inline;
    margin: 0 0 0 5px;
    text-transform: uppercase
    }
ul.footer-navigation li a {
    text-decoration: none
    }
/* HYPERLINKS */
a {
    color: #686868;
    text-decoration: underline;
    outline: none
    }
h3 a {
    color: #2b3438;
    text-decoration: none
    }
a:hover {
    text-decoration: none
    }
div#footer a {
    color: #768084
    }
a.readmore {
    display: block;
    width: 77px;
    height: 23px;
    background: url(images/button_read_more_01.png) no-repeat;
    float: right;
    margin-top: 5px
    }
a.readmore:hover {
    background: url(images/button_read_more_02.png) no-repeat
    }
a.signup {
    display: block;
    width: 77px;
    height: 28px;
    background: url(images/button_sign_up_01.png) no-repeat;
    float: left;
    margin-right: 10px
    }
a.signup:hover {
    background: url(images/button_sign_up_02.png) no-repeat
    }
a.learnmore {
    display: block;
    width: 99px;
    height: 28px;
    background: url(images/button_learn_more_01.png) no-repeat;
    float: left;
    margin-right: 10px
    }
a.learnmore:hover {
    background: url(images/button_learn_more_02.png) no-repeat
    }
div#crumbs a {
    color: #424242
    }
/* TEXT */
body#homepage div#main p {
    font-size: 14px;
    line-height: 18px;
    height: 100px
    }
div#right p {
    color: #595a5a;
    line-height: 24px;
    margin-bottom: 20px
    }
/* OTHER */
div.clear {
    clear: both
    }
/* NAVIGATION */
div#navigation {
    width: 550px;
    height: 129px;
    float: right;
    position: relative;
    left: -25px
    }
div#navigation ul {
    float: right;
    height: 30px;
    margin: 0;
    padding: 0 20px 0 0;
    list-style: none;
    position: relative;
    top: 96px
    }
div#navigation li {
    display: inline;
    margin: 0;
    padding: 0
    }
div#navigation a {
    height: 30px;
    text-decoration: none;
    line-height: 30px;
    float: left;
    margin: 0 0 0 3px;
    padding: 0 0 0 4px;
    cursor: pointer;
    background: url(images/navigation/normal_left.png) no-repeat left top;
    position: relative;
    top: 5px
    }
#navigation a span {
    font: 14px "trebuchet ms", "arial";
    text-decoration: none;
    color: #969da1;
    height: 30px;
    line-height: 34px;
    float: left;
    display: block;
    padding: 0 18px 0 15px;
    background: url(images/navigation/normal_right.png) no-repeat right top
    }
#navigation li.current a {
    top: 1px;
    height: 35px;
    background: url(images/navigation/active_left.png) no-repeat left top
    }
#navigation li.current a span {
    height: 35px;
    line-height: 40px;
    background: url(images/navigation/active_right.png) no-repeat right top;
    color: #707477
    }
#navigation a:hover {
    height: 33px;
    background: url(images/navigation/active_left.png) no-repeat left top;
    top: 2px
    }
#navigation a:hover span {
    height: 33px;
    background: url(images/navigation/active_right.png) no-repeat right top;
    color: #707477
    }
#navigation li.rss a {
    height: 26px;
    width: 32px;
    float: left;
    margin: 0 0 0 3px;
    padding: 0;
    cursor: pointer;
    background: url(images/navigation/rss_normal.png) no-repeat left top;
    position: relative;
    top: 9px
    }
#navigation li.rss a:hover {
    background: url(images/navigation/rss_active.png) no-repeat left top;
    height: 26px;
    top: 9px
    }
/* SUBPAGE NAVIGATION */
ul#s-nav {
    list-style-type: none;
    font: 14px trebuchet ms;
    margin-left: 0
    }
ul#s-nav li {
    display: block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #f2f2f2
    }
ul#s-nav li.current, ul#s-nav li.current-cat {
    width: 236px;
    display: block;
    background: url(images/subpage_navigation_background.png) no-repeat center center;
    position: relative;
    border: none;
    position: relative;
    top: -3px
    }
ul#s-nav li.no-border {
    border: none
    }
ul#s-nav li a {
    padding-left: 20px;
    text-decoration: none;
    color: #969da1
    }
ul#s-nav li.current a {
    color: #535353
    }
ul#s-nav li a:hover {
    color: #535353
    }
/* SLIDER */
#slider {
    height: 307px;
    width: 415px;
    float: right;
    position: relative;
    top: 12px;
    left: -8px;
    z-index: 5
    }
#slider ul, #slider li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    position: relative;
    z-index: 5
    }
#slider li {
    width: 415px;
    height: 307px;
    overflow: hidden
    }
#prevBtn, #nextBtn {
    display: block;
    float: left;
    text-indent: -8000px;
    position: relative
    }
#prevBtn {
    width: 42px;
    height: 41px;
    top: 286px;
    left: -36px
    }
#nextBtn {
    width: 43px;
    height: 41px;
    top: 245px;
    left: 6px
    }
#prevBtn a {
    display: block;
    width: 42px;
    height: 41px;
    outline: none;
    background: url(images/arrow_left.png) no-repeat
    }
#prevBtn a:hover {
    background: url(images/arrow_left_02.png) no-repeat
    }
#nextBtn a {
    display: block;
    width: 43px;
    height: 41px;
    outline: none;
    background: url(images/arrow_right.png) no-repeat
    }
#nextBtn a:hover {
    background: url(images/arrow_right_02.png) no-repeat
    }
/* BLOG */
div.blogpost {
    border-top: 1px solid #e0e0e0;
    margin: 20px 0;
    padding: 15px 0
    }
div.blogpost-single {
    border-top: 0 solid #e0e0e0;
    margin: 0 0;
    padding: 0 0
    }
div.blogpost h3, div.blogpost-single h3 {
    margin: 0;
    margin-bottom: 0
    }
div.blogpost img.blog-image, div.blogpost-single img.blog-image {
    float: right;
    margin: 0 0 5px 5px;
    padding: 3px;
    border: 1px solid #e0e0e0;
    background: #fafafa
    }
div.blogpost a.readmore, div.blogpost-single a.readmore {
    float: left;
    margin-top: 10px
    }
p.details {
    font-size: 11px;
    margin-bottom: 8px
    }
div.comment {
    border-top: 1px solid #e0e0e0;
    color: #595a5a;
    padding: 10px 0
    }
div.comment img.avatar {
    float: left;
    margin: 0 10px 10px 0;
    padding: 5px;
    border: 1px solid #e0e0e0;
    background: #fafafa
    }
div.comment span.name {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: bold
    }
div.comment span.details {
    font-size: 11px
    }
div.post-reply {
    margin-top: 30px;
    color: #595a5a
    }
input.blog-text {
    border: 1px solid #909090;
    padding: 5px;
    height: 20px;
    line-height: 20px;
    width: 300px;
    font: 12px "trebuchet ms", "Arial";
    color: #565656;
    margin-bottom: 5px
    }
textarea.blog-message {
    border: 1px solid #909090;
    padding: 5px;
    height: 100px;
    line-height: 20px;
    width: 400px;
    font: 12px "trebuchet ms", "Arial";
    color: #565656;
    margin-bottom: 5px
    }
input.blog-submit {
    color: #fff;
    padding: 6px 10px;
    background: #464646;
    border: none;
    cursor: pointer
    }
/* PAGINATION */
div.wp-pagenavi {
    padding-top: 20px
    }
div.wp-pagenavi a {
    line-height: 25px;
    text-align: center;
    display: inline-block;
    border: 1px solid #e0e0e0 !important;
    background: #f9f9f9 !important;
    text-decoration: none;
    height: 25px;
    width: 25px;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
    border: 0;
    color: #686868 !important
    }
div.wp-pagenavi a:hover {
    color: #fff !important;
    border: 1px solid #464646 !important;
    background: #464646 !important
    }
div.wp-pagenavi a.current, .wp-pagenavi span {
    color: #fff !important;
    border: 1px solid #464646 !important;
    background: #464646 !important;
    margin: 0 5px 0 0 !important;
    padding: 3px 9px 4px 9px !important;
    line-height: 25px
    }
#crumbs {
    text-transform: uppercase
    }