@charset "utf-8";
/* CSS Document */

body {
	font: 100% Arial, Helvetica, sans-serif;
	background:#1b1b1b url(images/commando-fans-big-bg2.jpg) top center no-repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#CCCCCC;
	font-size:12px;
}
#container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}


#socialmedia {
float:left;
position:relative;
margin: 5px 0px 0px 300px;
}

#searchcontainer {
float:right;
position:relative;
margin-top:5px;
color:#FFFFFF;
}

.searchboxstyle {
background:url(images/searchbox-bg.gif) repeat-x;
border:solid 1px #999999;
color:#FFFFFF;
height:22px;
margin:3px 5px 0px 0px;
}

.search-button {
font-weight:bold;
color:#FFFFFF;
border:none;
text-align:center;
background:url(images/search-button.png);
width:74px;
height:30px;
padding:0px 0px 5px 0px;
text-indent:-900%;
}

.login-button {
font-weight:bold;
color:#FFFFFF;
border:none;
text-align:center;
background:url(images/login-button.png);
width:74px;
height:30px;
padding:0px 0px 5px 0px;
text-indent:-900%;
}


#top-nav {
	height:40px;
/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	text-align:right;
	font-size:12px;
	font-weight:bold;
	padding:3px 0px 0px 0px;
	float:left;
	width:960px;
}

ul.top-nav {
	list-style: none;
	margin:0px;
    padding: 0px 0px 0px 0px;
	float: left;
	width: 300px;
	background: #222;
	font-size:12px;
	background: url(images/topnav_bg.gif) repeat-x;

}
ul.top-nav li {
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.top-nav li a{
	padding: 10px 5px 0px 0px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	font-weight:bold;
	text-shadow:#000000 0px 1px 1px;
}
ul.top-nav li a:hover{
	color:#CC0000;
}



#top-main {
	height:165px;
	padding: 60px 0px 0px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
    font-size:12px;
}





ul.topnav {
	list-style: none;
	padding: 0;
	margin: -40px 0px 0px 290px;
	float: right;
	width: auto;
	background: #222;
	font-size:14px;
	background: url(images/topnav_bg.gif) repeat-x;


}
ul {
padding-left:10px;
}

ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 0 0 9px;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	font-weight:bold;
	text-shadow:#000000 0px 1px 1px;
}
ul.topnav li a:hover{
	color:#CC0000;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	position:relative;
	right:5px;
	background: url(images/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	font-size:12px;
	letter-spacing: 0em;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
     border: 1px solid #333333;
	 
	 filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	z-index:30;
	
}



ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(images/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(images/dropdown_linkbg.gif) no-repeat 10px center;
}


#launchboard {
	list-style: none;
	padding: 0;
	margin: 10px 0px 20px 0px;
	position: relative;
	height:96px;
	width:230px;
	float:right;
}

#launchboard a {
	display: block;
	text-indent: -1000%;
	position: absolute;
	outline: none;
}


#launchboard a:hover {
	background-position:left bottom;
}


#launchboard .launchboard-link {
	width: 230px;
	height: 96px;
	background:url(images/launch-commando-message-board.png) no-repeat;
	display:block;
}


#flashgame {
	list-style: none;
	padding: 0;
	margin: 10px 0px 20px 0px;
	position: relative;
	height:88px;
	width:230px;
	float:right;
}

#flashgame a {
	display: block;
	text-indent: -1000%;
	position: absolute;
	outline: none;
}


#flashgame a:hover {
	background-position:left bottom;
}


#flashgame .flashgame-link {
	width: 230px;
	height: 88px;
	background:url(images/commando-flash-game.png) no-repeat;
	display:block;
}

#logo {
	list-style: none;
	padding: 0;
	margin: 35px 20px 10px 0px;
	position: relative;
	height:30px;
	width:290px;
	float:left;
}

#logo a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}


#logo a:hover {
	background-position:left bottom;
}


#logo .logo-home {
	width: 290px;
	height: 30px;
	background:url(images/commando-fans-logo.png) no-repeat;
	display:block;
}






#tagline {
height:20px;
width: 200px;
position:relative;
left:10px;
}

H1 {
font-size:36px;
text-shadow:#000000 0px 2px 2px;
font-weight:bold;
color:#999999;
background:url(images/divider.png) bottom repeat-x;
padding:0px 0px 10px 0px;
margin:0px 0px 40px 0px;
}

