/*
Theme Name: BP Grunge Theme
Theme URI: http://www.wickedsexywater.com
Description: WSW Grunge Theme
Version: blargh
Author: Wicked Sexy Water
Author URI: http://wickedsexywater.com
Template: 
Tags: buddypress, two-column, red
*/

/* Inherit the default theme adminbar styles */
@import url( ../../plugins/buddypress/bp-themes/bp-default/_inc/css/adminbar.css );

html {
    height: 100%; /* fix height to 100% for IE */
    max-height: 100%; /* fix height for other browsers */
}

body, h1, h2, h3, h4, h5, h6, blockquote, p, form {
    margin: 0;
    padding: 0;
}

p {
    padding: 5px;
	font-family: Arial;
	font-size: 10pt;
}

body {
    background-image: url(images/bgsides.png);
    background-color: black;
    background-repeat: no-repeat;
    background-position: center top;
    height: 100%;
    max-height: 100%;
}

#wrapper {
    margin: auto;
    width: 941px;
}

#grungeWrapper {
    margin: 0px -21px;
    width: 1026px;
    background-image: url(images/grungesides.png);
}

#headerWrapper {
    margin: 0px auto auto 21px;
    width: 941px;
}

#header {
    width: 1018px;
    height: 130px;
    margin: 0px -9px;
    background-image: url(images/header4.png);
}

#logolink {
	
}

#logolink a {
	position: absolute;
	height: 120px;
	width: 340px;
}

#tagline {
	position: relative;
	font-family: Georgia;
	font-weight: lighter;
	text-align: center;
	font-size: 20px;
	color: white;
	left: 380px;
	top: 40px;
	width: 500px;
}

#bannerspace {
	width: 941px;
	height: 146px;
	background-image: url(images/bannerspace.png);
	margin: auto auto auto 21px;
}

#leftadspace {
	text-align: center;
	padding: 10px 0 0;
}

#headerad {
	width: 728px;
	height: 90px;
	padding: 22px 0 0 0;
}

#rightadspace {
	text-align: center;
	padding: 10px 0 0;
}

#rss {
	position: relative;
	top: 40px;
	left: 910px;
	width: 30px;
}

#rss a img {
	border-style: none;
}

#navbarWrapper {
    margin: auto auto auto 21px;
    height: 38px;
}

#mainwindow {
    background-color: #460000;
    /* background-image: url(images/sidebarsbg.png); old background
    background-repeat: repeat-y;  */
    margin: 0px auto auto 21px;
    color: white;
    width: 941px;
    z-index: 2;
}

#content {
    /*width: 594px;*/
}

#infobox {
    margin: auto;
    width: 560px;
    height: 244px;
    background-image: url(images/infobox.png);
}

#infobox_text {
	width: 560px;
	height: 190px;
	padding: 82px 0px 0px 0px;
	color: #f59a87;
}

#infobox_text a:link {
	color: #990000 !important;
}

#footerWrapper {
    clear: both;
    margin: auto auto 0px 21px;
    width: 941px;
    height: 138px;
}

#footer {
    background-image: url(images/footer.png);
    margin: -4px 0px;
    width: 965px;
    height: 140px;
    z-index: 4;
}

#footerad {
	width: 468px;
	height: 60px;
	top: 37px;
	left: 433px;
	position: relative;
}

#footerlinks {
	font-family: Arial;
	color: white;
	position: relative;
	font-size: 14px;
	right: 385px;
	bottom: 50px;
}

#footerlinks a:link, a:visited {
	color: white;
}

#footerlinks a:hover {
	color: #990000;
}

#copyright {
	font-family: Arial;
	color: #a93333;
	position: relative;
	font-size: 12px;
	right: 385px;
	bottom: 40px;
}

a:hover {
	text-decoration: underline;
}

td {
    vertical-align: top;
}

td.tdcontent {
    /* background-image: url(images/bg2.jpg); */
	width: 601px; /* 594px */
	padding: 0 40px 0 0;
    z-index: 1;
}

td.tdcontentpage {
    /*background-image: url(images/bg2.jpg); */
	width: 601px; /* 594px */
	padding: 0 40px 0 0;
    z-index: 1;
}
/********************
 ----Navigaiton Bar---
 ********************/
