/**
  Theme Name: Protype
  Version: 1.3
  Author: Protype Media
  Author URI: http://www.protypemedia.com
*/

/* ----------------- RESET ----------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: inherit;
	font-weight: lighter;
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html { overflow-y: scroll; }
:focus { outline: 0; }
body { color: #fff; font-size: 62.8%; line-height: 1.5; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {quotes: "" ""; }
p { clear: left; margin-bottom: 1.5em; }
strong { font-weight: bold; }
em { font-style: italic; }


/* ----------------- BACKGROUNDS ----------------- */
#bags { background: url(images/bg-bags.jpg) top center no-repeat #000; }
#bags-color { background: url(images/bg-bags-color.jpg) top center no-repeat #000; }

#mural { background: url(images/bg-mural.jpg) top center no-repeat #000; }
#mural-color { background: url(images/bg-mural-color.jpg) top center no-repeat #000; }
#mural2 { background: url(images/bg-mural2.jpg) top center no-repeat #000; }

#ring { background: url(images/bg-ring.jpg) top center no-repeat #000; }
#ring-color { background: url(images/bg-ring-color.jpg) top center no-repeat #000; }


/* ----------------- CORE ----------------- */
#canvas {
	background: url(images/canvas-content.png) top left no-repeat;
	clear: left;
	font-size: 1.4em;
	margin: 0 auto;
	min-height: 600px;
	padding: 0 10px;
	width: 880px;
}

.canvas-chrome {
	background: url(images/canvas-stripes.png);
	height: 10px;
	margin: 0 auto;
	width: 900px;
}

#canvas a { color: #e00; text-decoration: none; }
#canvas a:hover { color: #a00; text-decoration: none; }

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }
.displace { left: -9999px; position: absolute; }

.margint25 { margin-top: 25px; }
.margint15 { margin-top: 25px; }
.t25 { position: relative; top: 25px; }
.marginb25 { margin-bottom: 25px; }
.marginr10 { margin-right: 10px; }

.clear { clear: both; }


/* ----------------- NAVIGATION ----------------- */
.sf-menu, .sf-menu * { list-style: none; margin: 0; padding: 0; }
.sf-menu { line-height: 1.0; }
.sf-menu ul { position: absolute; top: -999em; width: 12em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility:	inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul, 
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul,
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; top: 0; }

.sf-menu {
	float: right;
	font-size: 1.2em;
	position: relative;
	top: 65px;
	right: 25px;
}

.sf-menu a { padding: .75em 1.5em; text-decoration: none; }
.sf-menu a, .sf-menu a:visited  { color: #fff; }

.sf-menu li { background: url(images/bg-navi.png) 0px 0px; margin-left: 15px; }
.sf-menu li li { background: url(images/canvas-content.png) top center; border-top: none; margin: 0; }

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background: url(images/bg-navi.png) 200px 0px;
}


/* ----------------- HOME ----------------- */
#home { background: url(images/bg-wraps.jpg) top center no-repeat #000; }

#home #logo-home {
	background: url(images/logo-medium.png) no-repeat;
	height: 200px;
	position: absolute;
	right: 5%;
	top: 5%;
	width: 200px;
}

#home #menu {
	background-image: url(images/black.png);
	padding: 30px 0;
	position: absolute;
	bottom: 5%;
	width: 100%;
}


#home #homepage, #home #about, #home #news, #home #fighters, #home #gallery, #home #photogallery, 
#home #videogallery, #home #calendar, #home #blog, #home #contact {
	background: url(images/menu.png);
	display: inline-block;
	height: 22px;
	margin-right: 30px;
}

#home a#homepage { background-position: 0 21px; margin-left: 30px; width: 44px; }
#home a:hover#homepage { background-position: 0 0; }

#home a#about { background-position: -69px 21px; margin-left: 30px; width: 45px; }
#home a:hover#about { background-position: -69px 0; }

#home a#news { background-position: -139px 21px; width: 42px; }
#home a:hover#news { background-position: -139px 0; }

#home a#fighters { background-position: -207px 21px; width: 57px; }
#home a:hover#fighters { background-position: -207px 0; }

#home a#gallery { background-position: -288px 21px; width: 48px; }
#home a:hover#gallery { background-position: -288px 0; }

#home a#photogallery { background-position: -588px 21px; width: 92px; }
#home a:hover#photogallery { background-position: -588px 0; }

