/*
Theme Name: 542542 (kgbkgb)
Theme URI: http://kgb.com
Description: Designed by Eastmedia for 542542
Version: 1.0
Author: Eastmedia
Author URI: http://eastmedia.com/
Tags: 542542, text, question, answer, sms

*/

body {
  background: #132d2e url(http://542542.com/images/superbowl/bg.jpg) center top no-repeat;
}

#wrapper,
#header .wrapper,
#footer .wrapper {
  width: 960px;
}

a {
  color: #006699;
}

#home #content_wrap {
  min-height: 10px;
}

#content_wrap {
  min-height: 450px;
}

#home #page_content {
  padding: 0; 
  width: auto;
}

h1.none,
h2.none {
  text-indent: -9999em;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}

.page_title {
  margin-top: 0.25em;
}

/* layouts 
----------------------------------------------------------------------*/
h2.superbowl_h2 {
	background-image:url(images/title_banner_superbowl.png);
	background-position:center top;
	background-repeat:no-repeat;
	height:96px;
	margin:0 0 20px;
	padding:0;
	text-indent:-9999em;
	width:960px;
}

h2.superbowl_h2 a.watch_ads:hover {
background-position:right 0;
}
h2.superbowl_h2 a.watch_ads {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(images/title_banner_superbowl_hover.png) no-repeat scroll -1000em 0;
	float:right;
	height:80px;
	width:185px;
	margin-right: 10px;
	margin-top: 7px;
}
h2.superbowl_h2 a {
	display:block;
	text-indent:-9999em;
}



#page_content,
#sidebar,
#inner {
  position: relative;
  float: left;
}

.aux #inner {
  padding-left: 245px;
}

#sidebar {
  width: 225px;
  padding-right: 20px;
  right: 245px;
  margin-left: -100%;
  background: url(images/bg_sidebar_superbowl.png) 0 0 no-repeat;
}

#page_content {
  width: 880px;
  padding: 20px 40px;
  min-height: 200px;
  background-image: url(images/bg_page_content.png);
  background-repeat: no-repeat;
}

.aux #page_content {
  width: 635px;
  background-color: #fff;
  background-image: url(images/bg_page_content_aux.png);
  background-position: right top;
}

/* 2, 3, 4 columns
----------------------------------------------------------------------*/

.cols { margin-bottom: 30px; }
.col  { float: left; }

.two    .col  { width: 470px; }
.three  .col  { width: 310px; }
.four   .col      { width: 225px; }

.two .col,
.four .col   { margin-right: 20px; }

.inner .three .col  { width: 295px; }

.three .col  { margin-right: 15px; }

.three .double  { width: 630px; }
.four .double   { width: 470px; }
.four .triple   { width: 735px; }

 /* .aux page_content is 715 wide */

.aux .two   .col { width: 356px; }
.aux .three .col { width: 224px; }
.aux .four  .col { width: 168px; }

.aux .three .double  { width: 478px; }
.aux .four .triple   { width: 544px; }

.cols .last { margin-right: 0; }

/* header 
----------------------------------------------------------------------*/

#header h1 {
  height: 133px;
  margin: 0;
  background: url(http://542542.com/images/superbowl/be_header_mo_apps_super_bowl_bg.jpg) 0 0 no-repeat;
  overflow: hidden;
}

#header h1 a,
#header h1 span {
  display: block;
  text-indent: -9999em;
}

#header h1 a {
  width: 150px;
  height: 115px;
  background: url(images/bg_logo.png) 9px 2px no-repeat;
}

#header h1 a:hover {
  background-position: 9px -148px;
}

/* main nav 
----------------------------------------------------------------------*/

#nav {
  height: 49px;
  margin-bottom: 20px;
  padding: 0 6px;
  background: transparent url(http://542542.com/images/superbowl/bg_nav.png) center top no-repeat;
  font-weight: bold;
}

#nav li,
#nav li a {
  display: block;
  float: left;
}

#nav .active,
#nav .active a {
  background: transparent url(images/bg_nav_active.png) no-repeat;
}

#nav .active a,
#nav li a:hover {
  color: #fff;
}

#nav .active a {
  background-position: right top;
}

#nav li {
  padding-left: 10px;
}

#nav li a {
  height: 36px;
  padding: 14px 25px 0 15px;
  color: #ddd;
  text-decoration: none;
}

#nav li a:hover {
  text-decoration: underline;
}