#navbar {
    width: 987px;
    height: 40px;
    background-image: url(images/navbar.png);
	position: relative;
    z-index: 4;
}

#navbar ul {
    margin: 0 0;
    height: 22px;
    padding: 8px 0;
    width: 941px;
    text-align: center;
}

#navbar ul li {
    display: inline;
    height: 22px;
    padding: 0;
}

#navbar a {
    text-decoration: none;
    padding: 8px 26px;
    height: 22px;
    margin: 0 0;
    overflow: hidden;
    font-family: Georgia;
    color: #FFFFFF;
    font-size: 17px;
    font-weight: lighter;
}

#navbar a:hover, #navbar li.CSStoHighlight /* CSStoHighlight needed for menu fix, see below */ {
    text-decoration: none;
    color: #FFF;
    background: url(images/nav_hover2.png) repeat-x;
}

/* menu starts here -ab */

#menu table {
	display: none;
	position: absolute;
	color: white;
	background-image: url(images/menuback.png);
	border: none;
	width: 360px;
	height: 204px;
	top: 36px;
	left: 153px;
}

#menu table tbody td li a {
	font-family: Georgia;
    margin: 0;
	padding: 0;
	text-align: left;
    line-height: 24px;
    list-style: none;
    font-size: 12px;
}

#menu table tbody td li:hover, #menu table tbody td li.CSStoHighLI /* IE 5-6 menu fix, see below */ {
	background-color: #990000;
}

#menu table tbody td li:hover > a {
	background-color: #990000;
	text-decoration: underline;
	background-image: none;
}

/* IE 5-6 menu fix, see below */
#menu table tbody td li a.CSSHighLink {
	background-color: #990000;
	text-decoration: underline;
	background-image: none;
}

#menu table tbody td li {
	text-align: left;
	display: list-item;
	list-style: none;
}

#menu:hover > table {
	display: block;
}

/**********************************************************************
 * Part of IE 5-6 menu fix. When the script in the IE.htc file adds   *
 * the following class to the table tags, the CSStoHighLink class to  *
 * the anchor tags, and the CSStoHighLI class to the line item tags,  *
 * all those elements will show up when the mouse is over the #menu   *
 * element, and disappear when the mouse leaves the element           *
 * Fix from http://www.howtocreate.co.uk/tutorials/testMenu.html - ab *
 **********************************************************************/

#menu table.CSStoShow {
	display: block;
}

#menu ul li ul li a {
	font-family: Georgia;
    margin: 0;
	padding: 0;
	text-align: left;
    line-height: 24px;
    list-style: none;
    font-size: 12px;
}

/*******************
 ---------Post-------
 *******************/
#ratings ul {
	list-style: none; 
}

.tgrunge {
	background-image: url(images/pgrunget4.png);
	background-repeat: no-repeat;
	background-position: 5px top;
}

.bgrunge {
	background-image: url(images/pgrungeb4.png);
	background-repeat: no-repeat;
	background-position: 10px bottom;
	padding: 68px 0 75px 0;
	margin: 50px 0;
}

.rgrunge {
	background-image: url(images/pgrunger2.png);
	background-repeat: repeat-y;
	background-position: top right;
	height: 90%;
}

.lgrunge {
	background-image: url(images/pgrungel2.png);
	background-repeat: repeat-y;
	background-position: top left;
	padding: 0 20px 0 30px;
}

.post {
    /*padding: 20px 20px 40px 30px;
	margin: 100px 0; */
	background-color: #6b1300;
}

.post h2 {
    font-family: Georgia;
    font-weight: lighter;
    font-size: 40px;
    line-height: 30px;
    color: white;
    padding: 20px 0 0 0;
}

.post h2 a:link, h2 a:visited {
    color: white;
    text-decoration: none;
}

.post a img {
	border-style: none;
    border: solid 1px;
	border-color: white;
}

.entry {
    line-height: 22px;
}

.entry a {
	color: #F59A87; /*#990000;*/
}

.entry a:hover {
	color: white;
}

.postinfo {
    font-size: 11px;
    color: #aaa;
    padding: 10px 0 20px 0;
}