#home a#videogallery { background-position: -705px 21px; width: 89px; }
#home a:hover#videogallery { background-position: -705px 0; }

#home a#calendar { background-position: -361px 21px; width: 64px; }
#home a:hover#calendar { background-position: -361px 0; }

#home a#blog { background-position: -450px 21px; width: 32px; }
#home a:hover#blog { background-position: -450px 0; }

#home a#contact { background-position: -506px 21px; width: 56px; }
#home a:hover#contact { background-position: -506px 0; }


/* ----------------- NEWSFLASH, HEADER ----------------- */
#news-container {
	background: url(images/bg-news.png);
	height: 30px;
	margin-top: 20px;
	width: 100%;
}

#news-content {
	color: #eee;
	font-size: 1.1em;
	position: relative;
	margin: 0 auto;
	top: 7px;
	width: 900px;
}

#news-content a {
	color: #ccc;
	font-style: italic;
	margin-left: 15px;
	text-decoration: none;
}

#news-content a:hover { color: #fff; }

#header { height: 155px; margin: 30px auto; width: 900px; }
#header h1, #header h4 { font-size: 3em; margin: 0; padding: 10px 0 10px 0; }

#logo {
	background: url(images/logo.png) no-repeat;
	float: left;
	height: 155px;
	position: relative;
	left: 25px;
	width: 150px;
}


/* ----------------- MAIN CONTENT ----------------- */
.primaryContent {
	float: left;
	padding: 0;
	margin: 30px 20px 20px;
	width: 570px;
}

.primaryContent h1, .primaryContent h2 { margin: 0; padding: 0; }

.fullWidth { width: 840px; }

#singleTitle { left: 20px; position: relative; top: 30px; }
.singlePrimary { margin: 50px 20px 20px 10px; }

.pageTitle {
	background-color: #a00;
	font-size: 2.2em;
	left: -40px;
	letter-spacing: -2px;
	padding: 8px 30px 10px;
	position: relative;
}

.pageTitleChrome {
	background: url(images/post-title-chrome.png) left bottom no-repeat ;
	float: left;
	height: 62px;
	left: -30px;
	position: relative;
	width: 10px;
}

.primaryContent h3 { margin: 10px 0 0 0; padding: 0; }

.post { clear: left; margin-top: 40px; }

.post h2, .secondaryContent h2, .post h3 { font-size: 1.4em; letter-spacing: -1px; }
.secondaryContent h2 { margin-bottom: 20px; }

