/*
Theme Name: games.on.net
Theme URI: http://games.on.net
Description: The theme for our GON relaunch in July of 2012.
Author: Cas Bitton, Tim Colwill, Caleb Cheng 
Author URI: http://games.on.net
Version: 1.0
Tags: space, wizards, lasers

License: Proprietary. Copyright games.on.net.
License URI: http://games.on.net

General comments: DROP DA BOMB
*/

/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #45af48; color: #fff; text-shadow: none; }
::selection { background: #45af48; color: #fff; text-shadow: none; }

a { color: #00e; text-decoration: none; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* ===== Primary Styles ========================================================
   Author: Tim Colwill
   ========================================================================== */

/* Google font action */

@import url(http://fonts.googleapis.com/css?family=PT+Sans:700);

/* Reference section */

div.pagination a,
input.greenbutton,
a.greenbutton {
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: #FFF !important;
	text-decoration: none !important;
	text-transform: uppercase;
	padding: 7px;
	background: #29A64A;
	background: -moz-linear-gradient(
		top,
		#73bf44 0%,
		#29a64a);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#73bf44),
		to(#29a64a));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px solid #72c44a;
	-moz-box-shadow:
		0px 0px 0px rgba(68,123,42,0),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 0px 0px rgba(68,123,42,0),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px 1px 0px rgba(68,123,42,1),
		0px -1px 0px rgba(68,123,42,1);
	}

div.pagination a:hover,
input.greenbutton:hover,
a.greenbutton:hover {
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	color: #FFF !important;
	text-decoration: none !important;
	text-transform: uppercase;
	padding: 7px;
	background: #73bf44;
	background: -moz-linear-gradient(
		top,
		#29a64a 0%,
		#73bf44);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#29a64a),
		to(#73bf44));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px solid #72c44a;
	-moz-box-shadow:
		0px 0px 0px rgba(68,123,42,0),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 0px 0px rgba(68,123,42,0),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px 1px 0px rgba(68,123,42,1),
		0px -1px 0px rgba(68,123,42,1);
	}

div.clearer {
	clear: both;
	}

div.spacer {
	clear: both;
	height: 20px;
	width: 100%;
	}

div.section {
	background-image: url(img/bg_stripes.png);
	background-position: top left;
	height: 18px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	color: #FFF;
	padding: 8px 15px;
	clear: both;
	}

	div.section a {
		color: #78c257;
		}

	div.section a:hover {
		text-decoration: underline;
		}

div.left {
	float: left;
	}

div.right {
	float: right;
	}

div.640 {
	width: 640px;
	}

div.280 {
	width: 280px;
	}

div.leftpull {
	width: 195px;
	float: left;
	font-family: 'PT Sans', sans-serif;
	font-size: 20px;
	color: #555;
	padding-right: 15px;
	margin-top: 4px !important;
	margin-right: 15px !important;
	border-right: 5px solid #45af48;
	text-align: right;
	font-weight: bold;
	}

div.rightpull {
	width: 195px;
	float: right;
	font-family: 'PT Sans', sans-serif;
	font-size: 20px;
	color: #555;
	padding-left: 15px;
	margin-top: 4px !important;
	margin-left: 15px !important;
	border-left: 5px solid #45af48;
	text-align: left;
	font-weight: bold;
	}

textarea.fullscreen {
	border: 1px solid #c9c9c9;
	width: 540px;
	padding: 18px;
	}

h1.assistive-text {
	display: none;
	}

/* Structural styles */

/* With much love to http://mystrd.at/modern-clean-css-sticky-footer */

html {
    position: relative;
    min-height: 100%;
	}

header {
	height: 216px;
	width: 100%;	
	background-image: url(img/bg_top.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	}

div#header_wrap {
    margin:0 auto;
    overflow:hidden;
    width:1240px;
    clear:both;
}

	div#header_container {
		width: 960px;
		margin: 0 auto;
		}

		div#brand_bar_and_login {
			clear: both;
			}
			
			div#brand_bar {
				float: left;
				height: 43px;
				}

				div#brand_bar img {
					margin: 0px 9px 0px 0px;
					}

			div#login {
				float: right;
				height: 36px;
				padding-top: 7px;
				}

				div#login input.textbox,
				div#search input.textbox {
					background-color: #232323;
					border: 1px solid #565656;
					color: #c3c3c3;
					font-size: 11px;
					padding: 3px;
					margin-right: 5px;
					}
					
				div#login input.textbox:focus, div#search input.textbox:focus {
					border: 1px solid #78C257;
					background-color: #333333;
					}

				div#login input.checkbox {
					margin-top: 3px;
					}

				div#login span {
					color: #c3c3c3;
					font-size: 11px;
					margin-right: 5px;
					}

				div#login input.button,
				div#search input.button {
					font-family: Arial;
					font-weight: bold;
					font-size: 12px;
					color: #DDD;
					text-transform: uppercase;
					padding: 5px 10px;
					background: #585858;
					background: -moz-linear-gradient(
						top,
						#585858 0%,
						#242424);
					background: -webkit-gradient(
						linear, left top, left bottom, 
						from(#585858),
						to(#242424));
					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					border: 2px solid #666;
					-moz-box-shadow:
						0px 0px 0px rgba(000,000,000,0),
						inset 0px 0px 2px rgba(255,255,255,1);
					-webkit-box-shadow:
						0px 0px 0px rgba(000,000,000,0),
						inset 0px 0px 2px rgba(255,255,255,1);
					text-shadow:
						0px 2px 0px rgba(38,38,38,1),
						0px -2px 0px rgba(38,38,38,1);
					margin-right: 5px;
					}

		div#logo_and_leaderboard {
			height: 124px;
			clear: both;
			}

			div#logo {
				width: 211px;
				height: 124px;
				float: left;
				}

			div#ad_leaderboard {
				float: right;
				padding-top: 16px;
				}

				div#ad_leaderboard img {
					border: 1px solid #363b42;
					}

		div#nav_and_search {
			height: 49px;
			clear: both;
			}

			div#nav {
				height: 37px;
				padding-top: 12px;
				float: left;
				}

				div#nav ul,
				div#nav li {
					display: inline;
					margin: 0;
					padding: 0;
					}

				div#nav ul {
					padding-left: 3px;
					}

				div#nav li {
					margin-right: 6px;
					}

				div#nav ul a {
					font-family: Arial;
					font-weight: bold;
					font-size: 14px;
					color: #FFF;
					text-decoration: none;
					text-transform: uppercase;
					padding: 9px;
					margin: 0px;
					}

				div#nav ul a.active,
				div#nav ul a:hover {
					padding: 7px;
					background: #73bf44;
					background: -moz-linear-gradient(
						top,
						#73bf44 0%,
						#29a64a);
					background: -webkit-gradient(
						linear, left top, left bottom, 
						from(#73bf44),
						to(#29a64a));
					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					border: 2px solid #72c44a;
					-moz-box-shadow:
						0px 0px 0px rgba(68,123,42,0),
						inset 0px 0px 1px rgba(255,255,255,1);
					-webkit-box-shadow:
						0px 0px 0px rgba(68,123,42,0),
						inset 0px 0px 1px rgba(255,255,255,1);
					text-shadow:
						0px 1px 0px rgba(68,123,42,1),
						0px -1px 0px rgba(68,123,42,1);
					}

			div#search {
				height: 39px;
				float: right;
				padding-top: 8px;
				}

				div#search input.textbox {
					width: 229px;
					}

body {
    margin: 0; /* bottom = footer height */
	
  	background: #222 url(img/bg_gon_home.jpg) !important;
	background-repeat:repeat-x !important;
 	background-attachment: fixed !important;
	background-position: top !important;
	}

	div#overall_container {
	width: 1240px;
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	}

	div#skin_left {
	width: 140px;
	height: 1px;
	float: left;
	}

	div#skin_right {
	width: 140px;
	height: 1px;
	float: right;
	}

	a.skin {
	position: absolute;
	width: 140px;
	}

	div#body_container {
	width: 960px;
	float: left;
	background: #fff;
	box-shadow: 5px 0 30px  -6px #222 , -5px 0 30px  -6px #222;
	}

		/* left col = 620 px */
			/* padding left and right of 20px leaves 580px usable space */
			/* featured images are 580 x 300 */
		/* right col = 340 px */
			/* padding-left: 20px and padding-right: 20px leaves useable right col width of 300px; */

		/* LEFT COLUMN */
		/* ------------------------------------------------------------------------------------ */

		div#left_col {
			width: 619px;
			overflow: hidden;
			padding-top: 20px;
			float: left;
			background: #fff;
			border-right: solid 1px #e1e1e1;
			}

			div.box_left {
				width: 580px;
				padding: 0px 20px 20px 20px;
				}

			div.article {
				border-top: 1px solid #c9c9c9;
				padding-top: 15px;
				width: 100%;
				}

				div.article_details {
					width: 580px;
					margin: 0px;
					float: left;
					padding: 0px 20px;
					clear: both;
					}

				div.category_and_comments {
					width: 58px;
					float: left;
					margin: 0px 15px 15px 0px;
					padding-top: 5px;
					}

					div.category {
						width: 58px;
						height: 21px;
						padding-top: 4px;
						background-color: #78c257;
						font-family: Arial, Helvetica, sans-serif;
						font-weight: bold;
						font-size: 12px;
						color: #fff;
						text-transform: lowercase;
						text-align: center;
						margin-bottom: 0px;
						}

						div.category a {
							color: #FFF;
						}

					div.numcomments {
						width: 58px;
						height: 45px;
						background-image: url(img/icon_numcomments.png);
						background-position: top left;
						background-repeat: no-repeat;
						font-family: 'PT Sans', sans-serif;
						font-weight: normal;
						font-size: 16px;
						color: #FFF;
						text-align: center;
						padding-top: 6px;
						}

						div.numcomments a {
							color: #FFF;
							text-decoration: none;
							}

						div.numcomments a:hover {
							color: #78c257;
							}

						div.numcomments_num {
							margin: 0px 0px 2px 0px;
							padding: 0px;
							height: 16px;
							line-height: 16px;
							}

						div.numcomments_comments {
							height: 9px;
							font-size: 9px;
							line-height: 9px;
							margin: 0px;
							padding: 0px;
							}

				div.title_and_meta {
					width: 507px;
					float: right;
					}

					div.post_title {
						float: left;
						}

					div.post_title a {
						color: #222;
						text-decoration: none;
						}

					div.post_title a:hover {
						text-decoration: underline;
						}

					div.post_title h1 {
						font-family: 'PT Sans', sans-serif;
						font-weight: normal;
						font-size: 26px;
						color: #222;
						line-height: 28px;
						margin: 0px 0px 10px 0px;
						}

					div.post_meta {
						font-family: Arial, Helvetica, sans-serif;
						font-weight: normal;
						font-size: 11px;
						color: #888;
						line-height: 11px;
						text-transform: uppercase;
						float: left;
						clear: left;
						width: 100%;
						}

					div.post_meta p {
						font-family: Arial, Helvetica, sans-serif;
						font-weight: normal;
						font-size: 11px;
						color: #888;
						line-height: 11px;
						text-transform: uppercase;
						width: 100%;
						margin: 2px 0px 0px 0px;
						}

						div.post_meta a {
							color: #45af48;
							}

						div.post_meta a:hover {
							text-decoration: underline;
							}

						div.sociable_top,
						div.sociable_bottom {
							float: left;
							}

							div.sociable_top li,
							div.sociable_bottom li {
								padding-top: 0px;
								padding-bottom: 0px;
								}

						div.sociable_bottom {
							height: 16px;
							margin: 0px 6px 0px 0px !important;
							}

						div.sociable_bottom div.sociable {
							height: 16px;
							margin: 0px !important;
							padding: 0px;
							}
							
			div.single {
				border-top: 0px;
				padding-top: 0px;
				}

				div.article_content {
					width: 580px;
					float: right;
					padding: 0px 20px 13px 20px;
					}

					h2.byline {
						font-size: 16px;
						border-bottom: 1px solid #DEDEDE;
						padding-bottom: 15px;
						color: #666666 !important;
						font-weight: normal !important;
					}

					div.by-this-guy {
						clear: both;
						margin-bottom: 25px;
					}

					div.article_content * {
						margin: 0px 0px 15px 0px;
						}

					div.newspic {
						margin-bottom: 5px;
						}

					div.article_content select,
					div.article_content select * {
						font-family: Arial, sans-serif;
						font-weight: normal;
						font-size: 14px !important;
						color: #555 !important;
						margin-bottom: 0px !important;
						}

					div.article_content h1 {
						font-family: 'PT Sans', sans-serif;
						font-weight: normal;
						font-size: 28px;
						color: #222;
						line-height: 28px;
						}

					div.article_content h2 {
						font-family: 'PT Sans', sans-serif;
						font-weight: bold;
						font-size: 18px;
						color: #222;
						}

					div.article_content h3,
					div.by-this-guy p {
						font-family: Arial, Helvetica, sans-serif;
						font-weight: normal;
						font-size: 11px !important;
						color: #888 !important;
						line-height: 11px !important;
						text-transform: uppercase;
						}

						div.article_content h3 a,
						div.by-this-guy p a {
							color: #45af48;
							text-decoration: none;
							}

						div.article_content h3 a:hover,
						div.by-this-guy p a:hover {
							text-decoration: underline;
							}

					div.article_content p {
						font-family: Arial, sans-serif;
						font-weight: normal;
						font-size: 14px;
						line-height: 20px;
						color: #555;
						text-align: justify;
						}

						div.news-excerpt p {
							font-size: 13px;
							line-height: 19px;
							}

					div.article_content p img,
					div.article_content iframe {
						margin-bottom: 0px;
						}

					div.article_content a {
						color: #45af48;
						text-decoration: none;
						}

					div.article_content a:hover {
						text-decoration: underline;
						}

					div.article_content p.small {
						font-family: Arial, Helvetica, sans-serif;
						font-weight: normal;
						font-size: 11px;
						color: #888;
						line-height: 11px;
						text-transform: uppercase;
						float: right;
						margin: 2px 0px 0px 0px;
						}

					div.article_content ul,
					div.article_content ol {
						font-family: Arial, sans-serif;
						font-weight: normal;
						font-size: 14px;
						line-height: 20px;
						color: #555;
						}

						div.article_content ul li,
						div.article_content ol li {
							margin-bottom: 5px;
							}
						
					div.article_content blockquote {	
						margin: 10px 10px 10px 30px;
						padding: 10px 30px 10px 10px;
						border-left: 4px solid #45af48;
						}

						div.article_content blockquote p {
							color: #888;
							margin-bottom: 0px;
							margin-right: 0px;
							}

					div.newspic img {
						margin: 0px 20px 0px 0px !important;
						padding-top: 5px;
						}

					div.tags {
						font-family: Arial;
						font-weight: bold;
						font-size: 11px;
						color: #999999;
						text-transform: uppercase;
						width: 300px;
						float: left;
						margin: 0px 0px 5px 0px;
						}

						div.tags * {
							margin-bottom: 5px;
							}

						div.tags a {
							color: #666666;
							}

						div.tags a:hover {
							color: #45af48;
							}

					div.readmore {
						width: 105px;
						float: right;
						margin-top: 10px;
						}

					div.related-posts {
						border-top: 1px solid #c9c9c9;
						padding-top: 20px;
						width: 100%;
						}

						div.related-posts div.box_left {
							padding-bottom: 4px;
							}

						div.related-posts div.list {
							padding: 0px 20px 5px 20px;
							}
				
				div#pagination {
					width: 580px;
					border-top: 1px solid #c9c9c9;
					padding: 20px;
					clear: both;
					height: 30px;
					}

		/* COMMENTS SECTION */
		/* ------------------------------------------------------------------------------------ */

		div.edit-comment-admin-links-no-icon  { margin-bottom: 15px; text-align: right; }

		div#comments {
			border-top: 1px solid #c9c9c9;
			padding-top: 20px;
			width: 100%;
			}

			div.nav-previous {
				float: left;
				margin-left: 20px;
				margin-bottom: 15px;
				}

			div.nav-next {
				float: right;
				margin-right: 20px;
				margin-bottom: 15px;
				}

				div.nav-previous a,
				div.nav-next a {
					font-size: 12px;
					line-height: 12px;
					text-transform: uppercase;
					color: #45AF48;
					text-decoration: none;
					}

				div.nav-previous a:hover,
				div.nav-next a:hover {
					text-decoration: underline;
					}
			
			a.comment_quote_link,
			a.comment_reply_link {
				font-size: 11px;
				line-height: 11px;
				text-transform: uppercase;
				color: #45AF48;
    			text-decoration: none;
				float: right;
				}
			
			a.comment_quote_link:hover,
			a.comment_reply_link:hover {
    				text-decoration: underline;
				}

			a.comment_quote_link {
				margin-left: 10px;
				}

			div#comments h2 {
				font-family: 'PT Sans', sans-serif;
				font-weight: bold;
				font-size: 18px;
				line-height: 18px;
				margin: 0px 0px 5px 0px;
				color: #222;
				}

			div.commentlist {
				font-family: Arial, sans-serif;
				font-weight: normal;
				font-size: 14px;
				line-height: 20px;
				color: #555;
				margin: 0px;
				padding: 0px 20px 0px 20px;
				}

					div.comment {
						clear: both;
						width: 100%;
						}

						div.comment_left {
							float: left;
							width: 77px;
							}

							div.avatar {
								float: left;
								}

								div.avatar img {
									margin-bottom: 10px;
									}

						div.comment_right {
							float: right;
							width: 500px;
							}

							div.comment-author {
								font-family: Arial, Helvetica, sans-serif;
								font-weight: normal;
								font-size: 12px;
								color: #222;
								line-height: 12px;
								font-weight: bold;
								padding-bottom: 10px;
								}

							div.comment-author a {
								text-decoration: none;
								color: #45af48;					
								}
								
							div.comment-author a:hover {
								text-decoration: underline;
								}

							div.comment_meta {
								color: #AAA;
								float: right;
								font-weight: normal;
								text-transform: uppercase;
								}

							div.comment-content {
								border: 1px solid #c9c9c9;
								background-color: #EEE;
								padding: 15px 15px 0px 15px;
								min-height: 42px;
								}

								div.comment-content blockquote {
									color: #888;
									margin: 10px 10px 10px 0px;
									padding-left: 10px;
									border-left: 4px solid #45af48;
									}

									div.comment a {
										color: #45af48;
										}

							div.comment_right p {
								margin-top: 0px;
								}

							span.edit-link {
								font-size: 11px;
								padding-bottom: 20px;
								text-transform: uppercase;
								}
								
							span.edit-link a {
								text-decoration: none;
								color: #45af48;
								}

			div#commentform {
				font-family: Arial, sans-serif;
				font-weight: normal;
				font-size: 14px;
				line-height: 20px;
				color: #555;
				margin: 0px;
				padding-top: 20px;
				clear: both;
				width: 100%;
				border-top: 1px solid #c9c9c9;
				}

				div#respond {
					padding: 0px 20px 5px 20px;
					}

					h3#reply-title,
					p.comment-form-comment label,
					p.form-allowed-tags {
						display: none;
						}

					div#respond p {
						margin-top: 0px;
						}

					div#respond a {
						color: #45af48;
						}
					
					div#respond a:hover {
						text-decoration: underline;
						}

				textarea#comment {
					border: 1px solid #c9c9c9;
					background-color: #EEE;
					width: 540px;
					padding: 18px;
					}

				input#submit {
					font-family: Arial;
					font-weight: bold;
					font-size: 14px;
					color: #FFF;
					text-decoration: none;
					text-transform: uppercase;
					padding: 7px;
					background: -moz-linear-gradient(
						top,
						#73bf44 0%,
						#29a64a);
					background: -webkit-gradient(
						linear, left top, left bottom, 
						from(#73bf44),
						to(#29a64a));
					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					border: 2px solid #72c44a;
					-moz-box-shadow:
						0px 0px 0px rgba(68,123,42,0),
						inset 0px 0px 1px rgba(255,255,255,1);
					-webkit-box-shadow:
						0px 0px 0px rgba(68,123,42,0),
						inset 0px 0px 1px rgba(255,255,255,1);
					text-shadow:
						0px 1px 0px rgba(68,123,42,1),
						0px -1px 0px rgba(68,123,42,1);
					}

					input#submit:hover {
						background: -moz-linear-gradient(
							top,
							#29a64a 0%,
							#73bf44);
						background: -webkit-gradient(
							linear, left top, left bottom, 
							from(#29a64a),
							to(#73bf44));
						border-radius: 5px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						}


		/* RIGHT COLUMN */
		/* ------------------------------------------------------------------------------------ */

		div#right_col {
			padding-top: 20px;
			width: 340px;
			float: right;
			text-align: left;
			background: #ededed;
			}

			div.ad_mrec {
				padding: 0px 20px 20px 20px;
				}

			div.box_right {
				width: 300px;
				margin: 0px 20px 20px 20px;
				}

				div.list {
					padding: 0px 5px;
					}

					div.list_item {
						padding-top: 10px;
						border-bottom: 1px solid #d7d7d7;
						}

					div.final {
						border-bottom: 0px !important;
						}

						div.list_item a:hover h2 {
							color: #45af48;	
							}

						div.list_item a:hover img {
							border-bottom: 4px solid #45af48;
							}
					
						div.list_item img {
							float: left;
							margin-right: 15px;
							height: 30px;
							width: 58px;
							}
						
						div.list_item h2 {
							font-family: 'PT Sans', sans-serif;
							font-size: 14px;
							font-weight: bold;
							line-height: 14px;
							color: #212121;
							margin: 0px 0px 5px 0px;
							padding-left: 68px;
							}
						
						div.list_item p {
							font-family: Arial, sans-serif;
							font-size: 11px;
							font-weight: normal;
							line-height: 12px;
							color: #8a8a8a;
							margin: 0px;
							padding-left: 73px;
							padding-bottom: 10px;
							}

				div.follow {
					background-color: #FFF;
					border-left: 1px solid #dadada;
					border-right: 1px solid #dadada;
					border-bottom: 3px solid #dadada;
					padding: 5px 0px 0px 25px;
					height: 80px;
					}

					div.social_network {
						font-family: Arial, sans-serif;
						font-size: 11px;
						font-weight: bold;
						color: #000;
						width: 50px;
						float: left;
						padding: 10px 6px 10px 6px;
						text-align: center;
						}

						div.social_network a {
							color: #000;
							}

						div.social_network a:hover {
							color: #45af48;
							text-decoration: underline;
							}
							
			div#right_col .widget_text h3 {
				display:none;
			}
			
			div#right_col .widget_recent_entries {
				width: 300px;
				height: 250px;
				margin: 0px 20px 20px 20px;
				color:#212121;
				font-family:'PT Sans', sans-serif;
				font-size:14px;
				font-weight:bold;
			}
			
			div#right_col .widget_recent_entries a {
				color: #212121;
				}

			div#right_col .widget_recent_entries a:hover {
				color: #45af48;
				}
			
			div#right_col .widget_recent_entries h3 {
					background-image: url(img/bg_stripes.png);
					background-position: top left;
					height: 18px;
					font-family: Arial, sans-serif;
					font-weight: bold;
					font-size: 14px;
					text-transform: uppercase;
					color: #FFF;
					padding: 8px 15px;
					clear: both;
			}
			
			div#right_col .widget_recent_entries ul {
				margin-left: -30px;
				margin-right: 15px;
			}
				div#right_col .widget_recent_entries li {
					border-bottom: #ccc solid 1px;
					list-style:none;
					padding: 5px;
				}
							
							
