/*

Theme Name: Sqaureball November '09
Theme URI: http://sqaureball.com/
Description: Sqaureball Novermber '09
Version: 1.0
Author: Lairdesign
Author URI: http://www.lairdesign.com/

*/


/*---------------------------------------------------------------------------------------------------
  global styles
---------------------------------------------------------------------------------------------------*/


* {
  margin:0;
  padding:0;
}

.hidden {display:none;}

body {
  font-size: 75%; /* 12px */
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1.6;
  color: #000;
  background-color: #111;
	background-image: url(img/bodybg.jpg);
	background-repeat: repeat;
}

img {
  border:0;
}

p {
  margin:10px 0 5px;
}

h1, h2 {
  margin:0;
  font-size:1.333em; 
  /*padding:5px 10px;*/
  margin-bottom: 15px;
  color:#333;  
  height:18px;
  
}

h3, h4, h5 {
  margin:0;
  font-size:1.25em; 
  color:#222;
}

h1#link-header {
	font-size: 1.8em;
	margin: 10px 0 15px 25px;
	padding: 0;
}

a {
  text-decoration:none;
  font-weight:bold;
  color: #EF8309;
}

a:hover {
  color:#C86E0A;
}

ul {
  margin:5px 10px;
}


ul li {
  margin:0 0 0 15px;
  padding:3px 0 3px 0;
}

blockquote {
  border-left:5px solid #ccc;
  margin:50px 0 0 10px;
  padding:20px;
}

/*-------------------------------------------------------------------------------------------------------
  base containers
-------------------------------------------------------------------------------------------------------*/

/* This class sets the width and position for all rows */
.inside{
	background-color: #FFF;
	width:970px;
	margin:0 auto;
	padding:0;
}


.c1,.c2,.c3,.c4,.c5 {
  float:left;
}

.c1 {width:170px;}
.c2 {width:360px;}
.c3 {width:550px;}
.c4 {width:740px;}
.c5 {width:236px;}

.tc{margin-top:0;}
.rc{margin-right:0;}
.bc{margin-bottom:0;}
.lc{margin-left:0;}


.single, .double, .triple {
  float:left;
  margin:10px 0 0 10px; 
  padding:0 0 10px 0; 
}

* html .single {
  margin:10px 5px 0 5px; 
}

* html .double {
  margin:10px 5px 0 5px; 
}

* html .triple {
  margin:10px 5px 0 5px; 
}

.single {
  width:300px;
 
}

.single img {
  margin:10px;
}

.double {
  width:610px;

}

.double img {
  margin:0px;
}

.triple {
  width:918px;
}

.press {
  background:#333 url(img/double_bg_btm_01.gif) bottom left no-repeat;  
}

/*---------------------------------------------------------------------------------------------------
Header
---------------------------------------------------------------------------------------------------*/

#header { 
	
}

#header .inside { 
	padding-top: 10px;
  position:relative;  
}

#header p {
	margin: 0;
	padding: 0;
}

#header h2 {
	color: #FFF;
	font-size: 24px;
	position: absolute;
	bottom:  25px;
	right: 20px;
}

/* Logo */

#logo h1{ 
	position: absolute;
	top:  25px;
	left: 15px;
}

#logo h1 a { 
	display: block;
	background-image: url(img/sblogo02.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	height: 95px;
	text-indent: -100000px;
	width: 309px;
}

#header #logo h1 a:hover {
	border-bottom: none;
}

/* Banner */

#banner {
/*	background-image: url(img/02-st-patricks-header.jpg);*/
/*	 background-image: url(img/tb_100_site_banner.jpg);  */
  background-image: url(img/02-banner.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 150px;
	margin: 0 auto;
	position: relative;
	width: 950px;
}

/* Subscribe Form + Account/Cart Links */

#home_subscribe_form {
 	position: absolute;
 	bottom: 15px;
 	right: 10px;
 	color: #FFF;
 	font-weight: bold;
}

