/*
Theme Name: Punch
Theme URI: http://www.viget.com
Description: Pamela's Punch
Version: 1.0
Author: Viget Labs
Author URI: 
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/* Stylesheet for Pamela's Punch */
/*---------------------------------------------------------
  Tags
---------------------------------------------------------*/
* body {
	margin:0;
	padding:0;
}

body {
	background: #232321 url(images/bg-grey.gif) top center repeat-x;
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5 {
	font-family:"Times New Roman", Times, serif;
	margin:0;
}
#comments {
 margin-bottom: 20px;
}
#comments, #respond {
 font-size: 18px;
}
#respond {
 margin-top: 15px;
}

h2 {
	font-size: 1.5em;
	font-weight:normal;
}

a {
	color: #FFF;
	text-decoration: underline;
	outline: none;
}

a:hover {
	text-decoration: none;
 color: #e7d8da;
 background: #8f4c53;
}

img {
	border:0;
}

p {}



/*---------------------------------------------------------
  Special Classes
---------------------------------------------------------*/
.post {
 margin-bottom: 40px;
 background: url(images/bg-div2.gif) bottom center no-repeat;
 padding-bottom: 30px;
}
.post img {
 padding: 5px;
 margin: 3px 8px auto auto;
 background: #904951;
 border: 1px solid #7B343C;
}
.clear {
	clear:both;
	margin:0;
 	overflow: hidden;
 	height: 1px;
 	margin-top: -1px;
}

.right {
	float:right;
}

.left {
	float:left;
}

a .spanBlock, a.block {
	padding: 7px;
	font-family:"Times New Roman", Times, serif;
	background-color:#7b343c;
	text-decoration:none;
	position:relative;
}

a:hover .spanBlock, a.block:hover {
	background-color: #b16870;
	position:relative;
}

.date {
	width: 52px;
	padding: 3px;
	float:left;
	margin: 0 15px 0 0;
	background-color:#7b343c;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.3em;
	text-align:center;
}

.month {
	background-color: #712d34;
	display:block;
	margin: 0 0 2px 0;
	text-transform:uppercase;
	letter-spacing: 2px;
	font-weight:bold;
	padding: 2px;
}

.title {
	float:left;
}
.titleCom {
 font-size: 11px;
}
.rss {
 padding: 5px 25px 5px 24px;
 background: url(images/icoRss.gif) 0% 50% no-repeat;
}
.rss:hover {
 background: transparent url(images/icoRss.gif) 0% 50% no-repeat;
}
.twitter {
 padding: 5px 25px 5px 24px;
 background: url(images/icoTwitter.gif) 0% 50% no-repeat;
}
.twitter:hover {
 background: transparent url(images/icoTwitter.gif) 0% 50% no-repeat;
}
.facebook {
 padding: 5px 25px 5px 24px;
 background: url(images/icoFacebook.gif) 0% 50% no-repeat;
text-indent:-9999px;
}
.facebook:hover {
 background: transparent url(images/icoFacebook.gif) 0% 50% no-repeat;
}
.youtube {
 padding: 5px 25px 5px 24px;
 background: url(images/icoYouTube.gif) 0% 50% no-repeat;
}
.youtube:hover {
 background: transparent url(images/icoYouTube.gif) 0% 50% no-repeat;
}

.wheretogo{
	background:url(images/hd_wheretogo.gif) no-repeat; 
	height:55px; 
	width:560px; 
	text-indent:-9999px; 
	margin-left:-20px;
}

.postHeader{
	background:url(images/hd_blog.gif) no-repeat; 
	height:55px; 
	width:560px; 
	text-indent:-9999px; 
	margin-left:-20px; 
	padding-top:10px;
}

/*---------------------------------------------------------
  Image Replacement for Header Tags
---------------------------------------------------------*/

#sidebar h3 {
 height: 18px;
 text-indent:-5000px;
 margin: 20px 0 10px 0;
}