#phpbb3-users-widget-2 {
	margin-top: -50px;
	width: 300px;
	margin: 0px 20px 20px 20px;
	list-style:none;
	background: #fff;
	color: #333;
	box-shadow: 0 3px 3px -3px black;
	font-size: 13px;
	height: 200px;
}

#phpbb3-users-widget-2 a {
	color: #45AF48;
	}

#phpbb3-users-widget-2 a:hover {
	text-decoration: underline;
	}

	#phpbb3-users-widget-2 h3 {
		background-image: url(img/bg_stripes.png);
		background-position: top left;
		height: 18px;
		font-family: Arial, sans-serif;
		font-weight: bold;
		font-size: 14px;
		text-transform: uppercase;
		color: #FFF;
		padding: 8px 15px;
		clear: both;
	}
	
	#phpbb3-users-widget-2 img {
		margin-left: 40px;
		width: 20%;
		border: #333 solid 5px;
		display:none;
	}

#wp_phpbb_bridge_options ul {
}
	#wp_phpbb_bridge_options li {
		list-style:none;
	}


#phpbb3-posts-widget-2 {
width: 300px;
margin: 0px 20px 20px 20px;
background: #fff;
border-bottom: 3px solid #DADADA;
}
		
#phpbb3-posts-widget-2 ul {
	margin-left: -25px;
	margin-top: 0px;
	margin-right: 15px;
	font-size: 12px;
	line-height: 12px;
}

