/*
Theme Name: Karmella's Game 2010
Theme URI: 
Description: Custom Theme for the redesigned Karmella's Game website.
Version: 1.6
Author: Nathaniel Kraft
Author URI: http://www.nkraft.net
Tags: fixed width, two columns,


*/


body{
	background-image:url(images/kg_bg.gif);
	background-repeat:repeat;
}

#container {
 margin-left:auto;
 margin-right:auto;
 margin-top:0px;
 margin-bottom:0px;
 width:960px;
 padding-bottom:12px;
}

#masthead {
padding:0px;
margin:0px;
width:960px;
height:231px;
}
#nav {
width:960px;
height:36px;
background-repeat:repeat;
background-image:url(images/nav_bg_whole.jpg);
background-color:#f2d2db;
padding:2px 0px 1px 0px;
margin:0px;
font-family:Helvetica, Arial, Helvetica, sans-serif;
font-weight:700;
color:#504f56;
}

#nav ul { 
margin:9px 0px 0px 0px;
padding:1px 0px 1px 0px;
}
#nav li {
list-style: none; 
margin: 0px 0px 0px 0px;
display: inline; 
font-size:18px;
padding:0px 0px 0px 0px;

}

#nav li a {
padding: 9px 12px 8px 12px;
text-decoration: none;
line-height:18px;
margin:1px 0px 1px 0px;
}
#nav li a:link {color: #504f56;}
#nav li a:visited {color: #504f56;}
#nav li a:hover {
color: #fefefe;
background-image:url(images/nav_bg_hover.gif);
background-repeat:repeat;
}


#nav a {
font-family:Helvetica, Arial, Helvetica, sans-serif;
padding: 9px 13px 8px 13px;
text-decoration: none;
font-size:18px;
line-height:36px;
margin:0px 0px 1px 0px;
}
#nav a:link {color: #504f56;}
#nav a:visited {color: #504f56;}
#nav a:hover {
color: #fefefe;
background-image:url(images/nav_bg_hover.gif);
background-repeat:repeat;
}


#content {
width:960px;
height:auto;
padding-bottom:12px;
background-color:#333139;
}

#maincontent {
width:657px;
margin-left:10px;
margin-top:16px;
margin-right:24px;
float:left;
background-color:#ffffff;
}

#maincontentTopper {
height:45px;
width:657px;
}

#maincontentText {
width:618px;
margin-left:auto;
margin-right:auto;
margin-top:25px;
background-color:#FFFFFF;
min-height:438px;
}


#respond h3{
font-family:Helvetica, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
color:#8F597A;
line-height:20px;
padding:0px;
margin:0px;
}

h3#comments {
font-family:Helvetica, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
color:#8F597A;
line-height:20px;
padding:0px;
margin:0px;
}

#maincontentText h2 {
font-family:Helvetica, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:24px;
color:#b26481;
line-height:24px;
padding:0px;
margin:0px;
}

#maincontentText h3.archiveTitle {
font-family:Helvetica, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
color:#8F597A;
line-height:20px;
padding:0px 0px 1px 0px;
margin:0px 0px 11px 0px;
}

#maincontentText h2 a {
font-family:Helvetica, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:24px;
color:#b26481;
line-height:24px;
padding:0px;
margin:0px;
text-decoration:none;
}

.postBlock {
margin-bottom:24px;
padding:0px 0px 7px 0px;
display:block;
}

.postBlock img {
float:right;
margin-left:14px;
margin-bottom:10px;
padding:3px;
border:1px #cecece solid;
}

.nonPostBlock {
margin-bottom:24px;
padding:0px 0px 7px 0px;
display:block;
}


#maincontentText .postDate {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
color:#94929f;
line-height:16px;
padding:1px 0px 1px 0px;
margin:8px 0px 8px 0px;
}

.postDate a:link{
font-family:Verdana, Geneva, sans-serif;
font-weight:normal;
font-size:12px;
color:#94929f;
line-height:16px;
text-decoration:none;
}

.postDate a:visited{
font-family:Verdana, Geneva, sans-serif;
font-weight:normal;
font-size:12px;
color:#94929f;
line-height:16px;
text-decoration:none;
}

