/*
Theme Name: 3n2 Sports
Theme URI: http://www.3n2sports.com
Description: This is my theme for the 3N2 CEO Blog.
Version: 1.0
Author: Ray Pimienta
Author URI: http://www.3n2sports.com/

*/

/* Begin Typography & Colors */
* { margin: 0; padding: 0; }
body {
    font-size: 10px;
    font-family: 'Lucida Grande', Arial, Helvetica, Sans-Serif;
    background: #000;
    color: #F1F1F1;
    text-align: left;
}
img { border: none; outline: none; }
a { outline: none; text-decoration: none; }
a:hover { text-decoration: underline; }
p {
    font-size: 12px;
    line-height: 18px;
}
#container:after, #content .post .entry:after, #content .navigation:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#wrapper {
    margin: 0;
    padding: 0;
    background: transparent url('images/bg-stadium.jpg') no-repeat scroll top center;
    width: 100%;
}
#page {
    margin: 0 auto;
    padding: 0 20px;
    width: 960px;
    min-height: 1200px;
}

#header {
    position: relative;
    width: 100%;
    padding: 0 21px 0 7px;
    height: 100px;
    color: #fff;
}
#header h1 {
    display: block;
    position: absolute;
    top: 41px;
    left: 198px;
    width: 102px;
    height: 12px;
    background: transparent url(images/title-ceoblog.png) no-repeat top left;
    text-indent: -9999px;
}
#logo {
    position: absolute;
    top: 20px;
    left: 7px;
}
#follow {
    position: absolute;
    top: 0px;
    left: 781px;
    width: 178px;
    height: 42px;
    background: transparent url('images/bg-follow.png') no-repeat scroll top center;
}
#follow ul { list-style: none; height: 23px; overflow: hidden; margin-top: 7px; margin-left: 70px; }
#follow ul li { float: left; display: inline; margin-right: 8px; height: 23px; overflow: hidden; }
#follow ul li a { text-indent: -9999px; display: block; }
#follow ul li a.icon { height: 23px; background-color: transparent; background-image: url('images/sprite-icons.png'); background-repeat: no-repeat; }
#follow ul li a.rss { width: 21px; background-position: 0 0; }
#follow ul li a.twitter { width: 22px; background-position: -21px 0; }
#follow ul li a.email { width: 23px; background-position: -43px 0; }

#breadcrumbs {
    width: 920px;
    margin: 0 10px 0 0;
    padding: 5px 20px;
    background-color: #000; /*#171717;*/
    /*
    border-top: solid 1px #282828;
    border-left: solid 1px #282828;
    border-bottom: solid 1px #080808;
    border-right: solid 1px #080808;
    */
}
#breadcrumbs a { color: #f4aa00; }

#container {
    margin: 10px 0 15px 0;
    width: 100%;
}
#content {
    float: left;
    width: 491px;
    margin-right: 16px;
}
.single #content { width: 724px; }
#content a {
    color: #f4aa00;
    text-decoration: none;
}
#content a:hover { text-decoration: underline; }
#content .post {
    position: relative;
    margin: 0;
    padding: 10px 20px;
    width: 451px;
    background-color: #171717; /*#282828;*/
    border-top: solid 1px #282828; /*#414141;*/
    border-left: solid 1px #282828; /*#414141;*/
    border-bottom: solid 1px #080808; /*#151515;*/
    border-right: solid 1px #080808; /*#1b1b1b;*/
}
.single #content .post { width: 684px; }
#content .page {
    padding-left: 13px;
    width: 530px;
}
#content .post .entry-header {
    /*width: 386px;*/
    margin: 0 0 15px 0;
}
/*.single #content .post .entry-header { width: 624px; }*/
#content .post .entry-header p {
    margin: 0;
}
#content .post .entry-header .tweetmeme { float: right; display: inline; }
#content .post .title {
    display: inline;
    margin: 0;
    font-size: 18px;
    line-height: 20px;
}
#content .post .title a { color: #FFF; }
#content .post .noposts { font-size: 14px; line-height: 12px; margin: 20px 0 10px 0 !important; }
#content .post p.byline { font-size: 12px; line-height: 12px; margin: 5px 40px 0 0 !important; }
#content .post p.cats { font-size: 12px; line-height: 12px; margin: 5px 0 !important; }
#content .post .author {
    margin: 0;
    padding: 0 5px 0 0;
    font-weight: bold;
    color: #f4aa00;
    border-right: solid 1px #FFF;
}
#content .post .postdate {
    margin: 0;
    padding: 0 5px;
    border-right: solid 1px #FFF;
}
#content .post .commentcount {
    margin: 0;
    padding: 0 0 0 5px;
}
#content .post .categories {
    margin: 10px 0 0 0;
    padding: 0;
    color: #f4aa00;
}
#content .post .tags {
    margin: 5px 0 0 0;
    padding: 0;
    color: #FFF;
}
#content .post .entry {
    margin: 10px 0 0 0;
    width: 100%;
    font-size: 12px;
    line-height: 16px;
}
#content .post .entry p,
#content .post .entry div {
    margin-bottom: 10px;
}
#content .post .comments {
    margin: 10px 0 0 0;
    text-align: right;
}
#content .post .comments a {
    padding: 0 0 0 25px;
    color: #82b713;
    text-decoration: none;
}

