/* CSS Document */
html,body{

}
body{
	background-color:#c70015;
	background-attachment: fixed;
	background-image: url(tgif_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-height:100%;
	margin:0px;
	padding:0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}
div.centre{
width:900px;
margin-left:auto;
margin-right:auto;
position:relative;
}

div.layout {
width:555px;
margin-left:auto;
margin-right:auto;
position:relative;
}
div.layout div.container {
position:absolute;
clear:both;
}
div.layout div.container div.logo{
position:absolute;
top:30px;
width:120px;
height:100px;
margin-left:-120px;
}
div.layout div.container div.menuSub{
position:fixed;
background-image:url(submenu_bg.png);
top:180px;
width:150px;
height:191px;
margin-left:-150px;
}
div.layout div.container div.sideBar{
position:relative;
background-image:url(sidebar_bg.png);
top:-25px;
width:200px;
height:685px;
margin-left:-200px;
background-repeat:no-repeat;
background-attachment:top;
}

div.sideBarRight{
position:absolute;
float:right;
margin:220px 0px 0px 555px;
width:202px;
height:1100px;
color:#FFFFFF;
background-image:url(sideBarRight_bg.png);
}

div.message{
background-color:#CCCCCC;
padding:10px;
margin:10px 0px 10px -5px;
width:500px;
font-size:12px;
}
div.error{
display:none;
}
form{
margin-bottom:10px;
}


h2{
font-size:15px;
text-transform:uppercase;
}
h4, h4 a{
font-size:15px;
font-weight:bold;
text-transform:uppercase;
margin:0px 0px 0px 0px;
padding:0px;
text-decoration:none;
color:#000000;
}
h1{
font-size:26px;
font-weight:normal;
}
p{
font-size:12px;
font-weight:normal;
color:#000000;
margin-top:0px;

}
h3{
font-weight:normal;
color:#990000;
font-size:20px;
}
}
h5{
font-size:10px;
font-weight:normal;
}
a{
color:#990000;
text-decoration:none;
margin:0px;
}
hr{
color:#F3F3F3;
clear:left;
margin:0px 0px 0px 0px;
padding:0px;
height:1px;
}
ul li{
font-size:12px;
}

div.greatLogo{
text-align:center;
margin:-8px 0px -5px 0px;
}
.noDisplay{
display:none;
}


a.signOff, a.signOff:visited{
color:#990000;
text-decoration:underline;
}
.signOff{
color:#990000;
}

/*
-------------------------------------------------------------------------------------------- menu panel
*/


div.layout  ul.menu{
margin:0px 0px 0px 30px;
padding:0px;

height:30px;
width:535px;

} 
div.layout  ul.menu li{
margin:0px 9px 0px 0px;
padding:0px;
float:left;
list-style:none;
height:30px;
width:116px;
background-image:url(menu_tab_up.png);
background-position:right top;
} 
div.layout  ul.menu li.selected{

}
div.layout  ul.menu li div a{
text-transform:uppercase;
height:30px;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
padding:0px;
margin:0px;
}
div.layout  ul.menu li div{
margin:8px 3px 10px  3px;

padding:0px;
text-align:center;
}

/*
-------------------------------------------------------------------------------------------- sub menu
*/
div.subMenu{

}
div.subMenu p{
text-transform:uppercase;
font-size:15px;
font-weight:bold;
margin:0px;
padding:0px;
}

ul.subMenuList{
margin:3px 0px 0px 0px;
padding:0px;
width:158px;
vertical-align:top;

} 
ul.subMenuList li{
margin:0px;
padding:0px;
list-style:none;
font-size:10px;

} 
ul.subMenuList li.sep{
display:none;
padding:0px;
margin:0px;
}

ul.subMenuList li.selected{

}
ul.subMenuList li div{
padding:0px;
margin:0px;
margin:0px 7px 0px 0px;
vertical-align:top;
}
ul.subMenuList li div a{

font-size:12px;
text-decoration:none;
color:#000000;
padding:0px;
margin:0px;
}


/*
------------------------------------------------------------------------------------ main content
*/
div.layout div.main div.mainTitle{
background-image:url(main_title_bg.jpg);
background-position:top;
background-repeat:no-repeat;
overflow:visible;
padding:0px 0px 25px 0px;
height:200px;
}
div.layout div.main div.mainTitle h1{
margin:0px 40px 10px 40px;
padding:20px 0px 0px 0px;
color:#ffe553;
font-size:30px;
}
div.layout div.main div.mainTitle h2{
margin:0px 40px 0px 40px;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
line-height:18px;
}
div.layout div.main div.mainTitle p{
margin:0px 40px 0px 40px;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
line-height:18px;
}



div.layout div.main div.mainTitle a, div.layout div.main div.mainTitle a:visited{
color:#FFFFFF;
text-decoration:underline;
}
div.layout div.main div.mainTitle .signOff{
color:#FFFFFF;
}



div.layout div.main div.content h4{
margin-top:0px;
/*
particularly for spacing on staff prodile blogs with h4 separators
*/
}

