/* .................................*/

.leftColumn { width: 209px; vertical-align: top; }
.mainColumn { width: 500px; vertical-align: top; }
.rightColumn { width: 209px; vertical-align: top; }
#mainTable { width: 918px; text-align: left; }
.topRight { background-image: url(gfx/topp.gif); }

img.listebilde { border: 1px solid #b0b0b0; float: left; margin: 5px 15px 6px; padding: 5px 5px 5px 5px; max-width:464px; }
.VideoPlayer{ position:relative;width:464px;margin-bottom:10px;height:261px;display:block;}
div.articleTeaser a.VideoPlayer img:hover{border:0;} 
.VideoPlayer img{max-width:464px; padding:0;margin:0;border:0;position:relative;z-index:1}
.VideoPlayer .PlayButton{display:block;width:90px;height:79px;position:absolute;left:50%;top:50%;margin-left:-45px;margin-top:-40px; z-index:2; background:url(gfx/btnPlay.png) no-repeat 0 0;}


/* ---------- blahvalane.com ----------*/

/* Begin global styles */

body, table, div, p, td, th, ul, li, ol, br, h1, h2, h3, h4, h5, h6, form { margin: 0px; padding: 0px; border: 0px; font-weight: normal; }

body { background: #f6f7f9; margin: 0; padding: 0; text-align: center; color: #666; font: 1em Arial, Helvetica, sans-serif; line-height: 1em; }
h1 { color: #0058a0; font-size: 140%; margin: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; }
h2 { margin: 0px 0px 10px 0px; }
h3 { font-size: 90%; font-weight: bold; padding: 4px; background-color: #ebebeb; float: left; margin: 0px 0px 10px 0px; }
img { border: 0px; }
p { margin: 0px 0px 20px 0px; font-size: 75%; line-height: 150%; }
p.readMore { margin: 0; }
a { color: #0099CC; text-decoration: none; }
a:visited { color: #006699; }
a:hover { text-decoration: underline; }
br.clearFloats { clear: both; height: 0; }


div#container { width: 873px; background: #FFFFFF; margin: 0px auto; padding: 10px 24px 10px 23px; text-align: left; background-image: url(img/bg_container.gif); }

div#topFlash { width: 873px; height: 188px; background-color: #068ff1; }
div#topFlash img#header { width: 873px; height: 184px; }
div#topFlash div#blendDiv { width: 873px; height: 184px; position: relative; top: -184px; z-index: 1; }
div#topFlash a#HeadLogo { width: 219px; height: 184px; position: relative; display: block; z-index: 2; }

div#breadCrumbs { margin: 10px auto; width: 873px; height: 20px; }
div#breadCrumbs p { font-size: 70%; }
div#breadCrumbs a { color: #666; }
div#mainContent { /*margin: 22px 0px 2px 0px;*/ overflow: hidden; }
div#leftColWrapper { float: left; width: 193px; height: 100%; }
div.tileWrapper { margin: 0px 0px 15px -12px; }
div.tileWrapper div { padding: 0px 20px 0px 20px; width: 160px; }
div.tileHeader { background-image: url(img/bg_tileTop.gif); background-repeat: no-repeat; height: 32px; }
h6 { font-size: 70%; color: #0058a0; padding: 9px 0px 0px 0px; }
div.tileContent { background-image: url(img/bg_tileRepeat.gif); background-repeat: repeat-y; }
div.tileContent div { padding: 10px 3px 10px 3px; }

/*div.tileContent form {padding: 10px 3px;padding: top right bottom left}*/

div.tileContent .inlineTextField { float: left; width: 87px; height: 10px; padding: 3px 3px 3px 3px; font-size: 50%; color: #666666; }
div.tileContent .ownlineTextField { width: 140px; height: 10px; margin: 0px 0px 5px 0px; padding: 3px 3px 3px 3px; font-size: 50%; color: #666666; }
div.tileContent label { float: left; margin: 5px 0px 0px 0px; font-size: 65%; }
div.tileContent .loginTextField { float: right; width: 90px; height: 10px; padding: 3px 3px 3px 3px; margin: 0px 0px 5px 0px; font-size: 50%; color: #666666; }
div.tileContent .inlineImageButton { margin: -1px 0px 0px 7px; }
div.tileContent .ownlineImageButton { float: right; margin: 5px 0px 0px 5px; }
div.tileBottom { background-image: url(img/bg_tileBottom.gif); background-repeat: no-repeat; padding: 0px; height: 16px; }

div#menuWrapper { margin: 0px 0px 25px 0px; padding: 0px 8px; width: 160px; font-size: 75%; }
div#menuWrapper ul#Menu { }
ul#Menu li { margin: 0px 0px 10px 0px; list-style-type: none; }
ul#Menu li a { color: #333; }
ul#Menu li.selected a { color: #006699; font-weight: bold; }
ul#Menu li.selected ul li { margin: 10px 0px 0px 0px; }
ul#Menu li.selected ul li a { font-size: 95%; margin: 0px 0px 0px 10px; color: #999; font-weight: normal; }



div#middleColWrapper { float: left; width: 464px; overflow: hidden; }
p.timeStamp { color: #999999; font-size: 70%; margin: 0px !important; }
div#rightColWrapper { margin: 0px 0px 0px 35px; float: left; width: 180px; height: 100%; }
div#rightColWrapper div.rightColAd { margin: 0px 0px 20px 0px; width: 180px; overflow: hidden; text-align: center; }
div#rightColWrapper div.rightColAd img { max-width: 180px; }


table.leagueTable { width: 180px; font-size: 10px; padding: 2px; border: 1px solid #ebebeb; margin-bottom: 20px; }
table.leagueTable tr.head { background: url(img/bg_Grad.gif) repeat-x; height: 32px; font-size: 11px; }
table.leagueTable th { font-weight: bold; border: 0; padding: 2px; margin: 0; color: #006699; }
table.leagueTable td { border: 0; padding: 1px; margin: 0; }
table.leagueTable tr.last, table.leagueTable tr.last a { color: #FF9900; }
table.leagueTable tr.out, table.leagueTable tr.out a { color: #dd0000; }
table.leagueTable tr.bold td { font-weight: bold; font-size: 11px; }
table.leagueTable tr.bold td a { color: #666; }

h5 { font-size: 80%; color: #000; margin: 0px 0px 5px 0px; }
div.rightColLinkList ul { list-style-image: url(img/bullet.gif); margin: 0px; font-size: 65%; }
div.rightColLinkList li { margin: 0px 0px 2px 12px; }
div.match { }
div.match table { width: 110px; float: left; font-size: 80%; margin: 5px 0px 0px -2px; }
div.match td { font-size: 80%; color: #000; font-weight: bold; }
img.teamLogo { margin: 0px 0px 0px 5px; }

#rightColWrapper div.tileWrapper { margin: 0px 0px 0px 0px; }
#rightColWrapper div.tileWrapper div { padding: 0px 0px 0px 20px; margin: 0px 0px 0px -20px; width: 180px; }

table.calendar { padding: 5px; width: 80%; font-size: 70%; color: #666; }
table.calendar td { text-align: right; padding: 2px; }
table.calendar a { color: #FF0000; font-weight: bold; text-decoration: none; }
div#footer { width: 873px; height: 44px; background-color: #CCCCCC; }
div#footer p { margin: 0; text-align: center; font-size: 65%; padding: 15px; }

/* End global styles */

/* Begin front page styles */

div.articleTeaser { width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.articleTeaser a img { float: left; border: 1px solid #ebebeb; margin: 0px 10px 0px 0px; padding: 3px 3px 3px 3px; }
div.articleTeaser a img:hover { border: 1px solid #0058a0; }
div.articleTeaser h2 { font-size: 120%; color: #0058a0; margin: 0; }
div.articleTeaser p { line-height: 130%; font-size: 70%; margin: 0; }
hr.articleTeaserDivider { width: 100%; border: 1px solid #ebebeb; margin: 20px 0px; padding: 0px; }

/* End front page styles */

/* Begin article styles */

div.article { font-size: 100%; }
p.intro { font-weight: bold; }
img.articleImage { float: right; border: 1px solid #ebebeb; margin: 0px 0px 10px 10px; padding: 3px 3px 3px 3px; }

ul#thumbnailList { }
ul#thumbnailList li { list-style: none; border: 1px solid #ebebeb; height: 100px; width: 100px; padding: 3px; text-align: center; margin: 3px; float: left; overflow: hidden; }
ul#thumbnailList li:hover { border: 1px solid #0058a0; }
ul#thumbnailList li a { }

ul#thumbnailList li a img { vertical-align: middle; }
ul#thumbnailList li p { font-size: 0.75em; }

/* End article styles */

#commentInputTable { background: #f6f6f6; width: 462px; margin: 20px 0; border: 1px solid #ccc; float: left; }
#commentInputTable tr th { padding-left: 10px; text-align: left; vertical-align: top; }
#commentInputTable tr th h2 { font-size: 1.1em; font-weight: normal; margin: 10px auto; }

#commentInputTable tr td { padding: 0 10px; text-align: left; vertical-align: top; border-collapse: collapse;  font-size:0.8em;}
#commentInputTable .commentInputBox { width: 250px; }
#commentInputTable .commentInputBoxSmall { width: 170px; }
#commentInputTable input[type=submit] { margin-bottom: 10px; }
#commentInputTable textarea { font-family: inherit; font-size: 1em; }

#CommentList { margin: 0; padding: 0; float: left; }
#CommentList li { list-style: none; margin-bottom: 20px; border: solid 1px #ccc; background: #f9f9f9; padding: 20px; width: 422px; }
#CommentList li:first-child { border: 0; background: #fff; margin-bottom: 0px; }
#CommentList li:first-child h2 { font-size: 1.3em; }
#CommentList li h3 { font-size: 1.0em; background:none; float:none; font-weight:normal;padding:0; }
#CommentList li p { font-size: 0.8em; }
#CommentList li p.byLine { font-size: 0.8em; font-style: italic; color: #999; }


/* ---------- blahvalane.com ----------*/