/*
Theme Name: Doomzoggle1
Theme URI: http://zoomdoggle.com/
Description: The theme for Zoomdoggle.com. Booyah.
Version: 1.0
Author: Josh Pigford
Author URI: http://sabotagemedia.com/
*/

/*----------------------------------------------------------------------------- 
GLOBAL RESET - Standardizes elements across all browsers
-----------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, 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-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
:focus {
  outline: 0;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html, body { height: 100%; }

/*----------------------------------------------------------------------------- 
GLOBAL STYLING - Elements that are applied throughout the site
-----------------------------------------------------------------------------*/
body {
  font-size: 62.5%;
  font-family: Arial, Verdana, sans-serif;
  background: url('images/bgr-grid.png');
  color: #232323;
}
a {
  color: #ff0056;
}
a:hover {
  color: #3fa7ff;
}


/*----------------------------------------------------------------------------- 
WRAPPER
-----------------------------------------------------------------------------*/
#outer {
  /*background: url('images/bgr-doodle-featured.png') 50% -92px no-repeat;*/
  background: url('images/bgr-doodle-featured.png') center top no-repeat; 
  min-height: 100%;
  padding: 5px 0 0 0;
}
* html #outer {
  height: 100%;
}

/*----------------------------------------------------------------------------- 
HEADER
-----------------------------------------------------------------------------*/
#leaderboard {
  width: 728px;
  height: 90px;
  margin: 0 auto 2px auto;
  /*background: #75af72;*/
}
#header {
  background: url('images/bgr-header.png') 0 4px repeat-x;
}
#header_inner {
  width: 960px;
  margin: 0 auto;
}
h1 a {
  background: url('images/img-logo.png') no-repeat scroll top left;
  width: 119px;
  height: 112px;
  display: block;
  text-indent: -9999em;
  float: left;
  margin-left: -5px;
}
* html h1 a {
  background-image: url('images/img-logo-ie.png');
}
#header ul {
  float: left;
  font-weight: bold;
  font-size: 1.6em;
  margin: 24px 0 0 5px;
  text-transform: uppercase;
}
#header ul a {
  color: #fff;
  text-decoration: none;
  padding: 0 4px 6px 4px;
}
#header ul a:hover {
  background: url('images/bgr-underline.png') 50% 100% no-repeat;
}
#header li {
  float: left;
  margin-right: 15px;
}
#header form {
  float: right;
  margin: 20px 0 0 0;
}
#header form input {
  background: url('images/bgr-search.png') no-repeat;
  border: 0;
  width: 193px;
  padding: 4px 20px 4px 6px;  
  color: #949494;
}


/*----------------------------------------------------------------------------- 
FEATURED
-----------------------------------------------------------------------------*/
#featured {
  width: 960px;
  margin: 32px auto 0 auto;
}
#featured li {
  float: left;
  margin: 0 0 0 11px;
  height: 186px;
  width: 305px;
}


/*----------------------------------------------------------------------------- 
MAIN
-----------------------------------------------------------------------------*/
#main {
  width: 960px;
  margin: 20px auto;
}


/*----------------------------------------------------------------------------- 
CONTENT
-----------------------------------------------------------------------------*/
#content_wrapper {
  float: left;
  width: 636px;
}
#content {
  background: url('images/bgr-content.png') repeat-y;
  padding: 10px 15px;
  min-height: 825px;
}
* html #content {
  background-image: url('images/bgr-content-ie.png');
  height: 825px;
}
.content_header {
  background: url('images/cnr-content-top.png') no-repeat;
  width: 636px;
  height: 3px;
}
* html .content_header {
  background-image: url('images/cnr-content-top-ie.png');
  margin-bottom: -10px;
}
.content_footer {
  background: url('images/cnr-content-bottom.png') no-repeat;
  width: 636px;
  height: 6px;
}
* html .content_footer {
  background-image: url('images/cnr-content-bottom-ie.png');
}
#content h2 {
  font-size: 3em;
}
#content h2 a {
  color: #85ae82;
  text-decoration: none;
  font-weight: normal;
}
#content .entry {
  margin: 0 0 25px 0;
}
#content .entry .post {
  font-size: 1.5em;
  line-height: 1.5em;
}
#content .entry .post p {
  margin: 0 0 .8em 0;
}
#content .entry img {
  padding: 5px;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-top: 0;
  border-left: 0;
}
.alignleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.alignright {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}
.aligncenter {
  text-align: center;
  margin: 0 auto;
}
.postmeta {
  background: #f7f7f7;
  border-bottom: 1px solid #dbdbdb;
  font-size: 1.2em;
  padding: 8px;
  color: #8b8b8b;
  margin: 5px 0 0 0;
}
a.akst_share_link {
  color: #0e6ab9;
  text-decoration: none;
}
.comment_byline {
  font-size: 1.4em;
  color: #9aa0a4;
  margin: 0 0 .8em 0;
}
.comment_byline a {
  color: #708FA4;
}
.comment_byline a:hover {
  color: #3979A4;
}
.commentlist li, #commentform input, #commentform textarea {

}
.commentlist li {
	font-weight: bold;
}
.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	line-height: 1.4em !important;
}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	font-size: 1.3em;
}
.commentmetadata {
	font-weight: normal;
	display: block;
}
.commentmetadata a {
  color: #708FA4;
  text-decoration: none;
}
.commentmetadata a:hover {
  color: #3979A4;
}
.alt {
	margin: 0;
	padding: 10px;
}
.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
  border-bottom: 1px solid #f2f2f2;
}
.commentlist p {
	margin: 10px 5px 10px 0;
}
#commentform p {
	margin: 5px 0;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