.postDate a:hover{
font-family:Verdana, Geneva, sans-serif;
font-weight:normal;
font-size:12px;
color:#b65f76;
line-height:16px;
text-decoration:underline;
}

.postDate a:active{
font-family:Verdana, Geneva, sans-serif;
font-weight:normal;
font-size:12px;
color:#94929f;
line-height:16px;
text-decoration:none;
}



img.cBubble {
margin:0px 1px 0px 4px;
float:none;
border:none;
padding:0px;
}

#maincontentText p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:13px;
color:#333139;
line-height:20px;
padding:1px 0px 1px 0px;
margin:10px 0px 20px 0px;
}

#maincontentText blockquote p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
color:#5F4751;
line-height:19px;
padding:1px 0px 1px 0px;
margin:10px 0px 20px 20px;
font-style:italic;
}

#maincontentText p a:link{
color:#b65f76;
text-decoration:underline;
}
#maincontentText p a:visited{
color:#b65f76;
text-decoration:underline;
}
#maincontentText p a:hover{
color:#94304b;
text-decoration:underline;
}
#maincontentText p a:active{
color:#b65f76;
text-decoration:underline;
}

.postNav {
padding:0px 0px 1px 0px;
margin: 0px 0px 12px 0px;
}

#maincontentText .postNav a{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#333139;
line-height:21px;
text-transform:uppercase;
}

#maincontentText .postNav a:link{
color:#b65f76;
text-decoration:underline;
}
#maincontentText .postNav a:visited{
color:#b65f76;
text-decoration:underline;
}
#maincontentText .postNav a:hover{
color:#94304b;
text-decoration:underline;
}
#maincontentText .postNav a:active{
color:#b65f76;
text-decoration:underline;
}

#sidebar {
margin-top:16px;
width:244px;
float:left;
background-color:#333139;
}

.sidebarBox{
width:100%;
margin-bottom:36px;
padding:0px 0px 1px 0px;
font-family:Arial, Helvetica, sans-serif;
background-color:#333139;
}
.sidebarBox p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#cecece;
line-height:16px;
font-weight:bold;
margin:5px 0px 7px 0px;
padding:1px 0px 1px 0px;
}

.sidebarBox h3{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#FFF;
font-weight:bold;
line-height:19px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.sidebarBox h4{
font-family:Helvetica, Arial, Helvetica, sans-serif;
font-size:15px;
color:#FFF;
font-weight:bold;
line-height:19px;
margin:7px 0px 5px 0px;
padding:1px 0px 1px 0px;
}

.floatLeft {
float:left;
}

.floatRight {
float:right;
}

.photoFloatRight {
float:right;
margin-left:12px;
}

.photoFloatLeft{
float:left;
margin-right:12px;
}

img.Badge {
padding:0px;
margin:3px 6px 3px 0px;
}

#footer {
width:920px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
font-size:10px;
line-height:14px;
font-family:Verdana, Geneva, sans-serif;
padding:1px 0px 1px 0px;
color:#999;
}

#footer a:link{
color:#999;
text-decoration:none;
}

#footer a:visited{
color:#999;
text-decoration:none;
}

#footer a:hover{
color:#CCC;
text-decoration:underline;
}

#footer a:active{
color:#999;
text-decoration:none;
}


.photoFrame{
padding:3px;
border:1px solid #cecece;
}

#maincontentText textarea {
width:400px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:13px;
color:#333139;
line-height:20px;
padding:1px 1px 1px 1px;
}

#maincontentText input {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:13px;
color:#333139;
line-height:20px;
padding:1px 0px 1px 0px;
}

.commentlist li {
border-bottom:1px #cecece dotted;
margin-top:13px;
margin-bottom:13px;
padding-top:1px;
padding-bottom:1px;
}

.comment-body p {
padding:0px 0px 0px 52px;
margin:0px 0px 0px 0px;
}

.commentlist li img.avatar {
float:left;
padding:3px;
border:1px solid #cecece;
margin-right:12px;
}

.comment-author {
font-family:Verdana, Geneva, sans-serif;
font-weight:normal;
font-size:12px;
color:#94929f;
line-height:16px;
text-decoration:none;
font-style:normal;
}