div.layout div.main div.content{
margin:0px 20px 20px 20px;
min-height:300px;
}
div.layout div.main{
background-image:url(main_bg.jpg);
width:555px;
}
div.layout div.mainLogo{
height:170px;
}
div.layout img.mainLogo{
margin:0px 0px 0px 0px;
}
/*
-------------------------------------------------------------------------- side bar right
*/
div.sideBarRight div.news{
margin:20px 0px 20px 10px;
width:170px;
position:absolute;
}
div.sideBarRight div.news h2{
color:#CC0000;
text-transform:none;
font-size:16px;
}
div.sideBarRight div.news h4{
color:#CC0000;
text-transform:none;
font-size:12px;
}
div.sideBarRight div.news a{
color:#CC0000;
text-transform:none;
font-size:12px;
font-weight:bold;
text-align:right;
}

/*
---------------------------------------- input table
*/

table.input{
margin:0px 0px 10px 0px;
font-size: 12px;
}
table.input th{
text-align:left;
vertical-align:top;
padding-top:5px;
}

/*
---------------------------------------- blog summary
*/
div.blogHostSummary{
background-color:#D8D8D8;
background-image:url(blogHostSummary_left_bg.jpg);
background-position:left;
background-repeat:repeat-y;
margin:0px 0px 0px -10px;

padding:10px 0px 0px 0px;
width:533px;
}
div.blogHostSummary h3{
margin:0px 0px 5px 20px;
color:#990000;
font-size:20px;
}


div.blogHostSummary div.blogSummary{

width:490px;
font-size:12px;
font-weight:normal;
margin:10px 0px 10px 20px;
float:left;
clear:both;
display:inline;
}

img.thumbnail{
float:left;
margin:0px 10px 0px 0px;
}


/*
-------------------------------------------------------------- blog host full
*/

div.blogHostFull{
margin:0px 0px 10px 0px;
font-size:12px;
}
div.blogHostFull  p{
float:none;
clear:both;
margin:5px 0px 10px 0px;
}
div.blogHostFull  h2{
font-size:15px;
text-transform:uppercase;
margin:5px 0px 0px 0px;
}
/*
-------------------------------------------------------------- blog minifeed
*/
div.blogHostMiniFeed{
margin:5px 0px 5px 0px;
font-size:12px;
/*
border-top: 1px solid #000000;
*/
width:100%;
clear:both;
}
div.blogHostMiniFeed h3{
margin:0px 0px 5px 00px;
color:#990000;
font-size:20px;
}
div.blogMiniFeed{
margin:5px 0px 5px 0px;
}
div.blogMiniFeed div.thumbnail{
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0px 2px 2px 0px; 
clear:both;
}
div.blogMiniFeed div.thumbnail img.thumbnail{
margin:-30px 0px 0px -30px
}









img.floatRight{
float:right;
margin:0px 0px 0px 5px;
border:0px;
}
img.floatLeft{
float:left;
margin:0px 0px 0px 5px;
border:0px;
}
/*
---------------------------------------- blog thumbnails
*/
div.galleryview h3{
margin:0px 0px 5px 0px;
color:#990000;
font-size:20px;
}

/*
---------------------------------------- blog thumbnails
*/
div.blogHostThumbnailsSummary{
background-color:#D8D8D8;
background-image:url(blogHostSummary_left_bg.jpg);
background-position:left;
background-repeat:repeat-y;
margin:0px 0px 0px -10px;

padding:10px 0px 0px 0px;
width:533px;
}
div.blogHostThumbnailsSummary h3{
margin:0px 0px 5px 20px;
color:#990000;
font-size:20px;
}


div.blogHostThumbnailsSummary div.blogSummary{

width:80px;
height:110px;
font-size:11px;
font-weight:normal;
margin:0px 0px 5px 22px;
float:left;
display:inline;
}
div.blogHostThumbnailsSummary div.thumbnail{
width:80px;
height:80px;
overflow:hidden;
float:left;
margin:0px 2px 2px 0px; 
clear:both;
}
div.blogHostThumbnailsSummary div.thumbnail img.thumbnail{
margin:-20px 0px 0px -20px
}

  
 /*
---------------------------------------- blog small summary
*/
div.smallBlogHostSummary{

background-position:left;
background-repeat:repeat-y;
margin:0px 0px 0px -20px;

padding:10px 0px 0px 0px;
width:100%;
}
div.smallBlogHostSummary h3{
margin:0px 0px 5px 20px;
color:#990000;
font-size:20px;
}


div.smallBlogHostSummary div.blogSummary{

width:100%;
font-size:12px;
font-weight:normal;
margin:10px 0px 10px 20px;
float:left;
clear:both;
display:inline;

}
div.smallBlogHostSummary img{
display:none;
}
div.smallBlogHostSummary div.blogSummary img.thumbnail{
display:block;
}


div.smallBlogHostSummary div.blogSummary img.thumbnail{
float:left;
margin:0px 10px 0px 0px;
} 
  

/*
 ------------------------  blog image viewer
  */
  

