/*  
Theme Name: PhoenixGamesTheme
Theme URI: www.PhoenixGames-atl.com
Description: The everyday theme for Phoenix Games
Author: ShadyRabbit
Author URI: ShadyRabbit.com
*/


/*Im going to hide this here

In order to show all the news posts and event posts this is the code, wp has a habbit of deleting it

======= News ============

<div id="news_posts">
<?php query_posts('cat=3&showposts=5'); ?>
</div>

 ====== The event calender code to show the big calendar is this goes above the other code ======

[[EventsCalendarLarge]]


======= Events ==========

<div id="news_posts">
<?php query_posts('cat=7&showposts=5'); ?>
</div>



*/

* { margin: 0; padding: 0; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
ol, ul {list-style: none;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
caption, th {text-align: left;}
q:before, q:after {content: '';}


/* ============ Side bar Stuff ================= */

#sidebar {width:168px; background:url(images/sidebarbg.jpg) no-repeat; float:left; padding-bottom:5px; margin:0; text-align:center;}
#sidebar h3 {margin:8px 0 10px 0; border-bottom:1px solid #969696; font-family:Arial,Helvetica,sans-serif; font-size:15px;}
#sidebar input {margin:4px auto; text-align:center;}
#sidebar small {display:none;}
#flickrBadge {margin:0 auto; text-align:center;}

/* Calendar */
#calendar_wrap {padding-bottom:10px;}
#wp-calendar {margin:2px auto; border:1px solid #999; width:140px;}
#wp-calendar td, th {padding:2px; margin:2px; text-align:center; border-bottom:1px solid #999;}
#wp-calendar th {font-family:Arial, Helvetica, sans-serif; background:#666; color:#fff; font-size:12px;}
#calendar_month {margin:2px auto; text-align:center; color:#990000;}
.cal2_today {background:#ffffff; border:1px solid #666;}
.cal2_eventday {color:#990000;}

/* ========================================== */


/* ============ Body Stuff ================= */

body {background:url(images/stripebg.jpg);}

#bodycontainer {widht:100%; min-width:780px;}

/* navigation and header */

#headercontainer {height:180px; background:url(images/bu/headerbg.jpg) repeat-x;}

#header {height:180px; background:url(images/bu/header.jpg) no-repeat right;}
h1 {text-indent:-9999px;}
#header span {border-bottom:2px solid #f3f3f3;}
#header ul {margin-top:87px; margin-left:10px; width:645px; height:41px;}
#header li {float:left; color:#ffffff; font-family: Georgia,'Times New Roman',Times,serif; font-size:16px; font-weight:bold; margin-left:4px; height:41px;}
#header a {padding:0 5px 11px 5px;}
#header a:link {color:#f3f3f3; text-decoration:none;} #header a:visited {color:#f3f3f3; text-decoration:none;}
#header a:hover {color:#fff; text-decoration:none; background:url(images/navbg.jpg) repeat-x; border-bottom:2px solid #fff;} #header a:active {color:#fff; text-decoration:none; background:url(images/navbg.jpg) repeat-x;}

/* active body */

#contentcontainer {widht:100%; min-width:780px; background:url(images/sidebarbg.jpg) no-repeat #fff; border-bottom:4px solid #9c9c9c;}

#widthcontroller {clear:both; width:780px; padding-bottom:10px;}

#content {width:500px; text-align:center; margin:0 auto; padding-left:100px;}

/* ========================================== */


/* ============ Footer Stuff ================= */

#footer {height:24px; margin-top:20px; background-color:#fff; border-top:4px solid #9c9c9c; border-bottom:4px solid #9c9c9c; text-align:center; margin-bottom:15px;}
#footer ul {margin:0 auto; margin-top:4px; width:420px;}
#footer li {float:left; color:#b7b6b6; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-left:5px;}
#footer a:link {color:#b7b6b6; text-decoration:none;} #footer a:visited {color:#b7b6b6; text-decoration:none;}
#footer a:hover {color:#666; text-decoration:underline;} #footer a:active {color:#666; text-decoration:none;}

/* ========================================== */


/* ========= Entries theres alot ============ */
.entry {
	margin: 0px 0px 0px 0px;
	text-align:left;
	padding: 5px 10px;
        background: #F9F9F9;
        border-bottom:#969696 2px solid;
        border-left:#969696 1px solid;
        border-right:#969696 1px solid;
	}

.entry  p {
	margin: 2px 0 2px 0;
	padding: 0;
	color:#000;
	}

.entry  img { 
      padding: 5px;
	margin:10px auto;	
      }


.entry  img.alignleft { 
                float: left;
                margin: 3px 3px 3px 0;
                }

.entry  img.alignright { 
                 float: right;
                 margin: 0 3px 3px 3px;

                 }
.post_time, .commentmetadata {

font-size:10px;
color:#666;
font-style:italic;
}		 

.entry ul { padding:0; margin:0;}

.comments { 
text-align:right;
padding:0;
}

.comments a:link{font-size:12px; font-style:italic; margin-bottom:20px;}

/* next and previous posts */

.navigation {width:450px; margin:0 auto; padding:5px; height:30px;}
.alignleft {float:left;}
.alignright {float:right;}


/* comment shit */

#commentlist li {
width:450px;
margin:10px auto;
border:1px dotted #969696;
text-align:left;
padding:10px;
color:#000;
}

#commentlist cite {
color: #000;
font-weight:bold;
font-size:14px;
}
 .n_alt {background:#ffffff;}
 
 .c_alt {background:#f2f2f2;}
 
 
 /* input fields for comments */
 #commentform {text-align:left; padding:15px 0 10px 25px;}


/* most redundant post stuff */

#content .post {
text-align:left;
	margin: 0 10px 15px 10px;
	}
	
/* general #content definitions */
	
#content h2 {
	color: #990000;
        background: #fff;
	font: 0.9em/1.6em Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
        padding-left: 5px;
	border-bottom: 1px solid #969696;
	}

#content h2 a {
	color: #990000;
	link-style: none;
	}

#content h2 a:hover {
	color: #c8c8c8;
	text-decoration: none;
	}
	
