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


/* =GLOBAL STYLES
----------------------------------------*/
body {
	background:url(imagess/bg-main.png) top left #96c3d8;
	margin:0;
	padding:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#3b3b3b;
	line-height:1.2;
}

p { font-size:140% }

dt dl { font-size:140% ;}
dl { font-size:120% ;}
dd { font-size:120% ;}

.def-container2 dl,.def-container2 dd,
.def-container dl,.def-container dd
{
font-size:90% ;
}

a {
	color:#178cbb;
	font-weight:bold;
}
a:focus, a:hover, a:active { outline:none }
a:visited { color:none; }

a:hover { color:#F90; }

a:active { color:none; }

h2 {
	font-size:280%;
	color:#000;
	margin-top:0px;
	border-bottom:2px solid #5ebfe6;
}

img.float-right {
	float:right;
	margin:0 0 20px 40px;
}

a img { border:none }

.clear-both { clear:both }

.clear-right { clear:right }

.clear-left { clear:left }


/* =CONTAINER STYLES
----------------------------------------*/
#header {
	position:relative;
	margin:0 auto;
	width:908px;
	height:115px;
	text-align:left;
	background:url(imagess/bg-content-top.png) no-repeat bottom left;
}

#header #search {
	position:absolute;
	top:0;
	right:20px;
	width:287px;
	height:23px;
	padding:0 10px 10px 10px;
	background:url(imagess/bg-searchbar.png) no-repeat top left;
}

#content {
	width:868px;
	margin:0 auto;
	padding:0 20px 20px;
	background:url(imagess/bg-content.png) repeat-y top left;
	text-align:left;
}

#content #copy-subpages {
	width:620px;
	float:left;
}

#content #copy-subpages-with-bg {
	width:620px;
	float:left;
}

#content #sidebar {
	float:right;
	width:228px;
}

#content-bottom {
	width:868px;
	height:7px;
	margin:0 auto;
	padding:0 20px;
	background:url(imagess/bg-content-bottom.png) no-repeat top left;
}

#content-boxes {
	width:864px;
	margin:0 auto;
}

#content .copy-grey-box {
	background: url(imagess/bg-box-large.png) repeat-y top left #efefef;
	border-bottom:2px solid #d9d9d9;
	padding:10px 2px;
}

#content .copy-grey-box .review {
	width:490px;
	float:left;
}

#content .copy-grey-box .star-rating {
	width:110px;
	float:left;
	margin-left:6px;
}

#footer {
	width:868px;
	height:28px;
	margin:0 auto;
	padding:13px 20px 0;
	background:url(imagess/bg-footer.png) no-repeat top left;
	text-align:right;
}

/* =CONTENT STYLES
----------------------------------------*/

/* Header Styles */

#header #navlist {
	position:absolute;
	top:60px;
	right:20px;
	margin:0;
	padding:0;
	list-style-type:none;
}



#header #navlist li {
	float:left;
	margin-left:5px; 
}

#header #navlist li a {
	float:left;
	display:block;
	background:url(imagess/bg-nav-corner.png) no-repeat top right;
	height:26px;
	padding:0 17px 0 10px;
	color:#fff;
	font-style:italic;
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
	border-bottom:3px solid #000;
}

#header #navlist li a:visited { color:#fff }

#header #navlist li a span {
	background:url(imagess/bg-nav-glow.png) no-repeat 50% 0;
	height:21px;
	display:block;
	padding:5px 7px 0;
	cursor:pointer;
}

#header #navlist li a:hover { border-bottom:3px solid #8b0029; text-decoration:underline; }

#header #navlist li a:active { border-bottom:3px solid #8b0029 }

#header #search form {
	margin:0;
	padding:0;
}

#header #search label {
	font-size:140%;
	font-style:italic;
	margin:5px 10px 0 0;
	padding:0;
	float:left;
}

#header #search input {
	margin:4px 0 0 0;
	padding:2px 2px;
	border:1px solid #888;
	float:left;
	width:180px;
}

#header #search .button {
	margin:4px 0 0 5px;
	padding:0;
	border:none;
	float:left;
	width:auto;
}

/* Content Styles */
img.computer { margin-bottom:0 }

img.browse-cats-button {
	margin-left:280px;
}

dl.cat-boxes {
	margin:0;
	padding:0;
	width:100%;
	margin:0 auto;
	font:9px;
}

dl.cat-boxes-subpages { width:620px }

.def-container {
	float:left;
	margin:5px;
}

dl.cat-boxes dt {
	width:258px;
	height:27px;
	margin:0;
	padding:5px 10px 0;
	background:url(imagess/bg-box-corner.png) no-repeat top right #000;
	color:#5ebfe6;
	font-size:137%;
	font-weight:bold;
}



dl.cat-boxes dd {
	width:258px;
	min-height:120px;
	margin:0;
	padding:10px;
	background:url(imagess/bg-box.png) repeat-y top left;
	border-bottom:2px solid #d9d9d9;
}

dl.cat-boxes dd .icon {
	float:left;
	margin:0 10px 30px 0;
	display:block;
}

dl.cat-boxes dd ul {
	margin:0;
	padding:0;
	font-size:120%;
	list-style-type:none;
}

dl.cat-boxes dd ul li a {
	margin:0;
	padding:0 0 0 10px;
	color:#178cbb;
	background:url(imagess/bg_bullet.png) no-repeat 0 4px;
}

dl.cat-boxes dd ul li.and-more a {
	float:right;
	color:#8b0029;
	background:none;
}

h2.index { border:none }

#copy-subpages-with-bg h2 {
	height:30px;
	margin:0;
	padding:5px 10px 0;
	background:url(imagess/bg-box-corner.png) no-repeat top right #000;
	color:#5ebfe6;
	font-size:200%;
	font-weight:bold;
	border:none;
}

