/* 
Theme Name: Practice Love
Theme URL: http://practice-love.com
Description: Theme for practice-love.com
Author: Jeff Gran
Author URI: http://jeffgran.com
Version: 1

*/


/* reset all white space so I can control it. */
body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote {
   margin: 0;
   padding: 0;
}
a {
   text-decoration: none;
}
a img {
   border: none;
}
html {padding: 0; margin: 0;}
body {
   margin:0;
   padding: 0;
   font-family: "Trebuchet MS", Arial, sans-serif;
   font-size: 10px;
   color: #666;
   height: 100%;
   width: 100%;
   background: #a81414 url(images/bodybg.jpg) top center no-repeat;
}
#body {
   position: relative;
   width: 900px;
   margin: 0 auto;
}
ul, ol {
   list-style: none;
}
h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote {
   font-size: 16px;
}

h1,
.title1 {
   font-size: 24px;
   border-bottom: 1px solid #ccc;
   margin-top: 0;
   font-weight: bold;
}
h2, .title2 {
   font-weight: bold;
   font-size: 20px;
}
p {
   line-height: 150%;
}
blockquote {
   font-size: 1em;
   color: #999;
   padding-left: 20px;
   margin-left: 10px;
   border-left: 1px dotted #ddd;
   font-style: italic;
}
blockquote a {
   color: #997375;
}

.alignright {
   float: right;
   margin-left: 20px;
}
.alignleft {
   float: left;
   margin-right: 20px;
}
.clear {
   clear: both;
   height: 1px;
   margin-bottom: -1px;
}


/* wrapper */
#wrapper {
   margin-top: 90px;
   margin-left: 57px;
   position: relative;
   width: 843px;
   background: #eee url(images/bg.jpg) repeat-y center top;
}



/* main Navigation Bar (top) */
div#mainNav {
   background: url(images/practice_love_text.gif) no-repeat;
   background-position: 351px 21px;
   position: relative;
   float: left;
   width: 100%;
}
#mainNav #big_logo {
   display: block;
   position: absolute;
   top: -77px;
   left: -57px;
   padding: 0;
   background: url(images/logo_top_left.png) top left no-repeat;
   width: 292px;
   height: 294px;
   text-indent: -9999px;
}
#mainNav h1 {
   border: none;
   padding: 0;
   margin: 0;
}
#mainNav ul {
   background: url(images/top_bar.gif) repeat-x;
   background-position: 0px -16px;
   margin-top: 79px;
   margin-left: 200px;
   float: left;
}
#mainNav li{
   background: url(images/top_bar.gif) repeat-x;
   background-position: center bottom;
   margin-top: 2px;
   padding-bottom: 18px;
   width: 160px;
   float: left;
   text-align: right;
}
#mainNav a {
   display: block;
   background-position: right top;
   padding: 4px 35px 3px 4px;
   font-size: 1.2em;
   font-weight: bold;
   text-transform: uppercase;
   color: #666;
}
#mainNav .current_page_item a {
   background: url(images/star.gif) no-repeat;
   background-position: right top;
   color: #666;
   
}
#mainNav a:hover {
   background: url(images/star.gif) no-repeat;
   background-position: right bottom;
   color: #c02929;
}



/* main content panel */
div#mainContent {
   background: url(images/top_bar.gif) left top repeat-x;
   padding: 150px 40px 20px 40px;
   width: 555px;
   float: right;
   margin-top: -130px;
}
#mainContent p {
   margin-bottom: 2em;
}
#mainContent a {
   color: #C02929;
}



.homeblurb {
   padding: 10px;
   background-color: #f2d7ce;
   border: 1px solid #999;
}
.homeblurb h1,
.homeblurb .title1 {
   border-color: #999;
   margin-bottom: 10px;
}
.post_thumbnail {
   float:left;
   margin: 6px 10px 0 0; 
   border:1px solid black;
}



