/*
Theme Name: Photo
Theme URI: www.rajesh-ramakrishnan.com
Description:
Version: 2.0
Author: Agnel Pius
Author URI: www.agnel.byethost6.com
Tags: Photography
*/

/* Global */


* { margin: 0; padding: 0; }

body { font-size: 16px; line-height: 20px; font-family: Copperplate Gothic bold; background-color: #000; color: #ccc; TEXT-ALIGN:JUSTIFY;}

img { border: none; }

.left { float: left; }

.right { float: right; }

.clear { clear: both; }

a { color: #58A8C1; text-decoration: none; }

a:hover { color:#000; }

h1,h2,h3,h4,h5,p { margin: 10px 0; font-family: Copperplate Gothic bold; }

.website_title { color: #757472; font-size: 20px; }



/* FONTS */

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

}

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


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


/* Header */

#slider_outer_container { border: 1px solid #fff; background-color: #fff; padding: 12px 11px; margin: 10px 0; }

#slider_container { position: relative; }

/* Content */

#main_container { width: 1050px; margin: 0 auto; }

#left_content { width: 760px; float: left; background:#222; padding-left:10px; padding-right:7px; }

a.medium_img img { width: 213px; height: 270px; }

a.small_img img { width: 213px; height: 140px; }

.blog_post_box img { width: 318px; height: 237px; }

.home_post_box { float: left; padding: 10px 0; margin-right: 15px; width: 243px; }

.blog_post_box { width: 347px; margin-right: 55px; }

.home_post_box_last { margin-right: 0; }

.home_post_box a.medium_img, .home_post_box a.small_img, .blog_post_box img { display: block; background-color: #fff; border: 1px solid #ccc; padding: 12px 14px; }

.home_post_box a.medium_img:hover, .home_post_box a.small_img:hover, .blog_post_box img:hover { background-color: #76C6DF; }

.home_post_box h3 { font-size: 22px; font-weight: normal; }

.home_post_box h3 a { color: #ccc; text-decoration: none; }

.home_post_box h3 a:hover { color: #58A8C1; }

.post_meta { font-size: 15px; }

.post_meta a { color: #000; text-decoration: none; }

.single_content { background-color: #222; padding: 15px 20px; }

.single_content h1 {   border-bottom: 1px solid #777777;
    font-family:Copperplate Gothic bold;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 15px;
    padding-bottom: 12px; }

.home_divider { width: 100%;  margin: 10px 0; clear: both; }

.home_divider_last { margin-bottom: 0; }

#commentform input[type=submit] { background-color: #333; border: none; color: #fff; padding: 8px 10px; }

ol.commentlist { margin-left: 0px;  list-style: decimal inside none;}

/* Sidebar */

#sidebar { width: 237px; float: right; border: 13px solid #fff; background-color: #fff; padding: 10px 0; }

#menu_container ul { list-style-type: none; margin-bottom: 25px; }

#menu_container ul li { font-size: 18px; margin-bottom: 2px; }

#menu_container ul li a { padding: 7px 10px; display: block; background-color: #f2f2f2; color: #555; text-decoration: none; }

#menu_container ul li a:hover { background-color: #e9e9e9; color: #666; }

#menu_container ul li.current-menu-item a, #menu_container ul li.current_page_item a  { background-color: #e9e9e9; color: #666; }

.side_social_list { list-style-type: none; text-align: center; }

.side_social_list li { display: inline; margin: 0 3px; }

.side_search_cont { margin-bottom: 25px; position: relative; }

.side_search_cont input[type=text] { width: 188px; height: 23px; padding: 0 30px 0 5px; border: 1px solid #999; }

.search_icon { position: absolute; right: 15px; top: 7px; }

.side_box { margin-bottom: 25px; }

.side_box ul { list-style-type: none; margin-left: 15px; }

.side_box ul li { margin-bottom: 3px; }

.side_box h3 { padding: 5px 15px; font-size: 16px; font-weight: normal; margin: 0 0 10px 0; background-color: #eee; color: #8D8B8C; }

.side_box a { color: #333; text-decoration: none; }

.side_box a:hover { color: #999; }

.side_random_box { padding: 0 6px 10px; margin-bottom: 10px; border-bottom: 1px solid #eee; }

.side_random_box img:hover { opacity:0.6; filter:alpha(opacity=60); }

.last_side_random_box { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }

.side_random_box h4 { font-size: 15px; font-weight: normal; }

.side_box .textwidget { padding: 0 15px; }

.logo_cont { padding: 10px 0; }

.load_more_cont { padding: 5px 0; background-color: #E0E0E0; text-align: center; margin-bottom: 15px; }

.load_more_cont a { color: #000; text-decoration: none; }

/* Footer */

#footer { border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; padding: 3px 0; }

.footer_content { background-color: #444; padding: 10px 5px; text-align: center;  }

.footer_content a { color: #58A8C1; text-decoration: none; }

.footer_content a:hover { color: #000; }

#slideshow {
    position:relative;
    height:436px;
    width: 736px;
}

#slideshow img { width: 736px; height: 436px; }

#slideshow a {
    position:absolute;
    top:0;
    left:0;
   z-index:8;
}

#slideshow a.active {
    z-index:10;
}

#slideshow a.last-active {
    z-index:9;
}

#slider_container img.slide_prev { position: absolute; top: 200px; left: 15px; z-index: 999; width: 34px !important; height: 34px !important; display: block; }

#slider_container img.slide_next { position: absolute; top: 200px; left: 690px; z-index: 999; width: 34px !important; height: 34px !important; display: block; }

.side_random_box { display: none; }

/* for mobile */

@media screen and (max-width: 480px) {

#main_container { width: 320px; }

#left_content { display: none; }

#sidebar { width: 295px; float: none; margin: 0 auto; }

a.small_img img { width: 276px; height: 156px; }

.side_search_cont { display: none; }

.side_widgets { display: none; }

.single_left_content img { max-width: 213px; height: inherit; }

#commentform textarea { width: 213px; }

.side_random_box { display: block; }
}

/* for tablet */

@media only screen and (min-width: 768px) and (max-width: 959px) {

#main_container { width: 728px; }

#left_content { width: 448px; float: left; }

#left_content .single_left_content img { max-width: 424px; height: inherit; }

#commentform textarea { width: 400px; }

.home_post_box a.medium_img, .home_post_box a.small_img, .blog_post_box img {  border: none; padding: 0; }

a.medium_img img { width: 139px; height: 170px; }

a.small_img img { width: 139px; height: 96px; }

/*.blog_post_box img { width: 162px; height: 130px; }*/

.blog_post_box img { width: 186px; height: 158px; }

.home_post_box { width: 139px; }

.blog_post_box { width: 192px; }

#sidebar { width: 217px; }

.logo_cont img { max-width: 217px; height: inherit; }

.side_search_cont input[type=text] { width: 168px; }

.side_random_box { display: none; }

.side_random_box a.small_img img { width: 193px; height: 106px; }

#slider_outer_container { border: 1px solid #B3B3B1; padding: 0; }

#slideshow { width: 446px; height:288px; }

#slideshow img { width: 446px; height:288px; }

#slider_container img.slide_prev { top: 120px; left: 15px; }

#slider_container img.slide_next { top: 120px; left: 410px; }
}


#nav-single{
      border-radius: 7px 7px 7px 7px;
    height: 20px;
    margin-bottom: 5px;
    padding: 0px 25px 10px;
    position: absolute;
    width: 712px;
    top:340px;
}
.cart-button {
  width:70px;
  float:left;
}

.nav-previous {
  width:50%;
  float:left;
  font-size:16px;
}
.nav-next {
  width:50%;
  float:right;
  text-align:right;
  font-size:16px;
}
.ccomments-align {
   background: none repeat scroll 0 0 #F9FFFF;
    float: left;
    margin-bottom: 10px;
    padding: 15px;
    width: 730px;
}

.ims-touch-0 {
 background: none repeat scroll 0 0 #58A8C1;
    border: 1px solid #777777;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: auto;
}

.comment-author  {
      border-bottom: 1px solid #999;
    color: #14647D;
    font-family: arial;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 1px;
}

.comment-body {
    background: none repeat scroll 0 0 #D8F0F0;
     border-radius: 20px 0px 20px 0px;
    margin-bottom: 10px;
    padding: 10px;
    box-shadow: 0 0 5px #64B4CD inset;
     border: 1px solid #D8D8D8;
}

#comments {
   background: none repeat scroll 0 0 #58A8C1;
    border: 1px solid #DDDDDD;
    border-radius: 15px 15px 0 0;
    padding: 10px;
    text-align: center;
    width: auto;
   color:#fff;
}

#respond {
  width:auto;
  margin-left:14px;
}

.reply {
 width:60px;
 background:#58A8C1;
 border:1px solid #ddd;
 padding:3px;
 color:#fff;
 text-align: center;
 font-weight:bold;
}

.reply a {
 color:#fff;
}

.reply a:hover {
 color:#000;
}

.photo-align {
  float:left;
  margin-right:15px;
  background:#76C6DF;
  padding:5px;
} 

.ims-table {
  width:100%;
}

.cart-img-box {
 width:51%;
 float:right;
 margin-top:8px;
margin-bottom:7px;
}
.cart-img {
 width:100px;
 background:#fff;
 padding:5px;
 text-align:center;
 float:left;
 border: 1px solid #777777;
 border-radius:5px;
}

ims-tools-nav {
 padding:2px;
}

.entry-title {
 text-align:center;
 font-family: Copperplate Gothic bold;
 font-size:20px;
}

.image-attachment {
    background: none repeat scroll 0 0 #222222;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    width: 760px;
}

.back-gallery {
 width:100%;
 font-size:16px;
 float:left;
 color:#000;
 font-weight:bold;
}

.home-categories-pic {
  width:760px;
  min-height:200px;
}
.categorypic-box1 {
   background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    float: left;
    height: 160px;
    padding: 1% 1% 3%;
    text-align: center;
    width: 29%;
    font-weight:bold;
}
.categorypic-box1:hover {
  background:#D8F0F0;
}
.categorypic-box2 {
  background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    float: left;
    height: 160px;
    margin-left: 2.8%;
    padding: 1% 1% 3%;
    text-align: center;
    width: 29%;
    font-weight:bold;
}
.categorypic-box2:hover {
  background:#D8F0F0;
}
.category-box1 {
  width:100%;
  float:left;
  margin-bottom:15px;
  color:#444;
}

.wpcf7-form-control, wpcf7-submit {
 padding-top:3px;
padding-bottom:3px;
padding-left:7px;
padding-right:7px;
font-size:15px;
}

.titl-color1 {
 color:#3D8DA6;
}
.titl-color2 {
 color:#E4892F;
}

.button {
  padding-top:3px;
  padding-bottom:3px;
  padding-left:7px;
  padding-right:7px;
  font-size:15px;
}

.calendar-1 {
  width:100%;
  margin-bottom:16px;
  padding-bottom:10px;
  border-bottom:1px dashed #777;
  min-height:151px;
}







.button-center {
 margin-left:37%;
 margin-bottom:15px;
 float:left;
}

.button-center a {
color:#000;
}