#phpbb3-posts-widget-2 li {
	list-style:none;
	padding: 10px;
	border-bottom: 1px solid #D7D7D7;
}

#phpbb3-posts-widget-2 a {
		color: #212121;
	}

#phpbb3-posts-widget-2 a:hover {
		color: #45af48;
	}

	#phpbb3-posts-widget-2 h3 {
		background-image: url(img/bg_stripes.png);
		background-position: top left;
		height: 18px;
		font-family: Arial, sans-serif;
		font-weight: bold;
		font-size: 14px;
		text-transform: uppercase;
		color: #FFF;
		padding: 8px 15px;
		clear: both;
		margin-bottom: 5px;
	}

.widget_rss {
	width: 300px;
	margin: 0px 20px 20px 20px;
	background: #fff;
	border-bottom: 3px solid #DADADA;
	}

	.widget_rss img {
	display: none;
	}

	.widget_rss ul {
		margin-left: -25px;
		margin-top: 0px;
		margin-right: 15px;
		font-size: 12px;
		line-height: 12px;
	}

	.widget_rss li {
		list-style:none;
		padding: 10px;
		border-bottom: 1px solid #D7D7D7;
	}

	.widget_rss a {
			color: #212121;
		}

	.widget_rss a:hover {
			color: #45af48;
		}

		.widget_rss h3 {
			background-image: url(img/bg_stripes.png);
			background-position: top left;
			height: 18px;
			font-family: Arial, sans-serif;
			font-weight: bold;
			font-size: 14px;
			text-transform: uppercase;
			color: #FFF;
			padding: 8px 15px;
			clear: both;
			margin-bottom: 5px;
		}

		.widget_rss h3 a {
			color: #FFF;
		}

