/*   

Theme Name: PattyHoDesign

Theme URI: http://www.pattyhodesign.com

Description: A flowery theme designed by Patty Ho

Author: Patty Ho

Author URI: http://www.pattyhodesign.com

Template: pattyhodesign

Version: v2.0

.

General comments/License Statement if any.

.

*/









/* Begin Typography & Colors */

body {

	font-size: 62.5%; /* Resets 1em to 10px */

	font-family: Verdana, Arial, Helvetica, sans-serif;

	background: #410000 url(images/pattyhodesign_bg.jpg);

	background-repeat: repeat-x;

	color: #333;

	text-align: center;

	padding: 0px;

	margin: 0px;

	}

	

#bodybg {

 width: 100%;

 background-image: url(images/pattyhodesign_header.jpg);

 background-position: top center;

 background-repeat:no-repeat;

}



#logo {

 margin: 0px auto;

 text-align:left;

 width: 950px;

 height: 190px;

 



}



#logo A{

 display: block;

 width: 295px;

 height: 140px;

 background-image:url(images/logo_pattyhodesign.jpg);

 background-repeat:no-repeat;



}



#logo A:hover{

 display: block;

 width: 295px;

 height: 140px;

 background-image:url(images/logo_pattyhodesign_roll.jpg);

 background-repeat:no-repeat;

}



#page {

    /*background-image: url(images/graphic_bg.gif);

	background-repeat:no-repeat;

	background-position: 500px 250px;*/

	background-color: white;

	text-align: left;

	}



#header {

	background: #ffffff;

	display: none;

	}



#headerimg 	{ 

	margin: 0px;

	padding: 0px;

	

	} 



#content {

	font-size: 11px;

	line-height: 14px;

	}



#content_index {

	padding-top: 380px;

	}

	

#content_post {

	margin: 15px;

	}









#content_contact {

	margin: 15px;

	}

	

.page_title {

 background-image: url(images/page_title.jpg);

 background-repeat:no-repeat;

 width: 627px;

 height: 54px;

 overflow:hidden;

 }

 

.page_title h2{

margin-left: 15px;

 margin-top: 30px;

 margin-size: 20px;

 font-weight: bold;

 font-family:Arial, Helvetica, sans-serif;

 color: #66000;

 

}



.widecolumn .entry p {

	font-size: 1.05em;

	}



.narrowcolumn .entry, .widecolumn .entry {

	line-height: 1.4em;

	}



.widecolumn {

	line-height: 1.6em;

	}



.narrowcolumn .postmetadata {

	text-align: center;

	}



.alt {

	background-color: #f8f8f8;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	}



#footer {

		border: none;

	}



small {

	font-family: Arial, Helvetica, Sans-Serif;

	font-size: 0.9em;

	line-height: 1.5em;

	}



h1, h2, h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	}



h1 {

	font-size: 4em;

	text-align: center;

	}



#headerimg .description {

	font-size: 1.2em;

	text-align: center;

	}



h2 {

	font-size: 1.6em;

	}



h2.pagetitle {

	font-size: 1.6em;

	}



#sidebar h2 {

	font-family: 'Lucida Grande', Verdana, Sans-Serif;

	font-size: 1.2em;

	}



h3 {

	font-size: 1.29em;

	}



h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {

	text-decoration: none;

	color: white;

	}



h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {

	color: #330000;

	}



h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {

	text-decoration: none;

	}



.entry p a:visited {

	color: #b85b5a;

	}



.wp-caption-text {font-size: 10px; color: #666666; font-family: verdana;}

.commentlist li, #commentform input, #commentform textarea {

	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}



.commentlist li {

	font-weight: bold;

	}



.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 1.1em;

	}



.commentlist p {

	font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

	}



#commentform p {

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}



.commentmetadata {

	font-weight: normal;

	}

	

.hide {

 display: none;

}



.clear {clear: both;}



#sidebar {

	font: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	}



