/* CSS Document */

body {
	background-image: url(http://sykeenergy.com/new/images/syke_brickbg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

.whitetext {color: #000000; text-align: right;}

.smallblacktext {
	color: #000000;
	font-size: 11px;
}

a.smallblacktext:link {color: #000000; font-weight: bold; text-decoration: none;}
a.smallblacktext:visited {color: #00000; font-weight: bold;}
a.smallblacktext:active {color: #000000; font-weight: bold;}
a.smallblacktext:hover {color:#FF0099; font-weight: bold;}

.smallgraytext {
	color: #666666;
	font-size: 11px;
}

a.smallgraytext:link {color: #666666; font-weight: bold; text-decoration: none;}
a.smallgraytext:visited {color: #666666; font-weight: bold;}
a.smallgraytext:active {color: #666666; font-weight: bold;}
a.smallgraytext:hover {color: #000000; font-weight: bold;}


a.navlink:link {text-decoration: none; font-size: 14px; color: #666666; font-weight: bold; text-transform: uppercase; padding: 0px 6px 0px 6px;}
a.navlink:visited {text-decoration: none; font-size: 14px; color: #666666; font-weight: bold; text-transform: uppercase; padding: 0px 6px 0px 6px;}
a.navlink:active {text-decoration: none; font-size: 14px; color: #666666; font-weight: bold; text-transform: uppercase; padding: 0px 6px 0px 6px;}
a.navlink:hover {text-decoration: none; font-size: 14px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; padding: 0px 6px 0px 6px;}

a.footerlink:link {text-decoration: none; font-size: 12px; color: #666666; font-weight: bold; text-transform: uppercase; padding: 0px 0px 0px 0px;}
a.footerlink:visited {text-decoration: none; font-size: 12px; color: #666666; font-weight: bold; text-transform: uppercase; padding: 0px 0px 0px 0px;}
a.footerlink:active {text-decoration: none; font-size: 12px; color: #666666; font-weight: bold; text-transform: uppercase; padding: 0px 0px 0px 0px;}
a.footerlink:hover {text-decoration: none; font-size: 12px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; padding: 0px 0px 0px 0px;}

#header {height: 96px; background-image:url(http://sykeenergy.com/new/images/syke_bg_headerbk.png); background-repeat: repeat-x;}

#navheader {width: 950px; height: 93px; background:url(http://sykeenergy.com/new/images/syke_bg_header.png); position: relative; text-align: left; vertical-align: top;}

#loginarea {margin-left: auto; margin-right: auto; width: 885px; height: 40px; margin-top: 8px; margin-bottom:0px; vertical-align: top; text-align: left; position: relative; background-repeat: no-repeat;}

#bigad {margin-left: auto; margin-right: auto; width: 885px; height: 287px; margin-top: 8px; margin-bottom:10px; vertical-align: top; text-align: left; position: relative; background-image:url(http://sykeenergy.com/new/images/syke_bigblackad.png); background-repeat: no-repeat;}
#bigadcontent {position: absolute; width: 528px; height: 269px; left: 8px; top: 8px;}

#toprated {margin-left: auto; margin-right: auto; width: 895px; height: 140px; margin-top: -13px; margin-bottom:0px; vertical-align: top; text-align: left; position: relative; background-repeat: no-repeat; background-image:url(http://sykeenergy.com/new/images/syke_toprated_modbg.png);}

#contentwrapper {margin-top: 10px; width: 885px; height: auto; min-height: 200px; margin-right: auto; margin-left: auto; text-align: left; vertical-align: top; position: relative;}

#sidebar {width: 280px; margin: 0px; position: absolute; left: 574px; top: 0px; padding: 0px; height: 100%; float: right;}

/* TEST */
#sidebar2 {width: 280px; margin: 0px 0px 0px -10px; padding: 0px; float: right;}
#main {
	float:left;
	width:533px;
	margin: 0px 0px 0px 10px;
}
/* END TEST */

#sidebarcontainer {width: 280px; position: relative; text-align: left; vertical-align: top;;}
.sidebartitle {font-size: 24px; letter-spacing: -1px; font-weight: bold; left: 0px; top: 0px; color: #b2b2b2; border-bottom: 1px #b2b2b2;}
.sidebarlink {position: absolute; left: 207px; top: 8px; width: 64px;}

.grid {width: 272px; height: auto; min-height: inherit;background-color:#FFFFFF; position: relative; vertical-align: top; text-align: left; margin-top: 0px;}
.rightmodules {width: 272px;position: relative; top: 34px; background-color: #FFFFFF; filter:alpha(opacity=60); opacity:0.6;}

a.rightmoduleitem:link, a.rightmoduleitem:visited {
	display: block;
	background-repeat: no-repeat;
	background-image: url(http://sykeenergy.com/new/images/rightmodule_borderbot_bg.gif);
	vertical-align: middle;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding-top: 0px;
	height: 35px;
	width: 100%;
	text-decoration: none;
	line-height: 32px;
	text-indent: 0px;
	margin-top: 1px;
	background-position: 0px -35px;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
}

a.rightmoduleitem:hover {
	font-weight: bold;
	font-size: 24px;
	background-position: 0px 0px;
	text-decoration: none;
	color: #FF0099;
	border-bottom-width: 1px;
}

a.topratedright:link, a.topratedright:visited {
	display: block;
	background-repeat: no-repeat;
	background-image:url(http://sykeenergy.com/new/images/syke_arrow_right.png);
	vertical-align: middle;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding-top: 0px;
	height: 22px;
	width: 100%;
	text-decoration: none;
	line-height: 22px;
	text-indent: 0px;
	margin-top: 1px;
	background-position: 0px -22px;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 0px;
}

a.topratedright:hover {
	font-weight: bold;
	font-size: 24px;
	background-position: 0px 0px;
	text-decoration: none;
	color: #FF0099;
	border-bottom-width: 1px;
}

a.topratedleft:link, a.topratedleft:visited {
	display: block;
	background-repeat: no-repeat;
	background-image:url(http://sykeenergy.com/new/images/syke_arrow_left.png);
	vertical-align: middle;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding-top: 0px;
	height: 22px;
	width: 100%;
	text-decoration: none;
	line-height: 22px;
	text-indent: 0px;
	margin-top: 1px;
	background-position: 0px -22px;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 0px;
}

a.topratedleft:hover {
	font-weight: bold;
	font-size: 24px;
	background-position: 0px 0px;
	text-decoration: none;
	color: #FF0099;
	border-bottom-width: 1px;
}

a.bigratinghover:link, a.bigratinghover:visited {
	display: block;
	background-repeat: no-repeat;
	background-image:url(http://sykeenergy.com/new/images/syke_rating_bighover.png);
	vertical-align: middle;
	text-align: left;
	padding-top: 0px;
	height: 53px;
	width: 100%;
	line-height: 53px;
	text-indent: 0px;
	margin-top: 1px;
	background-position: 0px -53px;
	border-bottom-width: 0px;
}

a.bigratinghover:hover {
	background-position: 0px 0px;
	border-bottom-width: 1px;
}

.contenttitle {font-size: 28px; color: #0099FF;}

a.contenttitle:link {color: #0099FF; font-weight: bold; text-decoration: none;}
a.contenttitle:visited {color: #0099FF; font-weight: bold;}
a.contenttitle:active {color: #0099FF; font-weight: bold;}
a.contenttitle:hover {color:#FF0099; font-weight: bold;}

.frontpagearticle {width: 415px; height: 55px; position: absolute; left: 112px; top: 5px; z-index:9;}
.frontpagemodule {width: 534px; height: 102px;; background: #ededed; no-repeat; text-align: left; vertical-align: top; margin-left: 10px; position: relative; padding-bottom: 3px; padding-top: 0px;}
.frontpageinfo {width: 118px; height: 18px; position: absolute; left: 113px; top: 74px; z-index: 98;}

a.pagnation:link {color: #FF0066; font-weight: bold; text-decoration: none;}
a.pagnation:visited {color: #FF0066; font-weight: bold;}
a.pagnation:active {color: #FF0066; font-weight: bold;}
a.pagnation:hover {color: #0099FF; font-weight: bold;}

a.mediapagetitles:link {color: #0099FF; font-weight: bold; text-decoration: none;}
a.mediapagetitles:visited {color: #0099FF; font-weight: bold;}
a.mediapagetitles:active {color: #0099FF; font-weight: bold;}
a.mediapagetitles:hover {color: #FF0066; font-weight: bold;}

.articlethumb {width: 85px; height: 85px; background-image:url(http://sykeenergy.com/new/images/syke_thumb_bg.png); position: absolute; left: 11px; top: 8px; z-index: 98;}
img.articlethumbnail {margin: 9px 0px 0px 9px;}

.ratingblack {width: 81px; height: 24px; position: absolute; left: 429px; top: 12px;}

.pag {margin: 0px; width: 562px; height: 26px; position: relative; text-align: left; vertical-align: top;}
.previous {position: absolute; width: 82px; height: 17px; left: 469px; top: 15px;}

#footer {height: 151px; margin-top: 10px; background-image: url(http://sykeenergy.com/new/images/syke_bg_footerbgbk.gif); background-repeat: repeat-x; vertical-align: bottom; clear: both;}
#navfooter {width: 950px; height: 151px; background: url(http://sykeenergy.com/new/images/syke_bg_footer.gif); position: relative; text-align: left; vertical-align: bottom;}

td.btnMainMid span{
  color: #CCC;
}
td.btnMainMid span:hover{
  color: #FFF;
}
td.btnMainMidRed span{
  color: #CCC;
}
td.btnMainMidRed span:hover{
  color: #FFF;
}
div.menuBottom, table tr td div.menuBottom, div.content table tr td div.menuBottom {
  position: absolute; 
  top: 0px; 
  left: 0px; 
}
table tr.menuTble td, .menuTble td {
	padding-left: 4px;
}
.blogcontenttitle { color: #0099FF; }
.blogcontentdate { color: #FF0099; }
a.readmore:link { color: #FF0099; }