/*  
Theme Name: Keyframes and Code
Theme URI: http://wordpress.org/
Description: Theme for keyframesandcode.com
Author: Dave Stewart
Author URI: http://www.davestewart.co.uk
*/


/**************************************************************************************************\ 
*   GLOBAL FORMATTING
\**************************************************************************************************/

		*{
			margin:0px;
			padding:0px;
			}
			
		body {
			font-size: 62.5%; /* Resets 1em to 10px */
			font-family: Arial, Helvetica, sans-serif;
			overflow:auto;
			padding-bottom:300px;
			letter-spacing:0.01em;
			
			background-color:#aaa;
			background-image:url(/prx/000/http/keyframesandcode.com/code/wp-content/themes/keyframes-and-code/img/bg-light.gif);
			background-repeat:repeat-y;
			background-position:center top;

			}
			
		
			
/**************************************************************************************************\ 
*   STRUCTURE
\**************************************************************************************************/

		#page
			{
			margin: 30px auto;
			width: 960px;
			}
			
		#header,
		#content,
		#footer
			{
			margin-bottom:20px;
			border: 15px solid #fff;
			background:#ccc;
			width: 700px;
			}
			
		#header{
			overflow:hidden !important;
			height:80px;
			}

		#headerimg {
			background-image:url(/prx/000/http/keyframesandcode.com/code/wp-content/themes/keyframes-and-code/img/header-01.gif);
			width:700px;
			height:80px;
			overflow:hidden !important;
			}
			
		#headerimg a{
			display:block;
			padding-top:80px !important;
			background:none !important;
			height:80px;
			}
		
		
		#content,
		#footer
			{
			float: left;
			}
			
		#footer {
			text-align:center;
			clear:left;
			}
		
		#sidebar
			{
			width: 210px;
			float:right;
			}

/**************************************************************************************************\ 
*   FORMATTING
\**************************************************************************************************/

	/*** HEADERS ***/

		body{
			}

		h1, h2, h3 {
			font-weight: normal;
			font-style:normal;
			font-family: "Century Gothic", "Futura", "Futura Book BT", Arial !important;
			}
			
		h1{
			color:#fff !important;
			background-color:#444;
			font-size: 24px !important;
			padding:2px 0px 4px 8px;
			}
			
		#header h1,
		#header h1 *{
			padding:0px;
			margin:0px;
			}
			
		h2{
			background:#444;
			}
			
		h2, h3{
			color:#fff;
			font-size:16px;
			font-weight:bold;
			padding:4px 4px 4px 4px;
			}
			
		h3{
			padding:4px 4px 4px 8px;
			}
			
			
		#content h3{
			background:#999;
			}
		
		.post h3{
			background:none !important;
			color:#000;
			font-size:13px;
			font-weight:bold;
			margin:0px;
			padding:0px;
			margin-top:20px;
			padding-bottom:2px;
			margin-bottom:5px;
			border-bottom:2px dotted #fff;
			}
			
		.entry h3:first-child,
		blockquote h3:first-child,
		ul + h3{
			margin-top:0px !important;
			}
			
		
			
		h4{
			font-weight:bold;
			font-size:10px;
			font-variant:small-caps;
			color:#888;
			background:#ccc;
			padding:8px 10px 0px 10px;
			text-align:right;
			}
			
		h5{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;
			font-weight:bold;
			color:#fff;
			}
			

/**************************************************************************************************\ 
*   LINKS
\**************************************************************************************************/

	/*** MAIN ***/
	
		a, 
		a:link, 
		a:visited{
			font-family: Arial, Helvetica, sans-serif;
			text-decoration:none;
			font-weight:bold;
			background-color:#bbb;
			color:#000;
			padding: 0px 4px 2px 3px;
			}
		
		a:hover{
			background:#666 !important;
			color:#FFF !important;
			}
			
		a.plain{
			padding:0px;
			background:none !important;
			}
			
		a.img{
			padding:0px;
			background:none !important;
			margin-left:25px;
			}
			
		#content a.img:hover img{
			border: 1px solid #FFF !important;
			}
			
		a.plain:hover{
			padding:0px;
			background:none !important;
			}
			
		a img{
			margin:0px !important;
			padding:0px !important;
			/*
			margin:10px 0px 0px 25px !important;
			*/
			}
			

	/*** HEADINGS ***/
	
		h1 a, h1 a:link, h1 a:visited,
		h2 a, h2 a:link, h2 a:visited,
		h3 a, h3 a:link, h3 a:visited,
		h4 a, h4 a:link, h4 a:visited
			{
			color:#fff !important;
			background:none !important;
			font-family: "Century Gothic", "Futura", "Futura Book BT", Arial !important;
			font-weight: inherit !important;
			display:block;
			}

		h1 a:hover, 
		h2 a:hover, 
		h3 a:hover, 
		h4 a:hover
			{
			color:#FC0 !important;
			background:none !important;
			}

	/*** OTHER ***/
	
		#sidebar a{
			line-height:1.5em;
			}
			
		.navigation a{
			background:none !important;
			padding:0px;
			}

		.postmetadata a,
		.entry a
			{
			font-size:10px !important;
			}
			
		a.image,
		a.image:link,
		a.image:hover
			{
			display:block;
			background:none !important;
			}