small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {

	color: #777;

	}



code {

	font: 1.1em 'Courier New', Courier, Fixed;

	}



acronym, abbr, span.caps

{

	font-size: 0.9em;

	letter-spacing: .07em;

	}

	

	

a {color: #ff9900; text-decoration: none;}



a, h2 a:hover, h3 a:hover {

	color: #ff6600;

	text-decoration: none;

	}

	

a:visited {

	color: #333333;

	text-decoration: none;

	}	



a:hover {

	color: #990000;

	text-decoration: underline;

	}





#wp-calendar #prev a, #wp-calendar #next a {

	font-size: 9pt;

	}



#wp-calendar a {

	text-decoration: none;

	}



#wp-calendar caption {

	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	text-align: center;

	}



#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

	}

/* End Typography & Colors */







/* Begin Structure */

body {

	margin: 0 0 20px 0;

	padding: 0; 

	}



#page {

	background-color: white;

	margin: 0px auto;

	padding: 0;

	width: 950px;

	}



#header {

	background-color: #73a0c5;

	margin: 0 0 0 1px; 

	padding: 0; 

	height: 200px; 

	width: 950px;

	}



#headerimg {

	margin: 0;

	height: 200px;

	width: 100%;

	}

	

	

.narrowcolumn_nobg {

	float: left;

	padding: 0 0 0px 0px;

	margin: 0px 0 0;

	margin-top: 10px;

	margin-left: 10px;

	margin-bottom: 20px;

	width: 627px;

	}



.narrowcolumn {

	float: left;

	padding: 0 0 0px 0px;

	margin: 0px 0 0;

	margin-top: 10px;

	margin-left: 10px;

	margin-bottom: 20px;

	width: 627px;

	background-color: #ffff99;

	}



.about_column {

	float: left;

	padding: 0 0 0px 0px;

	margin: 0px 0 0;

	margin-top: 10px;

	margin-left: 10px;

	margin-bottom: 20px;

	width: 627px;

	background-color: #ffff99;

	}

	

.contact_content {

	float: left;

	padding: 0 0 0px 0px;

	margin: 0px 0 0;

	margin-top: 10px;

	margin-left: 10px;

	margin-bottom: 20px;

	width: 627px;

	background-color: #ffff99;

	background-image: url(images/contact_bg.jpg);

	background-repeat:no-repeat;

	background-position: 280px 150px;

	}

	



.widecolumn {

	padding: 10px 0 20px 0;

	margin: 5px 0 0 150px;

	width: 450px;

	}



.post {

	margin: 0 0 40px;

	text-align: left;

	line-height: 1.5;

        font-size: 13px;



	}



.post h2{

	 border-bottom: 1px dotted #666666;

	 padding-bottom: 10px; 
font-size: 30px;
line-height: 34px;
letter-spacing: -1px;

	}


.post hr {

	display: block;

	}


.post h2 a {text-decoration: none;}


.widecolumn .post {

	margin: 0;

	}



.narrowcolumn .postmetadata {

	padding-top: 5px;

	}

	





.widecolumn .postmetadata {

	margin: 30px 0;

	}



.widecolumn .smallattachment {

	text-align: center;

	float: left;

	width: 128px;

	margin: 5px 5px 5px 0px;

}



.widecolumn .attachment {

	text-align: center;

	margin: 5px 0px;

}



.postmetadata {

	clear: left;

}



#footer {

	padding: 0;

	margin: 0 auto;

	background-color: #150000;

	width: 950px;

	clear: both;

	}

	



#footer p {

	margin: 0;

	padding: 20px 0;

	text-align: left;

	}

	

#footeritem {

  margin-left: 20px;

  margin-right: 20px;

  padding-top: 20px;



}

/* End Structure */







/*	Begin Headers */

h1 {

	padding-top: 70px;

	margin: 0;

	}



h2 {

	margin: 0px;

	padding: 0px;

	}



