/*  
Theme Name: Party Theme Place New
Description: A theme with only the necessary styles
Version: 1.5 of 10.0
Author: Francis Mathew L. Wong
Author URI: http://machuwong.blogspot.com

	This theme was developed to allow for designers to add in their own
	styles. A basic ground to develop and flourish the design that you 
	need to grow.
*/

/* PAGE STRUCTURE */

html,body {
	margin:0;
	padding:0;
	height: auto;
	height:100%; /* needed for container min-height */
	background: #FFFFFF; 
}

body{
	font: 12px Arial, Helvetica, sans-serif;
	color: #483e37;
}	

a{ color:#007b94; text-decoration:none; }
a:hover{color: #88aa00}
a.read-more{font-weight: bold;}
p{
	line-height: 1.5em;
	text-align:justify;
}

b{font-weight: normal;}
h2{margin:0px; padding: 0px; font-weight:bold;}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width: 900px;
	height: auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
}

#grandwrapper {
	margin: 0px auto;
	height: auto;
	height: 100%;
}

#wrapper {
	margin: 0px auto;
	height: auto;
	height: 100%;
}


/*HEADER STRUCTURE - includes LOGO, SUB NAVIGATION 1, SEARCH and MAIN NAVIGATION*/
#header{
	width: 900px;
	margin: 10px 0px;
	padding:0px;
	height: auto;
	border-bottom:2px dotted #666666;
}

#header .left{
	width: 450px;
	float:left;
	margin:0px;
	padding: 0px;
}

#logo{
	background: url('images/hdLogo.png');
	margin:0px;
	padding:0px;
	width:254px;
	height:62px;
}

ul#subNav{
	margin:0px;
	padding:0px;
	list-style: none outside none;	
	float: right;
}

ul#subNav li{float: left; display: block; text-align:right;}


#header .right{
	width: 450px;
	float: right;
	margin:0px;
	padding:0px;
	text-align:right;
	height: 62px;
}

/* SEARCH FORM STYLES */
#searchform{
	padding: 5px;
	margin-top: 6px;
	border: 1px dashed #786721;
	width: 335px;
	float: right;
	text-align:right;
}

#searchform .textBox{
	border:1px solid #c8ab37;
	background: #f4eed7;
/*	width: 77%;	
	_width: 70%;
*/
	width:255px;	
	height: 21px;
	vertical-align:middle;
	float:left;
}
#searchform .buttons{
float:right;
}
#searchform .buttons, #commentform .buttons{
	background: url('images/btButton.jpg') repeat-x;
	border:1px solid #7CAF1D;
	padding:3px;
	vertical-align:middle;
	height:25px;
	color:#FFFFFF;
	font: bold 12px Arial, Helvetica, sans-serif;
}

#searchform .buttons:hover{
	background: url('images/btButtonOvr.jpg') repeat-x;
	border:1px solid #FF6600;
}

#mainNav{
	clear: both; 
	margin:0px auto; 
	padding:10px 0px; 
	list-style: none outside none; 
	height: 20px; 
	text-align:center;
}

#mainNav li{ 
	float:left; 
	display: block; 
	font: bold 14px Arial, Helvetica, sans-serif; 
	color:#6c6753; 
	letter-spacing:-1px; 
	padding:0px; 
	margin:0pxx;
	width: auto;
}

#mainNav li a{ 
	color:#6c6753; 
	text-decoration:none;
}

#mainNav li a:hover{
	color:#ff7f2a; 
}

h3.articleTitle, h3.articleTitle a{
	margin: 0px;
	padding:0px;
	font: bold 20px Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	color: #d40055;
	text-decoration: none;
}

h3.articleTitle a:hover{
	color: #ff2a7f;
}



/* STYLES FOR INDEX PAGE */

#hdMainImg{
	background: url('images/hdMainImg.jpg') no-repeat;
	width: 900px;
	height: 212px;
}

h2#partythemes{
	background: url('images/hmOurThemes.png') no-repeat;
	width:244px;
	height:21px;
	margin-bottom:5px;
}

h2#featArt{
	background: url('images/hmFeatured.png') no-repeat;
	width:212px;
	height:26px;
}

h2#recArt{
	background: url('images/hmLatest.png') no-repeat;
	width:192px;
	height: 26px;
	
}

h2#popArt{
	background: url('images/hmPopular.png') no-repeat;
	width: 212px;
	height:26px;
}

#inner #indCategories{
	width:900px;
	margin:0px 0px 10px 0px;
	padding:0px;
}

#inner ul#subNav2{
	margin:0px;
	padding:0px;
	list-style:none outside none;
	height: 97px;
	width:900px;
}

ul#subNav2 li{float: left;}
ul#subNav2 li a{
	background-position:: center top;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	height:97px;
}

#subNav2 #nav1{
	background: url('images/sn01Wedding.jpg') no-repeat;
	width:148px;
}

#subNav2 #nav2{
	background: url('images/sn02Holiday.jpg') no-repeat;
	width:151px;
}