.wp-pagenavi {
    position: relative;
    margin: 0;
    padding: 20px;
    width: 451px;
    overflow: hidden;
    background-color: #171717; /*#282828;*/
    border-top: solid 1px #282828; /*#414141;*/
    border-left: solid 1px #282828; /*#414141;*/
    border-bottom: solid 1px #080808; /*#151515;*/
    border-right: solid 1px #080808; /*#1b1b1b;*/
}

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
        font-size: 12px;
        font-weight: bold;
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a.page {
	padding: 3px 5px !important;
}

.wp-pagenavi a:hover {
	border-color: #f4aa00;
	text-decoration: none !important;
}

.wp-pagenavi span.current {
	border-color: #f4aa00;
        background-color: #f4aa00;
}

.wp-pagenavi span.current {
	font-weight: bold;
}


.sidebar {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 219px;
}
.sidebar ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.sidebar li {
    margin: 0;
    padding: 21px 16px;
    background-color: #171717; /*#282828;*/
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
}
.sidebar li li {
    margin: 0;
    padding: 0 0 0 2px;
    border: 0;
}
.sidebar li li a {
    font-size: 12px;
    line-height: 16px;
}
.sidebar a {
    color: #F1F1F1;
}
.sidebar h3 {
    margin: 0 0 10px 0;
    padding: 0 0 0 5px;
    text-indent: -9999px;
}
.sidebar .widget_search h3 { background: transparent url(images/header-searchblog.png) no-repeat top left; }
.sidebar .widget_archive h3 { background: transparent url(images/header-archives.png) no-repeat top left; }
.sidebar .widget_categories h3 { background: transparent url(images/header-categories.png) no-repeat top left; }
.sidebar .widget_Twidget h3 { background: transparent url(images/header-twitterfeed.png) no-repeat top left; }
.sidebar .akpc-widget h3 { background: transparent url(images/header-popularposts.png) no-repeat top left; }
.sidebar #aboutceo h3 { background: transparent url(images/header-abouttheceo.gif) no-repeat top left; }
.sidebar #twitterfeed h3 { background: transparent url(images/header-twitterfeed.gif) no-repeat top left; }
.sidebar #featuredproducts h3 { background: transparent url(images/header-featuredproducts.gif) no-repeat top left; }

.sidebar .widget_search label.screen-reader-text { display: none; }

.sidebar .akpc-widget ol { list-style: none; }
.sidebar .akpc-widget ol li  { margin-bottom: 10px; }

