/*
Theme Name: Mammoth
Version: 3.1
Description: Designed by <a href="http://www.ghostpool.com">GhostPool Designs</a>.
Author: GhostPool Designs
Author URI: http://www.ghostpool.com
*/

* {
outline: none;
}
html {
margin:0;
padding:0;
}
body {
margin: 0;
font-family: Arial;
font-size: 9pt;
font-weight: normal;
text-align: center;
line-height: 18px;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}

/*************************** General Styling ***************************/

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a {
text-transform: uppercase;
font-weight: bold;
line-height: 25px;
}
h1 {
font-size: 19pt;
margin: 0 0 20px 0;
}
h2 {
font-size: 16pt;
margin: 0 0 5px 0;
}
h3 {
font-size: 15pt;
margin: 0 0 5px 0;
}
h4 {
font-size: 14pt;
margin: 0 0 5px 0;
}
h5, h5 a {
font-size: 10pt;
text-transform: none;
font-weight: bold;
margin: 0 0 5px 0;
}
h6 {
font-size: 9pt;
margin: 0 0 5px 0;
}
ul {
	list-style:square inside;
	list-style-image:none;
	padding:0 0 20px 20px;
	display:block;
	font-size:13px;
}
ol {
	list-style:square inside;
	list-style-image:none;
	padding:0 0 20px 20px;
	display:block;
	font-size:13px;
	list-style:decimal inside;
}
li {
padding: 0 0 2px 0;
}
form {
margin: 0;
padding: 0;
}
label {
font-weight: bold;
}
input, textarea {
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-family: Arial;
font-size: 9pt;
padding: 0px;
}
select {
font-family: Arial;
font-size: 9pt;
padding: 5px;
}
input[type="submit"] {
cursor: pointer;
}
blockquote {
font-style: italic;
margin: 0 0 0 25px;
padding: 0 0 0 10px;
text-align: justify;
line-height: 150%;
font-size: 13px;
}
.rounded {
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
hr {
margin: 10px 0;
border: 0;
}
fieldset {
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border-width: 1px;
}
legend {
text-transform: uppercase;
font-weight: bold;
margin: 0;
padding: 0;
}
th, td {
padding: 3px 10px;
}
.dot {
padding: 0 0 5px 0;
clear: both;
background: url(images/dot.gif) repeat-x;
}
#main-content .dot {
padding: 0 0 20px 0;
}
.wp-post-image, img {
border: 0;
}

/*************************** Navigation ***************************/

#nav {
float: left;
position: absolute;
top: 78px;
left: 24px;
width: 916px;
height: 39px;
z-index: 80;
background: url(images/nav_bgs.png) repeat scroll 0 0 transparent !important;
}

#nav, #nav ul{
margin-left:-5px;
padding:0;
list-style-type:none;
list-style-position:outside;
position:absolute;
line-height: 39px;
left: 20px;
}
#nav ul a {
font-size: 10pt;
text-transform: uppercase;
display:inline-block !important;
padding: 0px 5px;
text-decoration:none;
}
#nav ul a:hover{
text-decoration:none;
}
#nav ul li{
float:left;
position:static;
margin: 0 15px;
padding: 0;
}

/******** Added for show hide of menu */
#nav ul.sub-menu {
	display: none;
}
#nav li.current-category-ancestor ul.sub-menu{
	display: block;	
	top: 32px !important;
}
#nav li.current-menu-parent ul.sub-menu  {
	display: block;	
}
/******** Added for show hide of menu */

/******** Added for show hide of menu */
#menu-top-menu li.current-cat .sub-menu, #menu-top-menu li.current-cat-parent .sub-menu, #menu-top-menu .current_page_item ul , #menu-top-menu .current_page_parent ul {
	display: block;
	position: absolute;
	top: 40px;
	left: 20px;
}

#menu-top-menu .sub-menu li {
	display: inline;
}

#menu-top-menu .current_page_item ul li a:link, #menu-top-menu .current_page_item ul li a:visited, #menu-top-menu .current_page_item ul li a:active, #menu-top-menu .current_page_parent ul li a:link, #menu-top-menu .current_page_parent ul li a:visited, #menu-top-menu .current_page_parent ul li a:active {
	float: left;
	display: block;
	margin-right: 10px;
	padding: 3px 10px 2px;
	font-size: 1.1em;
	text-transform: uppercase;
	text-decoration: none;
	background: transparent;
	cursor: pointer;
	text-shadow: 0 1px 1px #d6d6d6;
}

