/*
Theme Name: Creative Clicks Photography Site
Theme URI: http://www.facebook.com/tungvt1611
Author: TungVT
Author URI: http://www.facebook.com/tungvt1611
Description: The WP theme for creativeclicks.co.nz
Version: 1.0
*/

/* FONTS */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic&subset=latin,latin-ext);

/* RESET */
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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}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:none}table{border-collapse:collapse;border-spacing:0}

/* GLOBAL */
body {font:16px 'Open Sans', sans-serif;color:#d2ece0;margin:0;background:#fff url('images/bg.jpg') center center no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
input,img,select {vertical-align:middle}
strong {font-weight:bold;}
small {font-size:0.9em;}
p {margin-bottom:1.3em;}
em {font-style:italic;}
a:link, a:visited {text-decoration:none;color:#0f53ff;
outline: medium none;
transition: color 0.2s, background-color 0.2s, border-color 0.2s;
-moz-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
-webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
-o-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}
img {transition: border-color 0.2s;
	-moz-transition: border-color 0.2s;
	-webkit-transition: border-color 0.2s;
	-o-transition: border-color 0.2s;
}
a:hover, a:active {color:#4566AB;}
.left {float:left !important;}
.right {float:right !important;}
.clear {clear:both !important;}
.textright {text-align:right !important;}
.textleft {text-align:left !important;}
.textcenter {text-align:center !important;}
.alignleft {float:left !important;}
.alignright {float:right !important;}

/* HEADER */
#logo {margin-top:27px;}
#info {margin-top:45px;text-align:right;padding-bottom:10px;}
#info p {margin-bottom:0;font-size:14px;}
.horizontal {border-bottom:1px solid #d2ece0;}

/* NAV */
#nav {height:55px;padding:0;}
#nav ul {float:left;margin-top:10px;}
#nav ul li {float:left;line-height:35px;}
#nav ul li a {font-size:12px;color:#fff;padding:0 55px;display:block;text-transform:uppercase;}
#nav ul li a:hover {background:url('images/white_25.png') repeat;
    -webkit-transition: background-image 0.2s;
    -moz-transition: background-image 0.2s;
    -ms-transition: background-image 0.2s;
    -o-transition: background-image 0.2s;
    transition: background-image 0.2s;
}
#nav ul li.current-menu-item a {background:url('images/white_25.png') repeat;}

/* CONTENT */
#main-content {padding:15px;background:url('images/white_25.png') repeat;font-size:14px;}
#main-content p {margin-bottom:10px;}
#main-content h2.page-title {font-size:30px;color:#a9ddc6;font-weight:bold;margin-bottom:12px;}
#main-content .featured-img {border 10px solid #707070; float:right;margin:0 0 15px 15px;}
#galleries {text-align:center;}
#footer {padding:20px 0;}

/* JSSOR */
.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
{
    position: absolute;
    cursor: pointer;
    display: block;
    background: url('images/a17.png') no-repeat;
    overflow:hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05ldn { background-position: -250px -40px; }
.jssora05rdn { background-position: -310px -40px; }
.jssort02 .w
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.jssort02 .c
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 60px;
    border: #d2ece0 2px solid;
}
.jssort02 .p:hover .c, .jssort02 .pav:hover .c, .jssort02 .pav .c 
{
    background: url('images/t01.png') center center;
    border-width: 0px;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 60px;
}
.jssort02 .p:hover .c, .jssort02 .pav:hover .c
{
    top: 0px;
    left: 0px;
    width: 60px;
    height: 60px;
    border:#fff 1px solid;
}