/*
Theme Name: Irna la Perle
Theme URI: http://best.web.id
Description: Irna la Perle 
Version: 1.0
Author: Best Web Media Solusi
Author URI: http://www.best.web.id
Tags: Custom, 2 Columns
*/

/* Reset CSS */

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Structure */
body {
	font: normal 62.5% Arial, Verdana, Helvetica;
	background: url(images/bg-main.gif) no-repeat center top;
	color: #555555;
}
a {
	color: #555;
	text-decoration: none;
}
a:hover {
	color: #000;
}

/* Top Menu */
#topmenu {
	padding-top: 20px;
	padding-bottom: 30px;
}
#topmenu h1 {
	background: url(images/logo.png) no-repeat top center;
	width: 300px;
	height: 90px;
	margin: 0 auto;
	text-indent: -7777px;
	padding-bottom: 20px;
}
#topmenu .topnav {
	border-bottom: 2px solid #cbcbcb;
	border-top: 1px dashed #cbcbcb;
}
#topmenu ul {
	text-align: center;
	margin: 0 auto;
	width: 580px;
	height: 35px;
	padding-top: 3px;
}
#topmenu ul li {
	float: left;
	text-align: center;
	display: inline;
	font-size: 12px;
	padding: 0 10px;
	padding-top: 5px;
}
#topmenu ul li a {
	padding: 5px 10px;
	float: left;
	display: block;
	/* text-indent: -7777px; */
	color: #666;
}
#topmenu ul li a:hover {
	color: #000;
}
#topmenu ul li ul {
	position: absolute;
	margin-top: 28px;
	width: 200px;
	z-index: 99;
}
#topmenu ul li ul li {
	font-size: 11px;
	height: 30px;
	background: url(images/dropbg.png) repeat;
	width: 150px;
	margin-bottom: 1px;
	font-family: "lucida sans unicode", Arial, Sans-Serif;
	padding-top: 0px;
}
#topmenu ul li ul li a {
	color: #000;
}
#topmenu ul li ul li a:hover {
	color: #666;
}
#topmenu ul li ul ul {
	margin-left: 200px;
}
#topmenu ul .current_page_item a {
	background: none !important;
}

/* -- Menu */
/*
li.home a {
	background: url(images/menu.png) no-repeat 0px -8px;
	height: 20px;
	width: 70px;
}
li.home a:hover {
	background: url(images/menu.png) no-repeat 0px -33px;
}
li.gown a {
	background: url(images/menu.png) no-repeat scroll -68px -8px;
	height: 20px;
	width: 70px;
}
li.gown a:hover {
	background: url(images/menu.png) no-repeat scroll -68px -33px;
}
li.acc a {
	background: url(images/menu.png) no-repeat scroll -136px -8px;
	height: 20px;
	width: 106px;
}
li.acc a:hover {
	background: url(images/menu.png) no-repeat scroll -136px -33px;
}
li.partner a {
	background: url(images/menu.png) no-repeat scroll -243px -8px;
	height: 20px;
	width: 94px;
}
li.partner a:hover {
	background: url(images/menu.png) no-repeat scroll -243px -33px;
}
li.contact a {
	background: url(images/menu.png) no-repeat scroll -337px -8px;
	height: 20px;
	width: 100px;
	text-indent: -7777px;
}
li.contact a:hover {
	background: url(images/menu.png) no-repeat scroll -337px -33px;
}
*/

/* Stage */
/*
#stage {

}
#stage #item, #stage #images {
	height: 430px;
}
#stage #item img, #stage #images img {
}
*/

#item {
	background: url(images/frame-shdw.png) no-repeat bottom center;
	padding-bottom: 19px;
}

/* Footer */
#footer {
	padding: 30px 0;
}
#footer ul {
	border-top: 1px dashed #cbcbcb;
	padding: 10px 0;
}
#footer ul li {
	display: inline;
	padding: 5px;
}

