/*  

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:#eee;font-family:arial, sans-serif;color:#333;line-height:18px;font-size:12px; }

  	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:560px; }

  	.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:140px;height:140px;overflow:hidden;letter-spacing:-2px;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:40px; }

  	.post h2 a, h5 { color:#ff0096;letter-spacing:-1px;font-size:26px;line-height:26px; }

  	.post small { display:block;color:#777; }

  	.content { padding-bottom:12px; }

  	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;}