/*
Theme Name: Splendid Photography
Theme URI: http://splendidp.com
Description: Splendid Photography
Version: 1.1
Author: Angelina Sulistyo
Author URI: http://www.angelsulistyo.com/
*/

body {
	background:url(images/background.jpg) repeat;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.81em;
	color:#525252;
}
a {text-decoration:none;}
img a, a img {text-decoration:none}
/* ----------------------- Container ---------------------------- */

.container_12 {
	margin:20px auto;
}
.bgtop {
	background:url(images/bgluar_top.gif) no-repeat;
	height:115px;
	width:960px; /* add width to fix the missing bg in ie*/
}
.bgbtm {
	background:url(images/bgluar_btm.gif) no-repeat;
	height:36px;
	width:960px; /* add width to fix the missing bg in ie*/
	margin-bottom:20px;
	text-align:center;
	font-size:11px;
	color:#a5a5a5;
	vertical-align:baseline;
}
.bgbtm p {margin:0; padding-top:10px;}
.bgbtm a {color:#a5a5a5;}
.bgbtm a:hover {color:#858585;}
.bgmid {
	background:url(images/bgluar_mid.gif) repeat-y;
	width:960px; /* add width to fix the missing bg in ie*/
	position:relative; /* ditambahin buat footer blog tadinya ...*/
}

/* ----------------------- header ---------------------------- */
.logo {
	padding-top:30px;
	padding-left:10px;
}
.container_12 .grid_7 {
	margin-left:0;
}
#flashbanner {
	margin-top:10px;
	margin-bottom:10px;
	position:relative; /* flash under drop down menu */
	z-index:0;
}

/* ----------------------- top nav ---------------------------- */
.bgtop .topnavigation {
	position:relative; 
	z-index:20; /* menu drop down above flash */
}

.flashbanner {
	z-index:-5o;
}
/* ----------------------- welcome message ---------------------------- */
.welcomebox {
	background:url(images/bg_welcome.jpg) no-repeat;
	height:258px;
	margin:0 10px;
}
.welcomebox .grid_11, .welcomebox .grid_3 {
	margin-right:0;
}
.grid_11 div {
	position:relative;
}
.grid_11 div .title {
	position:absolute;
	top:30px;
	left:75px;
}
.grid_11 div .title {
	position:absolute;
	top:25px;
	left:75px;
}
.grid_11 div .welcometxt {
	position:relative;
	top:100px;
	left:15px;
	font-size:16px;
	text-shadow:0 2px 2px #FFFFFF;
}
.grid_11 div .welcometxt p {
	margin-bottom:10px;
}

.grid_11 div .welcometxt a {
	color:#525252;
	border-bottom:1px dashed #757575;
}

.grid_11 div .welcometxt a:hover {
	color:#525252;
	border-bottom:1px solid #757575;
}
.grid_3 .fotobase {
	position:relative;
	margin:9px 0 0 10px;
	padding:0;
	background:url(images/bg_welcomephoto.gif) no-repeat;
	width:196px;
	height:237px;
}
.grid_3 .fotobase span {
	position:absolute;
	top:10px;
	left:11px;
}
.welcomeline {
	background:url(images/welcomeline.gif) no-repeat;
	width:938px;
	height:16px;
	margin:0 auto;
}
/* ----------------------- BLOG stuff ---------------------------- */
.blogging {
	margin:20px 10px 10px 10px;
}
.post {
	width:940px;
	margin-bottom:30px;
}
.post h1.posttitle , .post h1.posttitle  a {
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Arial, Helvetica, sans-serif;
	/*font-style:italic;*/
	color:#ff879a;
	font-weight:200;
	text-align:center;
	margin:0;
	text-decoration:none;
}
.post h1.posttitle a:hover {color:#ef445f;}
.post .meta {margin-bottom:20px}
.post .meta, .post .meta a {
	/*font-family:"Times New Roman", Times, serif;*/
	font-family:Arial, sans-serif;
	font-size:11px;
	color: #949494;
	text-align:center;
	letter-spacing:5px;
	text-transform:uppercase;
	text-decoration:none;
}
.post .meta a:hover {color:#484848;}
.post-content a {
	color:#ff879a; text-decoration:none;
}
.post-content a:hover {
	color:#ef445f; text-decoration:none;
}
.post-content blockquote {
	border-left:2px solid #ff879a;
	padding-left:10px;
	margin-left:20px;
	font-style:italic;
	color:#969696;
}
.post-content blockquote p {}
.post-content ol li {
	margin-left:20px;
	padding-bottom:5px;
}
.post-content ul  {list-style:none;}
.post-content ul li {
	background:transparent url(images/arrow-dot.jpg) no-repeat;
	background-position:0 6px;
	padding:0 0 5px 12px;
	margin-left:0px;
}
.post-line {
	background:url(images/post-line.gif) no-repeat;
	width:920px;
	height:30px;
	margin:0 auto;
}
.post-tags {margin:0 auto; width:900px; text-align:center;}
.bottom-meta {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#62afac;
	margin:20px 0 10px;
}
.bottom-meta a {color:#62afac;}
.bottom-meta a:hover {color:#17827e;}
.bottom-meta div {display:inline;}
.bottom-meta .cat {
	display:inline;
	background:url(images/file.png) no-repeat;
	padding:2px 0 2px 20px;
	width:280px;
}
.bottom-meta .comment {
	display:inline;
	background:url(images/comment.png) no-repeat;
	padding:2px 0 2px 20px;
	width:280px;
	margin-left:20px;
}
.bottom-meta .sharethis {
	float:right;
	display:inline;
}

p.postmetadata {
	width:760px;
	margin:30px auto;
	font-size:11px;
	background-color:#f5f4df;
	padding:10px;
}

/*------------ BLOG caption and alignment-----------*/
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 4px 4px 5px; margin: 0; }
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display:inline; float:left;}
img.alignright { display:inline; float:right;}

/* ------ COMMENT FORM ------- */
#respond {width:760px; margin:20px auto 30px;}
#respond h3, h3#comments {
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Arial, Helvetica, sans-serif;
	color:#ff879a;
	font-weight:200;
	margin:20px 0;
	text-decoration:none;
	text-align:center;
}

.comment-form {
	margin:0;
	padding:0;
}
.comment-form p {
	padding:2px 5px;
}
.comment-form label {
	display:block;
	font-size:10px;
}
.comment-form p input {
	width:190px;
	border:1px dashed #b9b9b9;
	padding:3px;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.comment-form p textarea {
	width:605px;
	border:1px dashed #b9b9b9;
	padding:3px;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.comment-form p.submitbutton input {
	border:1px dashed #d9d587;
	padding: 5px;
	background-color:#f5f4df;
	color:#936048;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:130px;
}
.comment-form .left {
	float:left;
}
.comment-form .right {
	float:right;
}
.comment-form .clear {
	clear:left;
}

/* ------- Styling Threaded Comment --------- */

ol.commentlist { width:760px; margin:0 auto; list-style-type:none;}
ol.commentlist li {background-color:#f5f4df; border:1px dashed #d9d587; margin-bottom:10px; padding:5px;}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {}
ol.commentlist li.comment div.comment-author {font-weight:bold;}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {}
ol.commentlist li.comment div.comment-meta a {}
ol.commentlist li.comment * {} - (p, em, strong, blockquote, ul, ol, etc.)
ol.commentlist li.comment div.reply {}
ol.commentlist li.comment div.reply a {}
ol.commentlist li.comment ul.children {}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {}
ol.commentlist li.comment ul.children li.depth-3 {}
ol.commentlist li.comment ul.children li.depth-4 {}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {}
ol.commentlist li.odd {}
ol.commentlist li.parent {}
ol.commentlist li.pingback {}
ol.commentlist li.pingback div.comment-author {}
ol.commentlist li.pingback div.vcard {}
ol.commentlist li.pingback div.vcard cite.fn {}
ol.commentlist li.pingback div.vcard cite.fn a.url {}
ol.commentlist li.pingback div.vcard span.says {}
ol.commentlist li.pingback div.commentmetadata {}
ol.commentlist li.pingback div.comment-meta {}
ol.commentlist li.pingback div.comment-meta a {}
ol.commentlist li.pingback * {} - (p, em, strong, blockquote, ul, ol, etc.)
ol.commentlist li.pingback div.reply {}
ol.commentlist li.pingback div.reply a {}
ol.commentlist li.pingback ul.children {}
ol.commentlist li.pingback ul.children li {}
ol.commentlist li.pingback ul.children li.alt {}
ol.commentlist li.pingback ul.children li.bypostauthor {}
ol.commentlist li.pingback ul.children li.byuser {}
ol.commentlist li.pingback ul.children li.comment {}
ol.commentlist li.pingback ul.children li.comment-author-admin {}
ol.commentlist li.pingback ul.children li.depth-2 {}
ol.commentlist li.pingback ul.children li.depth-3 {}
ol.commentlist li.pingback ul.children li.depth-4 {}
ol.commentlist li.pingback ul.children li.depth-5 {}
ol.commentlist li.pingback ul.children li.odd {}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
ol.commentlist p {margin-bottom:0;}

/*------------ PAGING: Next and Preview -----------*/
.paging {margin-bottom:20px !important;}
.paging span {display:none}
.paging #preview a{
	float:left;
	display:inline;
	width:127px;
	height:12px;
	text-indent:-9999px;
	background:url(images/btn_older.gif) no-repeat 0 0;
}
.paging #next a {
	float:right;
	display:inline;
	width:117px;
	height:12px;
	text-indent:-9999px;
	background:url(images/btn_next.gif) no-repeat 0 0;
}

.paging #preview a:hover, .paging #next a:hover {
	background-position:0 -12px;
	height:12px;
}

/*------------ BLOG FOOTER -----------*/
.footer-blog{
	position:relative;
	width:940px;
	height:220px; /* give extra height so the original footer will show up */
}
.footer-blogbg {
	position:absolute; /* stick to the footer */
	left:-19px;top:0;
	background:url(images/bg_footer.gif) no-repeat;
	height:208px;
	width:979px;
}
.footer-col {
	width:300px;
	margin-right:20px;
	margin-top:20px;
	display:inline;
	float:left;
}
.first-col {
	margin-left:20px;
}
.last-col {
	margin-right:0;
}
/* -- begin footer css sprite-- */
.footer-col h1 {
	background:url(images/footer-sprite.gif) no-repeat;
	margin:0; padding:0;
	height:32px;
}
.footer-col h1 span {display:none;}
.sprite, a.sprite {background:url(images/footer-sprite.gif);}
.separatorline{width:290px; height:5px !important; background-position:0 -32px;}
.line1 {background:url(images/separatorline.gif) no-repeat; width:290px; height:2px; padding-top:5px;}
.footer-col h1.recentpost {width:155px; background-position:0 0}
.footer-col h1.recentcomment {width:145px; background-position:-155px 0;}
.footer-col h1.recentsubsribe {width:88px; background-position:-299px 0}
.footer-col h1.search {width:65px; background-position:-387px 0}
.recentpostlist a {color:#606048;}
.recentpostlist a:hover {color:#3aafab;}


.footer-col ul {
	list-style:none;
	margin:0; padding:0;
	font-size:11px; font-family:Arial, Helvetica, sans-serif;
}

.footer-col ul li {
	margin-left:0;
	background:url(images/bullet.gif) no-repeat;
	background-position:0 5px;
	padding-left:18px;
	padding-bottom:6px;
}

.recentcommentlist a {color:#3aafab;}
.recentcommentlist a:hover {color:#0a5d5a;}
.imgfeed {
	float:left;
	width:45px;
	height:46px;
}
.imgfeed a {display:block;}
a.rssbutton {background-position:0 -113px; height:46px;}

.imgfeed a span {display:none;}
.rssfeed {
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#606048;
	width:230px;
	float:right;
	margin-left:10px;
}
.rssfeed p {margin-bottom:0;}
.rssfeed a {color:#606048; border-bottom:1px dashed #9d9d98;}
.rssfeed a:hover {color:#ff670b; border-bottom:1px dashed #606048;}

/* starts searching */
.searchimg {background-position:0 -38px; width:36px; height:38px;}
.search_input {
	width:170px;
	background-color:#FFFFFF;
	padding:5px;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Arial, Helvetica, sans-serif;
	color:#866a3b;
	font-size:11px;
	border:1px solid #dfdfbc;
	vertical-align:top;
}

#search_button{
	border: none;
	background:url(images/search_btn.gif) no-repeat;
	padding-top:5px;
	width:30px !important;
	height:30px;
	text-indent:-999px;
	overflow:hidden;
text-indent:-999px;
}

/* ------------------------ ABOUT ----------------------- */
.page_title {
	background:url(images/bg_pink-ribbon.jpg);
	width:940px;
	height:51px;
	margin:0 auto 10px;
	text-align:center;
}
.page_title img {
	padding:10px 0;
}
.about_text {
	background:url(images/bg_aboutpink.jpg) no-repeat;
	width:540px;
	height:325px;
	padding:0;
	font-size:12px;
	margin-bottom:50px;
}

.about_text p {margin-bottom:15px;}
.about_text a, .contact-box a {color:#ec7497; text-decoration:none;}
.about_text a:hover, .contact-box a:hover {color:#be2a56; text-decoration:none;}


/*---------------- GALLERY ---------------------------------*/
.photo_preview {
	text-align:center;
	margin-bottom:20px;
}
.photo_thumb {
	border-top:1px dashed #79adbe;
	border-bottom:1px dashed #79adbe;
	margin-bottom:20px;
	padding:10px 0;
	text-align:center;
}
.photo_thumb ul {margin:0 auto; text-align:center; width:600px;}
.thumbnail-button {padding-top:11px;}
.thumbnail-button span {display:none}
.thumbnail-button a#preview {
	float:left;
	display:inline;
	width:71px;
	height:8px;
	text-indent:-9999px;
	background:url(images/btn_prevpoto.gif) no-repeat 0 0;
}
.thumbnail-button a#next {
	float:right;
	display:inline;
	width:65px;
	height:8px;
	text-indent:-9999px;
	background:url(images/btn_nextpoto.gif) no-repeat 0 0;
}

.thumbnail-button #preview:hover, .thumbnail-button #next:hover {
	background-position:0 -19px;
	height:19px;
}

/*------------------------------------ Contact ---------------------------------*/
.contact-box {
	background:url(images/bg_contact.png) no-repeat;
	width:657px;
	height:300px;
	margin:0 auto 0;
	padding:0;
	padding-bottom:100px;
	position:relative;

}

.contact-positioning {
position:absolute;
left:20px;
top:40px;

}
.wpcf7 {
width:400px;
}
.contact-box form p label {
	float:left;
	padding:3px 0 0;
	width:130px;
}

.contact-box form p.inputname input {
	background:url(images/inputbg-name.jpg) no-repeat scroll 0 0;
	border:0 none;
	color:#525252;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:29px;
	margin:0;
	padding:6px 10px 0 30px;
	width:224px;
}

.contact-box form p.inputmail input {
	background:url(images/inputbg-email.jpg) no-repeat scroll 0 0;
	border:0 none;
	color:#525252;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:29px;
	margin:0;
	padding:6px 10px 0 30px;
	width:224px;
}
.contact-box form p.yourmsg textarea {
	border:1px solid #ffc2d2;
	background-color:#fbe4ea;
	color:#525252;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-size:12px;
	margin:0;
	padding:6px;
	width:250px;
}
.contact-box form p.submitForm {text-align:right;}
.contact-box form p.submitForm  input {
	background:url(images/btn_submit.jpg) no-repeat;
	width:90px;
	height:37px;
	border:0;
	text-indent:-9999px;
}
.contact-box  .input-name {
	background:url(images/inputbg-name.jpg) no-repeat;
	background-position:50% 0;
	width:264px;
	height:29px;
	border:0;
	padding:8px 5px 0 0;
}

span.wpcf7-not-valid-tip-no-ajax {
	color:#FF0000;
	display:block;
	font-size:10px;
}

/* tambahan 22.11.2010 */
.filmstrip li {margin-left:0;}
.galleryview {margin:0 auto}


/* ------------------------ MENU DROP DOWN ----------------------- */
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	display:none;
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	top:35px;
	width:185px;
}
/* dropdown */
.sf-menu li:hover > ul {
	display: block;
}
.sf-menu ul li {
	float: none;
	margin: 0;
	padding: 0;
}
.sf-menu ul a {
	font-weight: normal;
}
.sf-menu ul li {
	width:			100%;
	height:35px;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu li.home a {
	background:url(images/menu_home.jpg) no-repeat;
	width:64px;
	padding-left:15px;
}
.sf-menu li.about a {
	background:url(images/menu_about.jpg) no-repeat;
	width:161px;
	padding-left:15px;
}
.sf-menu li.gallerymenu a {
	background:url(images/menu_gallery.jpg) no-repeat;
	width:78px;
	padding-left:15px;
}
.sf-menu li.contact a {
	background:url(images/menu_contact.jpg) no-repeat;
	width:76px;
	padding-left:15px;
}
.sf-menu li a span {display:none}
.sf-menu a {
	display:		block;
	position:		relative;
	padding:0;
}
.sf-menu a span {}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			35px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
/*** SUB CAT GALLEY CSS ***/
.sf-menu li.gallerymenu ul li {
	height:35px;
}
.sf-menu li.gallerymenu ul li a {
	background-image:none;
	background-color:#ff7bac;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:10px;
	padding-right:10px;
}
.sf-menu li.gallerymenu ul li.last a {height:22px;}
.sf-menu li.gallerymenu ul li a:hover {
	background-color:#c51d5c;
}