/*  
Theme Name: Paula Taylor Fan Club
Theme URI: http://artandlifestyledesigns.com
Description: 2 Column layout, pink
Version: 1.0
Author: Urico Dionet A. Mondelo Jr.
Author URI: http://artandlifestyledesigns.com/

	This theme was designed and built by Urico Dionet A. Mondelo Jr.,
	whose blog you will find at http://artandlifestyledesigns.com/blog
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/



/* WELCOME 
---------------------------- */
#welcome {
height: auto;
border-top: 5px solid #F4E5ED;
border-bottom: 1px solid #D6D6D6;
margin-bottom: 20px;
/*padding-left: 180px;*/
padding: 0 10px 16px 10px;
/*background: transparent url(http://paulafanclub.com/wp-content/uploads/2009/07/by-top-phuket.jpg) no-repeat top left;*/
float: left;
}

#welcome h2 {
/*font-size: 16pt;*/
font-weight: bold; 
color: #EE7598;
text-align: left;
}

#welcome img {
width: 240px;
height: 357px;
border: 3px solid #ea7293;
margin: 0 16px 0 0;
float: left;
}

#welcome p {
text-align: justify;
}
/* end of welcome */

li#transposh h2{display: none;}
li#transposh div{text-align: center; padding-bottom: 10px;}
li#transposh div a:link, li#transposh div a:hover, li#transposh div a:visited {border: none; background-color: none; color: none;}
#tr_credit {display: none;}

body { 
background: #f0e2e1 url(images/bg.gif) repeat-x top;
padding: 0;
margin: 0;
font: normal 10pt "Trebuchet MS", arial, verdana;
}



#frame {

width: 1028px;

height: auto;

margin: 0 auto;

}



#headerBg {

width: auto;

height: 200px;

background: url(images/bgHeader.gif) no-repeat;

margin: 0 auto;

}



#header {

	width: 970px;

	height: 184px;

	background: url(images/bgHeader-repeat.gif) repeat-x;

	margin: 0 auto;

}



#bgCont01 {

	width: auto;

	height: auto;

	background: url(images/bgRepeat.gif) repeat-y;

}



#bgCont02 {

	width: auto;

	height: auto;

	/*background: url(images/bgTop.gif) no-repeat top;*/

}



#bgCont03 {

	width: auto;

	height: auto;

	min-height: 600px;

	padding: 0 0 50px 0;

	background: url(images/bgFooter.gif) no-repeat left bottom;

}



#wrapper {

	width: 930px;

	height: auto;

	margin: 0 auto;

	padding: 0 0 20px 0;

}



#contentHolder {

	width: 670px;

	height: auto;

	float: left;

	padding: 0;

}



.banner {

	margin-bottom: 25px;

}



.clr {clear: both;}



.content {

	width: 670px;

	margin: 0 auto;

	padding: 0;

}



.post {

	margin-bottom: 22pt;

}



.entry { padding: 0 16px; }



.titleHolder {

	width: auto;

	height: auto;

	border-top: 5px solid #f0e2e1;

	padding: 5px 0 10px 0;

}



.bgFooter {

	width: auto;

	height: 17px;

	background: url(images/bgFooter.gif) no-repeat;

}



#pageTitle {

	width: 44%;

	height: 184px;

	float: left;

	

}



img.logo {

	border: none;



}



/* ***** MAIN MENU ***** */

#headerMenu {

	width: 55%;

	height: auto;

	/*padding: 0;

	position: relative;

	top: 41px;*/

	float: right;

	padding: 41px 0 0 0;

}







/*#headerMenu ul {

	width: auto;

	list-style: none;

	margin: 0;

	padding: 0;

	float: left;

	text-align: right;

	margin: 0 auto;

}



#headerMenu ul li{

	float: left;

}



#headerMenu ul li a:link, #headerMenu ul li a:visited{

	color: #fff;

	padding: 83px 20px 12px 20px;

	float: left;

}



#headerMenu ul li a:hover, .current_page_item {

	background-color: #FF96F4;

	color: #fff;

}*/



/* ***** TEXT ***** */



#pageTitle h1, #pageTitle p {

	margin: 0;

	padding: 0;

}



#pageTitle h1 {

	font-size: 22pt;

	color: #fff;\

	border: 1px dotted red;

}



#pageTitle p span{

	position: relative;

	top: -5px;

	margin-left: 42px;

	font-size: 14pt;

	color: #fff;

}

.content h3 {
	color: #000;
}

.content h2 {
	padding: 2px 15px;
	margin: 5px 0 30px 0;
	text-align: left; 
	font-size: 12pt;
	font-weight: bold;
	color: #fff;
	background: url(images/bgTitle.gif) no-repeat bottom;
	/*background-color: #e3a4a3;*/
}





.post p {
	margin: 0;
	padding: 6px 0 0 0;
	color: #333333;	
}



.post p.postmetadata {
color: #999;
}


.post span.postview {
	text-align: left;
	color: #999999;
	padding: 0 0 0 10px;
	margin: -10px 0 12pt 0;
}

.post p span{
	display: inline;
}