#content h3 {
	font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif;
	color: #7f7f7f;
	margin: 1.1em 0 0.2em 10px;
	font-weight: bold;
	}
	
#content h4 {
	font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif;
	color: #7f7f7f;
	border-left: 1em solid #a5c1e5;

	padding: 0 0 0 0.5em;
	margin: 1em 0;
	}
	
#content p, #content dl {
	font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif;
	}
	
#content p, #content ul, #content ol, #content dl, #content img {
	margin: 0 0 0.7em 0;
	}
	
#content li {
	font:Tahoma, Arial, Helvetica, sans-serif;
	}
	
#content dl dt {
	font-weight: bold;
	}
	
#content dl dd {
	margin: 0 0 0.4em 0.5em;
	}
	
#content blockquote p {
	margin: 0 0 1em 2em;
	border-left: 5px solid #434343;
	padding: 0 0 0 1em;
	color: #a8a8a8;
}

	
#content a { color: #990000; text-decoration:none; }
#content a:hover { color: #990000; text-decoration:underline; }

#content #comments {
	margin: 0 20px 20px 25px;
	}
	
#content #comments{
	margin: 0 0 2em 0;
font: 11px Tahoma, Arial, Helvetica, sans-serif;
	}
	
#content #commentlist .comment p, #content #comments .comment li, #content #comments .comment a { 
font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #7f7f7f;	}
#content #comments .comment a:hover { 
font: 11px Tahoma, Arial, Helvetica, sans-serif;
color: #7f7f7f; }
	
#content #comments p {
	margin: 0 0 0.8em 0;
font: 11px Tahoma, Arial, Helvetica, sans-serif;
	}
	
#content #comments .comment .comment-data p {
font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #7f7f7f;
	border-top: 1px dashed #434343;
	border-left: 1px dashed #434343;
	padding: 0 0 0 22px;
	margin: 1.5em 0 0 0;
	}
	