h2.pagetitle {

	margin-top: 30px;

	text-align: center;

}



#sidebar h2 {

	margin: 5px 0 0;

	padding: 0;

	}



h3 {

	padding: 0;

	margin: 0px 0 0;

	

	}



h3.comments {

	padding: 0;

	margin: 40px auto 20px ;

	}

/* End Headers */







/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

/* End Images */







/* Begin Lists



	Special stylized non-IE bullets

	Do not work in Internet Explorer, which merely default to normal bullets. */

ul { 

  list style:none none;

}

dl,dd,dt,ul {

  margin:0;

  padding:0;

} 

	



/*html>body .entry ul {

	margin-left: 0px;

	padding: 0 0 0 30px;

	list-style: none;

	padding-left: 10px;

	text-indent: -10px;

	} */

	



/*There are a couple */





html>body .entry li {

	margin: 7px 0 8px 10px;

	}



/*.entry ul li:before, #sidebar ul ul li:before {

	content: "\00BB \0020";

	}*/



/*.entry ol {

	padding: 0 0 0 0px;

	margin: 0;

	}



.entry ol li {

	margin: 0;

	padding: 0;

	}*/



.entry ul li {list-style: disc;}



.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

	}



#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 0;

	}



#sidebar ul li {

	list-style-type: none;

	list-style-image: none;       

margin-bottom: 15px;

        

		}



#sidebar ul p, #sidebar ul select {

	margin: 0px;

	}



#sidebar ul ul, #sidebar ul ol {

	margin: 0px;

	}



#sidebar ul ul ul, #sidebar ul ol {

	margin: 0px;

	}

	





ol li, #sidebar ul ol li {

	list-style: decimal outside;

	}



/*------Sidebar listing under each catagory-------------*/

#sidebar ul ul li, #sidebar ul ol li {

	margin: 0px;

        margin-bottom: 2px;

border-bottom: 1px Solid #eee;

        width: 269px;

        background-color: #fff;

	padding: 0px;

	background-image: url(images/bullet_arrow.gif);

	background-repeat:no-repeat;

	background-position: 5px 9px;

	}

* html body div#sidebar ul ul li {float: left;}

* html body div#sidebar ul ol li {float: left;}



#sidebar ul ul li a, #sidebar ul ol li a{display: block; width:auto; padding: 5px; padding-left: 17px;}

	

#sidebar ul h2 {

 background-color: #FFFF99;

 border-top: 1px dotted #666666;

 padding-top: 5px;

 padding-left: 5px;

 padding-bottom: 5px;

 color: #FF6600;

}

/* End Entry Lists */







/* Begin Form Elements */

#searchform {

	margin: 10px auto;

	padding: 5px 3px; 

	text-align: center;

	}



#sidebar #searchform {

 margin-top: 20px;

 text-align: left;

 width: 260px;

}



#sidebar #searchform form{

  width: 260px;

}





#sidebar #searchform #s {

	width: 150px;

	padding: 2px;

	}

	



#sidebar #searchsubmit {

	padding: 1px;

	}

	

#sidebar #searchform .inputfield {

 display: inline;

 float:left;

 width: 110px;



}



#sidebar #searchform .btn_submit {

 display: inline;

 float:right;

 width: 70px;

 margin-top: 5px;



}



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

	text-align:center;

	}



select {

	width: 130px;

	}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}



#commentform textarea {

	width: 96%;

	padding: 2px;

	}



#commentform #submit {

	margin: 0;

	}



#commentform .comment_subscribe {float: right; margin-right: 10px;}

#commentform .comment_subscribe input {width: auto;}

#commentform .comment_submit {float: left;}





/* End Form Elements */







/* Begin Comments*/

.alt {

	margin: 0;

	padding: 10px;

	}



.commentlist {

	padding: 0;

	text-align: left;

border: 1px dotted #ff6600;

background-color: #ffffff;

	}



.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 Sidebar */

