@charset "UTF-8";
/*
Theme Name: DION NEWS PAPER
*/

/*
RESET
*/
@font-face {
	font-family: 'FranklinGothicBookRegular';
	src: url('http://www.globe.tv/dion530/fonts/franklin_gothic_book-webfont.eot');
	src: local('?'), url('http://www.globe.tv/dion530/fonts/franklin_gothic_book-webfont.woff') format('woff'), url('http://www.globe.tv/dion530/fonts/franklin_gothic_book-webfont.ttf') format('truetype'), url('http://www.globe.tv/dion530/fonts/franklin_gothic_book-webfont.svg#webfontd8XLjyMC') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AGaramondPro';
	src: url('http://www.globe.tv/dion530/fonts/AGaramondPro-SemiboldItalic.otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AGaramondProRegular';
	src: url('http://www.globe.tv/dion530/fonts/AGaramondPro-Regular.otf');
	font-weight: normal;
	font-style: normal;
}

*							{margin: 0; padding: 0;}
html						{overflow-y: auto;}
html, body					{height: 100%;}
body						{font-size: 12px; font-family:"Times New Roman", Courier, serif; color: #000000; background: url(images/dion-bg02.jpg) top left no-repeat #ffffff;}

ul							{list-style: square inside;}
ol							{list-style: decimal inside;}
a							{outline: none; text-decoration: none; border:none;}
a img						{outline: none;}
img							{border: none;}
table						{vertical-align: middle;}

/*
UTILITY
*/
.floatLeft					{float: left;}
.floatRight					{float: right;}
.clear 						{height:1px; clear:both;} 
.button						{border: 1px solid #FF0099; background: white; padding: 3px 8px;
							-moz-border-radius: 5px; -webkit-border-radius: 5px; color: #FF0099;}
.button:hover				{background: black; color: white;}

/*
STRUCTURE
*/
#bg							{height: auto !important; height: 100%;}

#page-wrap					{width: 1000px; margin: 0px auto 0px 125px; min-height: 100%; height: auto !important; height: 100%;}
#mainContent				{width: 1000px; float: left; margin:0 0 0 -60px;}
#spacer						{width: 10px; float: left;}


/*
HEADER
*/
#site-links{width:790px; height:50px; margin:10px auto 0 auto; margin:8px auto 9px auto\9; margin:8px auto 7px auto !ie;}
#site-links ul{width:179px; width:179px\9; float:right;list-style:none; margin:0 0 2px 0;}
#site-links ul li{float:left; margin-right:10px; margin-bottom:0;}
/*#site-links ul li.journal-text{font-size: 12px; font-family:"AGaramondPro", "Times New Roman", Courier, serif; font-weight:bold; padding-top:19px; margin-right:19px; letter-spacing:1.0px;}
#site-links ul li.journal-text span{font-size: 12px; font-family:"AGaramondPro", "Times New Roman", Courier, serif; font-weight:bold; padding-top:19px; letter-spacing:1.2px;}*/
#site-links ul li.diontv-link{margin-bottom:2px;}
#site-links ul li.globetv-link{padding-top:5px;}
#site-links ul li a{text-decoration:none;}
#site-links ul li a:hover{}
#black-tag img{float:left; width:98px; height:150px; margin:0 0 0 -3px;}

#navigation{
	width:720px;
	height:100px;
	margin:40px auto 31px auto;
}
#blog-logo{
	width:46px;
	height:40px;
	margin:0 auto 25px auto;
}
ul#menu 					{list-style: none; width: 409px; height: 20px; margin-left:162px;}
ul#menu li 					{float:left; display: inline; font-size:14px;}
ul#menu li a  				{font-family: "FranklinGothicBookRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; text-decoration:none; text-transform:uppercase; margin:0 5px 0 8px;}
ul#menu li a:hover 			{color:#a81212;}
#underlines{
	display:block;
	width:394px;
	width:384px\9;
	height:6px;
	background:url(images/dion_linetag.png) top left repeat-x;
	margin-left:170px;
	margin-left:170px\9;
}
#post-divider{
	display:block;
	width:394px;
	height:6px;
	background:url(images/dion_linetag.png) top left repeat-x;
	margin:44px auto 0 auto;
	}

	
ul#menu li a.videos:hover,
ul#menu li a.photos:hover,
ul#menu li a.music:hover,
ul#menu li a.gear:hover,
ul#menu li a.zero:hover,	
ul#menu li a.surf:hover  {background-position: bottom left;}