#home_subscribe_form input[type=text] {
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 5px;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	margin: 3px 0;
	width: 160px;
}

#home_subscribe_form input[type=submit],
.form_container input[type=submit] {
	background-color: #666;
	color: #FFF;
	font-weight: bold;
	border: 1px solid #000;
	padding: 3px 4px;
}

#view-cart {
	background-image: url(img/trolley.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 6px;
	padding-top: 3px;
	position: absolute;
	top: 35px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: -1px;
	right: 10px;
	color: #FFF;
}

#view-cart ul {
	margin: 0;
	padding: 0;
}

#view-cart li {
	list-style: none;
}

#header #help a,
#view-cart a {
	color: #FFF;
	border-bottom: none;
}

#header #help a:hover,
#view-cart a:hover {
	border-bottom: 1px solid #FFF;
}


/*---------------------------------------------------------------------------------------------------
Navigation
---------------------------------------------------------------------------------------------------*/

#top_navigation {
	background-color: #E9E9E9;
	border: 1px solid #E1E1E1;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;	
	width: 948px;
	margin: 0 auto;
	padding: 7px 0;
	font-size: 11px;
	margin-top: 10px;
}

#top_navigation ol {
	list-style: none;
}

#top_navigation li {
	float: left;
	text-align: center;
	text-transform: uppercase;
}

#top_navigation a {
	color: #333;
	padding:0 19px;
	margin:0 1px 0 0;
}

#top_navigation a:hover {
  color: #EF8309;
}

#flash_rotate {
background-color: #FFF;
height: 200px;
margin-left: 5px;
}


/*---------------------------------------------------------------------------------------------------
  main content
---------------------------------------------------------------------------------------------------*/

#main_content .single, #main_content .double, #main_content .triple {
  height:220px;
  overflow:hidden;
}

#main_content .half {
  height:105px;
}

#main_content h2 a {
  color:#333;
  display:block;
}

#main_content h2 a:hover {
  color:#333;  
}

#main_content #flash_products {
  height:200px;
  border:1px solid #dddddd;
}

#post_ticker_div {
 padding:10px;
}

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

ul.flash_nav li {
  display:inline;
  float:left;
  margin:1px 1px 0 0;
  padding:0;
  z-index:-5;
}

#main_text.single, #flash_rotate.double, #flash_products.triple {
  padding-bottom:0;
}

#flash_rotate ul.flash_nav li a {
  display:block;
  width:182px;
  padding:5px 10px;
  color:#333;
}

#flash_rotate ul.flash_nav li a.prev{
  width:183px;
}



#flash_rotate ul.flash_nav li a:hover {
  color:#333;
  background-color:#ccc;  
}

.mens {
  background-color:#00cd34;
  background-image:none;
}

.woms {
  background-color:#0d9bdd;
  background-image:none;
}

.Mens  {
  background:transparent url(img/mens_collection_01.png) no-repeat;
  width:170px;
  height:116px;
  text-indent:-10000px;  
}

.Ladies  {
  background:transparent url(img/mens_collection_01.png) no-repeat;
  width:170px;
  height:116px;
  text-indent:-10000px;    
}

.prev {
  background-color:#000;  
}

.hot {
  background-color:#cc0001;
}

.sale {
  background-color:#cc0001; 
}

#flash_rotate ul.flash_nav li a.sale {
  width:183px;
}

#shipping{
  background:transparent url(img/shipping_01.png) top left no-repeat;
  width:170px;
  height:231px;
}

#t_balls {
  background:transparent url(img/talking_balls+_01.png) top left no-repeat ;
  width:170px;
  height:331px;
  float:right;
  margin:24px 20px 5px 0;  
}

#t_balls ul {
  margin-top:100px;  
}

#news {
  background:transparent url(img/did_you_hear_01.png) top left no-repeat;
  width:170px;
  height:349px;
} 

#news ul {
  margin-top:160px;  
}

/*---------------------------------------------------------------------------------------------------
  page content
---------------------------------------------------------------------------------------------------*/