/* Pullup */

.boxgrid{ 
	width: 460px; 
	height: 415px;
	float:left;
	overflow: hidden; 
	position: relative; 
}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid p{ 
	padding: 0 10px; 
	color:#afafaf; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif; 
}
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #efefef; 
	height: 100px; 
	width: 448px;
	opacity: .8;
	top:424px;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
	top: 260;
	left: 0;
}
.caption .boxcaption {
	top: 220;
	left: 0;
}
.boxcaption h3 {
	padding: 10px;
	font-size: 2em;
	color: #fff;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Serif;
}
.boxcaption h3 a {
	color: #555;
	text-decoration: none;
}
.frame {
	padding: 5px;
	border: 1px solid #efefef;
	min-height: 330px;
	background: #fff;
}
.category .frame {
	padding: 10px;
}
.frame h3.title {
	background: url(images/ilp-title.jpg) no-repeat top center;
	width: 268px;
	height: 81px;
	text-indent: -7777px;
}
.frame .ilp {
	background: url(images/ilp-cat.jpg) no-repeat top center;
	width: 268px;
	height: 119px;
}
.frame .ilp a {
	display: block;
	width: 268px;
	height: 119px;
	text-indent: -7777px;
}
.frame .lp {
	background: url(images/lp-cat.jpg) no-repeat top center;
	width: 268px;
	height: 130px;
}
.frame .lp a {
	display: block;
	height: 130px;
	text-indent: -7777px;
}


/* Detail */
#detail {
	font-size: 1.2em;
	line-height: 1.6em;
}
#detail .frame {
	padding: 10px;
	height: 405px;
}
#detail h3 {
	font-size: 2em;
	font-family: Georgia, "Times New Roman", Serif;
	font-weight: normal;
	padding-bottom: 20px;
}
#detail p {
	padding: 10px 0;
}

/* Page and Single */
.page #mainarea .frame, .single #mainarea .frame {
	padding: 10px;
}
.page #mainarea .frame h2, .single #mainarea .frame h2, .archive #mainarea .frame h2, .category #mainarea .frame h2 {
	font-size: 24px;
	border-bottom: 1px solid #efefef;
	padding-bottom: 5px;
}
.page #mainarea .frame p {
	padding: 5px 0;
	line-height: 18px;
	font-size: 1.1em;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

/* Sidebar */
#sidebar {
	
}
#sidebar h2 {
	font-size: 16px;
	padding: 10px 0;
}
#sidebar ul {
	font-size: 1.1em;
	border-top: 1px solid #efefef;
}
#sidebar ul li {
	border-bottom: 1px solid #efefef;
	/* padding: 5px; */
}
#sidebar ul li a {
	display: block;
	padding: 5px;
}
#sidebar ul ul {
	font-size: 1em;
}#sidebar ul ul li a {
	background: none;
	border-left: 4px #666 solid;
}
#sidebar .frame {
	padding: 10px;
	font-family: Verdana, Arial, Helvetica;
}
.current_page_item a, a.active_category, .current-cat a {
	background-color: #efefef;
}
.cat-intro p {
	font-size: 1.1em;
	line-height: 1.6em;
}

/* Gallery List */
.gallerylist {
	padding-top: 10px;
}
.gal-list {
	height: 171px;
}
.gal-list .thumb {
	border: 1px solid #efefef;
	height: 150px;
}
.gal-list h3 {
	font-size: 1.1em;
	text-align: center;
	padding: 5px 0;
}

/* inquiryform */
.inquiryform {

}
.inquiryform label {
	width: 150px;
	float: left;
}
.inquiryform h3 {
	clear: both;
	padding-top: 10px;
	font-size: 14px;
}
.inquiryform .wpcf7-checkbox {
	
}
.inquiryform .wpcf7-checkbox label {
	width: 250px;
}
.inquiryform .size label {
	width: 100px;
}