/*	Theme Name: Website theme
	Theme URI:	Description: Theme for your website by skybolt.
	Author: Skybolt	Author URI: http://www.skybolt.com/Version: 0.8
*/
/* *
    CSS RESET *	http://meyerweb.com/eric/tools/css/reset/  *	v2.0 | 20110126 *	License: none (public domain) */
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt,dd, ol, ul, li, fieldset,
    form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio,video {	margin: 0; 	padding: 0;	border: 0;	font-size: 100%;
    font: inherit;	vertical-align: baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }body { line-height: 1;}ol, ul { list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }table {	border-collapse: collapse; border-spacing: 0; }
/*-----------------------------------------------------------------------------------------*//* Base Body Styles/*-----------------------------------------------------------------------------------------*/
body{ background:#fff; color:#000; font:13px 'Quattrocento Sans', sans-serif;}

h1,h2,h3,h4,h5,h6{ font-weight:400;
    font-family: "futura-pt",sans-serif; }
h1{ font-size:30px;}
h2{ font-size:24px;}
h3{ font-size:18px;}
h4{ font-size:14px;}
h5{ font-size:12px;}
h6{ font-size:12px;}
/* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate * Also: hot pink! (or customize the background color to match your design) */
::-moz-selection { background: #577BCD; color: #fff; text-shadow: none; }::selection { background: #577BCD; color: #fff; text-shadow: none; }/** Links **/a { color: #444444; text-decoration: none; }a:visited {  }a:hover { color: #993330; }a:focus { outline: thin dotted; }/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }.clearfix:before, .clearfix:after { content: ""; display: table; }.clearfix:after { clear: both; }.clearfix { *zoom: 1; }
/*-----------------------------------------------------------------------------------------*//* Starting Writing Your Styles Below this line/*-----------------------------------------------------------------------------------------*/
#wrapper {    width: 1300px;    margin: 0 auto 50px;}
header {    position: relative;    height: 140px;}
header h1 {    font-size: 25px;    display: inline-block;    position: absolute;    top: 37px;    min-height: 28px;}
header .logo {    background-color: #bdd0ce;    border-radius: 6px;    display: inline-block;    padding: 0 10px 2px 10px;}
header .tagline {    display: inline-block;    position: absolute;    top: 84px;    text-transform: uppercase;    letter-spacing: 2px;    color: #81827b;    font-size: 12px;}
header .social-icons {    position: absolute;    top: 105px;}
.social-icons a {    display: inline-block;    width: 20px;    height: 20px;    margin-right: 5px;    position: relative;    overflow: hidden;}
.social-icons a  img{    position: absolute;    top: 0;    left: 0;}
.social-icons a:hover  img{    top: auto;    bottom: 0;}
header nav {    position: absolute;    top: 80px;    left: 315px;}
nav .navigation {    margin-bottom: 15px;}
nav ul li {    display: inline;    padding: 5px 10px;    background: url("images/nav-seprator.png") right 5px no-repeat;}
nav ul li a {color: #444444;    display: inline-block;    font-size: 12px;    font-weight: bold;    letter-spacing: 4px;    margin-bottom: 10px;    margin-top: 2px;    text-decoration: none;}
nav ul li:last-child {    background: none;}
nav ul .current-menu-item a {    color: #993330;}
.responsive-nav {    display: none;}

/*********************************************************
**************** Home Template styles*********************
***************************************************/

.banner {    margin-bottom: 13px;}
.home-contents {    width: 961px;}
.home-contents p {    font-size: 14px;    color: #878787;    line-height: 20px;    letter-spacing: 1px;	font-weight: normal;}
.home-contents ol {    list-style: decimal;}
.home-contents ol li {    font-size: 12px;    color: #666;    line-height: 20px;    margin: 0 0 5px 18px;    letter-spacing: 1px;}
.home-contents ul {    list-style: disc;}
.home-contents ul li {    font-size: 12px;    color: #666;    line-height: 20px;    margin: 0 0 5px 14px;    letter-spacing: 1px;}
.column, .column2 {    float: left;    width: 288px;    margin: 0 48px 0 0;   min-height: 150px;}
.widget {    margin-bottom: 36px;    text-align: center;}
.widget h3 {    display: inline-block;    font-size: 12px;    color: #151514;    padding: 4px 13px 4px 12px;    background-color: #bdd0ce;    margin-bottom: 11px;    border-radius: 5px;    text-align: center;	 text-transform: uppercase;	  font-weight: normal;    letter-spacing: 2px;}
.widget h4 {    font-size: 12px;    text-align: left; padding-left: 10px;   color: #51514f;    font-weight: normal;    margin-bottom: 3px;}
.widget h4 a {    font-weight: normal;}
.widget .date {    display: block;    font-size: 12px;  padding-left: 10px;   text-align: left;    color: #51514f;    margin-bottom: 15px;	font-weight: normal;}
.widget p {    color: #878787;    text-align: left;}
.home-contents .column3 p{ padding-left: 10px;}
.column:last-child {    margin-right: 0;}
.home-contents a {    color: #646463;    font-weight: normal !important;    letter-spacing: 2px;}
.home-contents a:hover {    color: #993330;}
.ie8 .column, .ie8 .column2 { margin-right: 31px;}

/**********************************************************
**************Painting Template styles*********************
*************************************************/

.sliders-wrap {    max-height: 800px;    overflow: hidden;    margin-bottom: 40px; padding-left:15px;}
.left-slider {    width: 150px;    padding: 145px 0 0 5px;    float: left;}
.left-slider span.slider-counter {    display: block;    margin-bottom: 30px;    padding-left: 20px;    letter-spacing: 4px;}
.slides p {    margin-bottom: 20px;    line-height: 20px;    letter-spacing: 1px;}
.slides p span {    color: #993330;}
.right-slider {    float: left;}

/********************************************************
******************Blog page Styles***********************
*****************************************************/
.blog-nav { margin-bottom: 20px;  width: 1120px; padding-left: 50px;}
.blog-nav a { display: inline-block; margin:  0 72px 0 0; letter-spacing: .45em; text-transform: uppercase; font: 15px "futura-pt",sans-serif; color: #b48268; text-align: center; font-weight: bold;}
.blog-wrap {    width: 1120px;    border: 1px solid #d6d6d6;    border-left:none ;    border-bottom: none;}
.blog-wrap strong {    font-weight: bold;}
.blog-wrap em {    font-style: italic;}
.blog-content-area {    padding: 22px 7px 0;    border: 1px solid #d6d6d6;    border-bottom: none;    border-top: none;    width: 790px;    float: left;}
.blog-content-area section ol {    list-style: decimal;}
.blog-content-area section ol li {    font-size: 12px;    color: #666;    line-height: 20px;    margin: 0 0 5px 18px;    letter-spacing: 1px;}
.blog-content-area section ul {    list-style: disc;}
.blog-content-area section ul li {    font-size: 12px;    color: #666;    line-height: 20px;    margin: 0 0 5px 14px;    letter-spacing: 1px;}
.blog-content-area section{    width: 100%;    padding-bottom: 25px;    margin: 0 0 20px 0;    float: left;    border-bottom: 1px dotted #cacaca;}
section img {    padding: 5px;    border: 1px solid #cacaca;    margin-bottom: 10px;}
section .date { display:inline-block; word-spacing: 5px; color: #4e4c3b; margin-bottom: 15px; letter-spacing: 0.35em; font-size: 12px; float: right; margin-right: 60px; text-transform: capitalize; font-family: "kepler-std-extended-display";	font-weight:500;}
section h2 { font-size: 14px; text-transform: uppercase; max-width: 490px;  color: #666;    margin-bottom: 10px;    letter-spacing: 0.35em;	font-family: "kepler-std-extended-display";	font-weight:500; text-transform: capitalize; }
section h2:first-letter { }

section .more-link { font-size: 13px; letter-spacing: 0.35em; color: #a4613e; text-transform: uppercase; }

section p { font: 15px  "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #666;    line-height: 24px;    margin-bottom: 20px;}
section .author {    color: #993330;    letter-spacing: 1px;}
section .author a {    color: #666;    margin-left: 4px;}
section .author .email {    width: 18px;    height: 13px;    display: inline-block;    padding: 0 5px;}
section .author .email img {    border: 0;    padding: 3px 0 0 0;    margin-bottom: 0;}
section .author a:hover {    text-decoration: underline;    color: #666;}
.comment-list {    margin-bottom: 20px;}
#comments {    margin-bottom: 20px;}
.comments {    float: left;    font-size: 15px;    width: 800px;}
div.comment {    margin:0 0 15px 77px;}
.img-box .avatar {    float: left;    margin: 0 10px 10px 0;}
p.meta {    margin-bottom: 15px;}.comment-body em {    display: inline-block;    margin: 0 0 15px 77px ;}
.comment-list > li {    border-bottom: 1px solid #cacaca;    margin-bottom: 15px;}
.comment-list li ul {    margin-left: 80px;}
.comment-list > li ul li {    border-top: 1px solid #cacaca;    padding-top: 15px;}
div.reply {    font-weight: bold;    margin: 0 0 15px 77px ;}
#respond h2 {    margin-bottom: 15px;    color: #444;}
#commentform p {    margin-bottom: 15px;}
#commentform p label {    font-size: 13px;    width: 100px;    display: inline-block;}
#commentform p input.field {    width: 250px;    height: 30px;}
#commentform p input[type='text']{    padding: 0 5px;}
#commentform p textarea {    margin-left: 100px;    width: 600px;    height: 150px;}
#commentform p #submit {    margin-left: 100px;    color: #fff;    font-weight: bold;    border: none;    background-color: #cacaca;    padding: 10px;}
#commentform p #submit:hover {    background-color: #993330;}
.sidebar {    width: 288px;    float: left;    padding: 27px 8px 0;}
.sidebar-widget {    text-align: center;    margin-bottom: 30px;}
.sidebar-widget h3 {    font-size: 14px;    color: #989898;    margin-bottom: 10px;    letter-spacing: 4px;	font-family: "futura-pt";	font-weight:400;}
.sidebar-widget h4 {    font-size: 13px;    color: #989898;    letter-spacing: 4px;}
.sidebar-widget a {    display: inline-block;    font-size: 12px;    margin-bottom: 8px;}
.sidebar-widget .screen-reader-text {    display: none;}
.sidebar-widget #searchform {    width: 203px;    padding: 4px 3px;    margin: 0 auto;    background-color: #f7f7f7;    position: relative;    text-align: center;}
.sidebar-widget #s {    width: 178px;    height: 17px;    padding: 0 5px;}
.sidebar-widget #searchsubmit {    background: url("images/go-btn.png") right center no-repeat;    border: none;    position: absolute;    width: 20px;    height: 19px;    right: 9px;    top: 5px;    font-size: 0;    cursor: pointer;}
.sidebar-widget .textwidget img {    padding: 6px;    border: 1px solid #d6d6d6;}

/**************************************************
************************Page.php Styles************
*****************************************************************/

.left-thumbnail {    width: 300px;    float: left;    margin-right: 25px;    min-height: 100px;}
.contents-area {    float: right;    width: 650px;    margin-right: 323px;    height: 560px;    overflow: auto;}
.main h2 {    margin-bottom: 18px;    font-size: 14px;    letter-spacing: 4px;    color: #993333;    font-weight: normal;}
.main h3 {    font-size: 14px;    line-height: 18px;    letter-spacing: 4px;    color: #993333;}
.main .contents-area ol {    list-style: decimal;}
.main .contents-area ol li {    font-size: 12px;    color: #666;    line-height: 20px;    margin: 0 0 5px 18px;    letter-spacing: 1px;}
.main .contents-area ul {    list-style: disc;}
.main .contents-area ul li {    font-size: 12px;    color: #666;    line-height: 20px;    margin: 0 0 5px 14px;    letter-spacing: 1px;}
.main h3.aligncenter {    text-align: center;    font-weight: bold;}
.contents-area h4 {    font-size: 14px;    color: #808080;    margin-bottom: 9px;    letter-spacing: 1px;}
.main strong {    font-weight: bold;}
.main em {    font-style: italic;}
.contents-area a {    color: #666;}.ws-title{    font-size: 12px;    font-weight: bold;    letter-spacing: 1px;    color: #666666;    margin-bottom: 15px;}
.ws-title span {    font-weight: normal;}
.ws-title a {    color: #888888;}
.contents-area a:hover {    color: #993333;}
article {    margin-bottom: 40px;}
.main article img {    margin-bottom: 15px;}
.main article img.align-center {    text-align: center;    margin:0 0 15px;}
.main article img.alignleft {    float: left;    margin: 0 10px 10px 0;}
.main article img.alignright {    margin: 0 10px 15px 10px;    float: right;}
.contents-area p {    font-size: 14px;    letter-spacing: 1px;    color: #878787;    margin-bottom: 9px;    line-height: 20px;    font-weight: normal;  margin-right: 50px;}
.main article h4 {    font-size: 12px;    color: #993333;    letter-spacing: 4px;    line-height: 20px;}
article ul {    padding-left:40px ;}
article ul li {    list-style: disc;    color: #666666;    font-size: 12px;    margin-bottom: 9px;    letter-spacing: 1px;}

/**************************************************
**********************Gallery Page Styles***************
************************************************************/

.gall-tab-body td {    width: 175px;    line-height: 18px;    padding-bottom: 38px;}
.gall-tab-body td a {    display: inline-block;    text-decoration: none;    color: #888888;}
.gall-tab-body td a.map{    color: #454545;    font-weight: bold;    padding-left: 10px;    letter-spacing: 4px;    background: url("images/map-arrow.png") left 4px no-repeat;}
.full-link {display:none;}

/*****************************************************
*********************Resume Page Styles********************
******************************************************/

.resume-table td {    line-height: 18px;    padding-bottom: 15px;}
.resume-table td a {    display: inline-block;    text-decoration: none;    color: #888888;}
/***********************************************
**************************Calendar Page Styles**********************
***************************************************/

.minus-margin {    margin-top: -9px;}
.contents-area .cal-heading {    padding-top: 15px;    font-size: 13px;}

/*************************************************
************************Contact Page Styles**********************
****************************************************/

.contact-area {    margin-right: 265px;}
.contact-area p {    font-size: 14px;}
.contact-area a {    font-size: 14px;    letter-spacing: 2px;}

/*****************************************************
*********************Footer Page Styles*****************
*********************************************************/

footer {    width: 1300px;    margin: 0 auto;}
footer .copy-right p {    color: #cccccc;}

/*******************************************************
****************Custom Responsive Styles*****************
******************************************************/

@media screen and (max-width: 1040px){
    #wrapper {       width: 960px;    }
    header {        text-align: center;        height: 180px;    }
    header .logo {        position: relative;        display: block;        margin: 0 auto;    }
    header h1 {        position: relative;    }
    header .tagline {        top: 45px;        position: relative;        text-align: center;        display: block;    }
    header .social-icons {        position: relative;        text-align: center;        top:  90px;        height: 30px;        padding-top: 10px;    }
    header nav {       left: 98px;        top: 100px    }
    .banner {        width: 100%;    }
    .banner-img {        display: block;        margin: 0 auto;    }
    .left-thumbnail {        width: 250px;        overflow: hidden;        text-align: right;    }
    .contents-area {        width: 630px;        margin-right: 50px;    }
    .blog-nav { width: 980px; margin: 0 auto 30px;}
    .blog-wrap {        width: 980px;    }
    .blog-content-area .left-thumbnail {        float: none;        text-align: center;    }
    .blog-content-area {        margin: 0 auto 0;        width: 680px;    }
    .sidebar {        width: 265px;    }
    .comments {        width: 680px;        margin: 0 auto;    }
    #commentform p textarea {        margin-left: 0;    }
    footer {        width: 980px;    }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .sliders-wrap {
        height: 800px;
        min-height: 800px;
    }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
    .sliders-wrap {
        height: 800px;
        min-height: 800px;
    }
}

@media screen and (max-width:979px) and (min-width:768px){
    #wrapper {        width: 740px;    }
    header nav {        left: 0;    }
    nav ul li {        padding: 5px 8px;;    }
    .banner {        width: 700px;    }
    .banner img {        width: 100%;        height: auto;    }
    .home-contents {        width: 700px;    }
    .home-contents .column {        width: 208px;        margin: 0 25px 0 0;    }
    nav ul li a {		letter-spacing:3px;	}
    .blog-nav {        width: 700px;  margin: 0 auto 30px;  padding: 0; text-align: center;}
    .blog-nav a { margin-right: 30px;}
    .blog-wrap {        width: 700px;        margin: 0 auto;        border: 1px solid #d6d6d6;    }
    .blog-content-area {        margin: 0 auto 30px;        width: 680px;        float: none;        border: none;    }
    .sidebar {        float: none;        width: 670px;    }
    .sidebar-widget {        float: left;        min-width: 310px;        min-height: 70px;    }
    .comments {        margin: 0 auto;        width: 680px;    }
    .left-thumbnail {       width: 230px;        overflow: hidden;    }
    .contents-area {        height: 400px;        width: 485px;        margin-right: 0;    }
    .right-slider {        float: left;        height: 600px;        width: 560px;    }
    footer {        width: 700px;    }
}




@media screen and (max-width:768px){
    #wrapper {        width: 740px;    }
    header .logo {        position: relative;        margin: 0 auto;        display: block;    }
    header nav {        left: 10px;    }
	nav ul li a {		letter-spacing:2px;	}
	header .social-icons {        padding-top: 17px;    }
    .home-contents .column {        width: 208px;        margin: 0 25px 0 0;    }
    .banner {        width: 700px;        margin: 0 auto 20px;    }
    .banner img {        width: 100%;        height: auto;    }
    .blog-nav {        width: 700px;   margin: 0 auto 30px; padding: 0; text-align: center;}
    .blog-nav a { margin-right: 30px;}
    .blog-wrap {        width: 700px;        margin: 0 auto;        border: 1px solid #d6d6d6;    }
    .blog-content-area {        margin: 0 auto 30px;        width: 680px;        float: none;        border: none;    }
    .sidebar {        float: none;        width: 675px;    }
    .sidebar-widget {        float: left;        min-width: 310px;        min-height: 70px;    }
    .comments {        margin: 0 auto;        width: 680px;    }
    .left-thumbnail {        width: 230px;        overflow: hidden;    }
    .contents-area {        height: 400px;        width: 485px;        margin-right: 0;  padding-bottom:20px;  }
	.contents-area img {max-width:100%;}
    .right-slider {        float: left;        height: 600px;        width: 560px;    }
    footer {        width: 700px;    }
	.copy-right { padding-bottom: 30px; }
	.blog-wrap img { max-width: 96.5%;height: auto; }
	.blog .social-icons {padding-top:4px;}
}
@media (max-width: 610px) {
    #wrapper {        width: 450px;    }
    header .social-icons {        padding-top: 4px;    }
    header nav {        left: 66px;    }
    header nav ul {        display: none;    }
    .responsive-nav {        display: block;        width: 312px;        height: 25px;    }
    .banner {        width: 400px;        height: auto;   }
    .banner img {        width: 97%;        height: auto;    }
    .home-contents {        width: 400px;        margin: 0 auto;        text-align: center;    }
    .home-contents .column {        margin: 0 auto 30px;        float: none;    }
    .blog-nav {        width: 400px;    margin: 0 auto 30px;}
    .blog-nav a { margin-right: 20px;}
    .blog-wrap {        width: 400px;    }
    .blog-content-area {        margin: 0 auto 30px;        width: 390px;    }
    section h2 {        text-align: center;    }
    section .date {        float: none;        text-align: center;    }
    .sidebar {        width: 400px;    }
    .sidebar-widget {        width: 100%;    }
    .comments {        margin: 0 auto;        width: 387px;    }
    .left-thumbnail {        width: auto;        overflow: hidden;        float: none;        margin: 0 auto 30px;    }
    .left-thumbnail img {        display: block;        margin: 0 auto;    }
    .contents-area {        overflow: visible;        height: auto;        width: auto;        padding: 0 15px;        margin: 0 auto 30px;        float: none;     }
    .left-slider {        padding: 10px 0 0 5px;    }
    .right-slider {        float: left;        height: auto;        width: 250px;    }
    #commentform p textarea {        width: 300px;    }
    .gall-tab-body td {        display: block;        width: 100%;    }
    footer {        width: 400px;    }
	.full-link {display:block;}
}
@media (max-width: 330px) {
    #wrapper {        width: 310px;    }
    header h1 {        left: 0;        padding: 0 7px;    }
    header .logo img{        width: 280px;    }    header nav {        left: 11px;    }
    .responsive-nav {        width: 290px;    }
    .banner {        width: 290px;        height: auto;    }
    .home-contents {        width: 281px;    }
    content-area {        width: 290px;    }
    .banner-img {        width: 97%;    }
    section img {        width: 97%;    }
    .blog-nav {        width: 290px; margin: 0 auto 30px;   }
    .blog-nav a { margin-right: 20px;}
    .blog-wrap {        width: 290px;    }
    .blog-content-area {        margin: 0 auto 30px;        width: 290px;    }
    .blog-content-area {       width: 276px;    }    .sidebar {        width: 276px;    }
    .sidebar-widget {        min-width: 276px;    }
   footer {
width: 300px;
padding-top: 20px;
text-align: center;
}
    .comments {        width: 276px;    }
    .left-slider {        width: 280px;position:absolute;top:300px;    }
    .right-slider {        width: 280px;position:absolute;overflow:hidden;height:285px;    }
    #commentform p label {        display: block;        margin-bottom: 10px;    }
    #commentform p input.field {        width: 190px;    }
    #commentform p textarea {        width: 270px;        margin-left: 0;    }
    #commentform p #submit {        margin-left: 0;    }
	.left-slider span.slider-counter {    display: block;    margin-bottom: 30px;    padding-right: 18px;    letter-spacing: 4px;float:right;}
	.slides p { line-height:20px;margin-top: -5px; }
	.flex-direction-nav {
	top: 300px;
	right:100px;
	position:absolute;
	}
	.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px !important;
}
.sliders-wrap {
max-height: none;
overflow: visible;
margin-bottom: 40px;
padding-left: 15px;
}
	}

.navigation {
    clear:both;
    margin:20px 0;
    font-size:15px;
    text-transform:uppercase;
    font-family: serif;
}
.navigation a {
    color:#d25c38;
}