#page_content h2 a {
  color:#333;
  display:block;
}

#page_content h2 a:hover {
  color:#333;  
}

#page_content .inside {
  padding:15px 0;
}

#section_header {
	background-color: #333;
	border: 1px solid #333;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;	
	width: 948px;
	margin: 0 auto;
	padding:0;
	font-size: 11px;
	color:#fff;

}

#section_header h2 {
	background-image: url(img/header-bg.jpg);
	background-repeat: repeat;
	background-position: top left;
	color:#fff;
	padding:10px 0 5px 15px;
	font-size:15px;
	line-height:1em;
	margin: 0;
}

#detail_header {
	background-color: #333;
	border: 1px solid #333;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;	
	width: 100%;
	margin:0;
	padding:0;
	font-size: 11px;
	color:#fff;
	background-image: url(img/detailed_header_bg.gif);
	background-repeat: no-repeat;
	background-position: right;
}

#detail_header h2 {
	color:#fff;
	text-align: left;
	padding:10px 10px 5px;
	font-size:15px;
	line-height:1em;
	margin: 0;
}

/*---------------------------------------------------------------------------------------------------
  post content
---------------------------------------------------------------------------------------------------*/

#post_content {
  float:left;
  width:590px;
  margin: 0 0 0 10px;
  padding:10px; 
}

#link_content {
  float:left;
}

* html #post_content {
  margin:10px 5px 0 5px;
}

#post_content h3 {
  font-size:140%;
  margin:0 0 0 55px;
  padding:0;
}

#post_content .post_content h3 {
  color:#333;
  font-size:140%;
  margin:40px 0 10px 10px;
  padding:0;
}

.entry {
  clear:both;
  margin:0 0 40px 0;
}

.post-date {
  width: 46px;
  height: 50px;
  float:left;
  background: url(img/02-date-bg.jpg) no-repeat;
}

.post-month {
  font-size: 11px;
  text-transform: uppercase;
  color: #333;
  text-align: center;
  display:block;
  font-weight: bold;
  line-height: 11px;
  padding-top: 5px;
}

.post-day {
  font-size: 18px;
  text-transform: uppercase;
  color: #333;
  text-align: center;
  display:block;
  line-height: 18px;
  padding-top: 9px;
}

.post-cat {
  background: url(img/mini-category.gif) no-repeat left center;
  padding-left: 12px;
  float:left;
  font-size: 95%;
  color: #999999;
}

.post-comments {
  background: url(img/mini-comments.gif) no-repeat left center;
  padding-left: 20px;
  float: right;
  font-size: 95%;
}

.post_content {
  clear:both;
  padding:5px 0 0 45px;
}

#flashcontent {
  width:840px;
  float:left;
  clear:both;
  height:280px;
  padding:5px 0 0 30px;
  margin:5px 0 0 0;
}

#flashcontent_186px {
  width:920px;
  float: left;
  clear:both;
  height:204px;
  padding:0 0 0 10px;
  margin:0;
}

#shop_content {
  float:left;
  width:610px;
  margin:0;
  padding:0; 
}

.shop .inside {
  background-color:#333;
}

.links li {
  list-style:none;
}

.links li ul li{
  list-style:square;
}

.links h2 {
  color: #fff;
  font-size: 1.2em;
  padding: 10px 10px 5px;
  line-height: 1;
  margin: 5px 0;  
  background-color: #333;
  background-image: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-image: url(img/header-bg.jpg);
  background-repeat: repeat;
}

.contactform input[type=text] {
	background-color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #333;
	padding: 10px;
	border: 1px solid #CCC;
	margin-right: 10px;
}

.contactform textarea {
	background-color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #333;
	padding: 5px;
	border: 1px solid #CCC;
}

.contactform input[type=text]:focus,
.contactform textarea:focus {
	border-color: #111;
}

