@charset "utf-8";
/* CSS Document */
/*****************************************
LOVEFISHGAMES GLOBAL STYLES
*****************************************/

body {
    margin: 0;
    background:url(images/bg-center.gif) center repeat-y #000;
    font: normal 12px Arial;
    }
img {
    border: 0;
    }
form {
    margin: 0;
    padding: 0;
    }
fieldset {
    padding: 10px;
    }
#games {
    width: 760px;
    margin: 0 auto;
    background: #FFF;
    }
	
.clear {clear: both;height: 0;font-size: 0;overflow: hidden;}

.f-11 {font-size: 11px;}
.f-333,
 a.f-333 {color: #333;}
 .f-FFF,
 a.f-FFF {color: #FFF;}

.fr {float: right;}
.fl {float: left;}
.fr {position: relative;}

.fradd{width:60px;position:relative;}
.fr img{width:80px; height:80px;}
.fladd{width:205px;height:30px; }
.fladd img{float:right;}
.ta-l {text-align: left;}

.ml-5 {margin-left: 5px;}
.mb-5 {margin-bottom: 5px;}
.p-4 {padding: 4px;}
.b-CCC {border: 1px solid #CCC;}
.bg-EEE {background-color: #EEE;}
a {color: #C30;text-decoration: none;cursor: pointer;}
a:hover {text-decoration: underline;}
.side-module a {color: #fc0;}
.side-module a.btn {color: #FFF;}
.f-bold {font-weight: bold;}

/* GLOBAL HEADER */
#global-header {
    background-color: #000;
    }
#global-header .logobar {
    height: 75px;
    background: url(images/logo-bg.gif) repeat-x;
    border-bottom: 1px solid #2E3337;
    }
#global-header .logo {
    width: 150px;
    height: 75px;
    background: url(images/logo.gif);
    float: left;
    display: inline;
    margin: 0 0 0 27px;
    font-size: 0;
    }

#global-header .search {
    height: 35px;
    border-top: 1px solid #050506;
    border-bottom: 1px solid #020202;
    background: url(images/search-bg.gif);
    }
#global-header .search span {
    color:#fc0; font-weight:bold; line-height:35px;margin-left:15px;
}
#global-header .search .input-wrapper {
    height: 26px;
    float: left;
    margin: 5px 5px 0;
    padding: 0;
    display: inline;
    background: url(images/search-input-bg.gif) no-repeat;
    }
#global-header .search .input-wrapper input {
    width: 336px;
    font: normal 14px Arial;
    border: 0;
    background: none;
    padding: 5px 0 0 5px;
    }
#global-header .search .search-btn {
    width: 107px;
    height: 25px;
    float: left;
    margin: 6px 0 0 0;
	border:0px;
    background: url(images/search-btn.gif);
    }

#global-header .nav {
    height: 27px;
    border-top: 1px solid #3E464C;
    border-bottom: 1px solid #020202;
    background: url(images/nav-bg.gif);
    padding: 0;
    }
#global-header .nav ul {
    margin: 0;
    padding: 0;
    border-right: 1px solid #3E464C;
    float: left;
    }
#global-header .nav li {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 27px;
    float: left;
    border-left: 1px solid #3E464C;
    border-right: 1px solid #020202;
    }
#global-header .nav a {
    height: 27px;
    color: #CCC;
    font-weight: bold;
    padding: 0 9px;
    float: left;
    }
#global-header .nav .on a,
#global-header .nav a:hover {
    color: #FF9;
    text-decoration: none;
    background: url(images/subnav-bg-hover.gif);
    border-bottom: 0;
    }

/* GLOBAL SUBNAV */

#global-subnav {
    height: 90px;
	padding:5px 0 2px 0;
	text-align:center;
    background:url(images/subnav-bg.gif);
    }
#global-subnav ul {
    margin: 0;
    padding: 0;
    }