#sidebar

{

	padding: 0px;

	margin-left: 655px;

	width: 269px;

	}



#sidebar form {

	margin: 0;

	}

/* End Sidebar */



/*-------------------Navigation------------------------------*/

#nav {

 width: 269px;

 margin: 0px;

 margin-top: 20px;

 padding: 0px;

 background-repeat:no-repeat;

 overflow:hidden;

 

}



#nav ul {



 padding: 0px;

 margin: 0px;



}

#nav ul li {

 padding: 0px;

 margin: 0px;

 list-style: none;

 }





#nav ul li span {

 display: none;

 padding: 0px;

 margin: 0px;

}





#nav_portfolio A{

 display:block;

 padding: 0px;

 margin: 0px; 

 width: 269px;

 height: 37px;

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

 overflow:hidden;

}



#nav_portfolio A:hover{

display:block;

 padding: 0px;

 margin: 0px; 

 width: 269px;

 height: 37px;

 background-image:url(images/nav_portfolio_roll.gif);

 background-repeat:no-repeat;

 overflow:hidden;



}



#nav_about A{

 display:block;

 padding: 0px;

 margin: 0px; 

 width: 269px;

 height: 37px;

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

 overflow:hidden;

}



#nav_about A:hover{

display:block;

 padding: 0px;

 margin: 0px; 

 width: 269px;

 height: 37px;

 background-image:url(images/nav_about_roll.gif);

 background-repeat:no-repeat;

 overflow:hidden;



}



#nav_contact A{

 display:block;

 padding: 0px;

 margin: 0px; 

 width: 269px;

 height: 37px;

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

 overflow:hidden;

}



#nav_contact A:hover{

display:block;

 padding: 0px;

 margin: 0px; 

 width: 269px;

 height: 37px;

 background-image:url(images/nav_contact_roll.gif);

 background-repeat:no-repeat;

 overflow:hidden;



}



#nav_blog A{

 display:block;

 padding: 0px;

 margin: 0px; 

 width: 269px;

 height: 37px;

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

 overflow:hidden;

}



#nav_blog A:hover{

display:block;

 padding: 0px;

 margin: 0px; 

 width: 269px;

 height: 37px;

 background-image:url(images/nav_blog_roll.gif);

 background-repeat:no-repeat;

 overflow:hidden;



}



#nav_home A{

 display:block;

 padding: 0px;

 margin: 0px; 

 width: 269px;

 height: 37px;

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

 overflow:hidden;

}



#nav_home A:hover{

display:block;

 padding: 0px;

 margin: 0px; 

 width: 269px;

 height: 37px;

 background-image:url(images/nav_home_roll.gif);

 background-repeat:no-repeat;

 overflow:hidden;



}







.page_item {

 }



.page_item a{

 

}



/* Begin Calendar */

#wp-calendar {

	empty-cells: show;

	margin: 10px auto 0;

	width: 155px;

	}



#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: center;

	width: 100%;

	}



#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 #ddd;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



.center {

	text-align: center;

	}



hr {

	display: none;

	}



a img {

	border: none;

	}



.navigation {

	display: block;

	text-align: center;

	margin-top: 5px;

	margin-bottom: 30px;

	}

/* End Various Tags & Classes*/

/*Flash Slideshow*********************/

#slideshow {

 position: absolute;

 width: 642px;

 height: 432px;

 margin: 0px;

 margin-top: -60px;

 margin-left: -10px;

 padding: 0px;

}



/*INDEX FEATURE works section***********************************/

#feature_works {

  background-color: #FFFF99;

  width: 627px;



}



#feature_works .feature_work_img{

 float: left;

   width: 226px;

   height: 83px;

  border: 4px solid #FFCC66;

  margin-left: 5px;

  margin-top: 5px;

  

}

#feature_works h3 { font-size: 18px; }

#feature_works dl {padding-top: 10px;}