#menu-top-menu .current_page_item ul li a:hover, #menu-top-menu .current_page_parent ul li a:hover {
	color: #161616;
	text-decoration: none;
	background: #aeaeae;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
/******** Added for show hide of menu */

#search {
	position: absolute;
	top: 251px;
	right: 25px;
}

#search #s {
	float: left;
	display: inline;
	width: 220px;
	height: 15px;
	margin-right: 5px;
	padding: 3px 5px 2px;
	font-size: 1.1em;
	color: #666;
	background: transparent url(images/search-input.jpg) no-repeat 0 0;
	border: 0;
}

#search #s:focus {
	color: #363636;
}

#search-button {
	float: left;
	display: inline;
}

/*************************** Slider ***************************/

#slider-container, #mySlides, .slider-image, .slider-image img {
width: 560px;
height: 273px;
}
#slider-container {
float: left;
position: relative;
margin: 0 0 25px 0;
padding: 10px 10px 10px 10px;
overflow: hidden;
}

#slider-container-mini {
width: 890px;
height: 80px;
}
#slider-container-mini {
float: left;
position: relative;
margin: 0 0 25px 0;
padding: 10px 10px 10px 10px;
}

#myController {
position: absolute;
top: 100px;
left: 50px;
width: 130px;
height: 285px;
cursor: pointer;
z-index: 70;
overflow: hidden;
}
.slider-thumbnail {
width: 100px;
height: 88px;
margin: 0 0 6px 0;
overflow: hidden;
}
.slider-thumbnail img {
border: 0px;
width: 100px;
height: 88px;
}
.jFlowControl {
width: 125px;
}
#jFlowSlide {
float: right;
}
#mySlides {
overflow: hidden;
}
.slider-image {
float: left;
overflow: hidden;
}
.slider-text {
position: absolute;
top: 240px;
z-index: 50;
text-align: right;
width: 433px;
padding: 10px 30px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
.slider-text p, .slider-text h3 {
margin: 0;
}

/*************************** Header ***************************/

#header {
margin: 0 auto;
width: 958px;
height: 198px;
background: url(images/bg-black.jpg) repeat-y center top !important;
}

#logo {
float: left;
position: absolute;
top: 0px;
left: 15px;
margin-bottom: 30px;
width: 325px;
height: 80px;
overflow: hidden;
}

#header-panel {
float: right;
position: absolute;
top: 94px;
right: 25px;
width: 728px;
height: 100px;
}

/* User Box */
#userbox {
width: auto;
height: 25px;
float: right;
position: relative;
top: 0px;
right: 25px;
}
#userbox ul {
list-style: none;
margin: 0;
}
#userbox li {
width: auto;
margin: 0;
display: inline-block;
float: left;
padding: 5px 0 0 12px;
}
#userbox a {
font-size: 9pt;
font-weight: bold;
text-transform: uppercase;
}

/* Search */
#searchbar {
width: 200px;
margin-right: 10px;
}

/*************************** Content Areas ***************************/

#page-wrap {
float: left;
text-align: left;
position: absolute;
top: 0;
left: 50%;
width: 960px;
margin-left: -480px;
background: url(images/bg-black.jpg) repeat-y center top !important;
}

#page-wrap-2 {
float: left;
text-align: left;
position: absolute;
top: 279px;
left: 50%;
width: 960px;
margin-left: -480px;
background: url(images/bg-black.jpg) repeat-y center top !important;
}

#slider-background {
background: url(images/slider-bkg.png) repeat-y center top !important;
height: 480px;
width: 100%;
position: absolute;
top: 279px;
}

#slider-background-2 {
background: url(images/slider-bar.png) repeat-y center top !important;
height: 6px;
width: 980px;
position: relative;
top: 454px;
right: 25px;
}

#overall-container {
float: left;
position: relative;
left: 25px;
width: 910px;
padding-bottom: 25px;
top: 20px;
}

/* Main Content Column */
#main-content {
float: left;
clear: both;
width: 603px;
margin-top: 5px;
}
.main-content-slider {
padding: 0 !important;
background: transparent !important;
}

/* Main Content HOMEPAGE Column */
#main-content-homepage {
float: left;
clear: both;
width: 603px;
margin-top: 25px;
}

/* Sidebar */
#sidebar {
float: right;
width: 280px;
margin-top: 5px;
}

/*************************** Post/Page Styling ***************************/