#subNav2 #nav3{
	background: url('images/sn03Birthday.jpg') no-repeat;
	width:151px;
}

#subNav2 #nav4{
	background: url('images/sn04Adult.jpg') no-repeat;
	width:151px;
}

#subNav2 #nav5{
	background: url('images/sn05Kids.jpg') no-repeat;
	width:151px;
}

#subNav2 #nav6{
	background: url('images/sn06Special.jpg') no-repeat;
	width:148px;
}


#inner .left{
	width:580px;
	float:left;
	height:auto;
}

#inner .left .container{
	border: 1px dashed #d4aa00;
	margin: 0px 0px 10px 0px;
	padding: 8px;
}


#inner .right{
	width: 300px;
	float: right;
	height:auto;	
}

#inner #rightInner{
	border: 1px dashed #d4aa00;
	padding: 8px;
}

#rightInner ol{
	padding:0;
	margin:0;
}

#rightInner ol li{
	padding:0;
	list-style:none;
}
#rightInner ol li p{
	margin:0;
}
#rightInner ol li .most_rated{
	padding-bottom:15px;	
}

.catColor{font:bold 12px Arial, Helvetica, sans-serif;}
#catColorWed{ color:#ab0202; }
#catColorHoliday{ color:#02abd4; }
#catColorBirth{ color:#d4ab02; }
#catColorAdult{ color:#89ab02; }
#catColorKids{ color:#d45602; }
#catColorSpecial{ color:#5b2ea1;}

/* END OF INDEX */



/* sidebar structure - this is the container for the content that goes here, try not to edit too much if need be */
#inner #left_column {
	float: left;
	width:250px;
	height: auto !important; /* real browsers */
	height:100% !important;/*  IE6: treated as min-height*/
	min-height:100% !important; /* real browsers */
	padding:0px;
}

/* main content structure - this holds the main content, try not to edit too much if need be*/
div #inner #right_column {
	float: right;
	margin: 0px;
	width: 625px;
	height: auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
}

/* MAIN CONTENT STYLES */

/* SIDEBAR MENU */

/* home button */

#left_column li.page_item { text-align: center;	padding-bottom: 10px;}
.menudiv, .recentdiv {font: 12px Arial, Helvetica, sans-serif; list-style: none outside none;}
.recentdiv{margin: 0px 0px 20px 0px;}
.menudiv ul.cats, .menudiv ul, .recentdiv ul {  margin: 0px; padding: 0px 0px; list-style: none outside none;}
.recentdiv ul li, .menudiv ul li.cat-item, .menudiv ul li.subcat-item-2 {margin: 5px 0px; padding:0px; border-bottom: 1px solid #e1e1e1;}
.recentdiv ul li a, .menudiv ul li.cat-item a, li.subcat-item-2 a{	color: #007b94; text-decoration: none;}
.recentdiv ul li a:hover, .menudiv li.categories ul ul.children li.cat-item a:hover, .menudiv ul li.cat-item a:hover { color: #88aa00;}
.menudiv li.categories{	margin:0px 0px 20px 0px;}
.menudiv li.categories ul ul.children li.cat-item{
	padding:0px;
	margin-left:25px;
	margin-top:0px;
	margin-bottom:10px;
}
.menudiv li.categories ul ul.children li.cat-item a{ color: #00aad4; text-decoration: none;}
h2.articles, h2.blogs, h2.news, h2.recent_article, h2.recent_post{margin: 0px 0px 10px 0px;}
h2.articles{background: url('images/sbArticles.png') no-repeat; width: 82px; height: 17px;}
h2.blogs{background: url('images/sbBlog.png') no-repeat; width:58px ; height: 21px;}
h2.news{background: url('images/sbLatestNews.png') no-repeat; width:129px ; height: 14px;}
h2.recent_article{background: url('images/sbLatestArticles.png') no-repeat; width:153px ; height: 17px;}
h2.recent_post{background: url('images/sbLatestPosts.png') no-repeat; width:129px ; height: 14px;}
/*
.menudiv ul.cats li.cat-item a, .menudiv ul.cats li.cat-item a:visited, .menudiv ul.cats li.cat-item a:active {
	 margin: 0px;
	 padding: 5px 12px;
	 height: auto;
	 text-decoration: none;
	 color: #555;
	 display: block;
	 zoom: 1; /* For IE6 Only - it takes out the added space from the menu items 
}

.menudiv ul.cats li.cat-item a:hover {
	color: #555;
	text-decoration: underline;
	padding: 5px 12p;
}

ul.cats li.categories {
	margin-bottom: 0px;

}

li.categories ul li {
	color: #555;
}

ul .catpager {
	padding: 5px 12px;
	display: block;
	color: #ccc;
	text-align: center;
}

ul .catpager:hover{
	background-color: #000 !important;
	border-left: 0 !important;
	padding: 5px 12px !important;
}
*/

/*
#menupage-2-0 li a {
	padding: 5px 12px 5px 25px !important; 
	background: none !important;/* This style removes the bullet bg form the child menu 
	border-bottom: 1px solid #222;
}

#menupage-2-0 li a:hover{
	background: none !important;/* This style removes the bullet bg form the child menu 
	border-bottom: 1px solid #222;
	border-left: none;
}
*/

/* latest articles and latest posts 
.recentdiv {
	font: 0.8em Trebuchet MS, Arial, Sans-serif;
}

.recentdiv ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.recentdiv ul li a {
	color: #555;
	text-decoration: none;
	padding: 5px 12px;
	display: block;
}

.recentdiv ul li a:hover {
	color: #000;
	text-decoration: underline;
	padding: 5px 12px;
}
*/

/* End sidebar menu -------------------*/
.comments_wrapper{
	margin:5px 5px 25px 5px;
}
div.comments{margin-top: 40px;}
div#rlink dl{margin: 5px 25px 0px;}
div#rlink a{margin: 5px 25px 0px; display: block;}
div#rlink li{margin: 5px 25px 0px;}
div#rlink h2{font: bold 14px Arial, Helvetica, sans-serif;}

h2.subTitles{font: bold 16px Arial, Helvetica, sans-serif; color: #D40055;}

ol.commentlist{list-style: none outside none; border: 1px dashed #786721; padding: 10px; margin: 10px 0px 20px 0px;}
div.postinput{margin: 10px 0px;}


/* COMMENT FORM */
#commentform{
	padding: 20px;
	border: 1px dashed #786721;
}

#commentform .captcha p { 
	margin: 0px; 
	padding: 0px; 
}

#commentform .captchapict {  
	margin: 0px; 
	padding: 0px;
}

#commentform textarea {
	border:1px solid #c8ab37;
	background: #f4eed7;
	width:97%;	
	padding: 5px;
}

#commentform #author, #commentform #email { 
	border:1px solid #c8ab37;
	background: #f4eed7;
	width: 70%;	
	padding: 5px;
}

/* FOOTER */

div#footer {
	/*position:absolute; Only needed if you have a repeating bg that extends to bottom of page.*/
	width:900px;
	/*bottom: -100px;  stick to bottom - same reason as above */
	margin: 0 auto;
	clear: both;/*Needed to keep footer div to the bottom*/
	border-top:2px dotted #666666;
	font: 10px Arial, Helvetica, sans-serif;
	text-align: center;
}