H1 a {
font-size:36px;
text-shadow:#000000 0px 2px 2px;
font-weight:bold;
color:#CCCCCC;

padding:0px 0px 10px 0px;
text-decoration:none;
}

H1 a:hover{
font-size:36px;
text-shadow:#000000 0px 2px 2px;
font-weight:bold;
color:#CCCCCC;

padding:0px 0px 10px 0px;
text-decoration:none;
}



H2 {
margin:40px 0px 10px 0px;
font-size:24px;
text-shadow:#000000 0px 2px 2px;
font-weight:bold;
color:#CCCCCC;
}

H2 a{

font-size:24px;
text-shadow:#000000 0px 2px 2px;
font-weight:bold;
color:#CCCCCC;
text-decoration:none;
}

H2 a:hover{

font-size:24px;
text-shadow:#000000 0px 2px 2px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}



H3 {
font-size:18px;
text-shadow:#000000 0px 2px 2px;
font-weight:bold;
color:#FFFFFF;
padding:0px 0px 10px 0px;
margin:10px 0px 00px 0px;
}

H3 a{
font-size:18px;
text-shadow:#000000 0px 2px 2px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

H3 a:hover{
font-size:18px;
text-shadow:#000000 0px 2px 2px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}


.wp-caption-text, .wp-caption-text p {
padding: 5px 0px 10px 0px;
margin:0px 0px 0px 0px;
font-size:10px;
}

p {
color:#CCCCCC;
padding:10px 0px 10px 0px;
line-height:150%;
font-size:12px;
margin:0;
}

a {
color:#CC0000;
}

a:hover {
color:#FF0000;
}

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#mainContent {
	padding: 0 0px 50px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height:auto;
	float:left;

}

#footer {
	background:#131313 url(images/footer-bg.gif) repeat-x top;
	height:245px;
	padding: 0px 0px 0px 0px;

}


#footer-container {
	width: 940px;  
	padding:30px 10px 5px 10px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:200px;
}




#footer p {

    font-size:12px;
	color:#CCCCCC;
	margin: 0px 0px 10px 0px;
	 
}

#footer .column-outer {
width:220px;
padding:0 10px 0px 10px;
float:left;
}

#footer .column-middle{
width:360px;
padding:0 10px 0px 10px;
float:left;
}


.copyright {
font-size:9px;
color:#666666;
}

#bennett-quote {
background:url(images/bennett-quote.png) top no-repeat;
float:left;
width:309px;
height:264px;
position:relative;
top:-50px;
}

#bennett-bubble {

width:140px;
height:88px;
position:relative;
left:162px;
top:-20px;
color:#FFFFFF;
font-size:11px;
}



label {
	font-weight:bold;
	font-size:12px;
}

textarea:focus, input:focus {
	border: 2px solid #990000;
}






#sidebar-left {
width:210px;

float:left;
height:auto;
list-style: none;
padding:10px;
font-size:12px;
}

#sidebar-right {
width:200px;
border:solid #333333 thin;
background:#1E1E1E;
float:right;
height:auto;
box-shadow: 1px 1px 0 #000;
-moz-box-shadow: 1px 1px 0 #000;
-webkit-box-shadow: 1px 1px 0 #000;
list-style: none;
padding:0px 20px 20px 20px;
}

#sidebar-right h2 {
margin:40px 0px 10px 0px;
font-size:18px;
}

#sidebar-right a {
text-decoration:none;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}

#sidebar-right a:hover {
text-decoration:underline;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}

#sidebar-right ul, #sidebar-right li {
list-style:none;

}


#sidebar-right2 {
width:240px;
float:right;
height:auto;
list-style: none;
padding:0px;
margin-bottom:20px;
}

#sidebar-right2 a {
text-decoration:none;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}

#sidebar-right2 a:hover {
text-decoration:underline;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}

#sidebar-right2 ul, #sidebar-right2 li {
list-style:none;

}


#welcome-bennett {
margin:20px 0px 50px 0px;
}


#home-center {
width:440px;
height:auto;
float:left;
padding: 0px 20px 20px 20px;
}

#wide-content {
width:600px;
height:auto;
float:left;
padding: 0px 20px 20px 20px;
}

#wide-content-main {
float:left;
width:600px;
}
#wide-content ul, #home-center ul {
margin: 0px 0px  0px 20px;
padding: 0px 0px 0px 20px;
}

#wide-content ul li, #home-center ul li {
margin: 0px 0px  20px 0px;
}

#see-more-cat {
margin-top:20px;
float:left;
width:100%;
}