.contactform input[type=submit] {
	margin-top: 20px;
	display: block;
	background-image: url(img/contact-send.jpg);
	background-repeat: no-repeat;
	background-position:  0 0;
	height: 35px;
	width: 168px;
	text-indent: -10000px;
	border: none;
}

.contactform input[type=submit]:hover {
	background-position: -168px 0;
	cursor: pointer;
}

.contactleft {
	font-weight: bold;
}

.contactright {
	color: #CCC;
}

/*----------------------------------------------------------------------------------------------------
  comments
----------------------------------------------------------------------------------------------------*/

#comment_container {
  clear:both;
}

#comments, #respond {
  border-bottom: 1px dotted #CCCCCC;
  padding-bottom: 5px;
}

#page_comments {
  margin: 40px 0px;
}

.commentlist {
  margin: 10px 0px;
  padding-left: 20px;
  line-height: 130%;
}
.commentlist li{
  padding: 10px 15px;
  background: #f5f5f5;
  margin:0 0 15px 0;
}
.commentlist .alt {
  background: #f1f1f1;
}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
  font-weight: bold;
  font-style: normal;
  font-size: 120%;
}
.commentlist small {
  margin-bottom: 5px;
  display: block;
  font-size: 87%;
}
#commentform {
  margin-top: 10px;
  font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
  padding: 6px 0px;
  margin: 0px;
}
#commentform label{
  color: #d1d1d1;
  font-size: 15px;
}
#commentform input{
  width: 200px;
  background:#eee;
  border: 1px solid #ddd;
  padding: 3px;
  margin-top: 3px;
}
#commentform textarea{
  width: 510px;
  height: 115px;
  background:#eee;
  border: 1px solid #ddd;
  padding: 2px;
  margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
  background: #eee;
}

/*----------------------------------------------------------------------------------------------------
  sidebar
----------------------------------------------------------------------------------------------------*/

#sidebar {
  float:right;
  width:300px;
  margin:10px 10px 0 0;
}

* html #sidebar {
  margin:10px 5px 0 0;
}

#sidebar .single {
  margin:0 20px 10px 0;
}

* html #sidebar .single {
  margin:0 0 10px 0;
}

#sidebar .single img {
  margin:0px;
}

#sidebar li a {
  text-decoration:none;
  font-weight:bold;
  color:#777;
}

#sidebar li a:hover {
  color:#333;
}

#sidebar h2 a {
  color:#333;
  display:block;
}

#sidebar h2 a:hover {
  color:#333;  
}

#sidebar ol {
  padding:10px 0 10px 30px;  
}

#sidebar ol li {
  padding: 5px 5px 5px 0;
}

a.rss {
  padding:0 0 0 21px;
  font-size:1.1em;
  background: url(img/feed-icon-12x12.gif) no-repeat 0 0;
}

/*---------------------------------------------------------------------------------------------------------
  section navigation
---------------------------------------------------------------------------------------------------------*/

.section_nav ul {
  padding:0;
  margin:10px;
  float:left;
}

.section_nav ul li {
  display:inline;
  float:left;
  padding:0;
  margin:0 1px 0 0;
}

.section_nav ul li.current_page_item {
  background-color:#ddd;
  font-weight:bold;
}

.section_nav ul li a:link, .section_nav ul li a:visited {
  padding:2px 15px;
  margin:0;
  font-size:12px;
  text-decoration:none;
  
  color:#333;
}

.section_nav ul li a:hover {
  background-color:#b1b1b1;
}

.section_nav ul li.current_page_item a,
.section_nav ul li.current_page_item a:hover {
  background-color:#ddd;
  border-bottom:1px solid #ddd;
  color:#000;
}

/*-----------------------------------------------------------------------------------------------
  footer
-----------------------------------------------------------------------------------------------*/


#footer .triple {
  color:#fff;
  width:950px;
  margin:20px 10px 0;
  background:#666;  
}

#footer .full {
  width:100%;
  border-top:20px solid #333;
  color:#fff;
  background-color:#b1b1b1;  
}