#searchBar					{float: left; width: 134px; height: 47px; background: url(/dion/images/newDionSearch.jpg) top left no-repeat; text-indent:-9999px;}
#searchform					{float: right; width: 100px; height: 47px; margin: 0;}
#s 							{width: 112px; float: right; font-size: 14px; margin: 15px 8px 0 0; text-align: right;}

	
/*
TYPOGRAPHY
*/
p, li						{font-size: 14px; line-height: 14px; margin: 0 0 10px 0; color: #000000; }

a							{color: #000000;}
a:hover						{color: #a81212;}
h1							{font-size: 36px; font-weight: normal}
h2							{font-size: 24px; font-weight: normal}
h3							{font-size: 20px; font-weight: normal}
h4							{font-size: 12px; font-weight: normal}

.leftBorder					{float: left; width: 1px; height: 800px; border-left-color: #000000; border-left-style: solid; border-left-width: 1px;}

/*
VIDEO 
*/
.archive					{width: 720px; margin:0 auto 0 76px}
.player						{width: 720px; margin-bottom:10px;}
.thumbs						{width: 725px; margin:20px 0 0 5px;}
.eachThumb					{float:left; width: 130px; height:85px; margin:0 15px 15px 0;}
.imageThumb					{float: left; width: 130px; height: 85px;}
/*.textThumb					{float: left; width: 135px; height: 15px; text-align: center; color: aqua;}*/
.moreVideos	a h4  			{font-size: 12px; font-family:"AGaramondPro", "Times New Roman", Courier, serif; font-weight:bold; font-style:italic; float: right; width: 270px; height: 30px; text-align: right; margin-top:-8px; margin-top:10px !ie; letter-spacing:1px;}
.moreVideos	a h4 span		{font-size: 13px; font-family:"Times New Roman", Courier, serif; font-weight:bold; padding-left:7px;}

.videoSection				{float: left; width: 720px; margin:0 0 0 80px;}
.videoPlayer				{float: left; width: 720px; margin: 0 auto;}
.videoThumbs				{float: left; width: 725px; margin: 30px 0 30px 5px;}
.videoEachThumb				{float: left; width: 135px; height: 110px; text-align: center;}
.textThumb a h4 b i{
	position:relative;
	font-size:14px;
	z-index:9999;
	background:#fff;
	background:rgba(255, 255, 255, .5);
	color:#000;
	float:right;
	margin: -30px 0 0 0;
    padding: 1px 27px 1px 5px;
}
.textThumb a h4 b i:hover{
color:#a81212;
}

/*
BLOG CONTENT
*/
.post 						{width: 720px; margin:0;}
.line						{float: left; width: 1000px; height: 1px; background-color: #000000; color: #000000; margin: 10px 0 0 0;}
.postDate h4				{width:1000px; font-weight:bold; text-transform: uppercase; text-align:center; margin-top:25px; margin-bottom:16px; letter-spacing:1px;}
.comments					{float: left; width: 29px; height: 40px; background: url(/blog/images/comments.png) center center no-repeat; text-align: center; line-height: 36px;}
.comments a					{background: #000000; color: #ffffff;}
.comments a:hover			{background: #fff; color: #000;}
/*.title						{float: left; width: 1000px; line-height: 40px; text-transform: uppercase; font-size: 14px; font-weight: bold;}*/
.content					{float: left; width: 1000px; margin: 0 0 44px 0; text-align:center;}
.olderPost					{font-size: 12px; font-family:"AGaramondPro", "Times New Roman", Courier, serif; font-weight:bold; letter-spacing:1px; float: left; width: 150px; height: 15px; margin:0 0 20px 83px;}
.olderPost a:hover			{color:#a81212;}
.olderPost span				{font-size: 13px; font-family:"Times New Roman", Courier, serif; font-weight:bold; padding-right:3px;}
.newerPost					{font-size: 12px; font-family:"AGaramondPro", "Times New Roman", Courier, serif; font-weight:bold; letter-spacing:1px; float: right; width: 150px; height: 15px; margin:0 187px 20px 0; text-align: right;}
.newerPost a:hover			{color:#a81212;}
.newerPost span				{font-size: 13px; font-family:"Times New Roman", Courier, serif; font-weight:bold; padding-left:7px;}


.post p 					{font-size: 12px; line-height: inherit; margin: -2px auto 0 auto; color: #000000; width:720px;}
.highlight					{background: #000000; }

.post p a					{color: #ffffff; background: black;}
.post p a:hover				{color: #000; background: #fff;}

ul#oldernewer				{width: 400px; float: left; margin: 100px 0 0 30px; list-style: none; color: red}
ul#oldernewer li			{display: inline;}
/*
COMMENTS
*/
.commentArea				{margin: 10px 0 10px 0;}
ol.commentlist				{list-style: none;}
.bubble						{float: left; width: 1000px; background: #000000; padding: 5px 5px 0px 5px;}
.box p						{background: #000000; color: #FFFFFF; font-size: 12px; line-height: 12px;}
.whoSaid					{text-transform: uppercase; text-decoration: none; font-size: 10px; margin: -10px 0 30px 5px;}

/*
Footer
*/
/*.footer					{float: left; width: 720px; height: 35px; background: #000000; color: #ffffff; line-height: 33px; text-align: center; margin:  10px 0 20px 0; font-family: Helvetica, sans-serif; font-size: 11px;}*/
.footerPadding				{width: 1000px; height: 30px; margin: 20px 0 20px 0; color: #ffffff;}
#sidebanner {
	padding-top: 10px;
	padding-bottom: 10px;
	top: 95px;
	padding-right: 10px;
	padding-left: 10px;
	left: 1050px;
	position: absolute;
}
#splashwidget a{
   font-size:14px;
   padding:0 0 20px 0 !important;
}
#splashwidget {
   position:relative;
   top:180px;
   width:200px;
   margin:0 auto !important;
}
.post .cf_thumbsUp	{float: left; width: 329px; height: 40px;line-height: 20px;margin:0 0 0 440px;}
/* Test Post styling*/
.post .title a			{float:left; position:relative; font-family:"AGaramondProRegular", "Times New Roman", Courier, serif; font-weight:lighter; letter-spacing:1px;text-transform: uppercase; font-size: 24px; margin:0 auto 8px auto; text-align:center; width:1000px;}
.post p 				{font-size: 12px; line-height: inherit; margin: -2px auto 0 auto; color: #000000; width:720px;}
.post p img				{width:720px; height:auto; margin:0 auto;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#mainContent {
  float:left;
  margin-bottom:0;
  margin-left:-60px;
  margin-right:0;
  margin-top:0;
  width:1000px;
}
#page-wrap					{width: 1000px; margin: 0px auto 0px 125px; min-height: 100%; height: auto !important; height: 100%;}

#site-links ul              {width:181px; float:right;list-style:none; margin-top:0px; margin-bottom:5px; }
/*#site-links ul li.journal-text{font-size: 12px; font-family:"AGaramondPro", serif; font-weight:bold; padding-top:19px; margin-right:19px; letter-spacing:1.0px;}
#site-links ul li.journal-text span{font-size: 12px; font-family:"AGaramondPro", serif; font-weight:bold; padding-top:19px; letter-spacing:1.2px;}*/
#site-links ul li.diontv-link{margin-bottom:0px;}
#site-links ul li.globetv-link{padding-top:6px;}
#navigation {
  position:relative;
  height:100px;
  margin-bottom:26px;
  margin-left:auto;
  margin-right:auto;
  margin-top:40px;
  width:720px;
}
#blog-logo {
  height:40px;
  margin-bottom:25px;
  margin-left:auto;
  margin-right:auto;
  margin-top:0;
  width:46px;
}
ul#menu 					{list-style: none; width: 420px; height: 20px; margin:0 auto;}
ul#menu li a  				{font-family: "FranklinGothicBookRegular", Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; text-decoration:none; text-transform:uppercase; margin:0 0 0 15px;}
#underlines					{position:relative; width:403px; margin-top:0; margin-right:auto; margin-bottom:0; margin-left:165px;}
.olderPost a				{font-size: 12px; font-family:"AGaramondPro", "Times New Roman", Courier, serif; font-weight:bold; letter-spacing:1px; float: left; width: 150px; height: 15px; margin:0 0 20px 0; padding-bottom:20px;}
.olderPost a:hover			{color:#a81212;}
.olderPost span     		{font-size: 13px; font-family:"Times New Roman", Courier, serif; font-weight:bold; padding-right:3px;}
.newerPost a				{font-size: 12px; font-family:"AGaramondPro", "Times New Roman", Courier, serif; font-weight:bold; letter-spacing:1px; float: right; width: 150px; height: 15px; margin:0 0 20px 0; padding-bottom:20px;}
.newerPost a:hover			{color:#a81212;}
.newerPost span				{font-size: 13px; font-family:"Times New Roman", Courier, serif; font-weight:bold; padding-left:7px;}
.archive					{width: 720px; margin:0 auto 0 73px}
.videoSection				{float: left; width: 720px; margin:0 0 0 98px;}
/* Test Post styling*/
.post p a img				{width:720px; height:auto; margin:0 auto 0 -1px;}
}