.postinfo a {
    color: #aaa;
}

.postdate {
    color: #aaa;
}

p.postmetadata {
    font-size: 12px;
    color: #BFB8A1;
    /*border-top: 1px dotted #CCC;*/
    margin: 20px 0 0 0;
    padding: 5px 0 0 0;
}

p.postmetadata strong {
	text-align: right;
}
/* This is the link at the bottom of a post which lets you go to the next or previous post */
.postnav {
    padding: 10px 20px 20px 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}

h2.archive_head {
    font-weight: bold !important;
    font-size: 14px !important;
    /*text-transform: normal !important; */
    letter-spacing: normal !important;
    margin: 0 0 1.8em 10px !important;
    padding: 0.4em 5px !important;
    border-bottom: 1px dotted #CCC;
    background: none;
}
/********************
 ----Sidebar Styles---
 ********************/

a.sidebarheaderlinks:link, a.sidebarheaderlinks:visited {
	color: #990000 !important;
	text-decoration: none !important;
}

a.sidebarheaderlinks :hover {
	text-decoration: underline !important;
}

.lgrunget {
	background-image: url(http://wickedsexywater.com/wp-content/uploads/lgrunget.png);
	background-repeat: no-repeat;
	background-position: 5px top;
}

.lgrungeb {
	background-image: url(http://wickedsexywater.com/wp-content/uploads/lgrungeb.png);
	background-repeat: no-repeat;
	background-position: 10px bottom;
	padding: 64px 0 69px;
}

.lgrunger {
	background-image: url(http://wickedsexywater.com/wp-content/uploads/lgrunger.png);
	background-repeat: repeat-y;
	background-position: top right;
	margin: 0 10px 0 0;
}

.lgrungel {
	background-image: url(http://wickedsexywater.com/wp-content/uploads/lgrungel.png);
	background-repeat: repeat-y;
	background-position: top left;
	padding: 0 20px;
	margin: 0 0 0 8px;
}

.links {
	background-color: #600c0c;
}

.tags {
	background-color: #600c0c;
}

#videolink {
	border: none;
}

#videolink a:hover, a:link {
	border: none;
}

#videolinkspace {
	width: 310px; 
	height: 60px;
}

#videolinkspace a:hover, a:link {
	border: none;
}

#sidebarvideo {
	background: url(http://wickedsexywater.com/wp-content/uploads/vgrunge2.png);
	height: 294px;
	width: 333px;
	padding: 20px 0 0 2px;
	background-repeat: no-repeat;
}

#sidebaradwrapper {
	background: url(images/adgrungebg.png);
	height: 292px;
}

#sidebarad {
	position: relative;
	top: 22px;
	left: 2px;
}

#polls {
	padding: 15px !important;
}

#polls h2 {
	text-align: center;
}

.socialbuttons {
	padding: 0 10px;
}

#rightbar {
	display: none; /* removes rightbar */
    width: 174px;
}

#rightbar ul {
    list-style: none;
    margin: 0;
    padding: 0 0 10px 0;
}

#rightbar ul li {
    padding: 10px 0 10px 5px;
}

#rightbar ul li h2 {
    font-family: Georgia, Sans-serif;
    font-size: 23px;
    font-weight: lighter;
    color: #900; /*#555;*/
    padding: 5px 5px 5px 5px;
    margin: 0 10px 10px 0;
    /*border-bottom: 1px solid #CCC;*/
}

#rightbar ul ul li {
	font-family: Georgia;
    padding: 0;
    margin: 0 3px 0 20px;
    line-height: 24px;
    list-style: none;
    font-size: 12px;
}

#rightbar img {
	padding: 5px 0;
}

#rightbar .syndication .rss {
    width: 179px;
    height: 33px;
    position: relative;
    padding-top: 12px;
}

#rightbar .syndication .rss span {
    background: url(images/sub_rss.gif) no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
}

#rightbar .syndication .rss .sub {
    list-style: none;
}

#rightbar a:link, #rightbar a:visited {
    text-decoration: underline;
    color: white;
}

#rightbar a:hover {
    color: #990000;
}


table#wp-calendar {
    width: 100%;
}