#footer h1 {
	padding: 5px 10px;
	margin: 0;
}

#footer h2 {
  color:#fff;
  padding: 5px 10px;
  margin: 0;
}

#footer p {
  margin-top:0;
  margin-left: 10px;
}

#footer h3  {
  padding:0 10px 0 0;
  color:#fff;
}

#footer a {
  color:#fff;
}

#footer a:hover {
  color:#f26421;
}

/*---------------------------------------------------------------------------------------------------
misc class tags
---------------------------------------------------------------------------------------------------*/

.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.clear_left {clear:left;}
.clear_right {clear:right;}
.clear_both {clear:both;}


.luckyZoomSmallImageCont {
  position: relative;
  margin:0 auto;
}

.luckyZoomBigImageCont {
overflow: hidden;
position: absolute;
z-index: 10;
border: 1px solid #333;
visibility: hidden;
}

html>body .luckyZoomBigImageCont {
  display: none;
}

.luckyZoomHeader {
position: relative;
z-index: 10;
left: 0px;
top: 0px;
font: 10px Tahoma, Verdana, Arial, sans-serif;
color:#333;
background:#9E2F2D;
padding:3px;
}

.luckyZoomHeader a {
color: #333;
}

.luckyZoomPup {
z-index                 : 10;
visibility              : hidden;
position                : absolute;
width                   : 50px;
height                  : 50px;
border: 1px solid #aaa;
background: #333#333;
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(Opacity=50);
}

.luckyZoomSmallImageCont img {
visibility:visible;
}


.contacterror {
  border:1px solid #c00;
}

/*

*/

#help {
	top: 15px;
	font-size: 14px;
	letter-spacing: -1px;
	color: #777;
	right: 10px;
	position: absolute;
	text-transform: uppercase;
}

#help ul {
	text-align: right;
	margin: 0;
	padding: 0;
}

#help li {
	list-style-type: none;
	padding: 0;
	margin-left: 6px;
	float: left;
}

.content-container {
	float: left;
	width: 750px;
	margin: 10px 0 0 5px;
}

.aside {
	width: 195px;
	float: right;
	margin: 10px 10px 0 0;
}

.aside img {
	margin-bottom: 10px;
}

.shop-links {
display: block;
height: 235px;
width: 750px;
}

#shop-mens a {
	background-image: url(img/03_home_mens_link.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#shop-mens a:hover {
	background-position: -241px 0;
}


#shop-sale a {
	background-image: url(img/02_home_ladies_link.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#shop-sale a:hover {
	background-position: -241px 0;
}

#shop-mens a,
#shop-sale a {
	display: block;
	background-color: #CCC;
	height: 235px;
	width: 241px;
	outline: none;
	text-indent: -100000px;
}

#shop-mens,
#shop-ladies,
#shop-sale {
	margin-top: 8px;
}

#shop-mens{
	float: left;
	margin-right: 11px;
}

#shop-ladies {
	float: left;
	margin-right: 11px;
}

#shop-ladies img {
	margin-top:5px;
}

#shop-sale {
	float: left;
}

#special,
#squareball-clothing {
	margin-right: 15px;
}

#special,
#squareball-clothing,
#gaa125 {
	
	margin-top: 15px;
}

#special {
	margin-left: 5px;
}

#latest-tb-entry {
	border-top: 1px solid #E8E8E8;
	padding-top: 15px;
	margin-top: 10px;
	margin-left: 5px;
}

#eighteen84-collection {
	margin-top: 12px;
	margin-right: 17px;
	margin-left: 5px;
}

#eighteen84-collection a {
	display: block;
	width: 360px;
	height: 178px;
	background-image: url(img/02-1884-collection-link.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -100000px;
}

#eighteen84-collection a:hover {
	background-position: -360px 0;
}

#county-collection {
	margin-top: 12px;
}

#county-collection a {
	display: block;
	width: 360px;
	height: 178px;
	background-image: url(img/04-county-collection-link.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -100000px;
}