footer {
	height: 280px;
	width: 100%;
	background-image: url(img/bg_footer.jpg);
	background-position: top center fixed;
	background-repeat: repeat-x;
	}

div#footer_wrap {
 	margin:0 auto;
 	overflow:hidden;
 	width:1240px;
 	clear:both;
}

	div#footer_container {
		width: 960px;
		margin: 0 auto;
		}

		div#footer_top {
			height: 235px;
			padding: 10px 0px 0px 20px;
			}

			div.footer_list {
				font-family: Arial, sans-serif;
				font-size: 11px;
				color: #FFF;
				width: 110px;
				float: left;
				margin-right: 30px;
				}

				div.footer_list h2 {
					font-family: 'PT Sans', sans-serif;
					font-weight: bold;
					font-size: 17px;
					border-bottom: 1px solid #666;
					padding: 0px 0px 6px 0px;
					line-height: 15px;
					}

					div.footer_list h2 img {
						float: left;
						padding: 2px 5px 3px 3px;
						}

				div.footer_list a {
					float: left;
					clear: both;
					color: #FFF;
					margin-left: 10px;
					padding-bottom: 8px;
					}

				div.footer_list a:hover {
					color: #45af48;
					}

		div#footer_bottom {
			height: 29px;
			font-family: Arial, sans-serif;
			font-size: 12px;
			color: #9e9e9e;
			padding-top: 3px;
			}

			div#footer_bottom a {
				color: #45af48;
				}

			div#footer_bottom a:hover {
				text-decoration: underline;
				}