.navigation {
  font-size: 1.4em;
  margin: 10px 0;
}

/*----------------------------------------------------------------------------- 
SIDEBAR
-----------------------------------------------------------------------------*/
#sidebar {
  float: right;
  width: 316px;
}
#sidebar h4 {
  font-size: 1.8em;
  font-weight: normal;
  color:#f50053;
}
#imjake {
  background: url('images/bgr-imjake.png') no-repeat;
  width: 316px;
  height: 116px;
  margin: 0 0 10px 0;
}
#imjake p {
  float: right;
  width: 160px;
  margin: 35px 15px 0 0;
  font-family: Georgia, Times, 'Times New Roman', serif;
  font-size: 1.2em;
  line-height: 1.2em;
}
.module {
  width: 316px;
  margin: 0 0 10px 0;
}
.module_header {
  background: url('images/cnr-sidebar-top.png') no-repeat;
  width: 316px;
  height: 5px;
}
* html .module_header {
  background-image: url('images/cnr-sidebar-top-ie.png');
  margin-bottom: -10px;
}
.module_footer {
  background: url('images/cnr-sidebar-bottom.png') no-repeat;
  width: 316px;
  height: 5px;
}
* html .module_footer {
  background-image: url('images/cnr-sidebar-bottom-ie.png');
  margin-bottom: -10px;
}
.module_content {
  background: url('images/bgr-sidebar.png') repeat-y;
  padding: 2px 10px 4px 10px;
}
* html .module_content {
  background-image: url('images/bgr-sidebar-ie.png');
}
#sidebar_doodles {
  background: url('images/bgr-sidebardoodles.png') no-repeat;
  width: 300px;
  height: 262px;
  margin: -11px auto 0 auto;
}
.random_post {
  padding: 5px 10px;
}
.random_post a {
  background: url('images/btn-random.png') 0 0 no-repeat;
  width: 98px;
  height: 98px;
  display: block;
  text-indent: -9999em;
  float: right;
}
.random_post a:active {
  background-position: 0 -98px;
}
.random_post h5 {
  background: url('images/txt-randompost.png') no-repeat;
  width: 168px;
  height: 58px;
  display: block;
  text-indent: -9999em;
  margin: 10px 0 0 10px;
}
.random_post p {
  text-align: center;
  font-family: Georgia, Times, 'Times New Roman', serif;
  color: #6e8c9f;
  font-size: 1.2em;
  margin: 5px 0 0 0;
}
.random_post p span {
  color: #ff0056;
  font-size: 1.5em;
}
.tips {
  padding: 5px 10px;
}
.tips a {
  background: url('images/tips.png') 0 0 no-repeat;
  width: 305px;
  height: 101px;
  display: block;
  text-indent: -9999em;
  margin: 0 0 0 0;
  float: left;
}
.records {
  padding: 5px 10px;
}
.records a {
  background: url('images/worldrecords.png') 0 0 no-repeat;
  width: 305px;
  height: 101px;
  display: block;
  text-indent: -9999em;
  margin: 0 0 0 0;
  float: left;
}
.buckyballs {
  padding: 5px 10px;
}
.buckyballs a {
  background: url('images/buckyballs.png') 0 0 no-repeat;
  width: 305px;
  height: 101px;
  display: block;
  text-indent: -9999em;
  margin: 0 0 0 0;
  float: left;
}
.puppy {
  padding: 5px 10px;
}
.puppy a {
  background: url('images/puppynamer.png') 0 0 no-repeat;
  width: 305px;
  height: 101px;
  display: block;
  text-indent: -9999em;
  margin: 0 0 0 0;
  float: left;
}
.rss {
  padding: 5px 10px;
}
.rss a {
  background: url('images/rss.png') 0 0 no-repeat;
  width: 305px;
  height: 101px;
  display: block;
  text-indent: -9999em;
  margin: 0 0 0 0;
  float: left;
}
.fun {
  padding: 5px 10px;
}
.fun a {
  background: url('images/fun.png') 0 0 no-repeat;
  width: 305px;
  height: 101px;
  display: block;
  text-indent: -9999em;
  margin: 0 0 0 0;
  float: left;
}
.idea {
  padding: 5px 10px;
}
.idea a {
  background: url('images/idea.png') 0 0 no-repeat;
  width: 305px;
  height: 101px;
  display: block;
  text-indent: -9999em;
  margin: 0 0 0 0;
  float: left;
}
.love {
  padding: 5px 10px;
}
.love a {
  background: url('images/love.png') 0 0 no-repeat;
  width: 305px;
  height: 101px;
  display: block;
  text-indent: -9999em;
  margin: 0 0 0 0;
  float: left;
}
.recent_comments ul {
  margin: 4px 0 0 0;
}
.recent_comments img {
  float: left;
  padding: 2px;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-top: 0;
  border-left: 0;
  margin-right: 4px;
}
.recent_comments li {
  font-size: 1.2em;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 5px;
  margin-bottom: 5px;
  line-height: 1.2em;
}
.popular_articles ul {
  margin: 4px 0 0 0;
}
.popular_articles li {
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 5px;
  margin-bottom: 5px;
  line-height: 1.2em;
}
.popular_articles li .title a {
  color: #008aff;
  text-decoration: none;
  font-size: 1.5em;
}
.popular_articles li a:hover {
  text-decoration: underline;
}
.popular_articles .meta {
  font-size: 1.2em;
  color: #757575;
}
.simple_pleasures ul {
  margin: 4px 0 0 0;
}
.simple_pleasures li {
  font-size: 1.2em;
  line-height: 1.2em;
  color: #525252;
}
.simple_pleasures img {
  padding: 3px;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-top: 0;
  border-left: 0;
  margin: 0 0 4px 0;
}
.ad {
  text-align: center;
  padding: 2px 0 4px 0 !important;
  font-size:.9em;
  color:#525252;
  line-height: 1.4em;
}