.post h3 { color: #c00; font-size: 1.2em; }

.accent { color: #e00; letter-spacing: -3px; }

ul.column {
	float: left;
	margin-bottom: 20px;
	*margin-bottom: 0;
	width: 200px;
}

.quote { background: url(images/quote-open.png) 0 5px no-repeat; font-style: italic; }

.table { font-size: .9em; }
.table td, .table th { padding: 5px; text-align: center; vertical-align: middle; }
.table th { background-color: #300; font-weight: bold; }
.table tr.alt { background-color: #111; }
.tableLeft td { text-align: left; }

hr.spacer {
	border: none;
	clear: both;
	height: 0;
	border-bottom: 1px dotted #000;
	margin: 15px 0;

}

.post ul, ol { margin-bottom: 20px; }
.post li { list-style: square; margin-left: 50px; }
.post ol li { list-style: decimal; }


/* ----------------- POSTS ----------------- */
.posts { 
	backgound: url(images/canvas-stripes.png);
	float: left;
	margin: 10px;
	padding: 5px;
}

.postWrapper {
	background-color: #000;
	clear: left;
	height: 320px;
	padding: 10px;
	width: 228px;
}
.postWrapper p { margin: 10px 0 0 0; }

.postPicture { float: left; }

.primaryContent h2.postTitle { font-size: 1.2em; letter-spacing: -1px; }

.readmore a:hover { font-style: italic; }

#pagination { clear: both; list-style: none; margin: 0; padding: 0; }
#pagination li { display: inlne; }
#pagination .previous, #pagination .future { margin-top: 50px; }
#pagination .previous { float: left; text-align: left; }
#pagination .future { float: right; text-align: right; }


/* ----------------- FIGHTERS & VIDEO PAGES ----------------- */
#fighterContent { clear: left; position: relative; top: 20px; }
.fighterGrid, .videoGrid {
	background: url(images/canvas-stripes.png);
	float: left;
	margin: 10px;
	padding: 4px;
}

a.fighterGrid, .fighterHeader, #fighterSummary, .videoGrid a { border: 1px dotted #333; }
a:hover.fighterGrid, .videoGrid a:hover { border: 1px dotted #bbb; }

.gridHighlight, a.gridHighlight { background: url(images/canvas-stripes-gold.png); border: 1px dotted #ad8404; }
a:hover.gridHighlight { border: 1px dotted #ebb306; }

.fighterHeader { margin: 0; }

#fighterSummary {
	float: left;
	height: 338px;
	margin-left: 20px;
	padding: 10px;
	width: 268px;
}

table.stats { font-size: .9em; }
.stats td { padding: 0 10px 7px 0; }

.videoGrid { margin: 6px; text-align: center; width: 190px; }

.videoGrid a {
	background: url(images/canvas-content.png) top center;
	display: block;
	height: 185px;
	padding: 4px;
}

.videoGrid span {
	color: #ccc;
	position: relative;
	text-align: center;
	top: 5px;
	width: 100px;
}


/* ----------------- SIDEBAR ----------------- */
#sidebar {
	float: left;
	margin-bottom: 150px;
	position: relative;
	top: 116px;
}

.secondaryContent, .secondaryContentGold {
	background: url(images/canvas-stripes.png);
	margin-bottom: 20px;
	padding: 25px;
	width: 200px;
}
.secondaryContentGold { background: url(images/canvas-stripes-gold.png); }

.secondaryContent p { margin: 0; }

.secondaryContent h3 { margin: 10px 0 0 0; padding: 0; }

.secondaryContent ul { letter-spacing: -1px; }
.secondaryContent ul a { color: #b00; }
.secondaryContent ul a:hover { color: #e00; }

#comment { width: 500px; }

a.partnerLogo { margin-left: 32px; }


/* ----------------- FOOTER ----------------- */
#footer { clear: both; color: #888; margin-top: 25px; }

#footer #sponsors { background: url(images/bg-sponsors.png) repeat-x; height: 83px; width: 100%; }

.content { margin: 0 auto; overflow: auto; width: 840px; }
.logos { height: 40px; position: relative; overflow: hidden; top: 21px; }
	.logos a { padding: 0 10px; }
.content #left, .content #right { margin: 25px 0; width: 400px; }
.content #left { float: left; }
.content #right { color: #888; float: right; text-align: right; }

#footer a { color: #ccc; text-decoration: none; }
#footer a:hover { color: #666; }

#rss a, #twitter a, #facebook a {
	display: block;
	float: right;
	height: 16px;
	margin-left: 5px;
	width: 16px;
}

#rss a { background: url(images/social-icons.gif) 0 0 no-repeat; }
#rss a:hover { background: url(images/social-icons.gif) 0 -16px no-repeat; }

#twitter a { background: url(images/social-icons.gif) -16px 0 no-repeat; }
#twitter a:hover { background: url(images/social-icons.gif) -16px -16px no-repeat; }

#facebook a { background: url(images/social-icons.gif) -32px 0 no-repeat; }
#facebook a:hover { background: url(images/social-icons.gif) -32px -16px no-repeat; }

#protype { position: relative; top: -12px; }



/* ----------------- POST TABS ----------------- */
.postTabs_divs { padding: 4px; }

.postTabs_titles { display: none; }

ul.postTabs {
	background: none;
	border-bottom: 1px solid #333 !important;
	display: block !important;
	line-height: normal;
	list-style-type: none !important;
	margin: 0 0 1em !important;
	padding: 0.2em 1em 0.2em 10px !important;
	text-align: left;
}

ul.postTabs li {	
	background: none;
	display: inline !important;
	line-height: normal;
	margin: 0;
	padding: 0;
}
  
ul.postTabs li:before { content: none; }  
  	
ul.postTabs li a {
	background: #111;
	border: 1px solid #333 !important;
	color: #999 !important;
	cursor: pointer;
	outline: none;
	padding: 0.2em 10px !important;
	text-decoration: none;
}
	
ul.postTabs li.postTabs_curr a {
	background: #333;
	border-bottom: 1px solid #333 !important;
	color: #fff !important;
	text-decoration: none;
}

ul.postTabs li a:hover { background: #555 !important; color: #fff !important; text-decoration: none; }

.postTabsNavigation { display: block !important; overflow: hidden; }

.postTabs_nav_next{ float:right; }

.postTabs_nav_prev{ float:left; }