/* Slider styles ------------------------------------------------------------- */

#gonslider {
	width: 580px;
	height: 371px;
	padding: 0px 20px 20px 20px;
	margin-bottom: 20px;
	position: relative;
	border-bottom: 1px solid #C9C9C9;
	}

	#gonslider a {
		text-decoration: none;
		}

	#gonslider a:hover {
		text-decoration: none;
		}

	div.gonslide {
		width: 580px;
		height: 300px;
		position: relative;
		}

	div.slidedeets {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 540px;
		padding: 15px 20px 20px 20px;
		background-color: #000;
		background: rgba(0, 0, 0, 0.6);
		}

	#slides {
		margin: 0px;
		padding: 0px;
		width: 580px;
		height: 300px;
		overflow: hidden;
		background-color: #222;
		}

	#gonslider ul {
		list-style-type: none;
		margin-top: 10px;
		padding: 0px;
		}

	#gonslider li {
		margin: 0px 10px 0px 0px;
		padding: 0px;
		display: inline;
		width: 108px;
		height: 56px;
		float: left;
		}
		
	li.last-thumb {
		margin-right: 0px !important;
		}

	#gonslider h1 {
		font-family: 'PT Sans', sans-serif;
		font-weight: normal;
		font-size: 28px;
		color: #FFF;
		line-height: 28px;
		margin: 0px;
		}

	#gonslider p {
		font-family: Arial, sans-serif;
		font-weight: normal;
		font-size: 11px;
		line-height: 11px;
		color: #CCC;
		margin: 10px 0px 0px 0px;
		}

	.ui-tabs-panel {
		overflow: hidden;
		}

	.ui-tabs-hide {
		display: none;
		}

	.ui-tabs-active {
		border-bottom: 4px solid #45af48;
		}
		