h3#hdPhotos { background:url(images/h-photos.gif) 0 0 no-repeat; }
h3#hdArchives { background:url(images/h-archives.gif) 0 0 no-repeat; }
h3#hdPunchBowl { background:url(images/hdPunchBowl.gif) 0 0 no-repeat; }
h3#hdSubscribe { background:url(images/hdSubscribe.gif) 0 0 no-repeat; }
h3#hdConnect { background:url(images/hdConnect.gif) 0 0 no-repeat; }
h3#hdRecentCom { background:url(images/hdRecentCom.gif) 0 0 no-repeat; }
h3#hdRecentPosts { background:url(images/hdRecentPosts.gif) 0 0 no-repeat; }
h3#hdLinks { background:url(images/hdLinks.gif) 0 0 no-repeat; }


/*---------------------------------------------------------
  Layout Elements
---------------------------------------------------------*/
#bgMidFade {
 position: absolute;
 height: 845px;
 background: url(images/bgMidFade.jpg) 0 0 no-repeat;
 left: 50%;
 top: 0;
 width: 800px;
 margin-left: -400px;
 z-index: 1;
}
#header {
	background:url(images/bg-header2.jpg) 8px 0 no-repeat;
	width: 976px;
	height: 275px;
	margin-left:auto;
	margin-right: auto;
	position: relative;
	z-index: 10;
}

#nav {
	position: relative;
	left: 35px;
	top: 10px;
	margin: 0;
	padding: 0;
	float: left;
}

#nav ul {
	width: 347px;
	height: 14px;
	background: url(images/nav2.gif) 0 0 no-repeat;
	list-style: none;
  	margin:0;
	float: left;
}

#nav ul li {
	position: absolute;
	top: 0;
	height: 14px;
	text-indent: -9000px;
}

#nav ul li a {
	display: block;
	height: 14px;
}

#navAbout { left: 0; }
#navAbout, #navAbout a { width: 48px; }
#navAbout a:hover, #navAbout:hover, #navAbout.sfHover { background: url(images/nav2.gif) 0 -14px no-repeat; }
#navServices { left: 60px; }
#navServices, #navServices a { width: 62px; }
#navServices a:hover, #navServices:hover, #navServices.sfHover{ background: url(images/nav2.gif) -60px -14px no-repeat;}
#navMedia { left: 132px; }
#navMedia, #navMedia a { width: 52px; }
#navMedia a:hover, #navMedia:hover, #navMedia.sfHover { background: url(images/nav2.gif) -132px -14px no-repeat; }
#navPartners { left: 195px; }
#navPartners, #navPartners a { width: 80px; }
#navPartners a:hover, #navPartners:hover, #navPartners.sfHover { background: url(images/nav2.gif) -195px -14px no-repeat; }
#navContact { left: 275px; }
#navContact, #navContact a { width: 67px; }
#navContact a:hover, #navContact:hover, #navContact.sfHover { background: url(images/nav2.gif) -275px -14px no-repeat; }

#pamela {
	margin-top: 20px;
	margin-left: -17px;
	float: left;
	position: relative;
	clear:left;
}

#logo {
	float:left;
	margin:40px 198px 0 60px;
}

#intro {
	clear:right;
	float:left;
	font-size:0.8em;
	line-height:1.6em;
	margin:20px 0 0 60px;
	width:490px;
}

/* contains repeating pink background image for the content and sidebar */
#wrapper {
	background: url(images/bg-content2.gif) 8px 0 repeat-y;
	width: 976px;
	margin-left:auto;
	margin-right: auto;
    position: relative;
    z-index: 10;
}

#content {
	width: 560px;
	float:left;
	padding: 0 20px 0 50px;
	line-height: 1.6em;
	font-size: 0.8em;
}

#sidebar {
	width: 278px;
	float:right;
    font-size: 12px;
	padding-right: 21px;
}


#sidebar #ads img{
	margin:0px;
	padding:0 10px 10px 0;	
}

#sidebar #ads a, #sidebar #ads a:hover{
	text-decoration: none; 
	background-color:#7b343c;
}

#sidebar #ads p{width: 264px;
}


ul#photos {
	float:left;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#photos li {
	margin: 0 10px 10px 0;
	float:left;
}