.comment-author cite {
font-style:normal;
}

.comment em {
font-family:Verdana, Geneva, sans-serif;
font-weight:normal;
font-size:12px;
color:#94929f;
line-height:16px;
text-decoration:none;
font-style:italics;
}

#maincontentText .commentmetadata {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10px;
color:#94929f;
line-height:16px;
padding:1px 0px 1px 0px;
margin:8px 0px 8px 0px;
}

.commentmetadata a:link{
font-family:Verdana, Geneva, sans-serif;
font-weight:normal;
font-size:10px;
color:#94929f;
line-height:16px;
text-decoration:none;
}

.commentmetadata a:visited{
font-family:Verdana, Geneva, sans-serif;
font-weight:normal;
font-size:10px;
color:#94929f;
line-height:16px;
text-decoration:none;
}

.commentmetadata a:hover{
font-family:Verdana, Geneva, sans-serif;
font-weight:normal;
font-size:10px;
color:#b65f76;
line-height:16px;
text-decoration:underline;
}

.commentmetadata a:active{
font-family:Verdana, Geneva, sans-serif;
font-weight:normal;
font-size:10px;
color:#94929f;
line-height:16px;
text-decoration:none;
}

.comment .url{
color: #94929f;
text-decoration:underline;
}

#maincontentText .audioBox {
width:618px;
margin:0px 0px 12px 0px;
padding:0px;
background-color:#614254;
}

#maincontentText .audioBoxCover {
width:156px;
float:left;
margin-left:23px;
margin-right:27px;
padding:0px;
text-align:center;
}

#maincontentText .audioBoxCover img.coverArt{
background-color:#FFF;
padding:3px;
}

#maincontentText .audioBoxCover img.audioListenBtn{
padding:0px;
margin:0px;
}

#maincontentText .audioBoxCover p{
color:#FFF;
font-family:Verdana, Geneva, sans-serif;
font-size:13px;
line-height:17px;
padding:0px;
margin-top:12px;
margin-bottom:12px;

}

#maincontentText .audioBoxTracks {
width:389px;
float:left;
margin:0px;
padding:0px;
color:#FFF;
}

#maincontentText .audioBoxTracks ol,li{
color:#FFF;
font-family:Verdana, Geneva, sans-serif;
font-size:13px;
line-height:17px;

}

#maincontentText .audioBoxTracks li{
padding:4px 4px 4px 6px;
margin-left:0px;
height:18px;
}

#maincontentText .audioBoxTracks li a:link{
color:#F1D9E0;
text-decoration:none;
}

#maincontentText .audioBoxTracks li a:visited{
color:#F1D9E0;
text-decoration:none;
}

#maincontentText .audioBoxTracks li a:hover{
color:#FFFFFF;
text-decoration:underline;
}

#maincontentText .audioBoxTracks li a:active{
color:#F1D9E0;
text-decoration:none;
}

#maincontentText .audioBoxTracks ol {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
list-style-position:outside;
list-style-type:none;
background-color:#7c4b68;
}

#maincontentText .audioBoxTracks li.even {
background-color:#7c4b68;
}

#maincontentText .audioBoxTracks li.odd {
background-color:#96547a;
}

#maincontentText .trackName {
width:240px;
float:left;
}

#maincontentText .freeTrack {
margin-left:16px;
}

#maincontentText img.dlArrow {
border:none;
margin-left:6px;
margin-top:0px;
position:relative;
top:2px;
}


/* Styles for Photos Page */

.photosGroup {
width:210px; 
height:220px; 
background-image:url(http://www.karmellasgame.com/new_site/images/photo_bg.gif); 
background-repeat:no-repeat; 
float:left;
margin:0 0px 20px 60px;
}

.photosThumb {
height:150px; 
width:150px; 
margin-left:29px; 
margin-top:0px; 
margin-bottom:0px; 
padding:24px 1px 1px 1px;
}

.photosName {
clear:both; 
width:150px; 
margin-left:30px; 
margin-right:30px;
padding:0px;
}

.photosName p,
.photosName p a{
margin-top:4px!important; 
margin-bottom:0px; 
padding:0px; 
text-align:center;
}

.hidden {
display:none;
}