/*
THEME NAME: Hey Cool Aid!
THEME URI: http://www.mookiedesign.com
DESCRIPTION: An exclusive theme for thecoolaid.com
VERSION: 1.0
AUTHOR: Cam
AUTHOR URI: www.randomordernyc.com
*/

/* Two-column with sidebar on left from the /sandbox-layouts/ folder  */
@import url('960/css/reset.css');
@import url('960/css/typography.css');
@import url('960/css/960.css');
@import url('960/css/layout.css');

/*colors:
green: 3b3b40/ grey 3b3b40
orange: f252e8/ pink f252e8
teal: f252e8
yellow: f6d023*/


/*below is where to restrain the width of the site, default is fulid*/

/* posts */
.preview{ float: left; margin-right: 10px; margin-left: 5px; border: 1px solid #ccc; padding:5px;clear:both;}
.post{ margin-bottom:20px; padding: 0 10px;}
#respond, #comment { margin-bottom:20px; padding: 0 10px; }
.post img { border: 1px solid #ccc; padding: 5px; margin-right: 10px;}
.cat-links{ font-style:italic; margin-bottom:15px; font-size: 135%;}
.cat-links a {color: #666;}
.cat-links a:hover { color:#f252e8;}
.page-title { color:#666; font-style:italic; margin-bottom: 0; padding-left: 10px; font-size: 135%; }
.entry-title {font-size: 2.2em; font-style:italic; color: #f252e8; font-weight: ; font-family:Georgia, "Times New Roman", Times, serif;}
.entry-date {font-size: 90%; font-style:; color: #666;}
.entry-date a {color: #666;}
.entry-date a:hover { color:#f252e8;}

.entry-content { padding: 10px 0; line-height:1.3em;}
.readmore a { padding: 5px; background-color:#333; color:#e2f26b;}
.readmore a:hover { color:#f252e8;}

.entry-meta a{color:#f252e8;}
.entry-meta a:hover{ color:#666;;}

div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom:1em;}
div#nav-below{margin-top:1em;}

.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}

<!--image captions-->
.wp-caption-text { font-style:italic; color:#f252e8;}
<!--sidebar widget-->
#sidebar li{ list-style: none;}
#search { padding: 10px; background-color:#3b3b40; border-top: 5px solid #e2f26b;  }
#rss h3, #search h3 {color: #FFF;}
#rss { padding: 10px; background-color:#3b3b40; color: #FFF; border-top: 5px solid #e2f26b; }
.widget { list-style:none; margin-bottom: 10px;}
.widget ul li{ list-style-type: disc; padding: 2px 0;}

.widgettitle{ border-bottom: 1px solid #666; color: #666; padding-bottom: 10px; list-style:none; margin-right: 5px; }
.widgettitle li{ list-style:none;}
.widget a { color: #f252e8;}
.widget a:hover { color: #666;}

<!--comments-->
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%; }
.form-label {padding: 5px 0;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}
.comments { clear:both;}
<!--footer columns-->
