/*
------------------------------------------------------------------------
Theme Name: Pudgy Chaos
Version: 1.0
Author: Will Pracht
Author URI: http://www.willpracht.net
Completion Date: April 4th, 2009
------------------------------------------------------------------------
*/

/* ERIC MEYER RESET */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
	margin: 0 0 0 40px;
}

/* CSS HURRICANE WILL 2009 */
/* Devastating...          */

body{
background: #000 url('/wp-content/themes/PudgyChaos/images/page_background.png') no-repeat top center;
color: #ccc;
font-family: "Franklin Gothic Medium", "Arial Narrow Bold", "Arial", sans-serif;
font-size: 62.5%; /* 10px */
margin: 0;
padding: 0;
}

/* Generic */
.clear, br{ clear: both; }
.left{ float: left; }
.right{ float: right; }

/* Typography */
h1{ font-size: 2.4em; }
h2{ font-size: 1.8em; }
h3{ font-size: 1.8em; }
h4{ font-size: 1.4em; }
h5{ font-size: 1.2em; }
h6{ font-size: 1.0em; }

h1,h2,h3,h4,h5,h6{ font-weight: normal; }

#main_header h1{
height: 1px;
text-indent: -5000px;
}

/* Links */
a,a:visited,a:active{
color: #ccc;
text-decoration: none;
outline: none;
}

a:hover{
color: #fff;
text-decoration: none;
}
 
/* Containers */
#main_container{ /* Site-Wide Container - White area should be 1110px wide */
background: #000 url('/wp-content/themes/PudgyChaos/images/container_bg.png');
border-bottom: 0;
border-top: 0;
margin: auto;
padding: 10px 40px 40px 40px;
width: 1110px;
}

#main_header{ /* Header Image, Top Navigation */
background: url('/wp-content/themes/PudgyChaos/images/header_image.png') no-repeat;
height: 166px;
margin: auto;
position: relative;
width: 1190px;
}

#navigation-top{
height: 44px;
font-size: 1.4em;
float: right;
margin-top: 32px;
width: 550px; 
}

#navigation-top dd{
display: inline-block;
height: 44px;
line-height: 44px;
text-align: center;
width: 105px;
}
 
#navigation-top dd a{
display: block;
height: 44px;
width: 105px;
}

#navigation-top dd a:hover{
color: #fff;
}

#sitename{ margin: 20px 0 25px 0; }

#featured{
background: url('/wp-content/themes/PudgyChaos/images/featured_bg.png') no-repeat;
color: #ccc;
margin-bottom: 5px;
padding: 8px 5px 8px 5px; 
width: 880px;
}

#featured h4{
height: 18px;
line-height: 1.5em;
}

#featured img{
margin-top: 5px;
}

.featured_excerpt{
font-size: 1.3em;
line-height: 1.2em;
margin-top: 5px;
} 

/* Tiny Boxes */
#tiny_container{ /* Wrapper for Tiny Projects on INDEX.PHP */
margin: auto;
} 

.tiny{ /* Individual Project Containers for Image + Title, wrapped in #tiny_container */
background: #222;
float: left;
width: 208px;
height: 201px; 
margin-bottom: 5px;
margin-right: 6px; 
padding: 5px;
}

.tiny_img{ /* Div around tiny image (somewhat div saturation...but whatever */
width: 208px;
height: 185px;
}

.tiny_bottom{ /* contains <h3>project title</h3> and .post-ratings box */
height: 20px;
line-height: 20px;
width: 208px;
}

.tiny_bottom h3{
font-size: 1.0em;
line-height: 22px;
float: left;
overflow: hidden;
padding: 0;
width: auto;
}

/* Forms */
label{ font-size: 1.2em; }

input[type='text'],textarea{

border: 0;
background: #222;
color: #999;
display: inline;
height: 20px;
font-size: 1.4em;
margin: 5px auto;
padding: 3px;
font-family: "Franklin Gothic Medium", "Arial Narrow Bold", "Arial", sans-serif;
width: 194px;
}

textarea{
width: 400px;
height: auto;
}

input[type='button'],input[type='submit']{
background: #222;
border: 0;
font-size: 1.4em;
color: #fff;
height: 25px;
line-height: 25px;
width: auto;
float: right;
}

#commentform{
clear: both;
float: left;
margin-bottom: 15px;
}

#commentform ul.stripped{
clear: both;
}

/* Comments */
.comment_container{
background: #222;
margin: 0 0 15px 0;
width: 700px;
position: relative;
}

.comment_container .left{ width: 100px; }
.comment_container .right{ width: 590px; padding: 5px;  }

.comment_author{
font-size: 2.2em;
color: #518ba5;
}

.comment_date{
font-size: 1.0em;
}

.comment_content{
padding: 15px 0 15px 0;
font-size: 14px;
}

.comment_edit{
font-size: 1.2em;
height: 15px;
line-height: 15px;
background: #cfcfcf;
width: 690px;
padding: 5px;
}



#comments_logged_in{
font-size: 1.2em;
float: left;
clear: both;
}

.nocomments{
margin: 15px 0 0 0;
float: left;
clear: both;
}

h6.comments{
float: right;
margin-top: 5px;
font-size: 1.0em;
}

/* Content */
#content{
float: left;
padding-top: 2px;
width: 900px;
clear: both;
}

#content a{
color: #666;
}

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

/* Sidebar */
#sidebar{
float: right;
padding-top: 10px;
width: 200px;
}

.categories{
margin-bottom: 10px;
}

.cat-item{
background: #000 url('/wp-content/themes/PudgyChaos/images/cat_background.png') no-repeat;
color: #999;
font-size: 1.3em;
height: 15px;
line-height: 1.3em;
margin-top: 5px;
padding: 5px;
}