.post {
float: left;
width: 100%;
overflow: hidden;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
background: url(images/dot.gif) repeat-x bottom;
}
.post p {
margin: 0;
}
.post-right-1 {
float: left;
width: 600px;
}
.post-right-2 {
float: left;
width: 100%;
}

.post-right-3 {
float: left;
width: 480px;
}

.post h2 {
margin: 0;
}
.post-image {
float: left;
width: 106px;
height: 130px;
padding: 2px;
overflow: hidden;
margin: 0 10px 0 0;
border: 4px solid #303030;
}
.post-image img {
width: 106px;
height: 130px;
margin-top: 0px;
margin-bottom: 15px;
margin-left: 0px;
margin-right: 10px;
}

.meta {
font-size: 8pt;
padding: 5px 0 0 0;
margin-top: 25px;
}
.meta a {
font-size: 8pt;
}
.meta a:hover {
text-decoration: none;
}
.single-meta {
float: left;
font-size: 8pt;
padding: 0;
width: auto;
}
.single-meta a:hover {
text-decoration: none;
}
.social-links {
float: right;
padding: 0;
width: auto;
}

/* Two Columns */
.col-left {
float: left;
width: 425px;
padding: 0 10px 0 0;
}
.col-right {
float: right;
width: 425px;
padding: 0 0 0 10px;
}

/* Subpages */
#subpages {
list-style: none;
margin: 0;
padding: 0;
}
#subpages li {
padding: 10px 0 10px 0;
background: url(images/dot.gif) repeat-x bottom;
}
#subpages li a {
font-size: 12pt;
text-transform: uppercase;
}

/* Login/Register Template */
.user-avatar {
float: left;
width: 130px;
padding: 0 10px 0 0;
}
.user-options-message {
float: left;
width: 460px;
}
.user-options-list {
list-style: none;
padding: 0;
margin: 10px 0 0 0;
font-size: 12pt;
}
.user-options-list li {
padding: 0 0 5px 0;
}
.register-panel {
float: right;
padding: 10px;
width: 250px;
}
.register-panel p {
background: url(images/dot.gif) repeat-x bottom;
padding: 0 0 10px 0;
}

/* Review List */
.row-1 {
width: 590px;
float: left;
padding: 5px;
}
.row-2 {
width: 590px;
float: left;
padding: 5px;
}
.col-title {
float: left;
width: 440px;
}
.col-score {
float: left;
width: 40px;
text-align: center;
}
.col-release {
float: left;
width: 145px;
padding-left: 3px;
text-align: center;
}
.col-posted {
float: left;
width: 105px;
text-align: center;
padding-left: 3px;
}
#revieworder {
float: right;
clear: both;
margin-bottom: 20px;
}

/*************************** Review Post ***************************/

/* Review Header */
#review-header {
float: left;
width: 100%;
margin: 0 0 25px 0;
}
.review-image {
float: left;
width: 120px;
height: 160px;
padding: 2px;
overflow: hidden;
}
.review-image img {
width: 120px;
height: 160px;
}
#details-pointer {
float: left;
position: relative;
top: 20px;
left: 11px;
z-index: 1;
width: 25px;
height: 32px;
}
#details {
float: left;
position: relative;
top: 0px;
left: 10px;
border-width: 1px;
padding: 10px;
width: 529px;
min-height: 100px;
}
#details strong {
text-transform: uppercase;
}
#ratings {
float: right;
width: 190px;
}
#our-score-panel {
float: right;
width: 160px;
border-width: 1px;
padding: 10px;
text-align: center;
}
#our-score-rating {
font-size: 30pt;
font-weight: bold;
padding: 10px 10px 15px 10px;
}
#user-score-panel {
float: right;
width: 160px;
position: relative;
top: 10px;
left: 0px;
border-width: 1px;
padding: 10px;
}
.user-score-votes {
float: left;
width: auto;
}
.user-score-rating {
float: right;
width: auto;
font-size: 20pt;
line-height: 20pt;
padding: 5px 0 0 0;
}
.user-score-stars {
float: left;
width: 160px;
height: 16px;
padding: 0 1px;
}
.thumbnail {
float: left;
overflow: hidden;
width: 110px;
height: 110px;
margin: 8px;
padding: 2px;
}
.thumbnail img {
width: 110px;
height: 110px;
}
.panel .post-right-1 p {
margin: 0;
}

/*************************** Widgets ***************************/

.widget {
float: left;
width: 240px;
padding: 20px;
margin: 0 0 25px 0;
}