#global-subnav li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    padding-left: 15px;
    }
#global-subnav a {
    font: bold 11px/30px Arial;
    color: #CCC;
    }
#global-subnav .on a,
#global-subnav a:hover {
    color: #FF9;
    text-decoration: none;
    }
#global-subnav a.signup {
    color: #FFCC00;
    }
#global-subnav a.signup:hover {
    text-decoration: underline;
    color: #FFCC00;
    }
	
/* MPU LAYOUT */

#mpu-layout {
    width: 100%;
    background: url(images/mpu-layout-bg.gif) right repeat-y #FFF;
    float: left;
    }
#nar-layout {
    width: 100%;
    background:url(images/det-layout-bg.gif) right repeat-y #FFF;
    float: left;
    }

#mpu-layout #main-col {
    width: 434px;
    }
#nar-layout #left-col{width:538px;}
#nar-layout #right-col{width:196px;}
#mpu-layout #side-col {width: 302px;
    }

.side-module {
    width: 302px;
    clear: both;
    margin-bottom: 10px;
    color: #CCC;
    background: url(images/side-module-foot.gif) bottom left no-repeat;
    overflow: hidden;
    }
.right-module {
    width: 196px;
    clear: both;
    margin-bottom: 10px;
    color: #CCC;
    background: url(images/side-module-foot.gif) bottom left no-repeat;
    overflow: hidden;
    }
.right-module .head,
.side-module .head {
    background: url(images/side-module-head.gif) right;
    height: 29px;
    margin: 0;
    padding-right: 10px;
    font: normal 11px/29px Arial;
    color: #999;
    }
.right-module .head h2,
.side-module .head h2 {
    font: bold 12px/29px Arial;
    color: #FFF;
    margin: 0;
    padding: 0 2px 0 10px;
    background: url(images/side-module-head.gif) left #C3C6CC;
    float: left;
    }
.side-module .head span {
    font: normal 11px/29px Arial;
    color: #FFF;
    float: right;
    padding: 0;
    }
.right-module .body,
.side-module .body {
    background-color: #000;
    border: 1px solid #40444A;
    border-bottom: 0;
    padding: 10px 10px 0;
    clear: both;
    }
.side-module .bodyad {
    background-color: #000;
    border: 1px solid #40444A;
    border-bottom: 0;
    padding: 0px 0px 0;
    clear: both;
    }
.side-module .ggbody {
    background-color: #FFF;
    text-align:center;
}
.right-module .foot,
.side-module .foot {
    background: url(images/side-module-foot.gif) bottom right no-repeat;
    height: 11px;
    font-size: 0;
    margin-left: 10px;
    clear: both;
    }
.side-module a.btn {color: #FFF;}
.main-module {
    clear: both;
    margin-bottom: 20px;
    }
.main-module .quicklink {width:300px; text-align:right;margin-top:5px;}
#main-col,#left-col,#right-col,
#side-col {
    padding: 6px;
    }
#main-col, #left-col {
    float: left;
    overflow: hidden;
    }
#right-col,	
#side-col {
    float: right;
    }

.divider {
    background: url(images/divider-bg.gif) center repeat-x;
    height: 11px;
    clear: both;
    font-size: 0;
    }
.main-module .head {
    background: url(images/main-module-head.gif) right;
    height: 31px;
    padding-right: 10px;
    margin-bottom: 10px;
    }
.main-module .head h2 {
    font: bold 11px/24px Arial;
    margin: 0;
    padding: 7px 0 0 10px;
    background: url(images/main-module-head.gif) left;
    float: left;
    }


.new-games ul {
    margin: 0;
    padding: 0;
    }