#ie6_notice {
   margin-left: 50px;
   margin-top: 10px; 
   padding: 10px;
   background-color: #f2d7ce;
   border: 1px solid #999;
   position: absolute;
   top: 10px;
   width: 500px;
}
#ie6_notice p {
   margin-bottom: 20px;
   font-size: 20px;
}
#overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 110%;
   height: 1000px;
   background-color: #000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=50);	
	opacity: 50%;

}


.post {
   margin-bottom: 25px;
}
.post a:hover {
   text-decoration: underline;
}
.time {
   color: #999;
   font-size: 1.2em;
   margin-top: 3px;
}
.post ul {
   margin-top: 0.8em;
}
.post ul li {
   padding-left: 2.4em;
}

.readmore {
   text-align: right;
}
.readmore a {
   display: inline-block;
   padding: 2px 8px;
   background-color:  #f3c5b5;
   border: 1px solid #a81414;
}


ul.prevnextpost {
   clear: both;
   padding: 20px 0 0;
   margin-top: 20px;
   border-top: 1px solid #ccc;
}
.prevnextpost a {
   display: block;
   padding: 2px 8px;
   background-color:  #f3c5b5;
   border: 1px solid #a81414;
}
.prevnextpost a:hover {
   background-color: #e8afa7;
}
.prevpost {
   float: left;
}
.nextpost {
   float: right;
}



input, textarea {
   background-color: #ffe5cc;
   border: 1px solid #999;
   padding: 4px 10px;
   font-size: 18px;
   font-family: "Georgia", serif;
}
label {
   margin: -2px 0 10px;
   font-size: 12px;
   color: #999;
}

/* Comments stuff */
#mainContent .respond {
   font-style: italic;
   color: #aaa;
   margin-bottom: 0;
   clear: both;
}
#commentform input,
#commentform label {
   float: left;
   clear: both;
   width: 240px;
}
#comment {
   width: 520px;
   height: 22px;
   color: #e6aca4;
   font-style: italic;
}
#comment.expanded {
   color: #a81414;
   height: 200px;
   font-style: normal;
}


#expandedcommentform {
   display: none;
   margin: 20px 0;
   width: 540px;
   float: left;
   clear: both;
}
#commentformrequired {
   float: left;
   width: 250px;
   margin-right: 20px;
}
#commentformoptional {
   float: left;
   width: 250px;
}
#commentsubmitwrap {
   float: left;
   clear: both;
   width: 100%;
   margin: 10px 0;
   text-align: center;
}
#commentform #submit {
   float: none;
   padding: 2px 8px;
   background-color:  #f3c5b5;
   border: 1px solid #a81414;
   color: #C02929;
   font-family: "Trebuchet MS", Arial, sans-serif;
}
#commentform #submit:hover {
   background-color: #e8afa7;
   cursor: pointer;
}
#mainContent .url {
   color: #fff;
   font-weight: bold;
}
.url:hover {
   text-decoration: underline;
}





/* sidebar */

#sidebar-1 {
   width: 180px;
   margin-left: 28px;
   padding-top: 230px;
   padding-bottom: 20px;
}

.widget {
   background: url(images/quotebox_border_top.gif) no-repeat center top;
   padding-top: 12px;
}
.widget-content {
   color: #666;
   background:  #f3c5b5;
   border-left: 2px solid #666;
   border-right: 2px solid #666;
   padding: 0 10px;
}
.widget-footer {
   height: 12px;
   background: url(images/quotebox_border_bottom.gif) no-repeat center bottom;
   margin-bottom: 10px;
} 

/* quotebox widget */
.quote {
   background-color: #f3c5b5;
   padding: 10px;
   border-left: 2px solid #666;
   border-right: 2px solid #666;
   font-family: "Times New Roman", Times, serif;
   font-style: italic;
   color: #c02929;
   font-size: 2em;
   font-weight: normal;
   margin: 0;
}
.byline {
   color: #fff;
   padding: 5px;
   background: url(images/quotebox_border_bottom.gif) no-repeat center bottom;
   padding-bottom: 17px;
   font-variant: small-caps;
   font-size: 1.2em;
   text-align: right;
}