/* sidebar 
----------------------------------------------------------------------*/
#sidebar ul {
	background-color: #fff;}
#sidebar li {
  font-size: 93%;
  padding: 0 1px;
}

#sidebar h4 {
  padding: 8px 15px;
  color: #fff;
  background: url(images/bg_sidebar_h4_superbowl.png) 0 0 no-repeat;
}

#sidebar li.widget {
  padding-left: 15px;
}

#sidebar a {
  padding: 4px 0;
  color: #444;
}

#sidebar #recent-posts {
  margin-bottom: 1em;
  padding: 0 0 1em;
  border-bottom: 1px solid #eee;
}

#sidebar #recent-posts h4 {
  padding: 8px 15px;
  color: #fff;
  background: url(images/bg_sidebar_h4.png) 0 0 no-repeat;
}

#sidebar #recent-posts a        { text-decoration: none; }
#sidebar #recent-posts a:hover  { text-decoration: underline; }

#sidebar #recent-posts li {
  font-weight: bold;
}

#sidebar #recent-posts a {
  display: block;
  padding: 4px 10px 4px 25px;
  background: #fff url(images/bg_sidebar_tab_link.png) left top no-repeat;
}

#sidebar #recent-posts a:hover { background-color: #eee; background-position: left -300px; }

#searchform label,
#sidebar #search,
#sidebar #searchform,
#sidebar #recent-posts h2 {
  display: none;
}

#searchform {
  padding: 10px;
  text-align: center;
  background-color: #f3f3f3;
  border: 1px solid #e1e1e1;
  
}

#searchform .text {
  width: 65%;
  font-size: 108%;
}


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

#footer {
  margin-top: 30px;
  color: #aaa;
  border-top: 1px solid #ebebeb;
  background-color: #f6f6f6;
}

#footer .wrapper {
  text-align: center;
  margin-top: 15px;
  padding: 15px 0 30px;
}

.footer_nav,
#footer .copyright {
  text-align: center;
  font-size: 85%;
}

.footer_nav,
#footer .copyright,
#footer .legal {
  margin-bottom: 1em;
}

#footer a {
  color: #888;
  text-decoration: none;
}

#footer .active {
  color: #333;
  text-decoration: underline;
}

#footer .legal {
  font-size: 69.3%;
  text-align: justify;
  color: #bbb;
}

#footer .legal span {
  float: left;
  display: block;
  margin-right: 0.5em;
  height: 50px;
}

/* pagination
----------------------------------------------------------------------*/

.more_less {
  height: 1.5em;
  margin: 0.5em 0 2em;
}

.more a,
.less a {
  display: inline-block;
  height: 18px;
  text-decoration: none;
  color: #000;
  font-size: 93%;
  font-weight: bold;
}

.more a {
  float: right;
  padding-right: 20px;
  background: url(images/bg_more.gif) right top no-repeat;
}

.less a {
  float: left;
  padding-left: 20px;
  background: url(images/bg_less.gif) left top no-repeat;
}

.more a:hover,
.more a:active,
.less a:hover,
.less a:active { text-decoration: underline;}

.more a:hover,
.more a:active { background-position: right -50px; }

.less a:hover,
.less a:active { background-position: left -50px; }

/* posts 
----------------------------------------------------------------------*/

.pagetitle {
  text-align: center;
  margin: 1em 0 1.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #333;
  color: #333;
  font-size: 161.6%;
}

h2,
h3 {
  margin-bottom: 0.5em;
  font-size: 138.5%;
  color: #333;
}

h2 a,
h3 a {
  color: #333;
  text-decoration: none;
}

h2 a:hover,
h3 a:hover {
  text-decoration: underline;
}

.post {
  margin-bottom: 2em;
}

small {
  display: block;
  clear: both;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  padding-top: 1.5em;
  border-bottom: 1px dotted #ddd;
  font-size: 80%;
}

.post .zemanta-img {
  display: block;
  float:right;
  margin: 0 0 1em 1em;
  text-align: right;
}

/* standard forms 
----------------------------------------------------------------------*/

.std_form {
  padding: 20px;
  background-color: #f6f6f6;
  border: 3px solid #e3e3e3;
}

.std_form .text input,
.std_form textarea {
  font-size: 108%;
  width: 90%;
}

/* clearfix 
----------------------------------------------------------------------*/

.post:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}

.post {
  display: inline-block;
}

html[xmlns] .post {
  display: block;
}

* html .post {
  height: 1%;
}