.new-games a{color:#DD3F00; text-decoration:none;}
.new-games a:hover{color:#F00; text-decoration:underline;}
.new-games li {
    width: 98px;
    margin: 0 4px;
    list-style: none;
    float: left;
    display: inline;
    overflow: hidden;
    }
.new-games .cover {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    display: block;
    padding: 4px;
    border: 1px solid #CCC;
    }
.new-games .cover:hover {
    background-color:#444;
    background-image:url(images/down-rollover.gif);
    }
.new-games .cover img {
    width: 80px;
    height: 80px;
    display: block;
    background: center no-repeat #000;
    }
.new-games .cover:hover img {
    opacity: .2;
    filter: alpha(Opacity=30);
    }
.new-games .refs {
    height: 30px;
    margin: 3px;
    font-size: 11px;
    text-align: center;
    overflow: hidden;
    }
/* DOWNLOADS */

.top-list {margin:0;padding:0; width:280px;float:left;position:relative;}
.top-list li {width:280px;float:left;position:relative;margin:0 0 5px 0;padding:0 0 5px 0;list-style:none;border-bottom:1px solid #40444A;}
.top-list a.f-EEE {color: #EEE;}

/* TINY THUMB */

.tiny-thumb {
    margin-right: 10px;
    display: inline;
    float: left;
    display: inline;
    background: center no-repeat #000;
    }
.tiny-thumb img {
	width:60px;
	height:40px;
}
/* GLOBAL FOOTER */

#global-footer {
    clear: both;
    background: #000;
    text-align: center;
    font: normal 11px Arial;
    color: #999;
    padding: 0;
    position: relative;
    z-index: 100;
    }
#global-footer a {
    color: #999;
    }
#global-footer .first a {
    color: #FC0;
    font-weight: bold;
    }
#global-footer .second a {
    color: #F90;
    }
#global-footer .first {
    padding: 15px;
    border-bottom: 1px solid #696E74;
    background: url() 10px 8px no-repeat #14181B;
    }
#global-footer div {
    padding: 5px 10px;
    border-bottom: 1px solid #444;
    }
.foot-links {
    text-align: right;
    font-weight: bold;
    clear: both;
    }
.downbody .thumb{float:left; width: 180px;}
.downbody .thumb img {width:175px; height:150px; border:1px #eee solid;}
#brief{width:248px;float:left; margin-left:5px;}
#brief ul {
    margin: 0;
    padding: 0;
    float: left; 
	list-style:none;
    }
#brief li {float:left;clear:both;padding-left:5px;height:22px; line-height:22px;width:340px;}
.right-module a {width:180px; display:block;clear:both; line-height:18px; color:#fc0; border-top:1px #000 solid; border-bottom:1px #000 solid;}
.right-module a:hover {background:#333;border-top:1px #999 solid; border-bottom:1px #999 solid; text-decoration:none; color:#fff;}
.c-1{background:#E1EFF4}

#brief span{float:left;width:80px;font-weight:bold;color:#c30; padding-right:5px; line-height:22px;height:22px; display:block;}
#brief div {float:left; width:250px;}

.dx {clear:both; font-weight:bold;height:60px; line-height:100px; padding:30px 0 0 40px;}
.dx a{ float:left; width:110px; height:28px; overflow:hidden; background:url(images/nav-btns.jpg) right top #36F; margin:0 4px 0 0; text-align:center; line-height:28px; margin-left:20px;color:#FFF;} 
.dx a:hover{ background:url(images/nav-btns.jpg) no-repeat left top;text-decoration:none; color:#c30;}

#cont {line-height:20px;clear:both;}
#cont img {widht:250px;height:188px;}
#cont #screen2 {}
iframe#requestframe{
	margin:0px auto;
	width:500px;
	height:320px;
	overflow:hidden;
}
.searchresult{margin:10px;}
.topad {margin-top:8px;text-align:center;}
.frl span{float:left;}
.frl a {width:130px; display:block;clear:both; line-height:18px; color:#fc0; border-top:1px #000 solid; border-bottom:1px #000 solid;}
.subNav {text-align:center;background:#ccc;}
#requestframe {width:600px;}