body {
	font-family: "Century Gothic", Tahoma, sans-serif;
	padding:0;
	margin: 0;
}
a:link, a:visited, a:hover, a:active {
	color: #303030;
	text-decoration: none;
}
img {
	border: 0;
}
a#prev_button, a#next_button {
	display: block;
	text-align: center;
	text-transform: uppercase;
	background: #303030;
	color: #FFF;
	width:150px;
	padding: 4px 0;
	margin: 0 0 20px 0;
}
a#prev_button {
	float: left;
}
a#next_button {
	float: right;
}
.sort_container {
	clear: both;
	margin: 0 0 40px 0;
	text-align: center;
	border: solid #F0F0F0;
	border-width: 1px;
}
#sortby, a.time {
	font-family: "Century Gothic", Tahoma, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size:10px;
	letter-spacing:1px;
}
#sortby {
	float:left;
	width: 102px;
	padding: 5px 0;
}
a.time {
	float:left;
	cursor:pointer;
	width: 139px;
	padding: 5px 0;
   	background:#FFF;
	color:#000 !important;
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
}
a:hover.time, #alltime {
   	background:#F0F0F0;
	color:#000 !important;
}
#top_message_container {
	text-align: center;	
}
#top_message {
	color: #F15B29;
	padding: 10px;	
}
a.nevermind {
	color: #FFF;
	letter-spacing: 2px;
	background: #303030;
	margin: 25px 0 0 25px;
}
a.comments_button {
	text-transform: uppercase;
	font-size: 10px;
}
input.submit_button {
	font-family: "Century Gothic", Tahoma, sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 2px;
	background: #303030;
	color: #FFF;
	border: 0 none;
	padding: 0;
	cursor: pointer;
	margin: 25px 0 0 25px;
}
.caption {
	font-size: 10px;
	padding: 10px 0 0 0;
}
.clear {
	clear:both;
}
#banner_container {
	width: 1000px;
	padding: 0 20px 0 20px;
	margin: 0 auto;
}
.top_banner {
	background: #303030;
	min-width: 1040px;
	width: 100%;
}
.search_container {
	margin: 0;
	float: left;
	position: relative;
	background: #303030;
	width: 175px;
}
.subscribe_container {
	padding: 17px;
}
.subscribe_btn {
	border: solid #BDBDBD;
	border-width: 1px 0 0 0;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	height: 20px;
}
.submit_container {
	color: #FFF;
	display: none;
	background: #303030;
}
span.typeImg, span.typeVid {
	float: left;	
	display: block;
	cursor: pointer;
	text-align: center;
	font-size: 10px;
	letter-spacing: 2px;
	color: #303030;
	padding: 6px 0;
	margin: 25px 0 25px 25px;
	width: 300px;
	background: #FFF;
}
#page_container {
	width: 1040px;
	min-height: 2000px;
	margin: 0 auto;
}
#header_container {
	margin: 0 0 0 20px;
	padding: 0;
}
#menu_container {
	font-size: 10px;
	letter-spacing: 2px;
	padding: 40px 0;
	margin: 0;
	height: 81px;
}
.menu_option_container {
	position: relative;
	float: left;
	margin: 42px 0 0 0;
	height: 12px;
}
a.menu_option {
	display: block;
	padding:0 25px;
	color: #000;
	text-transform: uppercase;
}
.logo {
	float: left;
}
.milky_teat {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
    -khtml-opacity: 0;
	opacity: 0;
	background: url("http://attackofthecute.com/images/tipsy_arrow.gif") no-repeat right; width: 5px; height: 9px;
    position: absolute;
    bottom:1px;
    right:25px;
    z-index: 2;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.menu_option_container:hover .milky_teat {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
	right:15px;
}
.left {
	margin: 20px 0 0 20px;
	width: 660px;
	float:left;
}
.right {
    float: right;
    margin: 0 20px 20px 0;
	padding:0;
    width: 300px;
    min-height: 1500px;
	position:relative;
}
.hub_container, .rand_bar_side_container {
	margin: 20px 0 0 0;
	width: 300px;
	border: solid #F0F0F0;
	border-width: 0 1px 1px 1px;
	background: #FFF;
}
.rand_bar_side_container {
	padding: 0 0 17px 0;
}
.hub_header, .about_header, .versus_header, .versus_thumbs_header {
	position: relative;
	color: #000;
	background: #F0F0F0;
	font-size: 10px;
	letter-spacing: 2px;
	padding: 6px 0 6px 25px;
}
.hub_footer {
	background: #CCC;
	font-size: 10px;
	letter-spacing: 2px;
	padding: 6px 0 6px 25px;
}
.hub_teat {
	background: url("http://attackofthecute.com/images/hub_arrow.gif") no-repeat bottom; width: 9px; height: 5px;
    position: absolute;
    bottom:-5px;
    left:25px;
    z-index: 2;
}
.ad_container {
	margin: 20px 0;
	overflow: hidden;
	height: 250px;
}
.rand_bar_title, .rand_bar_perma_title {
	text-transform: uppercase;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 9px;
	padding: 1px 4px;
	background: #F0F0F0;
	color: #000;
}
.rand_bar_image, .rand_bar_perma_image {
	float: left;
	padding: 17px 0 0 17px;
	width: 267px;
}
.banner_ad_container {
	margin: 20px 0;
	text-align: center;
}
#comments_hub {
	font-size: 11px;
	padding: 10px;
}
.resize {
	max-width: 520px;
	height : auto;
}
.perma_resize {
	max-width: 660px;
	height : auto;
}
.image_container {
	float: left;
	display: inline-block;
	/* FOR IE CSS FIX */
	zoom:1;
	*display:inline;
}
.image {
	overflow: hidden;
}
.sub_container {
	border-bottom: 1px solid #F0F0F0;
	margin: 20px 0 60px 0;
}
.sub_container:nth-child(1) {
	margin:0 0 60px 0;
}
.sub_info_container {
	background: #F0F0F0;
	white-space: nowrap;
	overflow: hidden;
	padding: 2px 5px;
}
div.sub_title, div.perma_sub_title, div.source {
	float: left;
/* 	background: pink; */
	max-width: 65%;
	color: #000;
	font-size: 10px;
	letter-spacing: 2px;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.perma_sub_title {
	max-width: 660px;
}
div.source {
	float: right;
	max-width: 33%;
	margin: 0 0 0 5px;
}
a.sub_title {
	color: #000;
}
.sharing_container {
	margin: 20px 0;
	height: 20px;
}
.sharing_buttons {
	float: right;
	margin: 0 0 0 5px;
}
.plus_one, .fb-like, .pin_it {
	float: left;
	height: 20px;
}
.pin_it {
	padding: 0 0 0 20px;
}
.related_container {
	width: 100px;
	padding: 0 0 0 20px;
	border-left: solid 1px #F0F0F0; 
	float: right;
}
.related_image {
	padding: 0 0 20px 0;
}
input.search, input#title, input#link, input#verify {
	font-family: "Century Gothic", Helvetica, Arial, Tahoma, sans-serif;
	outline: none;
	border: 0 none;
	font-size:10px;
	padding:6px 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	width:150px;
	background: #303030;
	color: #FFF;
}
input#title, input#link, input#verify {
	background: #FFF;
	color: #303030;
	padding: 4px 10px;
	width: 200px;
	margin: 25px 0 25px 25px;	
}
form.search input.submit {
	background: url("http://attackofthecute.com/images/search_icon.png") no-repeat scroll 0 0 transparent;
	border: 0 none;
	cursor: pointer;
	display: block;
	position: absolute;
	right: 6px;
	top: 5px;
	height: 14px;
	width: 14px;
}
input.goto{
	outline: none;
	margin: 7px 0 0 7px;
	text-align: center;
	font-size:9px;
	font-family: "Century Gothic", Tahoma, sans-serif;
	width:111px;
	height:20px;
}
#goto {
	position: absolute;
	top:10px;
	left:264px;
	background: #303030;
	width:131px;
	height: 40px;
}
#pagenum {
	position:absolute;
	top:-10px;
	right:11px;
	font-size:9px;
	font-family: "Century Gothic", Tahoma, sans-serif;
}
.vote_container {
	text-align: right;
	height: 18px;
	margin: 20px 0 0 0;
}
a.vote_button {
	float: left;
	font-family: "Century Gothic", Tahoma, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size:10px;
	letter-spacing:1px;
	border: 1px solid #303030;
	padding: 1px 7px;
	margin-right: 10px;
   	background:#303030;
	color:#FFF !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
#seriousbusiness {
	font-size:9px;
	font-family: "Century Gothic", Tahoma, sans-serif;
	margin:10px 0 60px 0;
	text-align: center;
}
#disqus_thread {
	font-size: 12px;	
}
ul.dsq-widget-list {
	overflow: hidden;
}

/* MASTER HEADER */
.master_super {
	background: #303030;
	width: 100%;
	overflow: hidden;	
}
.master_header {
	padding: 0;
	margin: 0 auto;
	width: 1453px;
	height: 50px;
}

/* TIPSY */
.tipsy { padding: 5px; font-family: "Century Gothic", Tahoma, sans-serif; font-size: 9px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 3px 6px; background-color: #303030; color: #ffffff; max-width: 400px; text-align: center; white-space:nowrap }
  .tipsy-inner { -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius: 5px; }
  .tipsy-arrow { position: absolute; background: url('http://attackofthecute.com/images/tipsy_arrow.gif') no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

/* FIXIE CSS */
#fixie_placeholder {
	position: relative;
	height: 201px;	
}
#fixie_container {
	width: 300px;
	position: absolute;
}
#fixie_container.fixed {
    position: fixed;
    top: 0;
}