.sidebar-first { margin-right: 15px; }
.single .sidebar-first { margin-right: 0 !important; background: transparent url(images/header-featuredproducts.gif) no-repeat top left; }
.sidebar-first li,
.sidebar-second li {
    border-top: solid 1px #252525; /*#414141;*/
    border-left: solid 1px #252525; /*#414141;*/
    border-bottom: solid 1px #080808; /*#151515;*/
    border-right: solid 1px #080808; /*#1b1b1b;*/
}
.sidebar-first h3 {
    /*background-image: url(images/bcksidebar-firsth3.png);*/
}
.sidebar-second h3 {
    /*background-image: url(images/bcksidebar-secondh3.png);*/
}
.sidebar .widget_search {
    background: #0c0c0c url(images/bg-searchbox.jpg) no-repeat top left;
    padding-bottom: 22px;
}
.sidebar .widget_search input {
    float: left;
}
.sidebar .widget_search #s {
    width: 149px;
    height: 21px;
    line-height: 21px;
    border-top: solid 1px #1d1d1d;
    border-left: solid 1px #1d1d1d;
    border-bottom: solid 1px #1d1d1d;
    border-right: solid 1px #1d1d1d;
    margin-right: 7px;
}
.sidebar .widget_search #searchsubmit {
    display: block;
    width: 22px;
    height: 22px;
    background: transparent url(images/button-go.gif);
    border: 0 none;
    text-indent: -9999px;
    vertical-align: middle;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* IE 5.x */
    outline: none;
    overflow: hidden;
}
.sidebar li#aboutceo {
    background: #000 url(images/bg-aboutceo.jpg) no-repeat top left;
    margin-bottom: 15px;
    border-top: solid 1px #121212;
    border-left: solid 1px #121212;
    border-bottom: solid 1px #080808;
    border-right: solid 1px #080808;
}
.sidebar li#aboutceo p { font-size: 11px; line-height: 14px; }
.sidebar li#aboutceo #photo-sean { float: right; margin-left: 8px; }