h2.sidebar{
font-size: 1.8em;
padding-bottom: 3px;
border-bottom: 1px solid #cfcfcf;
}

/* Footer */
#footer{ /* Footer Container */
clear: both;
height: 100px;
padding-top: 25px;
} 
 
#nav_bottom{ /* Footer Navigation (<ul>) */
font-size: 1.2em;
margin: auto;
width: 700px;
}

#nav_bottom a{
color: #aaa;
width: 100px;
display: inline-block;
padding: 8px 0 7px 0;
}

#nav_bottom a:hover{
text-decoration: none;
background: #222;
color: #fff;
}

#nav_bottom li{
float: left;
display: inline-block;
width: 100px;
}

#content_footer{ /* Left side of footer, sits right under content div */
width: 900px;
height: auto;
text-align: center;
border: 1px solid #cfcfcf;
border-left: 0;
border-right: 0;
}

/* Global Guts™ */

	/* Lists */
	.stripped, .stripped li, .stripped dd{
	margin: 0;
	padding: 0;
	list-style: none;
	}
		
	/* Horizontal Rules */
	hr{
	border: 0;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #cfcfcf;
	height: 0px;
	}
	
	hr.search{ width: 200px; }
	
	hr.title{ width: 890px; }
	
	/* Miscellaneous */
	.clear, br{ clear: both; }
	.left{ float: left; }
	.right{ float: right; }



.post-ratings{
width: 30px !important;
height: 20px !important;
float: right !important;
margin: 0 !important;
padding: 0 !important;
text-align: right !important;
}

.post-ratings .rating, .post-ratings img{ float: left; }
.post-ratings .rating{
font-size: 1.0em !important;
height: 20px !important;
}

/* Titles and Other Page/Singles Objects */

h2.title_hidden{ /* Hidden Title Text for Site (Accessibility) */
text-indent: -5000px;
height: 0;
}

h3#reply{
clear: both;
float: left;
margin: 25px 0 15px 0;
text-decoration: underline;
}

/*h2.featured_title{ /* Was used for Featured Project title on index.php... may be deleted I think 
float: left;
padding: 5px 10px 0 0;
}*/

h2.title,h3.title_comment{ /* Unsure what this is... TEST PLZ */
margin: 5px 0 15px 0;
clear: both;
}

h2.title{
margin-bottom: 6px;
}

h2.title_page,h2.title_archive{ /* Title for single.php & page.php, archive/search/categories */
float: left;
height: 25px;
font-size: 1.9em;
font-weight: bold;
letter-spacing: 0.5px;
color: #999;
}

div.title{ /* Wrapper for h2.title, h3.title and such */
width: 880px;
text-transform: uppercase;
height: 25px;
line-height: 29px;
margin: 0;
padding: 3px 5px 25px 5px;
}

.archive_container{
background: #090909;
border: 1px solid #cfcfcf;
border-left: 0;
border-right: 0;
clear: both;
float: left;
width: 890px;
margin-bottom: 20px;
}

.archive_left{
float: left;
width: 218px;
}

.archive_right{
width: 662px;
float: right;
}

.archive_right p{
font-size: 1.4em;
line-height: 1.1em;
margin: 5px 0 5px 5px;
}

/* Page Titles - Completely redone...for the 9th time... */
/* Looks to be working...finally... */
.title_container{ /* title bar wrapper */
text-transform: uppercase;
height: 25px;
line-height: 25px;
margin: 0;
padding: 4px 0 0 0;
}

.title_container h2{ /* Page Title */
float: left;
height: 25px;
letter-spacing: 0.5px;
color: #ccc;
}

.title_container h4{ /* Article Date */
float: right;
font-size: 1.2em; 
text-transform: none;
}

.single{ /* Single/Page width for title_wrapper */
border-bottom: 1px solid #ccc;
width: 880px;
}

.archive{ /* Archive width for title_wrapper */
width: 652px;
}
/*----------------------------------------------------------------------------------------*/

div.categories_container{ /* Wrapper for Categories, Tags, Etc at bottom of SINGLE */
background: #222;
width: 880px;
height: auto;
line-height: 29px;
margin: 0;
min-height: 45px; 
border-top: 1px solid #fff;
padding: 3px 5px 5px 5px;
}

.post_edit{ clear: both; float: left; }
#post_edit{ clear: both; float: left; }

div.addthis_container{ /* Wrapper for Hearts & AddThis at bottom of Singles */
width: 70px;
height: 16px;
line-height: 16px;
float: right;
margin-top: 5px;
}

h3.category, h4.category{
float: left;
margin-top: 5px;
font-size: 1.2em;
padding: 0;
height: 12px;
line-height: 12px;
}

div.tags{
clear: left;
float: left;
font-size: 1.2em;
height: 12px;
line-height: 12px;
margin: 0;
padding-top: 3px;
}

div.addthis{
float: right;

}

h4.date{
float: right;
font-size: 1.2em; 
text-transform: none;
}

h5.date{
float: left;
clear: both;
font-style: italic;
}

.post_body .left{
float: left;
width: 210px
}

.post_body .right{
float: right;
width: 650px;
}

.post_body{
clear: both;
margin-top: 15px;
float: left;
margin: 0 0 25px 0;
width: 885px;
}

.post_body p{
letter-spacing: 0.03em;
font-size: 1.4em;
line-height: 1.3em;
padding: 10px 10px 10px 0;
}
 
.post_body img{ margin: 2px 0 2px 0; }
.post_body embed{ margin: 4px 0 0 0; }
.results img{ margin: 0; }

h6.continue_reading{
width: 900px;
clear: both;
margin-top: 10px;
}

#home-link{
display: block;
height: 165px;
left: 0;
position: absolute;
top: 0;
width: 600px;
}