@import "http://billyshall.com/css/slim.css";
@import "http://billyshall.com/css/slick.css";

h1,h2 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif; font-weight: 200; }

.topbar { background:#E0ECF6; margin-bottom:9px; line-height:24px; height:24px; }
.message { margin:0 10px; }
.welcome { text-align:right; float:right; margin:0 10px; }
	
#header { background: url(/images/global/header.png) top center no-repeat; height:36px; line-height:36px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif; }
#header #logo { float:left; margin: 0 0 0 10px; color:#fff; font-size:20px; }	
#header #logo:hover { text-decoration: none; color:#eee; }
#header ul { float:right; margin:0; }
#header ul li { font-size:14px; display:inline; height:34px; line-height:34px; list-style:none; padding:0 15px; }
#header ul li a { color:#fff; }

.userbar  { background: url('/images/global/topbar.png') top center no-repeat; line-height: 24px; height: 24px; font-size: 11px; }
.top-left { float: left; margin: 0 10px; }
.top-right { text-align: right; float: right; margin: 0 10px; }
.userbar a { color: #333; }

#banner { text-align: center; margin: 9px auto; }

#nav { background-color: #e5e5e5; font-family: "Helvetica Neue", Helvetica, arial, sans-serif; font-size:1.2em; font-weight: 200; margin-bottom: 20px; height:2em; line-height:2em; padding: 0 10px; }
#nav ul { position: relative; padding:0; margin:0; float:left; }
#nav ul li { height:2em; line-height:2em; position: relative; display:inline;  }
#nav ul li a { position: relative; display: inline-block; color:#333; text-align: center; padding: 0 5px; }
#nav ul li a:hover { background-color: #FFF; color: #333; text-decoration:none; }
#nav ul li a.active, .nav li a:hover {  }

#nav ul li ul { position: absolute; padding:0; margin:0; left:-10em; top:1.5em; float:left; width:550px; }
#nav ul li ul li { display:inline; height:1.5em; line-height:1.5em;}
#nav ul li ul li a { color:#333;}

#nav form { float: right; }

#footer { position: relative; width:100%; margin:0 auto 18px auto; padding-top:5px; font-size:10px; color:#999; border-top:1px solid #f8f8f8; }
#footer a { color:#999999; }
#footer a:hover { color:#105CB6; }
#footer p { float:left; }
#footer ul { float:right; }
#footer ul li { display:inline; list-style:none; padding:0 9px; }

#sosuthem { font-size:10px; color:#999; clear:both; }

ul.categories { margin:0 0 9px 0; font-size:11px; }
ul.categories li { list-style:none; text-indent:5px;  }
ul.categories li a { display:block; }
ul.categories li a:hover { color: #008AE6; }

ul.categories ul { margin:0; padding:5px 0; border-left:1px solid #f8f8f8; border-right:1px solid #f8f8f8; border-bottom:1px solid #f8f8f8; }
ul.categories ul li { border:none; text-indent:11px; }
ul.categories ul li a { color:#333; }
ul.categories ul li a.active { background-color:#f8f8f8; }
ul.categories ul li:hover {  }

ul.categories ul ul { margin-bottom:0; border:none; padding:0; }
ul.categories ul ul li { margin-left:18px;  }
ul.categories ul ul li a { color:#666; }

.cathead, .cathead a { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif; font-size:14px; color:#333; background:#E0ECF6; line-height:24px; text-indent:11px; }

ul.top { margin:0; }
ul.top li { list-style:none; }

/* Category ------------------------------------------------------------ */
.category h2 { margin-bottom: 3px; }

/* Entry ------------------------------------------------------------ */
.entry {}

.entry h1 { margin-bottom: 5px; }

.entry .date { color: #666; font-size: 11px; margin-bottom: 9px;  }

.alert { background:#FFFFCC url(/images/icons/alert.png) 15px 50% no-repeat; padding: 5px 20px 5px 45px; border-top: 2px solid #FFCC66; border-bottom: 2px solid #FFCC66; margin-bottom: 18px; }

.error { background:#FFFFCC url(/images/icons/alert.png) 15px 50% no-repeat; padding: 5px 20px 5px 45px; border-top: 2px solid #FFCC66; border-bottom: 2px solid #FFCC66; margin-bottom: 18px; }

.form_error { color: #FF0000; font-style: italic; display: block; }

.blue { background:#E0ECF6; }
.offer { margin:0 20px; padding: 10px 0; }

/* Comments ------------------------------------------------------------ */
.commenter { background-color: #f8f8f8; padding: 9px 0 9px 0; text-indent: 9px; margin-bottom: 9px; }
.comment { margin-bottom: 9px;}

.pagination { font-size:11px; border:3px solid #f8f8f8; text-align:right; padding:9px 0; }
.pagination a { padding: 0.2em 0.5em; margin-right:4px; }
.pagination a:hover { }
.pagination span.current { padding: 0.2em 0.5em; margin-right:4px; font-weight:bold; }
.pagination span.current:hover {  }
.pagination .first, .pagination .last { display:none; }

.edit .text, .edit textarea { width: 100%; }

/* Dash ------------------------------------------------------------ */
.box { margin-bottom: 20px; background-color: #f8f8f8; padding: 10px; }

.box textarea { width:75%; }

.actions { position: absolute; top: 10px; right: 10px; }

/* Actions ------------------------------------------------------------ */

#actions { background-color: #eee; padding: 5px 0; margin: 0 0 18px; }

/* Ratings */
#ratings { margin-left: 5px; }

.btn-like { float: left; display: block; vertical-align: middle; padding: 0 10px !important; line-height: 27px; }
.btn-like span { display: inline-block; vertical-align: middle; margin-right: 4px; height: 16px; width: 11px; background: transparent url(http://billyshall.com/images/global/sprite-icons.png) -67px 0px no-repeat; }

.btn-dislike { float: left; display: block; vertical-align: middle; padding: 0 10px !important; line-height: 27px; }
.btn-dislike span { display: inline-block; vertical-align: middle; height: 16px; width: 12px; background: transparent url(http://billyshall.com/images/global/sprite-icons.png) -82px 0px no-repeat; }

/* Stats */
#stats { position: relative; margin-left: 5px; background-color: #ddd; width: 118px; float: left; display: block; height: 27px; line-height: 27px;  }
#stats .likes { margin: 5px 9px 0; background: #AADA37; border: 1px solid #698A14; height: 5px; }
#stats .dislikes { margin: 5px 9px 0; background-color: #CF362F; border: 1px solid #881811; height: 5px; margin-top: 3px; }

/* Share */
.btn-share { float: right; display: inline; margin-right: 5px; padding: 0 10px; }
#share { border: 1px solid #ddd; margin-bottom: 18px; }

/* Embed */
.btn-embed { float: right; display: inline; margin-right: 10px; padding: 0 10px;}
#embed { border: 1px solid #ddd; margin-bottom: 18px; }

/* Misc ------------------------------------------------------------ */

.border { border: 1px solid #ccc; }
.border .padding, .blue .padding { padding: 20px 0; margin: 0 20px; }

.zero { margin: 0; padding: 0; }

.btn { background: #ddd url(/images/global/button.gif) 0 0 repeat-x; width: auto; overflow: visible; padding: 5px 10px; border: 1px solid #ccc; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #333; text-shadow: 1px 1px 0 #fff; cursor: pointer; }

.hover, .btn:hover,.btn:focus { border-color: #999 #999 #888; background-position: 0 -6px; color: #000; text-decoration: none; }

.register .text { border:1px solid #ccc; width:200px; }

label { font-weight:bold; }	
label.error { color: red; font-style: italic; }
form em { color: #666; }