ul#photos li a img{
	border: 1px solid #ae787e;
	position:relative;
}

ul#photos li a:hover img{
	border: 1px solid #FFF;
	position:relative;
}

#archives, #recPosts, .recentcommentscontainer {
	width: 260px;
}
#archives ul {
 margin: 0;
 padding: 0;
 font-size: 12px;
 list-style: none;
}
#archives ul ul {
 margin-left: 5px;
}
#archives ul li {
 margin: 3px 0;
 padding: 0;
}
#archives ul.singles {
 font-size: 11px;
}
#archives .rootYear {
 padding-left: 5px;
}
/* #archives .rootYear {
 background: url(images/bul-closed.gif) 0 5px no-repeat;
 padding: 0 0 0 15px;
} */
#archives .months li {
 background: url(images/bul-closed.gif) 0 5px no-repeat;
 padding: 0 0 0 15px;
}
#archives .singles li {
 background: url(images/bul-single.gif) 0 4px no-repeat;
 padding: 0 0 0 10px;
}


.recentcommentscontainer ul, #recPosts ul {
 list-style: none;
 margin: 5px 0 10px 5px;
 padding: 0;
 font-size: 11px;
}
.recentcommentscontainer li, #recPosts li {
 background: url(images/bul-closed.gif) 0 5px no-repeat;
 padding-left: 15px;
 margin: 4px 0;
}
.recentcommentscontainer h4 {
 font-weight: normal;
 font-size: 14px;
}

#footer {
	background:url(images/bg-footer2.jpg) no-repeat;
	height: 100px;
	margin-left:auto;
	margin-right: auto;
	width: 976px;
}

/* =Imagebox 
-------------------------------- */
#ImageBoxOverlay {
	background-color: #000;
 z-index: 1000;
}
#ImageBoxOuterContainer {
 z-index: 1001;
}
#ImageBoxCaption {
	background-color: #F4F4EC;
}
#ImageBoxContainer {
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
 color: #7b343c;
}
#ImageBoxCaptionText {
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #7b343c;
}
#ImageBoxCaptionImages {
	margin: 0;
	color: #7b343c;
 font-size: 11px;
}
#ImageBoxNextImage {
	background-image: url(images/transparent.gif);
	background-color: transparent;
}
#ImageBoxPrevImage {
	background-image: url(images/transparent.gif);
	background-color: transparent;
}
#ImageBoxNextImage:hover {
	background: url(images/next-img.gif) right top no-repeat;
}
#ImageBoxPrevImage:hover {
	background: url(images/prev-img.gif) left top no-repeat;
}

/* =Comments
---------------------------------- */

.commentlist {
 list-style: none;
 margin: 0;
 padding: 0;
}
.commentlist li {
 border-top: 1px solid #7a333b;
 margin: 0;
 padding: 10px 10px 5px 10px;
}
.commentlist li.alt {
 background: #924c54;
}
.commentNum {
 float: left;
 margin: 0 10px 0 0;
 padding: 10px;
 font: 20px "Times New Roman", Times, serif;
 background: #7a333b; 
}

/* =misc 
------------------------------------ */
input#s, input#searchsubmit, input#subEmail, input#btnSubscribe{
 vertical-align: middle;
}

#subscribe {
 width: 260px;
}
#subscribe * {
 margin: 0;
}
#subEmail {
 font-size: 11px;
 padding: 3px;
 border: 1px solid #ccc;
 width: 160px;
}

#subscribe p {
 margin: 10px 0 0 0;
}

#arch ul {
 list-style: none;
}

/* =Events 
------------------------------------ */
#eventLocation {
  font-family:"Times New Roman", Times, serif;
  font-size: 1.1em;
  font-weight: bold;
}
#eventDate {
  font-family:"Times New Roman", Times, serif;
  font-size: 1.1em;
  font-weight: bold;
}
#eventTime {
  
}
#eventHost {
  font-family:"Times New Roman", Times, serif;
  font-size: 1.1em;
  font-weight: bold;
}
#eventDesc {

}
#eventAttire {
  text-decoration: italic;
}
#eventRegister {

}