/* Slider styles ------------------------------------------------------------- */


.flexslider-caption-inner h3 {
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	font-size: 28px;
	color: #FFF;
	line-height: 28px;
	margin: 0px;
}

.flexslider-caption-inner p {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
	color: #CCC;
	margin: 10px 0px 0px 0px;
}


/* FILE PAGE STYLES ----------------------------------------------------------- */

div.files-table,
div.file-details,
div.app-details,
div.server-table {
	width: 580px;
	margin-left: 20px;
	margin-bottom: 20px;
	}

div.files-table a,
div.file-details a,
div.app-details a,
div.server-table a {
	color: #45af48;
	text-decoration: none;
	}

div.files-table a:hover,
div.file-details a:hover,
div.app-details a:hover,
div.server-table a:hover {
	text-decoration: underline;
	}

	div.files-table-head,
	div.file-details-head,
	div.app-details-head,
	div.server-table-head {
		background-image: url(img/bg_stripes.png);
		background-position: top left;
		width: 580px;
		height: 34px;
		font-family: Arial, sans-serif;
		font-size: 12px;
		line-height: 12px;
		font-weight: bold;
		color: #78c257;
		}

		div.files-table-head a {
			color: #45af48;
			text-decoration: none;
			}

		div.files-table-head a:hover {
			text-decoration: underline;
			}

		div.files-table-head div.file-date,
		div.files-table-head div.file-summary,
		div.files-table-head div.file-size,
		div.files-table-head div.file-dls {
			float: left;
			margin: 0px;
			height: 23px;
			padding-top: 11px;
			text-align: center;
			}

		div.files-table-head div.file-date {
			width: 92px;
			}

		div.files-table-head div.file-summary {
			width: 331px;
			}

		div.files-table-head div.file-size {
			width: 79px;
			}

		div.files-table-head div.file-dls {
			width: 78px;
			}

	div.files-table-entry {
		font-family: Arial, sans-serif;
		font-size: 12px;
		line-height: 12px;
		font-weight: bold;
		color: #575757;
		}

		div.files-table-entry div.file-date,
		div.files-table-entry div.file-summary,
		div.files-table-entry div.file-size,
		div.files-table-entry div.file-dls {
			float: left;
			margin: 0px;
			border-right: 1px solid #d7d7d7;
			border-bottom: 1px solid #d7d7d7;
			height: 50px;
			}

		div.files-table-entry div.file-date {
			border-left: 1px solid #d7d7d7;
			width: 90px;
			background-color: #f2f2f2;
			text-align: center;
			padding-top: 19px;
			height: 31px;
			}

		div.files-table-entry div.file-summary {
			width: 331px;
			text-align: left;
			height: 50px;
			position: relative;
			}

			div.file-summary-text {
				position: absolute;
				top: 0px;
				left: 18px;
				width: 296px;
				height: 50px;
				display: table;
				}

				div.vertical {
					display: table-cell;
					vertical-align: middle;
					}

					a.file-title {
						color: #575757;
						text-decoration: none;
						}

					a.file-title:hover {
						color: #45af48;
						}

		div.files-table-entry div.file-size {
			width: 77px;
			background-color: #f2f2f2;
			text-align: center;
			padding-top: 19px;
			height: 31px;
			}

		div.files-table-entry div.file-dls {
			width: 77px;
			text-align: center;
			padding-top: 19px;
			height: 31px;
			}