/*POST STYLES */

/* SOCIAL BAR */

div#social_div{
	border: 1px dashed #786721;
	padding: 10px;
	margin: 0px 0px 15px 0px;
	text-align: center;
}

.social{margin:0px; padding:0px;}

.social a {
	padding:3px;
	color: #007B94;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}
.social a:hover {
	color: #88AA00
}

div.social div.left{
	margin: 0px; padding: 0px;

}

.social .ratings {
	font-size: 8pt;
	width: 170px;
	float: left;
	margin:0px;
	padding: 0px;
	vertical-align: middle;
}
#social_div .social .left{
	width:97%;
}

#social_div  .post-ratings{
	font-size: 8pt;
	width: 170px;
	overflow:hidden;
	float: left;
	margin:0px;
	padding:5px 0 0 0;
	vertical-align: middle;
}

.social .ratings img{vertical-align: middle; padding:0px;margin:0px;}
.social .ratings a {	padding: 0px;	background: transparent;}
.social .ratings img {	margin: 0px;	padding: 0px;}
.othermedia{width: 400px; float: left;}
.othermedia img{margin:0px; padding:0px; border:none; vertical-align: middle;}


.captchaButton{
	width: auto;
	background: url('images/btButton.jpg') repeat-x;
	height: 25px;	
}

a.commentx {
	background-color:#E1EEFC;
	border:1px solid #E1EEFC;
	font-size:11px;
	font-weight:bold;
	padding:2px;
	text-decoration:none;
}
/* ==== right column style ========*/
#right_column p{

}
#right_column{
background:#fff;
}
#right_column .right{
	background:#FFFFFF;
	margin: 5px;
}
#right_column .left{
	background:#FFFFFF;
	margin: 5px;
}
#right_column .right img, 
#right_column .left img{
	text-align: center;
}

#right_column .citation{
	border:1px solid #E2E2E2;
	font-family:arial;
	font-size:10px;
	margin:0pt !important;
	padding:3px;
	text-align:center;
}
#right_column .embed{
display:compact;
} 
#right_column ol li,
#right_column ul li{ 
 list-style:inside;
}

table{
	clear: both;
}

div#ads_container{
	width: 300px; float: left;
}
.clear {
	clear: both;
}


.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
   text-align:center;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

/* added style fix for global translation flags bar, for ticket 876 */
#languages{ display:block;	width:900px; border-bottom:#333333 dotted 1px; background:#fff; margin: 0 auto; }
.lng_picker{display:inline;}
.lng_picker b{font-weight: bold;}
#translation_bar{ display:inline;}