#right h2 {
	padding: 0;
	margin: 0;
	font-size: 9pt;
}



.date {
	font-size: 9pt;
	color: #448cca;
	padding: 0 10px;
}



.post h2 {
	font-size: 14pt;
	font-weight: bold;
	color: #ee7598;
	padding: 0 10px;
	margin: 0 0 0 0;
	text-align: left;
	background-color: transparent;
	background: none;
}

.post .poster {
	font-size: 9pt;
	color: #448cca;
	padding: 0 10px;
	position: relative;
	top: -4px;
}



.postmetadata, .post p.postmetadata {
	padding: 3px 10px 10px 10px;
	margin: 0 0 20px 0;
	border-top: 1px dotted #999999;
	font-style: italic;
	color: #999999;
	font-size: 8pt;
	text-align: left;
}

.entry p.postmetadata {margin-top: 30px; color: #999999; text-align: left;}

.entry p{margin:11pt 0;}



.navigation {

	margin: 12px 0 20px 0;

	padding:2px;

	font-size:.9em;

	float:left;

	width:98%;

	}

	

	.alignleft {float:left;}

	.alignright {float:right;}



.post a img, .entry a img, .post img, .entry img {

	border: 0px solid #f0e2e1;

}



/* right sidebar */

#right {

	width: 230px;

	height: auto;

	padding: 0;

	float: right;
text-align: left;
}

	

#right img {padding: 0; margin: 0;}



#right ul {

margin:0px;

padding:0;

list-style-type: none;
text-align: left;
}



#right ul li {

padding: 0;

margin: 0;
text-align: left;
}



#right ul li h2, #right ul h2{

font-size: 10pt;

font-weight: bold;

margin: 0 0 12px 0;

padding: 4px 6px 4px 10px;

line-height: 12pt;

color: #fff;

background: url(images/bgSideBar.gif) no-repeat;
/*background-color: #e3a4a3;	*/

}



#right ul li ul{

	padding: 0;

	margin: 0 0 15pt 0;

	}









#right ul li ul li{

	padding: 0 2px 0 4px;

	line-height: 14pt;

	color: #333;

}



/* ***** END OF RIGHT ***** */



.footer {

	width: 1010px;

	color: #666;

	font-size: 8pt;

	margin: 0 auto;

	position: relative;

	top: -15px;

	padding: 0 10px 10px 10px;

	text-align: center;

}



.footer p {

	margin: 0;

	padding: 0 30px 0 20px;

	text-align: right;

}





/* ***** LINKS ***** */

.titleHolder p span a, a:link, a:visited {

	text-decoration: none;

	color: #ee7598;

}



a:hover {

	text-decoration: none;

	color: #999;

}



#right ul li ul li a{

	color: #ee7598;

}



#right ul li ul li a img {

	border: none;

}



#headerMenu ul li a img{

	border: none;

}



#pageTitle h1 a {

	color: #fff;

}



/* Begin Form Elements */

#searchform {

	margin: 0 auto 12pt auto;

	padding: 0px 3px;

	text-align: center;

	}



	#right #searchform #s {

		width: 170px;
		height: 23px;
		float: left;


		border: 1px solid #ec7598;

		}



	#right #searchsubmit {

		padding: 0;

		margin: 0;

		/*position: relative;

		right: 4px;*/
		float: left;

		border: 1px solid #ec7598;

		}



	html * #right #searchsubmit {

		/*position: relative;

		top: -5px;*/

		}

html * #right #searchform #s {}



.entry form { /* This is mainly for password protected posts, makes them look better. */

	text-align:center;

	}



select {

	width: 130px;

	border: 1px solid #ec7598;

	}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	border: 1px solid #ec7598;

	}



#commentform textarea, textarea {

	width: 60%;

	padding: 2px;

	border: 1px solid #ec7598;

	}



.contact {text-align: left;}

.contact p {padding: 0; margin: 0;}



.contact p input {

	width: 200px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	border: 1px solid #ec7598;

	}

#commentform #submit {

	margin: 0;

	float: left;

	border: 1px solid #ec7598;

	background-color: #ec7598;

	}

/* End Form Elements */







/* Begin Comments*/

.alt {

	margin: 0;

	padding: 10px;

	background-color: #efe2e0;

	}



.commentlist {

	padding: 0;

	text-align: justify;

	}



.commentlist li {

	margin: 15px 0 3px;

	padding: 5px 10px 3px;

	list-style: none;

	}



.commentlist p {

	margin: 10px 5px 10px 0;

	}



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

/* End Comments */







/* Begin Calendar */

#wp-calendar {

	empty-cells: show;

	margin: 10px auto 0;

	width: 200px;

	}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

	}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

	}



#wp-calendar a {

	display: block;

	}



#wp-calendar caption {

	text-align: right;

	width: 84%;

	font-weight: bold;

	}



#wp-calendar td {

	padding: 3px 0;

	text-align: center;

	}



#wp-calendar td.pad:hover { /* Doesn't work in IE */

	background-color: #fff; }

/* End Calendar */







/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #999;

	}



blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #f0e2e1;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



.center {

	text-align: center;

	}



hr {

	display: none;

	}