/*----------------------------------------------------------------------------- 
FOOTER
-----------------------------------------------------------------------------*/
#footer_top {
  background: url('images/bgr-footer.png') 50% 0 no-repeat;
  width: 100%;
  height: 75px;
}
#footer {
  background: #232323;
  color: #fff;
  text-transform: uppercase;
}
#footer h5 {
  font-size: 1.8em;
  font-weight: normal;
  color:#85ae82;
}
#footer_inner {
  width: 960px;
  margin: 0 auto;
  padding: 20px 0;
}
#footer_inner .about, #footer_inner .whatnext, #footer_inner .categories, #footer_inner .friends {
  min-height: 160px;
}
#footer .to_doggle {
  margin: 0 0 10px 0;
}
#footer .about {
  float: left;
  width: 287px;
  padding: 0 18px 0 0; 
  border-right: 1px solid #707070;
}
#footer .about p {
  font-size: 1.1em;
  margin: 0 0 5px 0;
  line-height: 1.4em;
}
#footer .whatnext {
  float: left;
  padding: 0 18px;
  border-right: 1px solid #707070;
}
#footer .whatnext a, #footer .friends a {
  font-size: 1.1em;
  color: #fff;
  text-decoration: none;
  line-height: 1.4em;
}
#footer .whatnext a:hover, #footer .friends a:hover {
  text-decoration: underline;
}
#footer .categories {
  float: left;
  padding: 0 18px;
  border-right: 1px solid #707070;
}
#footer .categories select {
  margin: 0 0 10px 0;
}
#footer .friends {
  float: left;
  padding: 0 0 0 18px;
  width: 260px;
}
#footer .friends li {
  width: 50%;
  float: left;
}
#footer select {
  width: 140px;
}


/*----------------------------------------------------------------------------- 
sIFR
-----------------------------------------------------------------------------*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}
.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}
.sIFR-active #content h2 { 
  visibility:hidden;
  margin: -.1em 0 !important;
}
.sIFR-active #content h3 { 
  visibility:hidden; 
  margin: -.1em 0 !important;
}
.sIFR-active #sidebar h4 { 
  visibility:hidden; 
  margin: -.1em 0 -.3em 0 !important;
}
.sIFR-active #footer h5 { 
  visibility:hidden; 
  margin: -.1em 0 -.2em 0 !important;
}


/*----------------------------------------------------------------------------- 
HACKS - Global browser hacks to make everybody play nice
-----------------------------------------------------------------------------*/
#header:after, #featured:after, #main:after, #footer_inner:after, 
.module_content:after, .recent_comments li:after, .post:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#header, #featured, #main, #footer_inner, 
.module_content, .recent_comments li, .post {display:inline-block;}
/* Hide from IE Mac \*/
#header, #featured, #main, #footer_inner, 
.module_content, .recent_comments li, .post {display:block;}
/* End hide from IE Mac */