div.imageViewer div.smallPictureHost {
	height:100px;
	width: 100px;
	margin:5px 5px 5px 5px;
	display:inline;
	float:left;
	background-image: url(PortfolioThumbShadowClever.jpg)
}

div.imageViewer div.smallPictureHost div.smallPicture{
width:100px;
height:100px;
overflow:hidden;
cursor:pointer;
}
div.imageViewer div.mainPictureHost {
	
	width: 515px;
	float:left;
	margin: 5px 5px 5px 5px;
	background-image: url(mainShadow.jpg);
	vertical-align:top;
	text-align:left;
	padding:0px;
	display:inline;
}
div.imageViewer div.mainPictureHost div.mainPicture{

width:515px;
overflow:hidden;
text-align:center;
}
div.imageViewer div.mainPictureHost div.mainPicture img{

}
div.imageViewer {
	
	margin: 0px 0px 0px -5px;
	padding:0px;
	text-align:center;
	
}
div.imageViewer div.smallPicture img.thumbnailImage {
 margin: -15px 0px 0px -15px;
}
div.mainPicComment{
height:15px;
margin:3px 0px 3px 0px;
font-size:14px;
font-weight:bold;
}

div.imageViewer div.tempPic {
visibility:hidden;
}
div.tempComment {
visibility:hidden;
display:none;
}



/* 
--------------------------------------------------------  FLASHREPLACE These are standard flashReplace styles... do not modify 
*/

.flashReplace-flash {
	visibility: visible !important;
	margin: 0;
}

.flashReplace-replaced {
	visibility: visible !important;
}

span.flashReplace-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.flashReplace-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the flashReplace text metrics since the flashReplace text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

div.flashReplace-hasFlash h1 {
	visibility: hidden;
	font-size: 30px;
	
}
div.flashReplace-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 20px;
}

div.flashReplace-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 24px;
}

div.flashReplace-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}


.flashReplace-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

/*
-------------------------------------------------------------blog nav
div.centre div.layout div.container div.sideBar
*/
 

div.centre div.layout div.container div.sideBar div.blogNav{
position:absolute;
height:180px;
width:155px;
bottom:225px;
right:5px;
}
div.centre div.layout div.container div.sideBar div.blogNav select{
font-size:10px;
margin:5px 0px 5px 0px;
}
div.centre div.layout div.container div.sideBar div.blogNav H2{
margin:0px;

}
div.centre div.layout div.container div.sideBar div.blogNav p{
margin:0px;
}
div.centre div.layout div.container div.sideBar div.subNav{
position:absolute;
margin:55px 0px 0px 40px;
width:155px;
height:200px;
}


div.centre div.layout div.container div.sideBar div.sidePanel{
position:absolute;
height:180px;
width:155px;
bottom:10px;
right:5px;
}
div.centre div.layout div.container div.sideBar div.sidePanel p{
margin:0px;
font-weight:bold;
}
div.centre div.layout div.container div.sideBar div.sidePanel H2{
margin:0px;
}

div.rightPanel{
width:230px;
float:right;
}
div.rightPanel h3{
margin:0px 0px 5px 0px;
color:#990000;
font-size:20px;
}

div.leftPanel{
width:265px;
float:left;
}
div.leftPanel h3{
margin:0px 0px 5px 0px;
color:#990000;
font-size:20px;
}
/*
----------------------------------------------------------------------- footer
*/
div.footer{
font-size:11px;
color:#FFFFFF;
margin:3px 0px 10px 0px;
width:545px;
text-align:center;
clear:both;
}
div.footer a{
color:#FFFFFF;
text-decoration:none;
}
div.footer span.small{
color:#F89494;
margin-left:140px;
}
div.footer span.small a{
color:#F89494;
}

/*
---------------------------------------------------------------------- blog form
*/
.blogInput{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
/*
---------------------------------------------------------------------  bookmark form
*/
.bookmark{
	border:1px solid #ddd;
	padding:0px 0 10px 10px;
	margin:10px 0 10px 0;
	font-size:12px;
	clear:both;
}
.bookmark p {
	padding:0;
	margin:0;
}
.bookmark h3{
	padding:0 3px 0 0;
	margin:0;
	margin:0 5px 0 3px;
	font-weight:normal;
}
.bookmark ul{
	text-align:left;
	list-style:none;
	margin:10px 0 0px 0px;
	padding:0;
}
.bookmark ul li{
	text-align:center;
	display:inline;
	padding:0 0px 0px 0 ;
	margin:0 15px 0px 0px
}
.bookmark ul li.delicious{
	background:url("delicious.gif") no-repeat 0 0;
}
.bookmark ul li.digg{
	background:url("digg.gif") no-repeat 0 0;
}
.bookmark ul li.reddit{
	padding:0 0 0 2px;
	background:url("reddit.gif") no-repeat 0 0;
}
.bookmark ul li.facebook{
	background:url("facebook.gif") no-repeat 0 0;
}
.bookmark ul li.stumbleupon{
	background:url("stumbleupon.gif") no-repeat 0 0;
}
.bookmark ul li a{
	padding:0 0 0 18px;
	margin:0 3px 0 0px;
}