#content #comments .comment .comment-data p a { 
font: 11px Tahoma, Arial, Helvetica, sans-serif;
color: #7f7f7f; }
#content #comments .comment .comment-data p a:hover { color: #7f7f7f; }

#comment {width:450px;}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0 auto;
	padding: 0;
	border: 0 none;
}



/* ========================================== */


/* Ok heres the odd part in order to have the main posts on the page display right we have to actually call them
by their specific id and re format them, so MAKE SURE YOU CHANGE THE POST NUMBERS TO FIX THIS!!!! */

/* main page*/
.clearing {clear:both;}
#contentleft {float:left; width:500px;}
#ads {float:right;}

#post-5 {width:660px;}
#post-5 .entry {border:none; background:#fff; padding:0; margin:0 0 30px 0;}
#post-5 h2 {border:none; padding:10px 0 0 0; margin:0; font-size:26px; }
#post-5 .post_time {display:none;}
#post-5  ul {display:none; }
#post-5 strong{font-weight:bold; color:#990000; }
#post-5 p {line-height:1.6em;}

/*event calendar */
#post-28 h2 {display:none;}
#post-28 .entry { padding:10px 0 0 0; margin:0 0 30px 0; background:#fff; border:none;}
#calendar_wrapLarge h2 {display:block;}
#post-28 {width:500px;}
#post-28 .post_time {display:none;}
#post-28  ul {display:none; }

/*Contact Page */
#post-7 h2 {display:none;}
#post-7 .entry { padding:10px 0 0 0; margin:0 0 30px 0; background:#fff; border:none;}
#post-7 span{display:none;}

#post-7 h8 {font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif;
font-size:16px; font-weight:bolder; color: #900; margin-bottom:0;}
#contactinfo strong {font-weight:bolder;} 
#contactinfo li {font: 12px Tahoma, Arial, Helvetica, sans-serif;
color: #000;}

#contactinfo {width:225px; float:left; padding-right:5px; border-right:1px solid #969696;}
#contactform {width:225px; float:right;}
.theclearing {clear:both;}

#contactform input {width:200px; margin:3px 0;}
#contactform textarea {width:200px; height:90px; margin:3px 0 6px 0;}
#contactform select {margin:3px 0;}

/* The Shop */
#post-24 h2 {display:none;}
#post-24 .entry { padding:10px 0 0 0; margin:0 0 30px 0; background:#fff; border:none; width:630px;}
#post-24 span{display:none;}
#post-24 h5 {font: 0.7em/1.5em Tahoma, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bolder; color: #900; margin-bottom:0;}
#post-24 li {font: 12px Tahoma, Arial, Helvetica, sans-serif; color:#000;}
#ts_left {float:left; width:350px; margin-right:25px;}
#ts_right {float:left; width:220px; border-left:1px solid #999; padding-left:20px}
.ts_clearing {clear:both;}
#theimg{width:630px; text-align:center;}
#theimg img {margin:15px auto; border:2px solid #7f7f7f;}
#ts_left h4 {border:0; color:#990000; font-weight:bold; font-size:14px; margin:0 0 10px 0; text-align:center; padding:0;}
#ts_left p {line-height:1.6em;}
#ts_left strong {font-weight:bold; }

#wp-calendarLarge div{padding:4px}
.red {color:#990000;}

.red {color:#990000;}

q {float:right; width:18em; display:block; margin:1em 0.75em 0.25em 1em; padding:0.7em; background-color:#f0f0f0; text-align:center; font:italic 1.3em/1.3 Georgia; color:#990000}
q.q2 {float:left; width:15em; display:block; margin:.9em 0.75em 0.25em 1em; padding:0.7em;  color:#990000; background-color:#f0f0f0; text-align:center; font:italic 1.3em/1.3 Georgia;}

#warningbox {text-align:center; font:bold 20px arial, san-serif; margin:0 0 15px 0; background-color:#990000; padding:8px 5px 5px 5px;}
#warningbox p {color:#fff;}
.off {display:none;}
.post-data {display:none;}