.sidebar .widget_Twidget { margin-bottom: 15px; }
.sidebar .widget_Twidget ul li { margin-bottom: 15px; }
.sidebar .widget_Twidget ul li a { color: #f4aa00; }
.sidebar .widget_Twidget a.follow { display: block; width: 125px; height: 12px; background: transparent url(images/link-follow.png) no-repeat top left; text-indent: -9999px; margin: 0 auto; margin-top: 10px; }

.sidebar li#clearance { padding: 0; border: none; }
.sidebar li#clearance a { display: block; width: 220px; height: 148px; text-indent: -9999px; background: transparent url(images/clearance-items.jpg) no-repeat top left; }

.sidebar li#featuredproducts h3 { margin-bottom: 3px; }
.sidebar li#featuredproducts { background: #171717 url(images/bg-featprod.jpg) repeat-x top left; padding-bottom: 0; }
.sidebar li#featuredproducts .featprod-container { width: 180px; height: 152px; margin-left: 3px; }

.footer .buckets-container {
    margin: 0 auto;
    width: 960px;
    height: 52px;
    background: transparent url(images/bg-buckets.gif) repeat-x top left;
    overflow: hidden;
    margin-bottom: 15px;
}
.footer .buckets { margin-left: 3px; margin-top: 4px; }
.footer .buckets li { float: left; display: inline; margin-right: 9px; }
.footer .buckets li.last { margin-right: 0; }
.footer .buckets li a { display: block; text-indent: -9999px; height: 44px; background-color: transparent; background-image: url('images/sprite-buckets.jpg'); background-repeat: no-repeat; }
.footer .buckets li a.flickr { width: 294px; background-position: 0 0; }
.footer .buckets li a.newsletter { width: 294px; background-position: 0 -44px; }
.footer .buckets li a.team3n2 { width: 294px; background-position: 0 -88px; }
.footer .buckets li a.rss { width: 45px; background: transparent url(images/bucket-rss.jpg) no-repeat top left; }

.footer .subfooter-container {
    margin: 0 auto;
    padding: 10px 0;
    width: 960px;
    background: #010101;
    overflow: hidden;
    margin-bottom: 15px;
    border-top: solid 1px #000; /*#181818;*/
    border-left: solid 1px #000; /*#181818;*/
    border-bottom: solid 1px #000; /*#090909;*/
    border-right: solid 1px #000; /*#090909;*/
}
.footer .subfooter li { float: left; display: inline; margin-right: 9px; height: 66px; }
.footer .subfooter li.sep { width: 4px; background: url(images/separator-subfooter.gif) no-repeat top left; }
.footer .subfooter li h3 { color: #f4aa00; text-transform: uppercase; margin-bottom: 5px; }
.footer .subfooter li a.symbol { display: block; width: 92px; height: 36px; background: transparent url(images/logo-symbol.jpg) no-repeat top left; text-indent: -9999px; margin-top: 15px; margin-left: 4px; }
.footer .subfooter li a { color: #F1F1F1; text-decoration: none; }
.footer .subfooter li a:hover { text-decoration: underline; }
.footer .subfooter li ul li { float: none; display: block; height: 14px; line-height: 14px; margin: 0; padding: 0; }

.footer .footer-bar { width: 960px; background: transparent url(images/footer-bar.gif) no-repeat top left; overflow: hidden; }
.footer .footer-bar ul { margin-top: 51px; float: right; list-style: none; }
.footer .footer-bar ul li { float: left; margin-right: 10px; }
.footer .footer-bar ul li a,
.footer .footer-bar ul li p  { color: #818181; font-size: 10px; text-transform: uppercase; }
.footer .footer-bar ul li a { text-decoration: none; }
.footer .footer-bar ul li a:hover { color: #EEE; text-decoration: underline; }

#comments-list-container {
    background-color: #171717; /*#282828;*/
    width: 491px;
    margin: 15px 0 0 0;
    border-top: solid 1px #282828; /*#5a5a5a;*/
    border-left: solid 1px #282828; /*#5a5a5a;*/
    border-bottom: solid 1px #080808; /*#151515;*/
    border-right: solid 1px #080808; /*#1b1b1b;*/
    overflow: hidden;
}
.single #comments-list-container { width: 724px; }
#comments-list-container h3 {
    padding: 10px 20px;
    font-size: 1.4em;
    text-transform: uppercase;
}
ol.commentlist {
    display: block;
    list-style: none;
}
ol.commentlist li {
    padding: 10px 20px;
    background-color: #282828;
}
ol.commentlist li.even { background-color: #212121; border-bottom: solid 1px #080808; }
ol.commentlist li.odd { background-color: #171717; /*#282828;*/ border-bottom: solid 1px #080808; }
ol.commentlist li .comment-author { font-size: 12px; line-height: 16px; }
ol.commentlist .comment p { padding: 0 20px 0 0; margin: 20px 0 10px 0; }
ol.commentlist .comment cite { font-style: normal; margin-right: 2px; padding-right: 5px; border-right: solid 1px #FFF; }

#respond { 
    position: relative;
    margin: 0;
    padding: 20px 20px 10px 20px;
    width: 451px;
    background-color: #171717; /*#282828;*/
    border-top: solid 1px #282828; /*#5a5a5a;*/
    border-left: solid 1px #282828; /*#5a5a5a;*/
    border-bottom: solid 1px #080808; /*#151515;*/
    border-right: solid 1px #080808; /*#1b1b1b;*/
}
.single #respond { width: 684px; }
#respond h3 {
    margin: 0 0 10px 0;
    padding: 0;
    /*text-indent: -9999px;*/
    /*background: transparent url(images/header-searchblog.png) no-repeat top left;*/
    font-size: 1.4em;
    text-transform: uppercase;
}
#respond p { margin-bottom: 10px; }
#respond input[type=text] {
    width: 229px;
    height: 21px;
    line-height: 21px;
    border-top: solid 1px #1d1d1d;
    border-left: solid 1px #1d1d1d;
    border-bottom: solid 1px #1d1d1d;
    border-right: solid 1px #1d1d1d;
}
#respond textarea {
    border-top: solid 1px #1d1d1d;
    border-left: solid 1px #1d1d1d;
    border-bottom: solid 1px #1d1d1d;
    border-right: solid 1px #1d1d1d;
}