/*
* BODY COLORS ***
*/
body{background-color:#0e171f;}
/*
* TAGS COLORS ***
*/
h1,h2,h3,a{color:#0e171f;}
h4,h5,h6,cite{color:#0e171f;}
p,li,input{color:#767676;}
blockquote{border-left:solid 2px #ffcc00;}
blockquote p{color:#333;}
/*
* LIST COLORS ***
*/
li{background-image:url('/images/skin/arrow.gif');background-position:0px 12px;background-repeat:no-repeat;}
ul ul li{background-image:url('/images/skin/arrow_1.gif');background-position:15px 12px;background-repeat:no-repeat;}
ul ul ul li{background-image:url('/images/skin/arrow_1.gif');background-position:30px 12px;background-repeat:no-repeat;}
ul ul ul ul li{background-image:url('/images/skin/arrow_1.gif');background-position:45px 12px;background-repeat:no-repeat;}
ul ul ul ul ul li{background-image:url('/images/skin/arrow_1.gif');background-position:60px 12px;background-repeat:no-repeat;}
ul a,ul span{border-bottom:solid 1px #ccc;}
#right li{background-image:none;}
/*
* MENU COLORS ***
*/
#menu{background-image:url('/images/skin/pattern_menu.jpg');background-color:#0e171f;background-repeat:repeat-x;}
#menu .logo a{background-image:url('/images/skin/logo.png');background-position:10px 25px;background-repeat:no-repeat;}
.sf-menu li{background:none;}
.sf-menu li a{color:#969696;border:none;}
.sf-menu span{color:#969696;border:none;}
.sf-menu ul li{border:solid 1px #252525;}
.sf-menu li ul a{color:#969696;background-color:#0e171f;}
.sf-menu li a:hover,.sf-menu li a:hover span{color:#f3f2ef;}
.sf-menu .current{border-bottom:solid 2px #ffcc00;}
.sf-menu .current a,.sf-menu .current a span,.sf-menu .current a:hover,.sf-menu .current a:hover span{color:#ffcc00;}
.sf-menu .current ul li a{color:#969696;}
.sf-menu .current ul li a:hover{color:#f3f2ef;}
.sf-sub-indicator{background-image:url('/images/skin/sub_menu_arrow.png');background-position:-20px -100px;background-repeat:no-repeat;}
/*
* HEADERS ***
*/
#header_index{background-image:url('/images/skin/pattern_header_index.jpg');background-color:#fff;background-repeat:repeat-x;}
#header_page{background-image:url('/images/skin/pattern_header_page.jpg');background-color:#fff;background-repeat:repeat-x;}
#header_galleries{background-image:url('/images/skin/pattern_header_galleries.jpg');background-color:#fff;background-repeat:repeat-x;}
/*
* HOME COLORS ***
*/
#featured{/*background-color:#0e171f;*/}
#featured_button_next{background-image:url('/images/skin/featured_button_next.png');background-position:0px 0px;background-repeat:no-repeat;}
#featured_button_prev{background-image:url('/images/skin/featured_button_prev.png');background-position:0px 0px;background-repeat:no-repeat;}
#featured_shadow{background-image:url('/images/skin/shadow_homepage.png');background-position:0px -30px;background-repeat:no-repeat;}
#slide{background-color:#fff;}
#slide a{border:none;}
#slide li{background-image:url('/images/skin/thumbs_home_background.png');background-position:center 0px;background-repeat:no-repeat;}
#slide .slide_items .center{border-left:solid 1px #e6e6e6;border-right:solid 1px #e6e6e6;}
#slide .slide_items a:hover{color:#ffcc00;}
#slide_button_next{background-image:url('/images/skin/slide_button_next.png');background-position:0px 0px;background-repeat:no-repeat;}
#slide_button_prev{background-image:url('/images/skin/slide_button_prev.png');background-position:0px 0px;background-repeat:no-repeat;}
#news_ticker{border-top:solid 1px #e6e6e6;}
#news_ticker li{background:none;}
#news_ticker a{color:#565656;border:none;}
#news_ticker a:hover,#news_ticker span{color:#0e171f;border:none;}
#news_ticker form{border:solid 1px #e6e6e6;}
#news_ticker input:focus{color:#0e171f;}
#news_ticker .button_feed{color:#0e171f;background-color:#ffcc00;}
#news_ticker .button_feed:hover{color:#f3f2ef;background-color:#0e171f;}
#text{background-color:#f0f0ef;}
#list ul li{background-image:url('/images/skin/arrow.gif');background-position:0px center;background-repeat:no-repeat;}
#list a{color:#767676;}
#list a:hover{color:#0e171f;}
/*
* ABOUT COLORS ***
*/
#left a:hover,#right a:hover,#services a:hover{color:#ffcc00;}
#sub_nav .current{color:#f3f2ef;}
#sub_nav a,#sub_nav span{color:#f3f2ef;border-bottom:solid 1px #333;}
#sub_nav a,#sub_nav span{color:#f3f2ef;border-bottom:solid 1px #333;}
#sub_nav li{background-image:url('/images/skin/arrow_4.gif');background-position:0px 12px;background-repeat:no-repeat;}
#latest_news .first{background:none;border-bottom:solid 1px #ccc;}
#latest_news .first a:hover{color:#ffcc00;}
#latest_news .first .title{color:#0e171f;}
#gallery{background-color:#000;}
#gallery_shadow{background-image:url('/images/skin/shadow_latest_gallery.png');background-position:0px -30px;background-repeat:no-repeat;}
/*
* GALLERIES COLORS ***
*/
#grid{background-color:#fff;;}
#galleries a,#galleries span{background:none;border:none;}
#galleries a.view_gallery{background-image:url('/images/skin/arrow_2.gif');background-position:0px 50%;background-repeat:no-repeat;}
#galleries li a:hover{color:#ffcc00;}
#galleries li{background-position:0px 0px;background-repeat:no-repeat;}
#pagination a{color:#0e171f;background-color:#f3f2ef;}
#pagination a:hover{color:#0e171f;background-color:#ffcc00;}
#pagination a.current,#pagination a.current:hover{color:#0e171f;border:solid 1px #0e171f;background-color:#fff;}
.latest_gallery_title{color:#f3f2ef;}
#galleries ul{margin:0;}
#galleries ul li{margin-right:16px;height:220px;}
.slide{position:relative;/* Set the width and the height according to the size of your pictures */
width:300px;height:220px;overflow:hidden;float:left;margin:0 !important;padding:0;background:#000;}
/* Paragraphs and Heading 2 styling,change according to your needs */
.slide p,.slide h2{color:#ffffff;padding:10px;}
.slide p{font-size:12px;line-height:18px;}
.slide h2{font-size:18px;line-height:24px;}
.slide a{display:block;}
/* For all the following markup,you'll see each time 4 lines setting
the sliding effect (-webkit-transition,-moz-transition,-o-transition
and transition),the values set the direction of the slide,the duration
and the effect */
/* Other markup sets the positionning and margins. On mouse hover,you'll
see additional paddings which differ according to the direction of the slide.
It creates an empty space when the image is pushed away and keeps the "hover"
state enabled,otherwise the image would slide back right after. */
/* 1. Sliding Up */
.moveup img{position:absolute;left:0;top:0;-webkit-transition:top 0.4s ease-in-out;-moz-transition:top 0.4s ease-in-out;-o-transition:top 0.4s ease-in-out;transition:top 0.4s ease-in-out;}
.moveup img.top:hover{top:-200px;padding-bottom:200px;}
/*
* BLOG COLORS ***
*/
#sidebar_first_title{color:#f3f2ef;}
#right .meta{border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;}
#right .meta li,.meta a{background:none;border:none;}
#right .entry a:hover{color:#ffcc00;}
.entry .meta .read_all{background-image:url('/images/skin/arrow.gif');background-position:right center;background-repeat:no-repeat;}
.entry .entry_first_title{color:#f3f2ef;}
#latest_comments li{border-bottom:solid 1px #ccc;background:none;}
#latest_comments a{border:none;}
#tags a{color:#767676;}
#tags a:hover{color:#ffcc00;}
/*
* COMMENTS COLORS ***
*/
#comments{border-bottom:solid 1px #ccc;}
#comments .comment_meta{border-bottom:solid 1px #ccc;}
#comments li,#comments #comment_nav{border-top:solid 1px #ccc;background:none;}
#comments .gravatar img{border:solid 1px #ccc;}
#comments .comment_content cite{border-right:solid 1px #ccc;}
#comments .comment_content .comment-reply-link{background-image:url('/images/skin/arrow.gif');background-position:0px center;background-repeat:no-repeat;}
#comment_nav .comment_prev{background-image:url('/images/skin/arrow_3.gif');background-position:0px center;background-repeat:no-repeat;}
#comment_nav .comment_next{background-image:url('/images/skin/arrow.gif');background-position:right center;background-repeat:no-repeat;}
/*
* CONTACT COLORS ***
*/
#left .address{color:#0e171f;}
#left .contact_info li{background-image:url('/images/skin/arrow.gif');background-position:0px 12px;background-repeat:no-repeat;}
#left .contact_info a,#left .contact_info span{color:#0e171f;border-bottom:solid 1px #ccc;}
#left .contact_info a:hover{color:#ffcc00;}
/*
* FORM COLORS ***
*/
#form span{color:#a0a0a0;}
#form .btn{border:none;background-color:#0e171f;color:#f3f2ef;}
#form textarea,#form input{border:1px solid #ccc;color:#0e171f;}
#form textarea:focus,#form input:focus{border:1px solid #0e171f;}
#form label{color:#0e171f;}
#alert p{color:#0e171f;}
/*
* FOOTER COLORS ***
*/
#footer{border-top:solid 1px #434c51;}
#footer_contents p{color:#f3f2ef;font-size:12px;}
#footer_contents input{color:#f3f2ef;}
#footer_contents a{border:none;color:#f3f2ef;font-size:12px;}
#footer_contents form{background-color:#212528;}
#footer_contents .button_search{color:#f3f2ef;border-left:solid 2px #0e171f;background-color:#212528;}
#footer_contents .button_search:hover{color:#f3f2ef;background-color:#212528;}
.right{float: right;}
/*
* OTHERS ***
*/
#single_page{border-bottom:solid 1px #ccc;}
.read_more{background-image:url('/images/skin/arrow_2.gif');background-position:0px 50%;background-repeat:no-repeat;}
.view_gallery{background-image:url('/images/skin/arrow_2.gif');background-position:0px 50%;background-repeat:no-repeat;}
.view_latest_gallery{color:#ffcc00;background-image:url('/images/skin/arrow_5.gif');background-position:0px 50%;background-repeat:no-repeat;}