#feature_works .feature_work_txt{

   margin-left: 250px;

   margin-top: 5px;

}



#feature_works .feature_work_divider{

 clear: both;

 width: 627px;

 height: 22px;

 background-image:url(images/index_dividerbar.gif);

 background-repeat:no-repeat;

 background-position: 0px 8px;

}





span {

 margin: 0px;

 padding: 0px;



}



#feature_works .feature_site {

 border: 1px solid #FFFF99;

}





#feature_works .feature_site li{

  background-image: url(images/bullet_arrow.gif);

  background-repeat:no-repeat;

  background-position: 0px 3px;

  background-repeat:no-repeat;

  display: inline;

  padding-left: 13px;

  margin-right: 10px;

  float: left;

  height: 20px;

}



#feature_works .feature_site li a{

 color: #666666;

 font-weight: bold;

}



#feature_works .feature_site li a:hover{

 color: #ffffff;

 background-color: #ff6600;

 font-weight: bold;

}





/*---------About Page Template----------------------------------*/

#profile{

  background-color: #FFFF99;

  width: 627px;



}





#profile_img {

margin: 0px;

margin-top: 10px; 

padding: 0px;

padding-left: 10px; 

float: left; 

width: 150px; 

height: 200px

}



#profile_text {

 text-align: left;

 float: right;

 width: 430px;

 padding-right: 10px;

margin-top: 5px;

}



#profile_text h3 {

 margin: 0px;

 padding: 0px;

}





.about_column a {

	 color: #ff9900;

	 font-size: bold;

	}

.about_column a:visited {

	 color: #666666;

	 font-size: bold;

	}

.about_column a:hover {

	 color: #ffffff;

	 background-color: #FF9900;

	}



/*---------Portfolio Page Template----------------------------------*/



#title_portoflio {

 width: 627px;

 height: 54px;

 background-image:url(images/title_portfolio.jpg);

 background-repeat:no-repeat;

 

}



.subtitle {

 width: 600px;

 height: 25px;

 padding-top: 7px;

 padding-left: 5px;

 margin-left: 10px;

 border-bottom: 1px dotted #999999;

 margin-bottom: 10px;

 

}

.subtitle h3 {

 margin: 0px;

 padding: 0px;

}



.subtitle h4 {

 margin: 0px;

 padding: 0px;

}



.subtitle h4 a{

  font-size: 11px;

  color: #666666;

}



.subtitle h4 a:hover{

  font-size: 11px;

  color: #660000;

  border-bottom: 1px dashed #fff;

}



.float_left {

 display: inline;

  width: 200px;

  float:left;

  



}



.float_right {

  display: inline;

  text-align:right;

  width: 200px;

  float:right;

}



.work_title {

 margin-top: 15px;

 margin-bottom: 15px;

 width: 600px;

 height: 29px;

 margin-left: 10px;

 padding-left: 8px;

 padding-top: 8px;

 font-family:Arial, Helvetica, sans-serif;

 font-size: 16px;

 background-image: url(images/subtitlebg.jpg);

 background-repeat:no-repeat;

}





.portfoliolists {

 width: 627px;

 

}



.portfoliolists ul {

  list-style: none;

 width: 610px;

 margin-left: 10px;

}



.portfoliolists ul li {

  height: 20px;

  width: 305px;

  float: left;

  }





.portfoliolists ul li a{

  color: #666666;

  background-image: url(images/folder_icon.gif);

  background-repeat:no-repeat;

  background-position: 0px 1px;

  padding-left: 20px;

  padding-top: 2px;

}



.portfoliolists ul li a:hover{

  background-color: none;

}







/*------------------Footer----------------------*/

#footer a{

 color: #666666;

 font-weight: bold;

}



#footer a:hover{

 color: #ffffff;

 font-weight: bold;

}



#RSS {

 float: left;

 width: 350px;

}



#host_info {

 float: right;

 text-align:right;

 width: 450px;

 height: 100px;

}