a img {

	border: none;

	}

/* End Various Tags & Classes*/



/* ==================

	TUBEPRESS

===================== */

.tubepress_container {

	

}



.tubepress_video_thumbs {

	overflow: hidden;

	border-color: #ccc;

}



.tubepress_stitle a {

	font-size: 7pt;

}



#tubepress_btitle {

	color: #5195CE;

}

/* ------------- Page Numbers -------------- */
#wp_page_numbers  {
	text-align: center;
	font-size: 11pt;
	clear: both;
	width: 100%;
}

#wp_page_numbers ul {
	width: auto;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	/*display: inline;*/
	float: left;
	text-align: center;
	position: relative;
	left: 140px;
}

#wp_page_numbers ul li, #wp_page_numbers li {
	/*display: inline;*/
	margin-right: 2px;
	float: left;
	
}

#wp_page_numbers ul li a{
	padding: 1px 6px;
	color: #448cca;
	border: 1px solid #ccc;
	float: left;
}

/*#wp_page_numbers ul li.active_page a, #wp_page_numbers ul li:hover a  {
	border: 1px solid #ccc;
}*/

#wp_page_numbers ul li a:hover  {
	border: 1px solid #999;
	color: #fff;
	background-color: #448cca;
}

 #wp_page_numbers ul li.active_page a {
	color: #EA7293;
	border: 1px solid #ccc;
}

#wp_page_numbers ul li a:hover   {
        color: #fff;
}

#wp_page_numbers ul li.page_info {
	border: none;
	margin-right: 10px;
        color: #999;
}

#wp_page_numbers ul li.page_info:hover {
	background-color: none;
}

#wp_page_numbers ul li.space {
	border: none;
	margin-right: 10px;
	margin-left: 10px;
}


/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/final_drop.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */



.menu {
width: auto; 
height:auto; 
float: right; 
position: relative; 
z-index: 100;
margin: 0;
padding: 0;
}



/* hack to correct IE5.5 faulty box model 

* html .menu {width:auto; w\idth:745px;}*/



/* remove all the bullets, borders and padding from the default list styling */

.menu ul {
padding:0;
margin:0;
list-style-type:none;
}

.menu ul ul {width:auto;}


/* float the list to make it horizontal and a relative positon so that you can control 
the dropdown menu positon */

.menu li {
float:left;
width:auto;
position:relative;
}

.menu ul li {
float: left;
}



/* style the links for the top level */

.menu a, .menu a:visited {
display:block;
font-size:12px;
text-decoration:none; 
color:#fff; 
width: 80px; 
height:18px; 
border:1px solid #fff; 
border-width:1px 0 1px 1px; 
background:#EA7293; 
/*padding: 83px 20px 12px 20px; */
padding: 83px 0 12px 0;
text-align: center;
}



.menu ul li{
float: left;
width: auto;
}



/* a hack so that IE5.5 faulty box model is corrected */ 

* html .menu a, * html .menu a:visited {
width:80px;
padding: 83px 0 12px 0;
text-align: center;
}



/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#FF96F4 url(images/drop.gif) 

bottom right no-repeat;
text-align: left;
}



/* style the second level hover */

.menu ul ul a.drop:hover{background:#C23D2A url(images/drop.gif) bottom right no-repeat; text-align: left;}

.menu ul ul :hover > a.drop {background:#C23D2A url(images/drop.gif) bottom right 

no-repeat;}



/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background:#C23D2A; text-align: left;}


/* style the third level hover */

.menu ul ul ul a:hover {background:#C23D2A;}



/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden;position:absolute;height:0;top:114px;left:0; 

width:100px;border-top:1px solid #fff;}



/* another hack for IE5.5 */

* html .menu ul ul {top:113px;t\op:114px;}



/* position the third level flyout menu */

.menu ul ul ul{left:149px; top:-1px; width:149px;}



/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {left:-149px;}



/* style the table so that it takes no ppart in the layout - required for IE to work */

.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}



/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {background:#EE7598; color:#fff; height:auto; 

line-height:1em; padding:5px 10px; width:auto;border-width:0 1px 1px 1px;text-align: left;}



/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;text-align: left;}



/* style the top level hover */

.menu a:hover, .menu ul ul a:hover{color:#fff; background:#C23D2A;}

.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#C23D2A;}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul{visibility:visible; }





/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{visibility:hidden;}



/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{ visibility:visible;}





/* ================================================================ 

   This CSS is further CSS I have created specifically for Wordpress

   so that the current page is highlighted in two levels.

   If you want it in three levels let me know.



   Author: Isaac Rowntree

   Website: www.zackdesign.biz

=================================================================== */





.menu ul ul .current_page_item a {

  	background-color: #EA7293;

	color: #fff;

}



.menu .current_page_item a {

  	background-color: #EA7293;

	color: #fff;

}



.menu ul .current_page_item ul a {

  	background-color: #EA7293;

	color: #fff;

}



.menu ul .current_page_item ul a:hover {

	 background-color: #EA7293;

}



.menu .current_page_item a:hover {

 	 background-color: #C23D2A;

	color: #fff;

}