/*
Theme Name: Stack
Theme URI: http://cheatsheetheap.com/
Description: The default CheatSheetHeap theme 
Version: 1.0
Author: Bryan English
Author URI: http://pivotlabs.com/

#363636  - Dark Gray, text
#5a6e9f - Dark blue for links
#ffffff - White, content background

#fffdd3 - Light yellow sticky background
#999684 - Dark yellow

#aabebf - beach blue site background
#f3f3f3 - light gray site background


*/

@import url(boilerplate.css);
@import url(ie.css);
@import url(plugins.css);

/*
   Element Styles
*/

body {
	background: url(images/background.png) repeat-x #f3f3f3;
	font-size: 0.8em;
   font-family: verdana;
   margin: 0px;
   padding: 0px;
}

hr {   
   border: solid 1px #999;
   height: 1px;
}

textarea,
input {
   border: 1px solid #362A20;
   padding: 3px;	
}

label {
   text-align: right;
   width: 150px;
   padding-right: 5px;
   float: left;
   font-size: 1.1em;
}

a {
   color: #5a6e9f;
}

/*
   Primary Layout styles
*/

#title {
   position: relative;
}

#container {
   width: 875px;  
   padding: 0px;
   margin-top: 70px;   
   
   text-align: left;
}

#main {
   background: url(images/content-background.png) repeat-y;
   margin-top: -160px;
   padding: 132px 0px 20px 110px;
   float: left;
}

#top-navigation li {
   padding-right: 20px;
}

#top-navigation  {
   margin: 20px 0px;
}

#top-navigation a:hover { background-color: #eee; }

#content {
   width: 513px;
   float: left;
}

#side-content {
	padding: 0px;
	float: right;
	width: 250px;   
}

#side-content li {
   background: #fffdd3 url(images/sticky-bottom.png) no-repeat bottom left;
   list-style: none;   
	padding: 5px 5px 40px 20px;
   margin-bottom: 40px;
   border: #E7E7E6 solid;
   border-width:  0px 1px 0px 1px;
}

#side-content h2 {
   margin: 0px 0px 0px -10px;   
}

#footer {  
   clear: both;    
   text-align: center;
   padding-top: 12px;   
   height: 65px;
   color: #938c86;   
   width: 640px;
}

.in-navigation {
   clear: both;
   font-size: 1.5em;
}

/* Content Rules */

.label {
   font-weight: bold;
}

.cheatsheet {
   margin-bottom: 40px;
   clear: both;
}

.cheatsheet ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
}

.cheatsheet .preview,
.cheatsheet .info {
   float: left;
   width: 29%;
   padding: 5px;
   margin: 5px;
}

.cheatsheet .preview { 
   text-align: center;
   vertical-align: middle; 
   border-left: 0px;
}

.cheatsheet .preview img.thumbnail { 
   padding: 5px;
   border: 1px solid #0d0c0c;
   background-color: #aaa;
}

.cheatsheet .comments,
.cheatsheet .metadata {
   margin-top:30px;
	clear: both;
}

.cheatsheet .metadata {
   padding: 5px;
}

.cheatsheet dl { font-size: 0.9em; }

.cheatsheet dt {
   float: left;
   margin-right: 4px;
}

.alt {
   background-color: #f3f3f3;
}

.commentlist li {
   padding: 5px;
}

#guidelines li {
   margin-bottom: 10px;
}

#guidelines {
   margin: 0px 70px;
   font-size: 1.8em;
}

ol.fields li {
   list-style: none;
   margin-bottom: 10px;
   padding: 5px;
   clear: both;
}

.alignright { float: right; }