/* Left Sidebar */
#leftbar {
    width: 340px;
}

#leftbar ul {
    list-style: none;
    margin: 0;
    padding: 0 5px 10px 0;
}

#leftbar ul li {
    padding: 10px 0 10px 5px;
}

#leftbar ul li h2 {
    font-family: Georgia;
    font-size: 23px;
    font-weight: lighter;
    text-align: center; /* note: may not be neccessary */
    color: #900; /*#555*/
    padding: 5px;
    margin: 0 10px 10px 0;
}

#leftbar ul ul li {
    padding: 2px 0;
    margin: 0 3px 0 20px;
    line-height: 18px;
    /*list-style: url(images/bullet.gif);*/
    list-style: none;
    font-size: 12px;
	font-family: Georgia;
}

#leftbar img {
	padding: 5px 0pt;
}

#leftbar a:link, #leftbar a:visited {
    text-decoration: underline;
    color: white;
}

#leftbar a:hover {
    color: #990000;
}
/*******************
 ----Comment Form---
 *******************/
#comment-form {
    width: 425px;
    background: #460000;
    margin: 10px 0 0;
    padding: 5px 5px 15px 15px;
	border: 1px solid white;
}

.comments-template a {
    text-decoration: underline;
    color: #900;
}

.comments-template a:hover {
    text-decoration: underline;
    color: white;
}

.comments-template ol {
    margin: 0;
    padding: 0 0 15px;
    list-style: none;
}

.comments-template ol li {
    margin: 10px 0;
    line-height: 18px;
    padding: 10px 0 5px 15px;
}

.comments-template h2, .comments-template h3 {
    font-family: Georgia, Sans-serif;
    font-size: 16px;
    color: #900;
    padding: 10px 0 30px 0;
}

.commentmetadata {
    font-size: 12px;
    color: #AAA;
    padding: 20px 0;
}

.commentmetadata strong {
    font-size: 14px;
	color: #990000;
}

.comments-template p.nocomments {
    padding: 0;
}

.comments-template input {
    border: 1px solid #CCC;
}

.comments-template textarea {
    font-family: Helvetica, Arial, Sans-serif;
    font-size: 12px;
    color: #000;
    margin: 30px 15px 15px 0;
    background: #FFF;
    border: 1px solid #CCC;
}

.even {
    background: #460000;
    border: 1px solid white;
}

.alt {
    background: #460000;
    border: 1px solid white;
}

.navigation {
	padding: 5px;
}

.navigation a {
	color: #990000;
}

.navigation a:hover {
	color: white;
}

.navigation a:visited {
	color: white;
}


/* WSW Page numbers! Putting here until I can fix the reason
 * probably something simple but I don't have time to think about it */

#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {

	background: #460000;
	padding: 0;
	margin: 0;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	list-style: none;
	text-transform: none;
	text-indent: 0px;
	font-variant: normal;
	text-align: left;
	line-height: 12px;
	letter-spacing: 0px;
	word-spacing: 0px;
	font-size: 11px;
	font-family: Arial;

}



#wp_page_numbers {

	margin-top: 10px;
	width: 100%;
	background: #460000;
	margin-bottom: 10px;

}

#wp_page_numbers ul {

	width: 100%;
	background: #460000;
}

#wp_page_numbers li {

	float: left;
	display: block;
	margin-bottom: 2px;

}



#wp_page_numbers a {

	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 2px;
	margin-right: 2px;
	display: block;
	color: white;
	border: 1px solid white;

}



#wp_page_numbers li a:hover {

	border-color: #BA0000;

}



#wp_page_numbers li.space {

	padding: 6px;
	padding-left: 2px;
	padding-right: 2px;

}



#wp_page_numbers li.first_last_page {

	font-style: italic;

}



#wp_page_numbers li.active_page a {

	border-color: #990000;

}

#wp_page_numbers li.active_page a:hover  {

	color: black; /* IE fix */
	text-decoration: underline;
	border-color: #BA0000;

}



#wp_page_numbers li.page_info {

	float: left;
	display: block;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 2px;
	color: white;
	font-size: 11px;
	border: 1px solid white;

}

/* buddypress styling */

#object-nav ul {
	list-style: none;
}