/*
Theme Name: Bagging
Theme URI: http://www.teabaggames.net
Description: WP theme for Teabag Games
Author: Charles Montgomery
Author URI: not yet
Tags: Teabag, Tea
*/

* { margin: 0px; padding: 0px; }
body { 
	font-size: 62.5%; 
	font-family: Georgia, Helvetica, sans-serif;
	background: url(images/page_back.jpg) top left repeat;
}
.clear { clear: both; }

/*
	Typography
*/
p, li {
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0 0 10px 0;
}
p#intro-paragraph {
	font-family: Georgia, serif;
	font-size: 2em;
	font-style: italic;
	line-height: 1.4em;
	margin-top: 5px;
}
p#intro-paragraph span {
	font-size: 2.4em;
	font-weight: bold;
}
p#intro-paragraph em {
	color: #990000;
}
#main-col p {
	color: white;
	font-size: 1.5em;
}
.content {
	padding: 5px;
	background: url(images/foot_back.png) repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
li {
	list-style: none;
}
a {
	color: white;
	text-decoration: none;
}
a:hover {
	color: #acab13;
}
a h5:hover {
	color: #acab13;
}
.title { color: white; }
h1 { font-size: 3.6em; font-family: Georgia, serif; font-weight: normal; color: white; }
h2 { font-size: 2.8em; font-family: Georgia, serif; font-weight: normal; color: white; }
h3 { font-size: 2.6em; font-family: Georgia, serif; font-weight: normal; margin: 0 0 10px 0; color: white; }
h4 { font-size: 2.0em; font-family: Georgia, serif; font-weight: normal; margin: 0 0 15px 0; color: white; }
h5 { font-size: 1.9em; font-family: Georgia, serif; font-weight: normal; margin: 0 0 15px 0; color: white; }
h6 { font-size: 1.6em; font-weight: normal; line-height: 1.3em; }

/*
	structure
*/

#pagewrap {
	width: 960px;
	margin: 0px auto -250px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#push {
	height: 250px;
}
#socialsidebar { width:190px; float: left; margin-right: 15px; padding: 5px; }
#socialsidebar a img { border: none; }
#main-col { width: 540px; float: left; }
#linksidebar { width: 190px; float: right;	color: white; }
#linksidebar h2 {
	padding: 5px;
}
#linksidebar a {
	font-size: 1.2em;
	padding: 0 0 0 5px;
}

/*
	header
*/

#top-bar h1 {
	font-size: 6em;
	width: 288px;
	height: 33px;
	margin: 5px;
	padding: 5px;
}
#top-bar {
	padding: 20px 0px 0px 0px;
	background: url(images/foot_back.png) repeat;
}
#top-bar p {
	width: 300px;
	float: left;
}
form#searchform {
	margin: 0px 0px 10px 0px;
	padding: 5px;
	float: right;
}

/*
	menu
*/

#menu-bar { padding: 11px 5px 5px 5px; margin-bottom: 20px; }
ul#main-nav { width: 360px; float: left; margin: 10px 0 0 0; }
ul#extra-nav { width: 360px; float: right; text-align: right; margin: 10px 0 0 0; }
ul#main-nav li, ul#extra-nav li { display: inline; }
ul#main-nav li a, ul#extra-nav li a { text-transform: uppercase; color: white; font-size: 1.2em; padding: 3px 8px;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
}

ul#main-nav li a:hover,
ul#extra-nav li a:hover {
	background: white; color: #acab13;
}

/*
	twitter
*/
#tweet {
	padding: 5px;
	width: 180px;
	height: 400px;
	margin-top: 25px;
	color: white;
	font-size: 1.3em;
	background: url(images/tweet_back.png) no-repeat;
}
#tweet h5 {
	color: #acab13;
}
.twitter {
	width: 175px;
}

/*
	Blog entries
*/
.post h2 { }
.datebox {
	width: 36px;
	float: left;
	padding: 10px;
	background: #acab13;
	text-align: center;
	margin: 0 10px 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.day { font-size: 3.4em; font-weight: bold; margin: 0; }
.month { font-size: 1.8em; font-weight: bold; text-transform: uppercase; margin: 0; }
.year { font-size: 1.6em; font-weight: bold; margin: 0; }
ol.commentlist { list-style: none; }
ol.commentlist li p { font-size: 1.0em; }
.comment-bubble { background: #acab13; color: white; padding: 10px;
	border-radius: 5px; 
	-moz-border-radius: 5px;
}

/*
	Formtypes
*/
.inputs {
	background: url(images/foot_back.png) repeat;
	border: 1px solid #acab13;
	color: #acab13;
	margin: 5px;
}
.inputsearch {
	background: none;
	border: 1px solid #acab13;
	color: #acab13;
	margin: 5px;
}
.butt {
	background: white;
	color: #acab13;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: none;
	margin: 5px;
}
.butt:hover {
	background: url(images/foot_back.png) repeat;
}
.commentid {
	color: white;
}

/*
	Footer
*/
#footer { 
	height: 250px;
	padding-top: 20px;
	background: url(images/foot_back.png) repeat;
}
#footer-inside { width: 960px; margin: 0 auto; text-align: center; color: white; font-size: 1.5em; }