/**************************************************************************************************\ 
*   HEADER & FOOTER
\**************************************************************************************************/

		/*
		#header .description{
			padding-bottom:5px;
			background:#444;
			color:#fff;
			}
		
		#headerimg{
			background:#444;
			padding:5px;
			text-align: center;
			}
		*/
		
/**************************************************************************************************\ 
*   CONTENT 
\**************************************************************************************************/

	/*** BLOCKS ***/

		#page {
			text-align: left;
			}
		
		#content ul,
		#content ol
			{
			padding:10px 0px 15px 25px;
			margin-bottom:5px;
			color:#000 !important;
			line-height:1.5em;
			}
			
		#content ul ul,
		#content ol ol,
		#content ul ol,
		#content ol ul
			{
			padding:5px 0px 5px 25px;
			margin-bottom:0px;
			border:none;
			}
		
			
		#content ul{
			list-style-type:square;
			}
			
		#content ul:empty,
		#content ol:empty{
			display:none;
			}
		
			
		#content blockquote
			{
			margin:0px;
			margin-left:25px
			}

		code, pre {
			font: 10px 'Lucida Console', 'Courier New', Courier, Fixed;
			color:#fff;
			background:#999;
			padding:5px;
			border-left:5px solid #666;
			margin:15px;
			margin-left:25px;
			white-space:pre;
			letter-spacing:0.06em;
			overflow:auto;
			}

		#content img{
			border:1px solid #666;
			margin:10px 0px 0px 25px;
			}
			
		#content p{
			margin-bottom:10px;
			line-height:1.5em;
			}
			
		
		.block,
		.entry,
		.postmetadata,
		#commentform
			{
			padding:10px 25px;
			}
			
	/*** NAVIGATION ***/

		.navigation{
			padding:5px 10px;
			}
			
		.nav-top{
			/*
			border-bottom:15px solid #fff;
			*/
			}
		
		.nav-bot{
			border-top:15px solid #fff;
			}
			
		.alignleft{
			float:left;
			}

		.alignright{
			float:right;
			}

	/*** POSTS ***/

		.postmetadata {
			border-top:1px dotted #fff;
			}
		
		.post,
		#comments,
		#respond{
			border-top:15px solid #fff;
			}
		
		.entry,
		.commentlist
			{
			font-size: 1.1em;
			line-height: 1.4em;
			}
			
		.intro{
			font-family:Arial;
			font-weight:bold; 
			color:#FC0; 
			color:#fff; 
			background-color:#666; 
			padding:2px 7px;
			margin-bottom:0px !important; 
			}


			

/**************************************************************************************************\ 
*   SIDEBAR
\**************************************************************************************************/

		#sidebar {
			font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
			}
			
		#sidebar ul{
			margin-left:25px;
			list-style:none;
			}
			
		#searchform,
		#searchform *{
			margin:0px;
			padding:0px;
			}
			
		#searchform #search{
			font-size:10px;
			padding:2px;
			float:left;
			width:120px;
			}
		#searchform #search-submit{
			font-family:Arial, Helvetica, sans-serif;
			padding:1px;
			font-size:10px;
			margin-left:5px;
			}
			
		#sidebar h3{
			margin-top:10px;
			color:#fff;
			}

/**************************************************************************************************\ 
*   COMMENTS
\**************************************************************************************************/

	/*** FORM ***/
		
		#commentform ul,
		#commentform li
			{
			margin:0px;
			padding:0px;
			}
		
		#commentform li{
			color:#000;
			list-style:none;
			padding-bottom:5px;
			padding-right:25px;
			width:550px;
			height:30px;
			clear:both;
			}
			
		#commentform label{
			padding-top:5px;
			width:200px;
			float:left;
			}
			
		#commentform input, 
		#commentform textarea
			{
			padding:3px;
			font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
			}
			
		.captcha-error{
			color:red;
			font-weight:bold;
			}
			
		#commentform input,
		#commentform li div
			{
			width:330px;
			}
		
		#commentform textarea
			{
			width: 540px;
			}
			
	/*** LIST ***/
		
		ol.commentlist{
			padding:0px !important;
			margin:0px !important;
			}
		
		.commentlist li {
			margin:0px;
			padding:10px 20px 15px 25px;
			list-style-type:none;
			border-top:1px dotted #fff;
			clear:both;
			}
			
		.commentlist li:first-child {
			border:none;
			margin-top:0px;
			}
		
		.commentlist li.admin{
			background-color:#c0c0c0;
			background-color:#d9d9d9;
			}
			
		
			
		.commentlist p {
			font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
			margin:0px 0px 0.5em 25px !important;
			}
		
		.commentmetadata {
			font-weight: normal;
			}

		
/**************************************************************************************************\ 
*   OTHER
\**************************************************************************************************/


		.clear{
			font-size:0px;
			line-height:0px;
			clear:both;
			}

		img.wp-smiley{
			border:none !important;
			margin:0px !important;
			}
			
		img.no-border{
			border:none !important;
			}
			
		img.float-left{
			float:left;
			padding-right:40px;
			padding-bottom:20px;
			}

	/*** CALENDAR ***/

		#wp-calendar #prev a {
			}

		#wp-calendar{
			background-color:#aaa;
			}
		
		
		#wp-calendar a {
			text-decoration: none;
			}
		
		#wp-calendar caption
			{

			font-weight:bold;
			text-align: center;
			padding-bottom:2px;
			border-bottom:1px solid #999 !important;
			}
		
		#wp-calendar th {
			font-style: normal;
			text-transform: capitalize;
			}