div.file-details {
	}

	div.file-details-row {
		width: 580px;
		clear: both;
		}

		div.file-details-head {
			height: 23px;
			padding-left: 17px;
			padding-top: 11px;
			text-align: left;
			width: 563px;
			}

		div.file-download {
			border-left: 1px solid #d7d7d7;
			border-bottom: 1px solid #d7d7d7;
			border-right: 1px solid #d7d7d7;
			width: 150px;
			background-color: #f2f2f2;
			height: 41px;
			float: left;
			padding-top: 17px;
			padding-left: 16px;
			}

		div.file-details-title {
			width: 411px;
			float: left;
			border-bottom: 1px solid #d7d7d7;
			border-right: 1px solid #d7d7d7;
			height: 58px;
			font-family: 'PT Sans', sans-serif;
			font-weight: normal;
			font-size: 18px;
			line-height: 18px;
			position: relative;
			}

			div.file-title-text {
				position: absolute;
				top: 0px;
				left: 18px;
				width: 393px;
				height: 58px;
				display: table;
				}

				div.file-title-text p {
					display: table-cell;
					vertical-align: middle;
					}

		div.file-details-left,
		div.file-details-right {
			float: left;
			font-family: Arial, sans-serif;
			font-size: 12px;
			line-height: 12px;
			color: #575757;
			border-bottom: 1px solid #d7d7d7;
			border-right: 1px solid #d7d7d7;
			height: 22px;
			padding-top: 10px;
			}

		div.file-details-left {
			font-weight: bold;
			background-color: #f2f2f2;
			border-left: 1px solid #d7d7d7;
			width: 150px;
			padding-left: 16px;
			}

		div.file-details-right {
			width: 395px;
			padding-left: 16px;
			}

	div.file-search-form {
		margin: 0px 40px 15px 40px;
		width: 540px;
		}

		input.file-search-text {
			border: 1px solid #d7d7d7;
			height: 30px;
			padding-left: 15px;
			width: 430px;
			color: #666;
			background: -moz-linear-gradient(
				top,
				#eaeaea 0%,
				#FFFFFF);
			background: -webkit-gradient(
				linear, left top, left bottom, 
				from(#eaeaea),
				to(#FFFFFF));
			}

div.app-details {
	}

	div.app-details a {
		color: #45af48;
		}

	div.app-details a:hover {
		text-decoration: underline;
		}

	div.app-details-head {
			height: 23px;
			padding-left: 17px;
			padding-top: 11px;
			text-align: left;
			width: 563px;
			}

	div.app-name {
		width:578px;
		border-left: 1px solid #d7d7d7;
		border-right: 1px solid #d7d7d7;
		border-bottom: 1px solid #d7d7d7;
		position: relative;
		height: 58px;
		}

			div.app-name-text {
				position: absolute;
				top: 0px;
				left: 18px;
				width: 560px;
				height: 58px;
				display: table;
				}

				div.app-name-text h1 {
					font-family: 'PT Sans', sans-serif;
					font-weight: normal;
					font-size: 18px;
					line-height: 18px;
					display: table-cell;
					vertical-align: middle;
					}

	div.app-details-all {
		width:578px;
		border-left: 1px solid #d7d7d7;
		border-right: 1px solid #d7d7d7;
		border-bottom: 1px solid #d7d7d7;
		position: relative;
		text-align: center;
		height: 28px;
		padding-top: 14px;
		font-family: Arial, sans-serif;
		font-size: 12px;
		line-height: 12px;
		font-weight: bold;
		}

div.server-table {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #575757;
	}

	div.server-table-head {
		}

		div.server-table-head div.server-provider,
		div.server-table-head div.server-address,
		div.server-table-head div.server-name,
		div.server-table-head div.server-players,
		div.server-table-head div.server-map {
			padding-left: 18px;
			padding-top: 11px;
			}

		div.server-table-head div.server-provider{
			width: 45px;
			float: left;
			}

		div.server-table-head div.server-address{
			width: 160px;
			float: left;
			}

		div.server-table-head div.server-name{
			width: 165px;
			float: left;
			}

		div.server-table-head div.server-players{
			width: 30px;
			float: left;
			padding-left: 13px;
			}		
			
		div.server-table-head div.server-map{
			width: 90px;
			float: left;
			}

	div.server-table-entry {
		width: 580px;
		clear: both;
		}

		div.server-table-entry div.server-provider,
		div.server-table-entry div.server-address,
		div.server-table-entry div.server-name,
		div.server-table-entry div.server-players,
		div.server-table-entry div.server-map {
			float: left;
			height: 58px;
			border-right: 1px solid #d7d7d7;
			border-bottom: 1px solid #d7d7d7;
			overflow: hidden;
			position: relative;
			word-wrap: break-word;
			}

		div.server-table-entry div.server-provider {
			width: 60px;
			border-left: 1px solid #d7d7d7;
			background-color: #f2f2f2;
			}

		div.server-table-entry div.server-address {
			width: 180px;
			}

		div.server-table-entry div.server-name {
			width: 180px;
			background-color: #f2f2f2;
			}

		div.server-table-entry div.server-players {
			width: 50px;
			}		
			
		div.server-table-entry div.server-map {
			width: 104px;
			background-color: #f2f2f2;
			}

			div.server-table-data {
				position: absolute;
				top: 0px;
				left: 15px;
				height: 58px;
				display: table;
				}

				div.server-table-data p {
					display: table-cell;
					vertical-align: middle;
					}


ul.masscomments {
	padding-left: 0px;
	border-top: 1px solid #d7d7d7;
	padding-top: 15px;
	}

	ul.masscomments li {
		margin-bottom: 0px;
	}

	ul.masscomments ul {
		padding-left: 15px;
	}

	ul.masscomments span.recent-comment-single {
		margin-bottom: 0px;
	}

ul.masscomments li {
	list-style-type: none;
	}

	ul.masscomments h2 a {
		color: #45af48;
	}

	a.masscommstime {
		color: #AAA;
	}

	a.masscommstime:hover {
		color: #333;
	}

/* =============================================================================
   File Library Detail Page
   ========================================================================== */

/* -- Download Button Start -- */

.download_greenbutton {
	float:left;
	padding: 14px;
	color: #fff !important;
	text-decoration: none !important;
	font-family: Arial;
	font-weight: bold;
	font-size: 24px;
	width: 94%;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
	background: #585858;
	background: -moz-linear-gradient(
		top,
		#585858 0%,
		#242424);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#585858),
		to(#242424));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px solid #666;
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 2px rgba(255,255,255,1);
	}

.download_greenbutton:hover {
	float:left;
	padding: 14px;
	color: #fff !important;
	text-decoration: none !important;
	font-family: Arial;
	font-weight: bold;
	font-size: 24px;
	width: 94%;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
	background: #73bf44;
	background: -moz-linear-gradient(
		top,
		#29a64a 0%,
		#73bf44);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#29a64a),
		to(#73bf44));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px solid #72c44a;
	-moz-box-shadow:
		0px 0px 0px rgba(68,123,42,0),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 0px 0px rgba(68,123,42,0),
		inset 0px 0px 1px rgba(255,255,255,1);
	}

/* -- Download Button End -- */

.file-details {
	width: 580px;
	margin-left: 20px;
	margin-bottom: 20px;
	background: #fff;
}

.file-name-title {
	color:#222222;
	font-family:'PT Sans', sans-serif;
	font-size:28px;
	font-weight:normal;
	line-height:28px;
	margin:0 0 10px;
	padding-left:5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
}

.file-meta p {
	clear:left;
	color:#888888;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:11px;
	text-transform:uppercase;
	margin:0 0 10px;
	padding-left:5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

	.file-meta a {
		color:#45AF48;
		text-decoration: none;
	}

.fb-details {
	position: relative;
	width: auto;
	height: 24px;
	color: #222;
	background: #eee;
	font-weight: normal;
	padding-left:5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left:5px;
	margin-top: 5px;
	margin-right: 5px;
	overflow: hidden;
	white-space: nowrap;
}

.download_loggedin {
	position: relative;
	width: auto;
	font-weight: normal;
	padding-left:5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left:5px;
	margin-top: 5px;
	margin-right: 5px;
	overflow: hidden;
	white-space: nowrap;
}

	.download_loggedin a {
		color: #fff;
	}

.download_notloggedin {
	color: #222;
	background: #eee;
	position: relative;
	width: auto;
	font-weight: normal;
	padding-left:5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left:5px;
	margin-top: 5px;
	margin-right: 5px;
	overflow: hidden;
	white-space: nowrap;
	height: auto;
	border: dashed 1px #ccc;
}

	.d_login {
		font-family: 'PT Sans', sans-serif;
		height: 250px !important;
		width: 275px !important;
		float:left !important;
		border-right: dashed 1px #ccc !important;
	}

		.d_login h2 {
			margin-top: 0px !important;
			margin-left: 10px !important;
			font-weight: normal !important;
		}

		.d_login fieldset {
			border: none !important;
			font-size: 13px;
			margin-left: 10px !important;
		}

			.d_login #username {
				font-size: 13px;
				display: block;
			}

			.d_login #password {
				font-size: 13px;
				display: block;
			}

			.d_login #login {
				margin-top: 15px;
				display: block;
			}

	.d_register {
		font-family: 'PT Sans', sans-serif;
		height:250px !important;
		width: 275px !important;
		float: right !important;
		white-space: normal !important;
	}

		.d_register p {
			font-size: 13px !important;
		}

		.d_register ul {
			margin-left: -20px;
			font-size: 13px !important;
		}

		.d_register h2 {
			margin-top: 0px !important;
			font-weight: normal !important;
		}

.file-info {	
    margin: 10px 0;
    padding: 5px 0;
}

	.file-info h2 {
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	font-size: 24px;
	line-height: 24px;
	padding-left:5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left:5px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 5px;
	overflow: hidden;
	border-bottom: solid 3px #ccc;
	}

	.file-info ul {
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	font-size: 14px;
	padding-left:5px;
	padding-right: 5px;
	margin-left:5px;
	margin-right: 5px;
	list-style: none;
	}

	.file-info a {
	color:#45AF48;
	text-decoration: none;
	}
	
.file-info-green {	
    margin: -20px 0 10px;
    padding: 5px 0;
}

.file-info-green h2 {
font-family: 'PT Sans', sans-serif;
font-weight: normal;
padding-left:5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
margin-left:5px;
margin-top: 5px;
margin-bottom: 10px;
margin-right: 5px;
overflow: hidden;
border-bottom: solid 3px #ccc;
}

.file-info-green p {
font-family: 'PT Sans', sans-serif;
font-weight: normal;
font-size: 14px;
padding-left:5px;
padding-right: 5px;
margin-left:5px;
margin-right: 5px;
}

.file-description {
    margin: 10px 0;
    padding: 5px 0;
}

	.file-description h2 {
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	font-size: 24px;
	line-height: 24px;
	padding-left:5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left:5px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 5px;
	overflow: hidden;
	border-bottom: solid 3px #ccc;
	}

	.file-description p {
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	font-size: 14px;
	padding-left:5px;
	padding-right: 5px;
	margin-left:5px;
	margin-right: 5px;
	height: 150px;
	overflow: auto;
	}
	
	.file-description small {
    font-size: 80%;
	}
	
/* =============================================================================
   File Library Search
   ========================================================================== */
   
.file-search-start {
	border-top: 1px solid #c9c9c9;
	padding-top: 15px;
	width: 100%;
}

.search-input-item {
    display:inline !important;
    list-style-type: none;
    font-size:13px;
}

.file-search-advanced {
	margin-top: 10px;
}

.file-browse {
	margin-top: -10px;
	margin-left: -25px;
}

.file-search-browse li {
	width: 14px;
	font-size: 14px;
	list-style: none;
	display: inline-block;
	padding: 5px 5px 5px 8px;
	background-color: #444;
	margin-bottom: 5px;
	text-transform:capitalize;
}

.file-search-browse li:hover {
	background-color: #45AF48;
}

.file-search-browse li a {
	color: #fff;
}


.file-search-latest {
	margin-top: -10px;
	margin-left: -25px;
}

.file-search-latest li {
	font-size: 14px;
	list-style: none;
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #444;
	color: #fff;
	margin-bottom: 5px;
	margin-right: 4px;
}

.file-search-latest li a {
	color: #fff;
}

.file-search-latest li:hover {
	background-color: #45AF48;
}

.file-search-app {
	margin-top: -10px;
	margin-left: -25px;
}

.file-search-app li {
	margin-right: 3px;
	font-size: 14px;
	list-style: none;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #444;
	color: #fff;
	margin-bottom: 5px;
}

.file-search-app li a {
	color: #fff;
}

.file-search-app li:hover {
	background-color: #45AF48;
}

.file-search-comp {
	margin-top: -10px;
	margin-left: -25px;
}

.file-search-comp li {
	margin-right: 3px;
	font-size: 14px;
	list-style: none;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #444;
	color: #fff;
	margin-bottom: 5px;
}

.file-search-comp li a {
	color: #fff;
}

.file-search-comp li:hover {
	background-color: #45AF48;
}


/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content:  ( attr(href) ); }
  abbr[title]:after { content:  ( attr(title) ); }
  .ir a:after, a[href^=javascript:]:after, a[href^=#]:after { content: ; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* =============================================================================
   Media Queries
   ========================================================================== */

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */

	div#header_wrap {
		width:960px;
	 	clear:both;
	 	margin:0 auto;
	 	overflow:hidden;
	 	background-image: url(img/bg_top.jpg);
	}

	div#overall_container {
	width: 960px;
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	}

	div#skin_left {
	display:none;
	}

	div#skin_right {
	display:none;
	}

	a.skin {
	display:none;
	}

	#username	{
		width: 75px !important;
	}

	.password {
		width: 75px !important;
	}

	div#footer_wrap {
	width: 960px;
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	background-image: url(img/bg_footer.jpg);
	}

}