#featured_posts-widget-3{
float: left;
width: 240px;
padding: 20px;
margin: 475px 0 25px 0;
}


.widget_ad {
float: left;
width: 240px;
padding: 20px;
margin: 0 0 25px 0;
}

.widget h3 {
padding: 0 0 10px 0;
margin: 0;
font-size: 12pt;
text-align: left;
}
.widget ul {
list-style: none;
margin: 0;
padding: 0px;
}
.widget li {
margin: 0;
padding: 0 0 10px 0;
}

/* Latest Members Widget */
#latest-members-widget img {
margin: 3px;
}

/* Featured News Widget */
#featured-posts-widget .dot {
padding: 5px 0 0 0;
}
#featured-posts-widget ul, #featured-posts-widget li {
list-style-type: none;
margin: 0;
padding: 0;
}
.feat-post {
float: left;
}
.feat-post a {
font-size: 9pt;
padding: 4px 0 0 0;
font-weight: bold;
width: auto;
}
.feat-post a:hover {
text-decoration: none;
}
.comment-bubble {
float: right;
width: 29px;
height: 25px;
padding: 4px 0 0 5px;
font-weight: bold;
text-align: center;
font-size: 9pt;
}

/* Post by Category Widget */
.widget-excerpt {
font-size: 8pt;
line-height: 13px;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
background: url(images/dot.gif) repeat-x bottom;
}
.widget-excerpt p {
margin: 0;
}

/* You May Like Panel */
#yml-widget {
text-align: center;
}
#yml-widget img {
padding: 2px;
width: 120px;
height: 160px;
}
#yml-widget span {
display: block;
padding: 0 0 5px 0;
}

/* Ad Panel */
#ad_panel {
text-align: center;
}
#ad_panel img {
border: 0;
}

/* GD Star Rating Widget */
.widget-review-score {
float: left;
width: auto;
padding: 6px;
font-size: 15pt;
margin-right: 7px;
}
.widget-review-text {
float: left;
width: auto;
font-size: 8pt;
}
.widget-review-text a {
font-size: 9pt;
}



#footer {
position: relative;
float: left;
text-align: left;
top: 0;
left: 50%;
width: 920px;
padding: 20px;
margin-left: -480px;
}
#footer ul {
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
}
#footer li {
width: auto;
float:left;
margin: 0 10px 0 0;
}

/*************************** Captions & Alignments ***************************/

.aligncenter, div.aligncenter {
display: block;
margin: 0 auto; 
margin-top: 10px;
margin-bottom: 15px;
border: 4px solid #303030 !important;
}
.alignleft {
float: left;
margin: 0 10px 5px 0;
width: auto;
margin-top: 10px;
margin-bottom: 15px;
margin-right: 10px;
}

.alignnone {
margin: 0 10px 5px 0;
width: auto;
margin-top: 10px;
margin-bottom: 15px;
margin-right: 10px;
border: 4px solid #303030;
}

.alignright {
float: right;
margin: 0 0 5px 10px;
width: auto;
margin-top: 10px;
margin-bottom: 15px;
margin-left: 10px;
}
.wp-caption {
text-align : center;
padding-top : 4px;
}
.wp-caption img {
margin : 0;
padding : 0;
border : 0 none;
}
p.wp-caption-text {
font-size : 11px;
line-height : 17px;
padding : 3px 0 3px 0;
margin: 0;
text-transform: uppercase;
}
.left {
width: auto;
float: left;
}
.right {
width: auto;
float: right;
}
.clear {
clear: both;
}

/*************************** Page Navigation ***************************/

.wp-pagenavi, .page-comments {
clear: both !important;
padding: 10px 0 !important;
border: 0px !important;
float: right !important;
width: auto;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active, .wp-pagenavi span.pages, .wp-pagenavi span.extend, .page-numbers, .wp-pagenavi span.current, .page-comments span.current {
display: block !important;
border: 0 !important;
float: left !important;
padding: 2px 6px !important; 
margin: 0 0 0 5px !important;
font-size: 9pt !important;
width: auto;
font-weight: bold !important;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.wp-pagenavi span.current, .page-comments span.current, .wp-pagenavi a:hover, .page-numbers:hover {	
text-decoration: none !important;
border: 0 !important;
}

/* Tabs */
#tabs, #tabs-2 {
float: left;
padding: 0 0 5px 0;
margin: 0 0 20px 0;
width: 100%;
}
a.tab {
text-decoration: none;
display:inline-block;
margin: 0 8px 0 0;
padding: 4px 8px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: transparent;
font-weight: bold;
cursor: pointer;
}
a.tab-active, a.tab-active:hover {
display:inline-block;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin: 0 8px 0 0;
padding: 4px 8px;
font-weight: bold;
cursor: hand;
cursor: pointer;
}

/* Subscribe To Comments Plugin */
#content {
width: 590px;
}
.solo-subscribe-errors {
margin: 10px 0 10px 0px;
padding: 5px;
width: 300px;
}
#content .updated {
text-align: center;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 10px 0 10px 0;
}

