/*
Theme Name: Chewy
Theme URI: http://www.chewysoft.com
Description: Chewy Software
Version: 1.0
Author: Sam

*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
	margin: 0px;
	padding: 0px;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body { line-height: 1.3; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	background-color: #F5F5DC;
	background-image:url(../images/mainbg1.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	}
	
.innertube { padding: 10px;}

/* STRUCTURE +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#container {
	width: 820px;
	min-height: 700px;
	margin: 0px auto -1px auto;
	position: relative;
	}
#header {
	width: 820px;
	height: 150px;
	background: url(../images/body/header-bg.jpg) top center no-repeat;
	display: block;
	clear: both;
	}
#body-top {
	height: 40px;
	background:url(../images/body/body-top.png) top center no-repeat;
	display: block;
	}
#body-bottom {
	width: 820px;
	height: 70px;
	display: block;
	}
#maincontainer {
	background:url(../images/body/body-center.png) top center repeat-y;
	min-height:440px;
	display:block;	
	overflow: hidden;
	width: 820px;
	}
#main {
	width: 570px;
	display: block;
	float: left;
	position: relative;
	}
#content {
	margin: 0px 20px 0px 50px;
	min-height: 440px;
	overflow-y: auto;
	overflow-x: hidden;
	float: left;
	position: relative;
	}
#sidebarcontainer {
	width: 200px;
	margin-right:50px;
	float: right;
	background: url(../images/body/side-middle.gif) top left repeat-y;
	display: block;
	position: relative;
	overflow:hidden;
	}
#sidebar {
	margin: 0px 10px 0px 10px;
	min-height: 420px;
	display:block;
	overflow:hidden;
	}
	
@media screen and (-webkit-min-device-pixel-ratio:0) {
#sidebarcontainer { width: 200px; margin-right: 50px; }
}

#footer {
	width: 820px;
	height: 100px;
	color: Gray;
	text-align: center;
	clear: both;
	}
#footer a.hover {
	color: #990000;
	}
	

/* TEXT +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


body, p, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.2;
	color: #666666;
	font-weight: normal;
	text-align: justify;
	}
p.first { margin: 0px; }
p.front { padding-top: 20px; }

a { text-decoration: none; color: #FF9900; border: 0px; outline: none; -moz-outline-style: none;}
a:active { text-decoration: underline; color: #FFCC00; border: 0px; outline: none; -moz-outline-style: none;}
a.active { text-decoration: none; color: #FFCC00; border: 0px; outline: none; -moz-outline-style: none;}
a:visited { text-decoration: none; color: #B36B00; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color: #FFCC00; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none; -moz-outline-style: none;}

h1, h2, h3, h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin: 5px 0px 0px 0px;
	color: #FF6600;
	text-align: left;
	}
h1 { font-size:24px; font-family: "Trebuchet MS"; text-transform: uppercase;}
h2 { font-size:18px;}
h3 { font-size:14px;}

hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }
hr.orange { border-left:0px solid #ffcc66; border-right:0px solid #ffcc66; border-top:1px dotted #ffcc66; border-bottom:0px solid #ffcc66; height : 1px;  }

a.pdffile:before { content: url(/images/pdficon.gif);}

#sidebar, #sidebar li { font-family: Verdana, Trebuchet, Geneva, sans-serif; font-size: 9px; text-align: left;}
#sidebar h3 { font-size: 12px; line-height: 12px; font-weight: bold; padding: 0px; margin-top: 10px; color:#660000;}
#sidebar li a.head { font-family: inherit; font-size: 12px; line-height: 16px; font-weight: bold; outline: none;}

.cat_posts a { font-size: 11px; line-height: 10px; font-weight: bold; padding: 0px; margin-top: 10px; color:#660000;}
.cat_posts p { font-family: Verdana, Trebuchet, Geneva, sans-serif; font-size: 9px; text-align: left; margin-top: 5px;}
.cat_posts h3 { background: url(http://chewysoftware.net/images/headers/latestnews.gif) top center no-repeat; width: 120px; height: 15px; display: block; text-indent: -9999px; margin: 0px 0px 20px 20px; }

#footer { font-family: Verdana, Trebuchet, Geneva, sans-serif; font-size: 9px; color: Gray; text-align: center;}
#footer a.hover { color: #990000;}

/*  IMAGES ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

img.maintop {
	margin-top: 10px;
	border: medium solid #cccccc;
	padding: 2px;
	margin-bottom: 10px;
}
img.front {
	margin: 0px;
	padding: 0px;
}
img.right {
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 2px;
	margin-bottom: 10px;
}
img.left {
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 10px;
}

img.inline {
	border: 5px solid #cccccc;
	padding: 2px;
}
span.inline {
	display: block;
	float: left;
	width: 270px;
	margin: 0 20px 10px 0;
}
span.inline250left {
	display: block;
	float: left;
	width: 265px;
	margin-left: 0px;
	margin-right: 10px;
}
span.inline250right {
	display: block;
	float: right;
	width: 265px;
	margin-left: 12px;
	margin-right: 0px;
}
span.piccaption {
	display: block;
	font-family: Arial, Trebuchet, Geneva, sans-serif;
	font-size: 10px;
	color: #B8860B;
	margin-bottom: 10px;
}
span.caption {
	display: block;
	padding: 4px 0;
	font-family: Arial, Trebuchet, Geneva, sans-serif;
	font-size: 7px;
	color: black;
}

* html #maincontainer .maincontainer {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/body/body-center.png", sizingMethod="scale");
	}

	
	
/* Hacks +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
.clearfix:after { /* float hack used to float content correctly */
    content: "."; 
   	display: block; 
   	height: 0; 
   	clear: both; 
    visibility: hidden;
	}


