/*  
Theme Name: TypeAndGrid
Theme URI: http://wordpress.org/
Description: The theme by <a href="http://www.veckd.com" title="veckd">veckd.com</a>
Version: 1.0
Author: Greg Ponchak
Author URI: http://veckd.com/

Enjoy the theme =D

*/
  /* Basic Setup */
  
  	* { list-style:none;padding:0;margin:0;text-decoration:none;border:0;font-weight:normal; }
  	body { background:#fff url(bg.jpg);font-family:helvetica, arial, sans-serif;color:#333;line-height:18px;font-size:11px; }
  	a { color:#ff0096;text-decoration:underline; }
  	a:hover { text-decoration:none; }
  	b { font-weight:bold; }
  	blockquote { padding:10px;color:#aaa; }
  	h1, h1 a { text-decoration:none;line-height:30px;font-size:30px;color:#ff0096; }
  	h2, h2 a { text-decoration:none;line-height:26px;font-size:26px;color:#ff0096; }
  	h3, h3 a { text-decoration:none;line-height:22px;font-size:22px;color:#ff0096; }
  	h4, h4 a { text-decoration:none;line-height:18px;font-size:18px;color:#ff0096; }
  	h5, h5 a { text-decoration:none;line-height:14px;font-size:14px;color:#ff0096; }
  	p { margin-bottom:10px; }
  	small { font-size:10px; }
  	
  /* Standard Classes */
  
  	.clear { clear:both; }
  	
  /* Basic Layout */
  
  	#container { width:807px;padding:240px 0 0 80px; }
  	.twocolcontent { float:left;width:577px; }
  	.twocolside { float:left;width:200px;padding-left:15px; }
  	
  /* Header */
  
  	#nav { background:#fff;border-top:2px solid #333;height:50px;left:0;right:0;position:fixed !important;position:absolute;top:0;width:auto !important;width:100%; }
  	#nav ul { margin-left:80px;height:50px; }
  	#nav ul li { display:inline; }
  	#nav ul li a { text-decoration:none;display:block;float:left;height:48px;line-height:48px;color:#777;border-bottom:2px solid #fff;padding:0 20px; }
  	#nav ul li a:hover, #nav li.active a, .current_page_item a, #nav li.current_page_item a { color:#ff0096;border-bottom:2px solid #ff0096; }
  	
  	h2#header a { font-size:100px;height:100px;overflow:hidden;letter-spacing:-6px;color:#ff0096;line-height:140px;position:absolute;top:90px;left:80px; }
  	#description { width:249px;height:33px;background:url(description.png) no-repeat !important;background:url(description.gif) no-repeat;position:absolute;top:90px;left:671px;line-height:23px;color:#fff;font-size:14px;letter-spacing:-1px;padding:5px; }

  	#options { width:200px;position:absolute;top:0;left:671px; }

  	.box { display:block;float:left;width:10px;height:10px;border:1px solid #ddd;margin:20px 5px; }
  	#black { background:#000; }
  	#gray { background:#aaa; }
  	#blue { background:#008aff; }
  	#purple { background:#ae00ff; }
  	#red { background:#ff003c; }
  	#pink { background:#ff0096; }
  	
  /* Post */
  	
  	.post{ margin-bottom:25px; }
  	.post h2 a, h5 { color:#ff0096;letter-spacing:-2px;font-size:26px;line-height:26px; }
  	.post small { display:block;color:#777; }
  	.content { padding-bottom:15px; }
  	a.readmore { padding:5px 10px;background:#333;color:#fff;text-decoration:none; }
  	a:hover.readmore { background:#777; }
  	
  /* Sidebar */
  
  	ul { margin-bottom:25px; }
  	ul li { display:inline; }
  	ul li a { display:block;padding:2px;color:#777;text-decoration:none; }
  	ul li a:hover { color:#333;background:#fff; }
  	
  /* Footer */
  
  	#footer { padding:5px;background:#fff;margin:15px 0; }

.commentlist li{padding:10px;background:#fff;margin:10px 0;}
.commentlist li.alt{background:#fff;}