/* Search Popup Window */
.hide-box {
display: none;
}

/* Lightbox */
div.dark_square .pp_left ,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content {
background: none !important;
}

/* Forum */
#sforum {
background: transparent !important;
}

/*************************** Contact Form ***************************/

#contact {
padding: 5px 0 0 0;
}
#contact label {
display: inline-block;
float: left;
height: 26px;
line-height: 26px;
width: 50px;
}
#contact .submit {
float: left;
}
#contact span.required {
font-size: 13px;
color: #ff0000;
}
#message {margin: 10px 0;
padding: 0;
}
.moderation, .error_message {
display: block;
height: 22px;
line-height: 22px;
background: #FBE3E4 url('images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px;
color:#8a1f11;
border: 1px solid #FBC2C4;
}
.loader {
float: left;
padding: 10px 10px;
width: 16px;
height: 16px;
}
#contact #success_page h2 {
padding: 2px 0 0 22px;
background: url('images/success.png') left no-repeat;
}



/* Featured comment */
.comment_featured{
	background:url("") no-repeat scroll 0 -9px inherit;
	clear:both;
	margin-top:-1px;
	padding:20px 10px 30px;
}

span.featured-comment  {
	display:block;
	font-size:13px;
	font-weight:bold;
	margin-bottom:8px;
}

.comment_featured p {
	line-height:20px;
	padding-bottom:5px;
}

.comment_featured p.posted {
	color:#999999;
	font-size:11px;
	padding-bottom:0;
}

.comment_featured p.posted a {
	font-weight:bold;
}





.user-rating  {
background-color:inherit !important;
background-position:0 -397px !important;
height:23px !important;
margin:0 !important;
position:absolute !important;
right:13px !important;
top:5px !important;
width:56px !important;
text-align: center !important;
border: 1px solid #808080 !important;
}
.score  {
display:block;
font-size:14px;
left:0;
position:absolute;
top:3px;
width:100%;
}

.ratingblock, .thumblock { 
margin-bottom: 4px !important; 
margin-top: 20px !important; 
font-size: 12px !important; 
}

.comment-thumbs-block {
float: right;
font-size: 11px;
color: #ffffff;
padding: 0;
}

.thumblock-1 { 
margin-top: 10px !important; 
font-size: 12px !important; 
}

.comment-thumbs-block-1 {
float: right;
font-size: 11px;
color: #ffffff;
padding: 0;
}

.div-thumb-block- {
float: right;
font-size: 11px;
color: #ffffff;
padding: 0;
}

.gdt-size-20.gdthumbtext {
line-height:20px;
}
.gdt-size-20.gdthumb, .gdt-size-20.gdthumb a, .gdt-size-20.gdthumb div {
height:20px !important;
width:28px !important;
margin:0 2px 0 0;
}
.gdt-size-20.gdthumb.gddw a, .gdt-size-20.gdthumb.gddw div {
background-position:0 -20px !important;
}
.gdt-size-20.gdthumb.gdup a:hover {
background-position:0 -40px !important;
}
.gdt-size-20.gdthumb.gddw a:hover {
background-position:0 -60px !important;
}
.gdt-size-20.gdthumb a.gdt-classical, .gdt-size-20.gdthumb div.gdt-classical {
background:url("http://www.angryjoeshow.com/wp-content/themes/mammoth/images/thumbs_rating.png") no-repeat scroll 0 0 transparent !important;
}

.gdt-size-20.gdthumb a.down{
    background:transparent url(http://www.angryjoeshow.com/wp-content/themes/mammoth/images/thumbs_rating.png) no-repeat scroll 0 -20px !important;
 } 
.gdt-size-20.gdthumb a.up{
       background:transparent url(http://www.angryjoeshow.com/wp-content/themes/mammoth/images/thumbs_rating.png) no-repeat scroll 0 0px !important;
}