/*
Theme Name: DION NEWS PAPER
*/

/*
RESET
*/

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

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

/*
UTILITY
*/
.floatLeft					{float: left;}
.floatRight					{float: right;}
.clear						{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 50px; min-height: 100%; height: auto !important; height: 100%;}
#mainContent				{width: 1000px; float: left;}
#spacer						{width: 10px; float: left;}


/*
HEADER
*/
#globe 						{
	width: 1000px;
	height: 80px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#headerBorder 				{float: left; width: 1px; height: 300px; border-left-color: #000000; border-left-style: solid; border-left-width: 1px;}
#currentDate p				{width: 1000px; height: 48px; background: url(/dion/images/current_date.png) top right no-repeat; font-family: Helvetica, sans-serif; font-size: 11px; text-align: right; line-height: 45px; color: #ffffff; text-transform: uppercase;}
#tvDion						{width: 1000px; height: 109px;}

ul#menu 					{list-style: none; width: 1000px; height: 47px; margin: 5px 0 20px 0;}
ul#menu li 					{display: inline;}
ul#menu li a  				{text-indent: -9999px;}
ul#menu li a.videos			{float: left; width: 134px; height: 47px; background: url(/dion/images/newDionVideo.jpg) top left no-repeat;}
ul#menu li a.photos			{float: left; width: 147px; height: 47px; background: url(/dion/images/newDionPhotos.jpg) top left no-repeat;}
ul#menu li a.music			{float: left; width: 123px; height: 47px; background: url(/dion/images/newDionMusic.jpg) top left no-repeat;}
ul#menu li a.gear			{float: left; width: 105px; height: 47px; background: url(/dion/images/newDionGear.jpg) top left no-repeat;}
ul#menu li a.zero			{float: left; width: 98px; height: 47px; background: url(/dion/images/newDionZero.jpg) top left no-repeat;}
ul#menu li a.surf			{float: left; width: 259px; height: 47px; background: url(/dion/images/newDionGlobesurf.jpg) top left no-repeat;}


	
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: #ff0099;}
h1							{font-size: 36px; font-weight: normal}
h2							{font-size: 24px; font-weight: normal}
h3							{font-size: 20px; font-weight: normal}
h4							{font-size: 16px; font-weight: normal}

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

/*
VIDEO 
*/
.archive					{float: left; width: 1000px; }
.player						{float: left; width: 720px; height: 500px;}
.thumbs						{float: left; width: 270px; height: 470px;}
.eachThumb					{float: left; width: 135px; height: 115px; text-align: center;}
.imageThumb					{float: left; width: 135px; height: 90px;}
.textThumb					{float: left; width: 135px; height: 15px; text-align: center; color: aqua;}
.moreVideos					{float: right; width: 270px; height: 30px; text-align: right;}


.videoSection				{float: left; width: 1000px;}
.videoPlayer				{float: left; width: 1000px; margin: auto;}
.videoThumbs				{float: left; width: 675px; margin: 30px 160px 30px 165px;}
.videoEachThumb				{float: left; width: 135px; height: 110px; text-align: center;}


/*
BLOG CONTENT
*/
.post 						{width: 1000px; margin: 0 0 0 20px;}
.line						{float: left; width: 1000px; height: 1px; background-color: #000000; color: #000000; margin: 10px 0 0 0;}
.first						{width: 1000px;}
.postDate					{text-indent: 10px; float: left; width: 956px; height: 40px; line-height: 40px; float:left; background: url(/dion/images/dot.png) top left no-repeat; text-transform: uppercase; margin: 10px 0 0 -10px;}
.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: #000000; color: #ff0099;}
.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 0 -20px;}
.olderPost					{float: left; width: 500px; height: 15px; margin-top: 20px; font-size: 16px;}
.newerPost					{float: right; width: 500px; height: 15px; margin-top: 20px; font-size: 16px; text-align: right;}



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

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

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: 1000px; 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;}