.widget .widgettitle {
   font-weight: bold;
   font-size: 16px;
   margin-bottom: 10px;
   text-align: center;
}
.widget,
.widget ul,
.widget p {
   font-size: 12px;
}
.widget li {
   background: url(images/bullet_raquo.png) left 5px no-repeat;
   padding-left: 15px;
   padding-bottom: 5px;
}
.widget a {
   color: #c02929;
}
.widget a:hover {
   text-decoration: underline;
}


/* twitter widget */
.time-meta,
.post-date {
   display: block;
   text-align: right;
}
.time-meta a,
.post-date {
   color: #d58574;
   font-size: 10px;
}
.from-meta {
   display: none;
}



/* Footer */
div#footer {
   background: #eee url(images/top_bar.gif) left top repeat-x;
   float: left;
   width: 844px;
   margin-left: 57px;
   margin-bottom: 20px;
   padding-top: 18px;
}
#footer ul {
   float: left;
   width: 863px;
   padding-bottom: 18px;
   background: #eee url(images/top_bar.gif) left bottom repeat-x;
}
#footer li{
   width: 205px;
   float: left;
   padding: 5px;
   text-align: center;
}
#footer a {
   /*display: block;*/
   font-size: 1em;
   font-weight: bold;
   text-transform: uppercase;
   color: #666;
}
#footer a:hover {
   color: #c02929;
}

#footer p {
   padding: 5px;
   text-align: center;
   font-size: 1em;
   font-variant: small-caps;
   background: #eee url(images/top_bar.gif) left bottom repeat-x;
   padding-bottom: 23px;
}





.forumTable {
   width: 100%;
   border: 0;
   margin: 5px 0;
   border-collapse: collapse;
   border: 1px solid #666666;
}

.forumTable thead {
   background-color: #d26761;
   color: #fff;
}
.forumTable th,
.forumTable td {
   padding: 5px;
   font-size: 15px;
}
.forumTable tbody tr:hover {
   background-color: #f3c5b5;
}
.forumTable tbody {
   background-color: #fff4e9;
}
.forumTable tr {
   height: 25px;
   line-height: 25px;
   border-bottom: 1px solid #666;
}
.forumTable a {
   display: block;
}
.forumReplies {
   margin-bottom: 20px;
   border-top: 1px solid #666;
}

.forumReply {
   background-color: #fff4e9;
   border-bottom: 1px solid #666;
}
.gravatar {
   float:left; 
   width:60px;
   background-color: #f3c5b5;
   padding: 10px;
}
.forumReply_main {
   margin-left: 80px;
   overflow: hidden;
}
.forumReply_author {
   background-color: #d26761;
   color: #fff;
   padding: 5px;
}

.forumReply_body {
   font-size: 14px;
   padding: 10px;
}



/*  shop pages  */
/*=====================*/
ul.breadcrumb {
   float: left;
}
ul.breadcrumb li,
ul.breadcrumb li a {
   padding: 0;
   font-size: 20px;
   font-weight: bold;
}

.imgframe,
.gallery,
.cartwrap {
   float: left;
   border: 1px solid #ddd;
   background-color: #fff;
   text-align: center;
   margin-right: 10px;
   padding: 10px;
   margin-bottom: 10px;
}
.cartwrap {
   width:95%;
}

.imgframethumb {
   width: 150px;
   height: 150px;
}
#shopp .gallery ul {
   text-align: center;
}

.shopitem {
   background-color: #f5f5f5;
   border: 1px solid #ccc;
   padding: 10px;
}
.addtocart:hover,
.update-button:hover {
   cursor: pointer;
}

.cart td,
.cart th {
   border-bottom: 1px solid #ddd;
}