/* Left selectors +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
.main li {
	background: url(../images/content_bullet.gif) no-repeat 0 7px;
	padding: 2px;
	list-style: none;
}
	
.main ul {
	padding: 0 0 20px 2px;
	margin: 0;
}
.meta {
	font-size: 9px;
	padding: 2px;
	color: #999999;
	text-align: right;
}
.meta:hover {
	color: #990000
}	
.highlight { /* Basic highlight for text */
	background: #ff9966;
	}

	
blockquote { padding: 20px; margin: 0px; color:#660000; background:#FFFFCC;}
blockquote p { font-size: 12px; padding: 0px; margin-bottom: 5px; line-height: 17px;}
blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; font-size: 12px; line-height: 15px;}
blockquote a { color:#CC0000}
blockquote a:visited { color:#CC0000;}
blockquote a:hover { color:#FF0000;}
	
/* Right selectors +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	

#sidebar ul {
	padding: 0px;
	margin: 0;
	}	
	
#sidebar li {
	list-style: none;
	background: url(../images/links_bullet.gif) no-repeat 0;
	background-position:top left;
	padding: 0px 5px 0px 20px;
	}
	
#sidebar li a.head {
	display: block;
	width: 160px;
	outline: none;
	}
	
#sidebar li a.head:hover { 
	background-color:#FF9933; 
	color:#990000; 
	text-decoration: none;
	background-image:url(../images/sidemenu-brain.gif);
	background-position: top right;
	background-repeat:no-repeat;
	}

.header_highlight { background-color:#FF9933; color:#990000; text-decoration: none;  }

	
#search {
	background: url(../images/search.gif) no-repeat;
	height: 56px;
	margin: 0 auto;
	padding-top: 22px;
	padding-bottom: 22px;
	}
	
#search h3 {
	font-size: 1.4em;
	margin: 20px 0 0px 0;
	font-weight: normal;
	}
	
p.searchinfo {
	margin: 2px 0 -8px 2px;
	font-size: .9em;
	color: #999;
	}
	
.searchfield {
	background: #fff;
	border: 1px solid #FFCC00;
	color: #FF9900;
	padding: 2px 5px 1px 5px;
	width: 100px;
	border-bottom-color: #999999;
}
	
.searchfield:hover {
	border: 1px solid #FFCC00;
	color: #FF9900;
	border-color: #FFCC00;
	}
	
.submit {
	background: url(../images/search_submit.gif) no-repeat;
	height: 20px;
	width: 52px;
	border: 0;
	margin-left: 2px;
	text-indent: -9999px;
	cursor: pointer;
	}
	
.submit:hover {
	background: url(../images/search_submit.gif) no-repeat 0 -20px;
	height: 20px;
	width: 52px;
	border: 0;
	margin-left: 2px;
	cursor: pointer;
	}
	
.asidetitle {
	font-weight: bold;
	color:#FF6600;
	}

	
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */	



	
/* LIGHTBOX +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: hidden;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	display:inline;
	background-color: #000;
	}
	
	
/* Header */

#header-logo { width: 340px; height: 150px; overflow:hidden; float: left; }
#header-menu { height: 80px; float: left; margin-top: 40px; }

#header-nav {
    width: 430px; height: 80px;
    background: url(../images/buttons/header-nav.gif);
    margin: 0px; padding: 0px;
    position: relative;}
#header-nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
#header-nav li, #header-nav a {
    height: 80px; display: block;
    text-indent: -9999px;}

#navhome { left: 0px; width: 90px; }
#navgames { left: 90px; width: 110px; }
#navservices { left: 200px; width: 130px; } 
#navcompany { left: 330px; width: 100px; }
	
#navhome a:hover { background: transparent url(../images/buttons/header-nav.gif) 0px -80px no-repeat; }
#navhome a:active { background: transparent url(../images/buttons/header-nav.gif) 0px -160px no-repeat; }

#navgames a:hover { background: transparent url(../images/buttons/header-nav.gif) -90px -80px no-repeat; }
#navgames a:active { background: transparent url(../images/buttons/header-nav.gif) -90px -160px no-repeat; } 

#navservices a:hover { background: transparent url(../images/buttons/header-nav.gif) -200px -80px no-repeat; } 
#navservices a:active { background: transparent url(../images/buttons/header-nav.gif) -200px -160px no-repeat; } 

#navcompany a:hover { background: transparent url(../images/buttons/header-nav.gif) -330px -80px no-repeat; } 
#navcompany a:active { background: transparent url(../images/buttons/header-nav.gif) -330px -160px no-repeat; } 
	
/* TOP MENU +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#body-top-menu {
	width: auto;
	height: 20px;
	padding: 0px 0px 10px 40px;
	display:block;
	}
#body-top-menu ul { list-style:none; }
#body-top-menu li { float: left; display: inline; }
	
/* BUTTONS */

a.ovalbutton{
background: transparent url('../images/buttons/orange-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 10px Tahoma;
text-indent:-1px; 
line-height: 12px;
height: 20px; 
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
position: relative;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../images/buttons/orange-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover, a.ovalbutton:active { /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span, a.ovalbutton:active span { /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}