/*
Theme Name: Today In Design
Theme URI: http://wordpress.org/
Description: The theme for the TodayInDesign.com site...
Version: 1.0
Author: Ross Johnson
Author URI: http://www.3point7designs.com/
*/



/* Begin Typography & Colors */
/* 
  
  .oooo.        ooooooooo    oooooooooo.   oooooooooooo  .oooooo..o ooooo   .oooooo.    ooooo      ooo  .oooooo..o 
.dP""Y88b      d"""""""8'    `888'   `Y8b  `888'     `8 d8P'    `Y8 `888'  d8P'  `Y8b   `888b.     `8' d8P'    `Y8 
      ]8P'           .8'      888      888  888         Y88bo.       888  888            8 `88b.    8  Y88bo.      
    <88b.           .8'       888      888  888oooo8     `"Y8888o.   888  888            8   `88b.  8   `"Y8888o.  
     `88b.         .8'        888      888  888    "         `"Y88b  888  888     ooooo  8     `88b.8       `"Y88b 
o.   .88P  .o.    .8'         888     d88'  888       o oo     .d8P  888  `88.    .88'   8       `888  oo     .d8P 
`8bd88P'   Y8P   .8'         o888bood8P'   o888ooooood8 8""88888P'  o888o  `Y8bood8P'   o8o        `8  8""88888P'  

  
 Like the code you see? - www.3point7designs.com

  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
  || TABLE OF CONTENTS 									        ||
  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 
  =01 : UNIVERSAL SELECTORS
  =02 : BODY STRUCTURE
  =03 : LINKS
  =04 : NAVIGATION
  =05 : HELPER CLASSES
  =06 : ACCESSIBILITY
  =07 : TABLES


  MARGINS:

  SMALL t10px / b10px
  DEFAULT  t20px / b20px
  LARGE t30px / b30px

*/

/* =01 : UNIVERSAL SELECTORS */

* { }
html, body { margin: 0; font-family: futura,verdana, helvetica, 'franklin gothic', 'Franklin Gothic Medium', arial, san-serif;  padding: 0; background: #181818; color: #fff;}


/* =02: HTML5 BASED NAMING CONVENTIONS + BODY STRUCTURE */

#pagewidth

.article {}
.section {}
.aside

.navigation {}

#header { margin: 60px 0 0 0; position: relative;}
	#logo, #logo a { margin: 0; color:  #fff;font-family: 'times','times new roman', 'georgia', serif; font-size: 40px; text-decoration: none; letter-spacing: -2px;}
	#logo span { font-style: italic; font-weight: bold; letter-spacing: -4px;}

	.todays-date { color: #ffd932; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; margin: 0 0 5px 0;}
	.todays-date span { float:  right; color: #333;}
	.todays-date a { color: #999; padding: 0 15px 0 15px;}

	#main-nav { list-style: none; margin: 0; padding: 0; position: absolute; right: 0; bottom: 0; }
	#main-nav li { display: inline; margin: 0; padding: 0 0 0 20px; font-family: verdana, helvetica, 'franklin gothic', 'Franklin Gothic Medium', arial, san-serif; }
	#main-nav li a { color: #fff; text-transform: uppercase; padding: 5px 3px 5px 3px; }
	#main-nav li a:hover { text-decoration: none; background: #333; }

#footer { padding: 60px 0 20px 0; color: #999; text-transform: uppercase; font-family: 'times','times new roman', 'georgia', serif;}
#footer a { color: #fff;} #footer p { line-height: 20px; margin: 0;}
#footer span { line-height: 40px; text-align: right;}


#content { margin-top: 60px;}
#content a { color: #ffd932;}
#content h2, #content h2 a { color: #ffd932; text-decoration: none;  font-weight: bold; font-size: 16px; font-family: 'times','times new roman', 'georgia', serif; text-transform: uppercase; letter-spacing: 3px; }
#content h2 span { font-size: 11px;display:  block; font-weight: 100 !important;font-family: futura, verdana, helvetica, 'franklin gothic', 'Franklin Gothic Medium', arial, san-serif; color: #aaa; letter-spacing: 2px;}

.srssfetcher { list-style: none; margin:0 0 60px 0; }
.srssfetcher li { font-family: verdana, helvetica, 'franklin gothic', 'Franklin Gothic Medium', arial, san-serif; margin:0; padding: 0; background: #555555; line-height: 1.2em; background: #252525; border-bottom: 1px solid #151515; width: 144px; height: 144px; margin: 0 6px 6px 0; float: left; }
.srssfetcher li.c10 { background: #222; }
.srssfetcher li.c9 { background: #0A0A0A; }
.srssfetcher li.c8 { background: #0F0F0F; }
.srssfetcher li.c7 { background: #111; }
.srssfetcher li.c6 { background: #1A1A1A; }
.srssfetcher li.c5 { background: #1F1F1F; }
.srssfetcher li.c4 { background: #222; }
.srssfetcher li.c3 { background: #2A2A2A; }
.srssfetcher li.c2 { background: #2F2F2F; }

.srssfetcher li a { display: block; text-decoration: none; color: #ddd !important; font-size: 12px; line-height: 1.3em; letter-spacing: -1px; width: 134px; height: 134px; padding:  5px; overflow: hidden;}
.srssfetcher li a:hover { background: #fff; text-decoration: none; color: #111 !important; position: absolute; font-size: 14px; width: 175px; height: 175px; font-weight: bold;}

#content-main {}
#content-sup {}

.row-one, .row-two, .row-three, .row-four { clear: both; padding-top: 60px;}

/* =03: LINKS */

a { }
a:hover { text-decoration: none; }
a:vistied {}
a:active {}


/* =04: NAVIGATION */


#main_nav { list-style: none; margin: 0; padding: 0; }

/* 
ACCESSIBLE CSS ROLL OVERS 
#main_nav li a { display: block; float: left; width: 0px; height: 0px; text-indent: -99999px; overflow: hidden; }
*/

#subnav {}

#breadcrumbs { list-style: none; margin: 0 0 18px 0; padding: 0; }
#breadcrumbs li { display: inline; font-size: 10px; color: #999; }
#breadcrumbs li a { color: #666; }

/* =06: HELPER CLASSES */

.tac, .center { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }

.fl, .left { float: left; }
.fr, .right { float: right; }

.imgfl { float: left; margin-right: 18px; }
.imgfr { float: right; margin-left: 18px; }

.clear { clear: both; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.nolist, .nolist li { margin: 0; padding: 0; list-style: none;}

/* =07: ACCESSIBILITY */

#skiplinks { position: absolute; top: -500px; }

/* =08: TABLES */

table
table tr
table td
summary {}
th {}
legend {}