#county-collection a:hover {
	background-position: -360px 0;
}

.form_container {
	background-color: #E9E9E9;
	border: 1px solid #CCC;
	padding: 5px;
}

.form_container input[type=text] {
	border: 1px solid #CCC;
	padding: 5px;
	margin: 3px 0;
	background-color: #F8F8F8;
}

.signup {
	background-image: url(img/signup.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	display: block;
	height: 19px;
	position: relative;
	left: 45px;
	width: 169px;
}

.recievespecial {
	background-image: url(img/recievespecial.gif);
	background-repeat: no-repeat;
	display: block;
	text-indent: -10000px;
	position: relative;
	top: 2px;
	left: 45px;
	height: 12px;
	width: 169px;	
}


#page-content {
	margin-left: 10px;
	margin-top: 10px;
}

#page-content h3 {
	font-size: 18px;
}

#we-need-1884-module {
	background-image: url(img/02-1884-contact-bg.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 445px;
	position: relative;
	font-size: 16px;
	width: 700px;
}

#we-need-1884-module-content {
	width: 330px;
	position: absolute;
	top: 95px;
	left: 22px;
}

#we-need-1884-module-content a {
	color: #000;
}

#become-a-stockist {
	background-image: url(img/02-become-a-stockist.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 650px;
	position: relative;
	width: 700px;
}

#become-a-stockist-content {
	width: 430px;
	position: absolute;
	top: 20px;
	left: 20px;
}

#become-a-stockist-content a {
	color: #000;
}

.contacterror {
  border:1px solid #c00;
}


.column180px_first {
  float: left;
  width:50%;
  padding:0;
}

.column180px_second {
  float: left;
  width:50%;
  padding:0;
}

#seo a {
display:block;
float:left;
height:72px;
}

#seo a span {
display:none;
}

.content-wrapper {
	width: 760px;
	float: left;
}

* html .content-wrapper .c2 {
  margin:20px 0 0 12px;
}

* html .aside .c1 {
  margin:20px 0 0 0;
}

.tshirt-offer {
	background-color: #f4f4f4;
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 10px 10px 5px;
}

.tshirt-offer p {
	margin: 0 0 10px;
}

.tshirt-offer strong {
	font-size: 13px;
	color: #333;
	padding-bottom: 10px;
}


.notice_content {
  margin:0 0 0 15px;
}

/* 
Contact Page Styles
*/

.contact-welcome {
	font-size: 18px;
	line-height: 1.4;
	font-weight: bold;
	margin-bottom: 20px;
}

.say-hello {
	font-size: 22px;
	font-weight: bold;
}


/*
Facebook Sidebar Module
*/

.fb-module p {
	margin: 0 0 15px;
	padding: 0;
}

a.join-facebook {
	background-image: url(img/01_facebook_sidebar_module.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	height: 49px;
	text-indent: -10000px;
	width: 190px;
}

a.join-facebook:hover {
	background-position: -190px 0;
}

#main_content #welcome-notice .left_channel{
  margin-top:33px;
}

#main_content .left_channel{
  float:left;
  width:300px;
  padding:0;
  margin:0 85px 0 0;
}

#main_content .left_channel h4 {
  font-size:15px;
  padding:0;
  margin:0 0 10px 0;
}


#main_content #left_channel_text{
  margin-top:15px;
}

#left_channel_text h3 {

}

#main_content .center_channel{
  float:left;
  text-align:left;
  margin:33px 0 0 0;
  width:300px;
}

#main_content .right_channel{
  float:right;
  text-align:left;
  margin:33px 0 0 0;
  width:200px;
}

#footer .login, #footer .login a {
  color:#666;
}

#footer .login a:hover {
  color:#C86E0A;
}

.product_container {
  width:940px;
  padding:15px;
}

.post {
  margin:15px 0 30px 0;
}

ol#ratings {
  margin:10px;
  padding:0 0 0 20px;
}