/* @override http://www.ngurahpradnyana.com/wp-content/themes/ngr_pradnyana/style.css */

/*
Theme Name: Ngurah Pradnyana Gallery
Theme URI: http://ngurahpradnyana.com/
Description: This is custom theme for <a href="http://ngr_pradnyana.com/">Ngurah Pradnyana Photo Gallery</a> website.
Version: 1.0
Author: Harris Sontanu
Author URI: http://amazu.dudut.com/
Tags: black, simple, minimalis, fixed width, two columns, widgets
*/

/* First thing first */
@import "css/reset.css";@import "css/text.css";
body 	{background: black; color: white;}
.wrap	{width: 960px; margin: auto;}
.clearfix {clear: both;}
a {color: white;}
a:hover {color: #a596ff;}
p {color: #959595;}
.button {background: url(images/button.png) no-repeat; width: 95px; height: 38px; padding: 8px 0; text-align: center; text-shadow: #000 2px 2px 2px; cursor: pointer;}

/* Header */
#header	{background: url(images/pattern.gif); height: 124px; border-bottom: 1px solid #252525;position: relative;}
#header #logo h1 {margin: 0}
#header .icon_logo {float: left; margin-top: 25px;}
#header #logo h1 a {float: left; width: 322px; height: 124px; background: url(images/logo5.gif); text-indent: -9999em;}
#header .tag {float: left; margin-top: 50px;}
#header .tag h2 {font-weight: normal; font-style: italic; font-size: 17px; text-shadow: #000 3px 3px 3px;}
#header .search_box {float: right; margin-top: 45px; position: relative;}
#header .search_box input.search_field {background: #111111; border: 1px solid; border-top-color: black; border-left-color: black; border-bottom-color: #252525; border-right-color: #252525; color: #959595; padding: 7px 30px 7px 7px; width: 250px; -moz-border-radius: 3px; -webkit-border-radius:3px;}
#header .search_box input.search_btn {border: none; background: url(images/search_ico.png); width: 21px; height: 22px; position: absolute; right: 5px; top: 5px; cursor: pointer;}
#header .gradien {background: url(images/grad.png) repeat-x; height: 26px; position: absolute; bottom: -27px; z-index: 22; width: 100%;}

/* Menu Navigation */
#menu {position: absolute; bottom: -41px; z-index: 20}
#menu ul {margin: 0; padding: 0; width: 960px;}
#menu li {float: left; margin-left: 5px; list-style: none; position: relative; text-transform: uppercase;}
#menu li.feed {float: right; margin-right: 5px;}
#menu li a {color: #959595; display: block; padding: 15px 10px 5px 10px; background: #111111; border-bottom: 1px solid #252525; text-shadow: #000 1px 1px 1px; color: white; }
#menu li a:hover {background: #7969ca; border-bottom: 1px solid #a596ff;}
#menu li.cat-item-3 a, #menu li.page-item-2 a {background: #111111 url(images/anchor.png) 83px 13px no-repeat; padding-right: 30px;}
#menu li.page-item-2 a {background-position: 68px 13px;}
#menu li.cat-item-3 a:hover, #menu li.page-item-2 a:hover {background: #7969ca url(images/anchor.png) 83px 13px no-repeat; padding-right: 30px;}
#menu li.page-item-2 a:hover {background-position: 68px 13px;}
#menu li.cat-item-3 ul li a, #menu li.page-item-2 ul li a {background: #111111;}
#menu li.cat-item-3 ul li a:hover, #menu li.page-item-2 ul li a:hover {background: #7969ca;}
#menu li ul {visibility: hidden; position: absolute; width: 150px; top: 40px; left: 0}
#menu li ul li {float: none; margin: 0; border-top: 1px solid black;}
#menu li ul li a {padding: 5px 10px;}
#menu li:hover ul {visibility: visible;}

/* Slideshow */
#container {position: relative;}
.grad_bottom {background: url(images/grad_bottom.png) repeat-x; height: 26px; bottom: 0; width: 100%; z-index: 23; position: absolute;}
#slideshow {position:relative; height:450px;}
#slideshow DIV {width: 960px; z-index:8; opacity:0.0; height: 450px; background-color: black;  position:absolute; top:0; left:50%; margin-left: -480px;}
#slideshow DIV.active {z-index:10; opacity:1.0;}
#slideshow DIV.last-active {z-index:9;}
#slideshow DIV IMG {height: 450px; display: block; border: 0; margin-bottom: 10px; text-align: center;    margin-left: auto; margin-right: auto;}

/* Main Content */
.main_box {margin-top: 60px;}
.main_column {width: 620px; float: left; padding-bottom: 20px;}
.single_image {text-align: center; padding-bottom: 20px;}
.photo img {padding: 10px; border-top: 1px solid #252525; border-left: 1px solid #252525; background: #111111; margin-bottom: 1px;}
.main_column .meta {background: black; border: 1px solid; border-top-color: black; border-left-color: black; border-bottom-color: #252525; border-right-color: #252525; padding: 10px;}
.meta_item {padding: 1px 0;}
.main_column .meta .meta_item {margin-left: 120px; }
.meta_item span {float: left; display: block; width: 100px; margin-left: -120px;}
.meta_item a {-moz-border-radius: 50px; -webkit-border-radius: 8px; background: #111111; padding: 0 10px; border-left: 1px solid #252525; border-top: 1px solid #252525;}
.sidebar_box .meta_item a {border: 1px solid; border-top-color: black; border-left-color: black; border-bottom-color: #252525; border-right-color: #252525; background: black;}
.main_column .post_box {margin-bottom: 20px;}
.main_column .post_box h3 {float: left; display: inline; width: 470px;}
.main_column .post_box .date {float: right; padding-top: 7px;}
.main_column .post_entry .wp-caption {margin: 10px 0; position: relative;}
.main_column .post_entry .wp-caption img, .main_column .post_entry img {padding: 10px; border-bottom: 1px solid #252525; border-right: 1px solid #252525; background: black;}
.contact_box img.no-border, .main_column .post_entry p.share_box a img {border:0; padding:0; background:none;}
.main_column .post_entry p.wp-caption-text {bottom: 5px; left: 0; position: absolute; background: black; opacity: 0.8; width: 100%; text-align: center; margin-bottom: 6px;}
/*.main_column .post_entry .button, .main_column .post .fb_button {float: right;}*/
.main_column .post_entry h4 {font-size: 13px; margin-bottom: 0;}
.main_column .post_entry ul {margin-left: 20px; margin-bottom: 10px; color: #959595;}
.main_column .post_entry .alignleft {float: left; margin-right: 20px; }
.main_column .post_entry .alignright {float: right; margin-left: 20px; margin-right: 10px;}
.main_column .post_entry blockquote {margin-left: 20px;font: italic large Georgia, Times; padding-left: 35px; background: url(images/blockquote.png) top left no-repeat; padding-top: 10px; min-height: 40px;}
.main_column .post_entry blockquote p {color: white;}
.contact_box {margin: 10px 0;}
.contact_box p {margin: 0;}
.contact_box label {float: left; display: block; width: 80px; line-height: 2.5em;}
.contact_box input, .contact_box textarea {border: 1px solid; border-top-color: black; border-left-color: black; border-bottom-color: #252525; border-right-color: #252525; color: #959595; padding: 7px; -moz-border-radius: 3px; -webkit-border-radius:3px; margin-bottom: 10px; background: black;}
.contact_box textarea {width: 500px; height: 100px;}
.contact_box input.button {background: url(images/button.png) bottom no-repeat; width: 95px; height: 43px; border: none; float: left; color: white; font-size: 13px; cursor: pointer; text-shadow: #000 1px 1px 1px; margin-left: 78px;} 
p.error {margin-bottom: 10px; color: red;}
p.info {margin-bottom: 10px; color: greenyellow;}
.wp-pagenavi {text-align: center;}

.similar_photos {padding-bottom: 20px;}
.similar_photos .title {background: url(images/pattern.gif); padding: 10px; border-left: 1px solid #252525; border-top: 1px solid #252525; margin-bottom: 1px;}
.similar_photos .title h3 {display: inline; text-shadow: #000 2px 2px 2px;}
.similar_photos .title .button {float: right;}
.similar_photos .content {background: #111111; border-left: 1px solid #252525; border-top: 1px solid #252525;}
.gallery {background: black; max-width: 960px; display: inline-block;}
.similar_photos .content .mid_thumb, .gallery .mid_thumb, .mid .content .mid_thumb {text-align: center; display: table-cell; vertical-align: middle; min-width: 317px; height: 250px; } 
.mid .content .mid_thumb {min-width: 147px; height: 148px;}
.gallery .inline-thumb, .mid .content .inline-thumb {display: inline-block;}
.similar_photos .content .mid_thumb .mid_thumb_img, .gallery .mid_thumb .mid_thumb_img, .mid .content .mid_thumb .mid_thumb_img {position: relative; display: inline;}
.similar_photos .content .mid_thumb img, .gallery .mid_thumb img, .mid .content .mid_thumb img {padding: 10px; border-left: 1px solid #252525; border-top: 1px solid #252525; background: black;}
.mid .content .mid_thumb img {padding: 5px; background: #111111; border-left: 1px solid black; border-top: 1px solid black; border-right: 1px solid #252525; border-bottom: 1px solid #252525;}
.gallery .mid_thumb img {background: url(images/pattern.gif);}
.similar_photos .content .mid_thumb span {position: absolute; bottom: 14px; text-align: center; background: black; opacity:0.7; width: 99%;}
.gallery .mid_thumb span {position: absolute; bottom: 13px;  text-align: center; width: 99%; background: url(images/pattern.gif); border-left: 1px solid #252525; opacity:0.7; left: 0;}

/* sidebar */
.sidebar_box {width: 320px; float: right; background: black; padding-bottom: 20px;}
.title {background: url(images/pattern.gif); padding: 10px; margin-bottom: 1px; border-left: 1px solid #252525; border-top: 1px solid #252525;}
.sidebar_box h3, .main_column h3 {margin: 0; text-shadow: #000 2px 2px 2px;}
.main_column .post_entry {padding: 10px; border-top: 1px solid #252525; border-left: 1px solid #252525; background: #111111; margin-bottom: 1px;}
.sidebar_box ul {margin: 0;}
.sidebar_box ul li.widget {list-style: none; margin-left: 0; text-shadow: #000 2px 2px 2px;}
h2.widgettitle {font-size: 16px; background: url(images/pattern.gif); padding: 10px; margin-bottom: 1px; border-left: 1px solid #252525; border-top: 1px solid #252525;}
.sidebar_box ul li.widget ul {padding: 10px; border-top: 1px solid #252525; border-left: 1px solid #252525; background: #111111; margin-bottom: 1px; text-shadow: none;}
.sidebar_box ul li.widget ul li {list-style: none; margin-left: 0;}
#get_recent_comments_wrap li {padding: 10px 0 10px 50px; position: relative; border-bottom: 1px solid #252525; border-top: 1px solid black;}
#get_recent_comments_wrap li p {margin: 0;}
#get_recent_comments_wrap li:first-child {border-top: none;}
#get_recent_comments_wrap li:last-child {border-bottom: none;}
#get_recent_comments_wrap li span {margin-left: -50px; position: absolute;}
#get_recent_comments_wrap li span img {padding: 5px; background: black; border-left: 1px solid black; border-top: 1px solid black; border-right: 1px solid #252525; border-bottom: 1px solid #252525; margin-right: 6px; vertical-align: text-top;}
li.widget_tag_cloud div {padding: 10px; border-top: 1px solid #252525; border-left: 1px solid #252525; background: #111111; margin-bottom: 1px; text-shadow: none;}
li.widget_tag_cloud div a {-moz-border-radius: 50px; -webkit-border-radius: 8px; background: black; padding: 0 10px; border-right: 1px solid #252525; border-bottom: 1px solid #252525;}

ul.reg_list, ul.thumb_list {margin: 0;}
ul.blogroll {margin: 10px 0}
.reg_list li, .post li, .blogroll li {list-style: none; margin-left: 0px; padding: 2px 0 10px 35px; background: url(images/reg_li.gif) no-repeat; min-height: 25px; vertical-align:text-top; margin-right: 10px;}

.image_meta h4 {font-size: 16px; margin-bottom: 10px;}
.image_meta ul {color: #959595;}
.image_meta li {list-style: none; margin: 0;}
.image_meta li span {display: block; float: left; width: 120px;}

.fb_button {background: url(images/fb_button.png) no-repeat; width: 147px; height: 33px; cursor: pointer;}

/* Comment */
.comment_box {margin-bottom: 1px; min-height: 100px; background: #111111;}
.comment_box h3 {text-shadow: #000 2px 2px 2px;}
.comment_box .comment_list, .comment_box .comment_form {width: 620px; padding: 20px 0;}
.comment_box .comment_list li {list-style: none; background: black; padding: 10px; margin-bottom: 20px; border-left: 1px solid black; border-right: 1px solid #252525; border-bottom: 1px solid #252525; border-top: 1px solid black; margin-left: 110px; position: relative; min-height: 55px;}
.comment_box .comment_list li.author {background: url(images/comment_author.gif) bottom right no-repeat black;}
.comment_box .comment_list li .pointer {width: 27px; height: 27px; background: url(images/pointer.png) no-repeat; position: absolute; left: -28px;}
.comment_box .comment_list li .avatar {width: 64px; height: 64px; padding: 5px; border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid #252525; border-bottom: 1px solid #252525; position: absolute; left: -110px; background: black; top: 0px;}
.comment_box .comment_list li p {margin: 0}
.comment_box .comment_list li cite {float: left; font-style: normal; margin-right: 5px;}
.comment_box .comment_list li cite a {color: #a596ff;}
.comment_box .comment_list li .comment-author {float: left;}
.comment_box .comment_list li .comment-meta {float: right;}
.comment_box .comment_form small {color: #959595; font-size: small;}
.comment_box .comment_form code {color: white;}
.comment_box .comment_form p {padding-top: 10px;}
.comment_box .comment_form p.xhtml_area {padding: 0; margin-bottom: 10px;}
.comment_box .comment_form input, .comment_box .comment_form textarea {background: black; width: 280px;}
.comment_box .comment_form textarea {font: inherit; height: 150px; width: 605px;}
.comment_box .post_image {width: 320px; float: right; padding: 20px 0;}
.comment_box .post_image h3, .comment_box .post_image .content {padding: 0 10px;}

/* Footer */
#footer {min-height: 100px; background: url(images/pattern.gif); border-top: 1px solid #252525;}
#footer h3 {text-shadow: #000 2px 2px 2px; margin-bottom: 5px;}
#footer .left, .mid, .right {width: 320px;  float: left; min-height: 160px; padding: 20px 0}
#footer .left .content { color: #252525; padding-right: 10px;}
#footer .mid .content { padding: 0 10px;}
#footer .right .content {padding: 0 10px;}

.thumb_list li {list-style: none; margin-left: 0px; min-height: 74px; border-bottom: 1px solid #252525; border-top: 1px solid black; padding: 10px 0;}
.thumb_list li:first-child {border-top: none;}
.thumb_list li:last-child {border-bottom: none;}
.thumb_list li p {margin: 0; margin-left: 54px; color: #959595;}
.thumb_list li span img {padding: 5px; background: #111111; float: left; display: inline; margin-right: 10px; border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid #252525; border-bottom: 1px solid #252525; width: 32px; height: 32px;}
.sidebar_box .thumb_list li span img {background: black;}

.img_thumb img {width: 128px; height: 128px; padding: 5px; background: #111111; float: left; margin: 4px; border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid #252525; border-bottom: 1px solid #252525;} 

#footer .right form {padding-top: 4px;}
#footer .right input, #footer .right textarea, .comment_box .comment_form input, .comment_box .comment_form textarea {border: 1px solid; border-top-color: black; border-left-color: black; border-bottom-color: #252525; border-right-color: #252525; color: #959595; padding: 7px; -moz-border-radius: 3px; -webkit-border-radius:3px; margin-bottom: 10px;}
#footer .right input, #footer .right textarea {background: #111111; width: 290px;}
#footer .right textarea, .comment_box .comment_form textarea {font: inherit;}
#footer .right textarea {height: 112px;}
#footer .right input.button, .comment_box .comment_form input.button {background: url(images/button.png) bottom no-repeat; width: 95px; height: 43px; border: none; float: right; color: white; font-size: 13px; cursor: pointer; text-shadow: #000 1px 1px 1px;}
#footer .right input.button:hover, .comment_box .comment_form input.button:hover, .contact_box input.button:hover {color: #a596ff;}
.contact_box img {vertical-align: middle;}

.the_rights {margin: auto; background: url(images/rights.gif) top no-repeat; width: 575px; min-height: 35px; text-align: center; padding: 10px 0;}