.catblock a {
background:#009900;
padding:2px 5px 2px 5px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

.catblock a:hover {
background:#00FF00;
padding:2px 5px 2px 5px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

/*  FIX*/
.clearfix {
clear:both;
}
.fix:after {content: ".";
	display: block;
	height: 0;
	: both;
	visibility: hidden;}
.fix {display: inline-block;}
/* Hides from IE-mac \*/
* html .fix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*box */

.box-frame {

border:solid #666666 thin;
background:#333333;
float:left;
padding:10px;
box-shadow: 1px 1px 0 #000;
-moz-box-shadow: 1px 1px 0 #000;
-webkit-box-shadow: 1px 1px 0 #000;
}
/*post stuff*/

.post-info {
font-size:11px;
color:#666666;
margin-bottom:10px;
}


hr {
background:url(images/divider.png) repeat-x;
height:2px;
border:0;
margin:10px 0px 10px 0px;
}

#stray_widgets-2 {
list-style:none;
}

/* Begin Images */

img {
border:none;
}

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 20px 20px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 20px 20px 0;
	display: inline;
	}

.alignright {
	float: right;
	padding: 4px;
	margin: 0 20px 20px 0;
	}

.alignleft {
	float: left;
	padding: 4px;
	margin: 0 20px 20px 0;
	}
/* End Images */

.categorylist {
list-style:none;

}

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

.categorylist li a{
font-size:36px;
text-shadow:#000000 0px 2px 2px;
font-weight:bold;
color:#999999;
padding:0px 0px 10px 0px;
margin:0px 0px 40px 0px;
text-decoration:none;
list-style:none;
}

.thumb-title {
bottom:30px;
color:#000000;
font-size:14px;
font-weight:bold;
text-shadow:#660000 0px 1px 1px;
position:absolute;
text-decoration:none;
float:left;
z-index:40px;
line-height:200%

}

.thumb-title a {
color:#FFFFFF;
background:#990000;
padding:5px;
text-decoration:none;

}

.thumb-title a:hover {
color:#FFFFFF;
background:#FF0000;
padding:5px;
text-decoration:none;
}


.post-img-preview {
float:left;
position:relative;
margin:0px 20px 20px 0px;
}

.comments {
float:left;
}

.comments_reply {
float:left;
}

/* table stylez */
#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 20px 0px 60px 0px;
	width: 600px;
	text-align: left;
	border-collapse: collapse;
	float:left;

}

#box-table-a th
{
	font-size: 18px;
	font-weight: bold;
	padding: 8px;
	background:#990000;
	border-top:#660000;
	border-bottom: 1px solid #CCCCCC;
	color:#FFFFFF;

}

#box-table-a td{
	padding: 8px;
	background:none;
	border-bottom: 1px solid #CCCCCC;
	color:#FFFFFF;
	border-top: 1px solid transparent;

}

.pdf-table {
background:url(images/acrobat.png) no-repeat;
padding-left:5px;
}

#box-table-a tr:hover td {
	background:#333333;
	color:#FFFFFF;
}

#box-table-a a {
font-weight:bold;
}



#profile
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 20px 20px 20px 0px;
	width: 280px;
	text-align: left;
	border-collapse: collapse;
	float:left;

}

#profile th
{
	font-size: 14px;
	font-weight: bold;
	padding: 8px;	
	border-top:#660000;
	border-bottom: 1px solid #CCCCCC;
	color:#FFFFFF;
	text-align:center;
}

h5 {
font-size:28px;
color:#FFFFFF;
text-shadow: 0px 2px 3px #000;
padding:0px;
margin:0px 0px 5px 0px;
font-weight:bold;
text-transform:uppercase;
}

P.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 165px;
}

#profile td{
	padding: 8px;
	background:none;
	border-bottom: 1px solid #CCCCCC;
	color:#FFFFFF;
	border-top: 1px solid transparent;

}


#profile tr:hover td {
	background:#333333;
	color:#FFFFFF;
}

#profile a {
font-weight:bold;
}








.read-more {
color:#000000;
font-size:14px;
font-weight:bold;
text-shadow:#660000 0px 1px 1px;

text-decoration:none;
margin-bottom:20px;
}

.read-more a {
color:#FFFFFF;
background:#990000;
padding:5px;
text-decoration:none;

}

.read-more a:hover {
color:#FFFFFF;
background:#FF0000;
padding:5px;
text-decoration:none;
}