.copy-grey-box p,
.copy-grey-box h2,
.copy-grey-box h3 {
	padding:0 6px;
}

.copy-grey-box h3 {
	background:url(imagess/bg-h3.png) no-repeat top left;
	font-size:200%;
	color:#000;
	margin-top:5px;
	padding:2px 6px 0;
	height:28px;
}

.copy-grey-box .rating {
	padding-left: 20px;
	color:#980d2f;
}

.copy-grey-box p {
	margin-top:0;
}

.copy-grey-box .star-rating p {
	margin:0;
	font-size:120%;
	padding:0;
}

.copy-grey-box .star-rating .author { font-weight:bold }


/* Sidebar styles */
#sidebar dl {
	margin:5px 0;
	padding:0;
}

#sidebar dl dt {
	height:30px;
	margin:5px 0 0;
	padding:5px 10px 0;
	background:url(imagess/bg-box-corner.png) no-repeat top right #000;
	color:#fff;
	font-size:140%;
	font-weight:bold;
}

#sidebar dl dd.table {
	margin:0 0 10px;
	padding:3px 2px 0;
	background:url(imagess/bg-box-sidebar.png) repeat-y top left;
	border-bottom:2px solid #c7c7c7;
}

#sidebar dl dd.tags {
	border-bottom:2px solid #94c1d6;
	background:url(imagess/bg-box-sidebar-tags.png) repeat-y top left;
	padding:10px;
	font-weight:bold;
}

#sidebar dl dd {
	margin:0 0 10px;
	padding:10px;
	background:url(imagess/bg-box-sidebar.png) repeat-y top left;
	border-bottom:2px solid #c7c7c7;
}

#sidebar table td {
	font-weight:bold;
	font-size:80%;
	color:#000;
	padding:4px 5px 4px 10px;
}

#sidebar table td { color:#f00 }

#sidebar table td a {
	color:#000;
	text-decoration:none;
}

#sidebar table td.odd { background:#d9d9d9 }

/* Footer Styles */
#footernav {
	margin:0;
	padding:0;
	list-style-type:none;
}

#footernav li { float:left }

#footernav li a {
	float:left;
	display:block;
	font-size:100%;
	font-style:italic;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	margin-right:15px;
}

#footernav li a:visited { color:#000 }

#footernav li a:hover { text-decoration:underline }

#footer p {
	font-size:90%;
	color:#000;
	margin:0;
}

/*__________-copy of cat-boxes-subpages for categories.tpl____________*/dl.cat-boxes-subpages { width:620px }


.def-container2 {
	float:left;
	margin:2px;
	width:45%;
}

dl.cat-boxes-subpages dt {
	width:258px;
	height:25px;
	margin:0;
	padding:5px 10px 0;
	background:url(imagess/bg-box-corner.png) no-repeat top right #000;
	color:#5ebfe6;
	font-size:134%;
	font-weight:bold;
}


dl.cat-boxes-subpages dd {
	width:258px;	
	min-height:120px;
	margin:0;
	padding:10px;
	background:url(imagess/bg-box.png) repeat-y top left;
	border-bottom:2px solid #d9d9d9;
}


dl.cat-boxes-subpages .icon {
	float:left;
	margin:0 10px 30px 0;
	display:block;
}


dl.cat-boxes-subpages ul {
	margin:0;
	padding:0;
	font-size:120%;
	list-style-type:none;
}


dl.cat-boxes-subpages dd ul li a {
	margin:0;
	padding:0 0 0 10px;
	color:#178cbb;
	background:url(imagess/bg_bullet.png) no-repeat 0 4px;
}


dl.cat-boxes-subpages dd ul li.and-more a {
	float:right;
	color:#8b0029;
	background:none;
}

.boxshot
{margin-left:6px;
float:left;
height:220px;
width:350px;
border: solid 2px silver;
}



.thumbs img {
	border: solid 2px silver;
    margin-top:5px;
	height: 120px;
	padding: 0px;
	
}
.thumbs img:hover {
	border-color: red;
}

.commentarea
{width:110px;
font:70%;
font-weight:bold;
text-align:left;
padding-left:15px;
}

.comment-content
{
margin-bottom:10px;
font-size:140%;
}

/*_______________________RATING__________________________________*/

.ratingarea {text-align: bottom;}



.rating {
	CLEAR: both; DISPLAY: block;  CURSOR: pointer; margin:0px 0 0 -20px;
}
.rating:unknown {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; WIDTH: 0px; HEIGHT: 0px; content: '.'
}
.cancel {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 17px; CURSOR: pointer; TEXT-INDENT: -999em; HEIGHT: 15px
}
.star {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 17px; CURSOR: pointer; TEXT-INDENT: -999em; HEIGHT: 15px
}
.cancel {
	BACKGROUND: url(delete.gif) no-repeat 0px -16px
}
.cancel A {
	BACKGROUND: url(delete.gif) no-repeat 0px -16px
}
.star {
	BACKGROUND: url(images/star.gif) no-repeat 0px 0px
}
.star A {
	BACKGROUND: url(images/star.gif) no-repeat 0px 0px
}
.cancel A {
	BACKGROUND-POSITION: 0px 0px; DISPLAY: block; WIDTH: 100%; HEIGHT: 100%
}
.star A {
	BACKGROUND-POSITION: 0px 0px; DISPLAY: block; WIDTH: 100%; HEIGHT: 100%
}
DIV.rating DIV.on A {
	BACKGROUND-POSITION: 0px -16px
}
DIV.rating DIV.hover A {
	BACKGROUND-POSITION: 0px -32px
}
DIV.rating DIV A:hover {
	BACKGROUND-POSITION: 0px -32px