/*begin generic styles */

* {margin: 0px; padding: 0px; font-family: "Lucida Grande", "Trebuchet MS", sans-serif;}

a {}
a:hover {text-decoration: underline;}
a:visited {}
img { border:none;}

/* commented backslash hack aka holly hack for haslayout in ie6/7 \*/ 
html, body{height:100%;} 
/* end hack */
html,body {margin:0;padding:0}

#main{min-height:100%;height:auto;}
* html #main{height:100%;}/* ie6 and under*/


#main {width: 1080px; margin: 0 auto; position: relative; background-color: #fafafb; /*border-left: 4px solid #f1f2f6; border-right: 4px solid #f1f2f6;*/}
#header {height: 193px; background: url(../style/all/gf_logo.jpg) 0 0 no-repeat;}
#navigation {position: relative; top: 141px; left: 220px; width: 860px;}
.headerlink {display: block; position: absolute; left: 25px; top: 25px; width: 170px; height: 160px; color: #000; text-decoration: none;}

#navigation ul { list-style-type: none; font-size: 14px;}
#navigation ul li {display: block; float: left; margin-right: 20px; height: 29px;/* padding-top: 4px;*/ line-height: 30px;}

/*#navigation ul li a { color: #fff; text-decoration: none; padding: 5px; border-left: 4px solid transparent; border-right: 4px solid transparent; padding-top: 0px; margin-top: 8px;}*/
/*#navigation ul li a:hover {background-color: #ed7f26; border-left: 4px solid #fafafb; border-right: 4px solid #fafafb; height: 28px;  padding-left: 5px; padding-right: 5px; padding-top: 4px; padding-bottom: 7px; margin-top: 8px; border-bottom:1px solid #fafafb;}*/

#navigation ul li a { display: block; color: #fff; text-decoration: none; border-left: 4px solid transparent; border-right: 4px solid transparent; height: 29px;/* padding: 0px 4px 5px 4px;*/ padding: 0px 4px 0px 4px;}
#navigation ul li a:hover {display: block; background-color: #ed7f26; border-left: 4px solid #fafafb; border-right: 4px solid #fafafb; height: 29px; padding: 0px 4px 0px 4px;}


#navigation ul li.spacer {margin-left: 240px; margin-right: 0px;}


#navigation ul.featuresdrop { position: absolute; top: 30px; left: 0px; width: 500px; height: 30px; background: #fafafb; font-size: 11px; }
#navigation ul.featuresdrop li a { color: #2a548e;}
#navigation ul.featuresdrop li a:hover { color: #ed7f26; background: #fafafb; }

#search { position:relative; top: 178px; left: 715px; width: 300px;}
.searchform { margin:0; padding:0; }
.searchinput {border-top: 1px solid #f2f2f3; border-bottom: 1px solid #f2f2f3; border-left: 2px solid #dedede; border-right: 2px solid #dedede; background-color: #fff; font-size: 13px; height: 23px; margin-right: 3px; position:absolute; top:0; left: 0px; width: 200px;}
.searchbutton { margin-top: 13px; height: 23px; border-top: 1px solid #f2f2f3; border-bottom: 1px solid #f2f2f3; border-left: 2px solid #dedede; border-right: 2px solid #dedede; background-color: #fff; font-size: 13px; position:absolute; top:0; margin-top:0; height:25px; width: 90px;}
#yourmom { position:absolute; top:0; left:0;}
#searchsubmit{ position:absolute; top:0; right:0;margin:0; padding:0; }

#main_container {margin-left: 85px; width: 1005px; font-size: 11px; margin-top: 20px; display: block;}

#main_left {float: left; width: 600px; padding: 5px; font-family: Arial, Helvetica, Sans-serif;}

.leftcontent {line-height: 14px; }
.leftcontent p {padding: 5px; padding-bottom: 0px;}
.category {color: #ed7f26; font-size: 14px; padding-bottom: 5px;}
.category .a {color: #ed7f26;}
.synopsis {font-family: Arial, Helvetica, Sans-serif; font-size: 14px; color: #000; padding-left: 5px; padding-top: 10px; line-height: 18px;}
.byline {padding-bottom: 5px; color: #000;}
.byline a {font-weight: bold; color: #000;}
.tags {color: #ed7f26;}
.tags a {color: #2a548e; text-decoration: none;}
.tags a:hover {}
.entryimg {float: left; overflow: hidden; width: 175px; height: 100px; margin: 10px; margin-left: 5px;}
.entryimg_detail {float: left; margin: 10px; margin-left: 5px;}

.leftcontent img {border: 0px;}
.leftcontent a {color: #2a548e; text-decoration: none;}
.leftcontent a:hover {text-decoration: underline;}
.entry {padding-top: 10px;}
.entry p {padding-bottom: 10px; line-height: 14px; font-size: 11px; font-family: Arial, Helvetica, Sans-serif;}

#slider_container {border-top: 1px solid #cbcbcb; font-size: 12px; font-weight: bold; padding-top: 5px; width: 972px; margin-left: -15px;}
#slider {position: relative; border-top: 1px solid #cbcbcb; background: url(http://gogameface.com/style/article/recent_bg.png) bottom center no-repeat; width: 962px; height: 93px; margin: 0px 0px 15px -18px;}
#slider .recentstories {padding-top: 5px;}
.sliderouter {width: 864px; height: 52px; top: 15px;} /* left: 60px; position: relative; overflow: hidden;}*/
.sliderdiv {width: 80px;} /* display: block; float: left; overflow: hidden; margin-right: 15px;}*/
.sliderdiv p {padding: 0px; text-align: center; height: 45px; overflow: hidden;}
.sliderdiv p a {text-decoration: none; color: #1e3253;}
.sliderdiv img {overflow: hidden;}
#arrow_l {top: 40px; left: 30px; position: absolute;}
#arrow_r {top: 40px; left: 910px; position: absolute;}


#arrow_l, #arrow_r { z-index:10; }
div.sliderouter_wrapper { width:840px; margin:0 auto; }

.homepage {border-bottom: 1px solid #ccc; color: #939393;}
.homepage h1 {font-size: 24px; line-height: 26px; padding-bottom: 5px; padding-left: 5px; padding-top: 2px; color: #000;}
.homepage h1 a {color: #000;}
.homepage em {text-decoration: none; font-style: normal; color: #ed7f26;}
.homepage .entryimg {margin-bottom: 0px; padding-bottom: 0px;}
.adspacehome {width: 468px; height: 60px; font-size: 11px; margin: 10px 0px 10px 0px; border: 1px solid #ccc;}

#pagingnav {width: 600px; height: 75px; position: relative; top: 5px;}
#pagingnav ul {display: inline;}
#pagingnav ul li {display: block; float: left; height: 22px; width: 26px; margin-right: 5px; background: url('http://gogameface.com/style/all/paging.png') top center no-repeat; }
#pagingnav ul li a {color: #ed7f26; text-decoration: none; font-size: 14px; line-height: 20px; padding: 8px 5px 5px 8px;}
.pagspace {margin-left: 310px; background: #fff;}

#main_right {float: left; width: 300px; margin-left: 20px;}

.rightcontent {font-size: 11px; padding: 10px; background-color: #f1f2f6; padding-left: 20px; margin-bottom: 10px; border: 1px solid #ccc; border-left: 0px; border-right: 0px;}
* html .rightcontent{height:100%;}/* ie6 and under*/
.rightcontent h3 {color: #434446;}
.inner_left {width: 55px; height: 60px; overflow: hidden; margin-top: 10px; float: left;}
.inner_right {float: right; width: 210px; font-size: 10px; color: #434446;}
.inner_right p {padding-top: 4px;}
.author {background-color: #eff2f5;}

.auth_twitter {padding: 1px 0px 0px 17px; background: url(../style/article/auth_twitter.png) top left no-repeat; color: #ED7F26;}
.auth_index {padding: 1px 0px 0px 17px; background: url(../style/article/auth_index.png) top left no-repeat;}
.auth_like {padding: 1px 0px 0px 17px; background: url(../style/article/auth_like.png) top left no-repeat;}
/*.author p {margin-left: 70px; margin-top: -60px; width: 200px; font-size: 10px; color: #434446;}*/
.icons {padding-top: 5px; padding-bottom: 3px;}
.icons li {display: inline; vertical-align:bottom; margin-right: 5px;}
.iconsentry { position: relative; left: 240px;}
.iconsentry li {margin-right: 5px;}
.icons a {color: #ed7f26; text-decoration: none; }
.icons a:hover {text-decoration: underline;}
.icons em {text-decoration: none; font-weight: bold; font-style: normal;}
.iconshome {left: 420px; padding-top: 0px; width: 200px;}
.rssfeed {padding: 1px 0px 0px 22px; background: url(../style/article/rssicon.png) top left no-repeat;}
.iconfavorite {padding: 1px 0px 0px 22px; background: url(../style/article/favicon.png) top left no-repeat;}
.iconcomment {padding: 1px 0px 0px 30px; background: url(../style/article/commenticon.png) top left no-repeat;border-left: 1px solid #ccc;}



.rightcontent {font-size: 11px; padding: 10px; background-color: #f1f2f6; padding-left: 20px; margin-bottom: 10px; border: 1px solid #ccc; border-left: 0px; border-right: 0px;}

.rightcontentgroup {font-size: 11px; background-color: #f1f2f6; padding-left: 00px; margin-bottom: 10px; border: 1px solid #ccc; border-left: 0px; border-right: 0px; border: 2px solid #ccc; background-color: #fff;}
.recentgroup {border: 2px solid #ccc; background-color: #fff;}

#newGpostLink {font-size: 13px; }
/*
#newGpost input {width: 580px;}
#newGpost textarea {width: 580px;}
*/
.recentgrouphead {background-color: #f1f2f6; padding: 10px; padding-left: 20px;}
.recentgrouphead h3 {font-size: 18px;}
.recentgroupbody { padding: 15px 10px 10px 20px;}

.recentgroup h3 {font-size: 18px; padding-bottom: 10px; background-color: #f1f2f6;}
.groupouter {display: inline; background-color: #fff; margin-left: 2px;}
.groupimg {display: block; width: 75px; height: 75px; overflow: hidden; float: left; margin: 0px 12px 12px 0px;}

.rightblue {background-color: #2a548e; color: #fff; border-color: #2a548e;}
.rightblue h3 {color: #fff;}
.rightblue h4 {color: #8e9093;}

.graylink p a {color: #cbcbcb; font-size: 11px;}



.rightcontent a {text-decoration: none; color: #8e9093;}
.rightcontent a:hover {text-decoration: underline;}
.rightcontent ul li a { color: #ED7F26;}
.homepage h3 {font-size: 18px; padding-bottom: 0px;}
.homepage .byline {padding-top: 0px;}
.homepage em {text-transform: uppercase;}

.rightblue a {color: #ed7f26; text-decoration: none;}
.rightblue a:hover {text-decoration: underline;}

#related {width: 610px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 175px;}
#related h4 {font-size: 14px; font-weight: bold; margin-top: 15px; margin-left: 0px; margin-bottom: 5px;}
.outerrel {display: inline;}
.mainrel {display: block; float: left; width: 300px; height: 50px; overflow: hidden; margin-bottom: 15px;}
.mainrel img {width: 100px; margin-top: 0px; float:left; margin-right:6px;}

.mainrel h5 {font-size: 10px; line-height: 12px; margin-bottom: 0px; padding-bottom: 0px; text-decoration: none;}
.mainrel h5 a {font-size: 10px; line-height: 10px; margin-bottom: 0px; padding-bottom: 0px; text-decoration: none; color: #5b5b5c;}
.mainrel p a {color: #5b5b5c; line-height: 12px; padding-top: 0px; text-decoration: none;}
.mainrel p {padding-top: 0px;}
.mainrel a {padding: 0px 0px 0px 0px; max-height: 57px; overflow; hidden;}

#usercomments {margin-top: 15px;color: #5b5b5c;}
#usercomments h4 {font-size: 14px; font-weight: bold; margin-top: 15px; margin-bottom: 5px; color: #000;}
.comment {display: block; width: 600px; background-color: #fafafb; border: 1px solid #fafafb; /*min-height: 100px;*/}
.comment {margin-top: 5px; margin-bottom: 5px; padding: 5px;}
.leftcomment p {float: left; width: 410px;}
.leftcomment p a {text-decoration: none; color: #5B5B5C; }
.userinfo {float: right; width: 160px; border-left: 1px solid #ccc; font-size: 10px; color: #5b5b5c; margin-left: 5px; clear: both;}
.userinfoimg {padding-left: 5px;}
.userinfo img {width: 35px; height: 35px; overflow: hidden; padding: 5px;}
.userinfo p {}
.alt { background-color: #f1f2f6; border: 1px solid #fafafb; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#usercomments h5 a {font-size: 13px; color: #000; padding-top: 5px;}
#usercomments p a {color: #5B5B5C; text-decoration: none;}
#usercomments a:hover {text-decoration: underline;}
.postbodyp a {color: #000; text-decoration: underline;}
.bold {font-weight: bold;}

/*end generic styles*/


.grouphome {border-bottom: 1px solid #ccc; color: #939393;}
.grouphomeh1 {background-color: #29558d; color: #eff2f5; font-size: 16px; padding: 5px; display: inline; line-height: 28px;}
.grouphomeh1 a {text-decoration: none; color: #eff2f5;}
.grouphomeh1 a:hover {text-decoration: underline;}
.grouphome em {text-decoration: none; font-style: normal; color: #ed7f26;}
.grouphome .entryimg {margin-bottom: 0px; padding-bottom: 0px;}
.adspacehome {width: 468px; height: 60px; font-size: 11px; margin: 10px 0px 10px 0px; border: 1px solid #ccc;}
.display_block {display: block; margin-top: 30px; margin-left: 5px; margin-bottom: 5px; font-size: 18px;}
.thread {border: 2px solid #ccc;}
.groupupdate {margin-top: 5px; margin-bottom: 10px; color: #ed7f26; }

#pagingnav {width: 600px; height: 75px; position: relative; top: 5px;}
#pagingnav ul {display: inline;}
#pagingnav ul li {display: block; float: left; height: 22px; width: 26px; margin-right: 5px; background: url('http://gogameface.com/style/all/paging.png') top center no-repeat; }
#pagingnav ul li a {color: #ed7f26; text-decoration: none; font-size: 14px; line-height: 20px; padding: 8px 5px 5px 8px;}
.pagspace {margin-left: 310px; background: #fff;}

.greyblue {background-color: #eff2f5;padding: 6px; margin-right: 15px; color: #29558d !important; font-size: 13px; text-decoration: none;}
.greybluerss {padding: 6px 6px 6px 28px; background: #eff2f5 url(../style/article/rssicon.png) 6px 6px no-repeat;}

.submitgroup {height: 30px; border: 1px solid #939393; background-color: #29558D; color: #fff; width: 100px;}
.anchors {text-decoration: none; color: #5b5b5c; }
.jeip-editfield {width: 250px;}
.jeip-savebutton {height: 30px; background-color: #eff2f5; color: #29558d; font-size: 13px; padding-left: 6px; padding-right: 6px; border: 0px solid #fff; margin-top: 3px;margin-bottom: 10px;}
.jeip-cancelbutton {height: 30px; background-color: #eff2f5; color: #29558d; font-size: 13px; padding-left: 6px; padding-right: 6px; border: 0px solid #fff; margin-top: 3px;margin-bottom: 10px;}

#profilemain {background-color: #eff2f5; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; display: block; width: 600px;}
#profileright {float: left; display: block;}

#profileleft {float: left; display: block; width: 330px; /*position: absolute;*/}
.profilemainright {background-color: #eff2f5; border-top: 2px solid #d3dbe6; border-bottom: 2px solid #d3dbe6; margin-top: 10px; position: relative; overflow: hidden;}
.rightactivity {position: absolute; left: 200px; width: 80px;}
.commentbubble {width: 206px; height: 120px; background: url('http://gogameface.com/style/profile/profilebubble.png') bottom center no-repeat;}
.commentbubblep {padding-left: 10px; padding-right: 10px; color: #ccc;}

#profileuserimg {float: left; display: block; margin: 10px; width: 110px;}
#profileuserimg a {color: #a8aaad; font-size: 11px;}
#profileusermain {float: left; display:block; margin-top: 10px; z-index: 1; width: 190px;}
#profileusermain h1 {font-size: 22px;}
#profileleft h5 {font-size: 13px; font-weight: bold; margin-top: 10px; margin-bottom: 5px;}
#profileleft p {font-size: 15px; color: #ed7f26; margin-left: 0px; text-indent: 0px; padding: 0px; margin-bottom: 10px;}

#profileright {width: 250px;}
#profileright h5 {font-size: 13px; font-weight: bold; margin-top: 10px; margin-bottom: 5px;}
#profileright p {font-size: 15px; color: #ed7f26; margin-left: 0px; text-indent: 0px; padding: 0px; margin-bottom: 10px;}

/*
	<div class="profilemainright">
		<h1>Your Favorite Authors</h1>
		<ul class="profileauthor">		
			<li>
				<a href="mygf.php?userid=8&author=true" class="authorname">Chris De Benedetti</a>  new story on 
				<a href="">2008-09-11 12:35:00</a> <br /> <a href="">REMOVE AUTHOR</a></li>
				*/

.profilemainright h1 {padding-top: 5px; padding-left: 10px;}
ul.profileauthor {list-style-type: none; padding-left: 10px; padding-right: 10px; margin-bottom: 10px;}
ul.profileauthor li {border-bottom: 1px solid #d2d3d3; padding-top: 5px; padding-bottom: 3px; color: #666666;}
ul.profileauthor li a {color: #cbcbcb; text-decoration: none;}
ul.profileauthor li a:hover {color: #cbcbcb; text-decoration: underline;}
ul.profileauthor li a.authorname {font-size: 13px; color: #5c6f87; text-decoration: none;}
ul.profileauthor li a.authorname:hover {font-size: 13px; color: #5c6f87; text-decoration: underline;}


#registration {margin: 0; padding: 20px; margin-left: 20px; margin-top: 20px; background: #eff2f5; margin-bottom: 20px;}
#registration h1 {color: #29558d; padding-bottom: 10px;}
#registration label.error {padding-left: 10px;}
#registration a {color: #2a548e;}
#registration a:hover {color: #ed7f26;}

table.editinfotable {width: 470px; margin: 0 auto;}
table.editinfotable td {color: #1a1a1a;}
table.editinfotable td p {color: #939393; padding: 10px;}
table.editinfotable td input {border: 1px solid #2a548e; width: 170px; height: 20px; margin-bottom: 5px;}
table.editinfotable td textarea {border: 1px solid #2a548e; width: 170px;}
table.editinfotable td .submitgroup {height: 30px; background-color: #eff2f5; color: #29558d; font-size: 13px; padding-left: 6px; padding-right: 6px; border: 0px solid #fff; margin-top: 3px; border: 0px;}














/*footer*/

#footer {width: 1080px; height: 98px; position: relative; background: url(../style/all/gf_footer.jpg) 0 0 no-repeat;}#navigation ul { list-style-type: none; font-size: 15px;}
#footer ul {position: absolute; top: 68px; left: 320px; font-size: 15px;}
#footer ul li {display: block; float: left; margin-right: 20px; height: 29px;/* padding-top: 4px;*/ line-height: 30px;}
#footer ul li a { display: block; color: #fff; text-decoration: none; border-left: 4px solid transparent; border-right: 4px solid transparent; height: 29px;/* padding: 0px 4px 5px 4px;*/ padding: 0px 4px 0px 4px;}
#footer ul li a:hover {display: block; background-color: #ed7f26; border-left: 4px solid #fafafb; border-right: 4px solid #fafafb; height: 30px; padding: 0px 4px 0px 4px;}
#footer ul li.spacer {margin-left: 350px; margin-right: 15px;}
#footer ul li.spacer a em {font-style: normal; font-size: 14px; font-weight: bold;}
#footer ul li.small {font-size: 14px;}/*begin generic styles */
.footercopy {font-size: 10px; color: #939393; text-align: center; padding: 5px 40px 0px 40px;}
.footercopy a {color: #2a548e;}


.searchresults {font-size: 14px; line-height: 22px; width: 100%;}
.searchresults h1 {color: #2a548e;}
.searchresults a {color: #1a1a1a;}
.searchresults a:hover {color: #ed7f26;}
.searchresults .tabbertab {border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb;}

.width580 {width: 580px;}
a.newgroup {font-weight: bold; display: block; width: 300px; margin-top: 10px; margin-bottom: 0px; padding: 5px 0px 5px 0px; border-top: 1px solid #ed7f26; border-bottom: 1px solid #ed7f26; margin-bottom: 10px;background-color: #29558D; font-size: 14px; color: #fafafb; text-align: center; color: #fff; text-decoration: none;}
a.newgroup:hover {text-decoration: underline;}