Editing CSS PHP Motion- nav-main

seaweed27
seaweed27 used Ask the Experts™
on
When i view my site with FF with Fire bug addon, I can identify / highlight the different area i would like to modify.  But i can seem to find where i can make the changes, edit the code.
For example I would like to add and remove link in the nav-main, I would also like to move it to the left( I assume adjust the margin/padding?
I would also like to increase the height of the header. it looks way too scrunched up right now...etc.
I don't think i would be having so much trouble if i could edit with dw design an code side by side. Not sure why but when i try open the site locally the design view is blank.
Any help Would be appreciated

Seaweed
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
LZ1
Top Expert 2011

Commented:
Can you post your code or a live link?

Author

Commented:
spearingvideos.com
thanks
Top Expert 2007

Commented:
Make sure you're using the latest versions of FF and Firebug. Try another browser like Chrome / Safari and their code inspectors.

Could you post a sample page up somewhere, and also a screenshot of your site with firebug open?
Is it only your site or other sites also?
Should you be charging more for IT Services?

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

LZ1
Top Expert 2011

Commented:
When you right click on something, you should have a context menu pop up and one of the options should be "Inspect Element".  

Then in the typical Firebug, you should see 2 columns.  The left hand column will have the HTML structure and the right column will have the CSS/Styles.  

Is this what you see?  

I also 2nd VirusMinus' suggestion to make sure everything is up to date.
Top Expert 2007

Commented:
works  fine for me in ff3.6 and ff4b6 with firebug 1.5.4

Author

Commented:
I think i not convaying myself correclty, I think i have the most current of both ff and fb, installed today.
When i download the site folder to my desktop and try to open with dream weaver, i can view the code but not in design.

I can use to fb to find the <div id="nav-main"> but cant figure out how to find where to make the changes in an html/php/ etc file in the site file structure or iotw I cant figure out what file has the code i need to edit.
I hope i making since
Thanks for helping
LZ1
Top Expert 2011

Commented:
How did you "i download the site folder to my desktop and try to open with dream weaver"?????

Author

Commented:
I ftp the root folder of the video site, in this case /videos
I then open the either main.css or the index.php and try to vie in split mode.
LZ1
Top Expert 2011

Commented:
Can you post the code itself that your using in DW?

Author

Commented:
So just to be clear, You would like me to post the code from the main.css and the index.php?


<title>nav-main</title><?php

///////////////////////////////////////////////////////////////////////////////////////
// PHPmotion                                                http://www.phpmotion.com //
///////////////////////////////////////////////////////////////////////////////////////
// License: You are not to sell or distribute this software without permission       //
// Help and support please visit http://www.phpmotion.com                            //
// Copyright reserved                                                                //
///////////////////////////////////////////////////////////////////////////////////////

//_____new setup checks_____
if(!is_file(dirname(__FILE__).'/classes/mysql.inc.php')){
@header("Location: /setup");
}else{


include_once ('classes/config.php');
include_once ('classes/sessions.php');
include_once ('includes/news.inc.php');
include_once ('online.php');
include_once ('popular.php');

// load required javascripts used in main_1.htm
$swfobject 			= 1;
$ahah				= 1;
$codes_internal		= '';
$codes			= '';
$page_title			= $config['site_name'];
$tag_cloud 			= make_tag_cloud('videos');
$tag_cloud_block		= $tag_cloud[0];
$proceed 			= true;
$enable_promoted 		= true;
$limit			= $config['see_more_limits'];
$featured_display 	= $config['admin_order_by'];
$default_album_pic	= $config['default_album_pic'];
$enabled_stats		= $config['enabled_features_stats'];
$tpl_ajax_height		= 166;
$ajax_mutiplier		= $limit / 4; 						//default template has 4 views accross the row - so limit = 8 / 4 = 2 rows
$ajax_height		= $tpl_ajax_height * $ajax_mutiplier;
$show_vid_channels	= $config['show_home_page_categories'];
$theme_thumbnail_width	= $config['theme_thumbnail_width'];
$theme_thumbnail_height	= $config['theme_thumbnail_height'];
$auto_play_index 		= $config['auto_play_index'];
$show_stats			= $config["enabled_features_stats"];

$referer 			= $_SERVER[HTTP_REFERER];
if ( !ereg ($base_url, $referer) ) $referer = $base_url;

if ( isset($_GET['code']) ) $codes = (int) mysql_real_escape_string($_GET['code']);



// start -----------------------//

if ( $enable_promoted == true ) {
	// Get PROMOTED videos
	$recent = array();
	$sql = "SELECT indexer, video_id, title, title_seo, date_uploaded FROM videos WHERE promoted='yes' AND public_private = 'public' AND approved='yes' ORDER BY RAND() DESC LIMIT 4";
	$query = @mysql_query($sql);

	while ($result			= @mysql_fetch_array($query))
	{
		$db_date			= $result['date_uploaded'];
		$change_date 		= dateTimeDiff($db_date);
		$result['date_uploaded'] 	= $change_date;
		$recent[] 			= $result;
	}
} else {
	// Get RECENT videos
	$recent = array();
	$sql = "SELECT indexer, video_id, title, title_seo, date_uploaded FROM videos WHERE approved='yes' AND public_private = 'public' ORDER BY indexer DESC LIMIT 4";
	$query = @mysql_query($sql);

	while ($result			= mysql_fetch_array($query))
	{
		$db_date			= $result['date_uploaded'];
		$change_date		= dateTimeDiff($db_date);
		$result['date_uploaded'] 	= $change_date;
		$recent[]			= $result;
	}
}

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// start Browse Videos

$browse_videos = array();

if ( $featured_display == 'random' )
	$sql = "SELECT indexer, video_id, title, title_seo, date_uploaded, user_id, video_length, featured, approved, public_private FROM videos WHERE featured = 'yes' AND approved='yes' AND public_private = 'public' ORDER BY RAND() DESC LIMIT $limit";
else
	$sql = "SELECT indexer, video_id, title, title_seo, date_uploaded, user_id, video_length, featured, approved, public_private FROM videos WHERE featured = 'yes' AND approved='yes' AND public_private = 'public' ORDER BY indexer DESC LIMIT $limit";

$query = @mysql_query($sql);

while ($result_videos = @mysql_fetch_array($query)) {

	$change_date			= dateTimeDiff($result_videos['date_uploaded']);
	$result_videos['date_uploaded'] = $change_date;
	$uploaded_by			= mysql_real_escape_string($result_videos['user_id']);
	$video_length			= mysql_real_escape_string($result_videos['video_length']);
	$video_id				= mysql_real_escape_string($result_videos['indexer']);

    	// get comments inforation IF NEEDED IN TEMPLATE
    	$sql2 				= "SELECT indexer FROM videocomments WHERE video_id = $video_id";
    	$query2 				= @mysql_query($sql2);
    	$comments_number 			= @mysql_num_rows($query2);
    	$comments_array 			= array('comments' => $comments_number);

    	// get video rating stars
    	$stars_array 			= array();
    	$stars_array 			= stars_array($video_id);

      // get video uploaded by username
      $sql_user 				= "SELECT user_name FROM member_profile WHERE user_id = '$uploaded_by'";
      $uploaded_by			= @mysql_query($sql_user);
      $by_result				= @mysql_fetch_array($uploaded_by);
	$uploaded_by_username		= $by_result['user_name'];
	$uploaded_by_array		= array('uploaded_by' => $uploaded_by_username);


      // strip off the the video duration hours if null => 00:00:00
      $video_length_hours		= substr($video_length, 0, 2);
	if ( $video_length_hours == '00' )
	$result_videos['video_length']= substr($video_length, 3, 5);

      // merge comments array and video array
      $result_all_videos		= @array_merge($result_videos, $comments_array, $stars_array, $uploaded_by_array);
    	$browse_videos[]			= $result_all_videos;
}

// end featured videos
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//get featured audios

$browse_audios = array();

if ( $featured_display == 'random' )
	$sql = "SELECT indexer, audio_id, album_id, title, title_seo, date_uploaded, audio_length, public_private, approved, user_id, featured FROM audios WHERE featured = 'yes' AND approved='yes' AND public_private = 'public' ORDER BY RAND() DESC LIMIT $limit";
else
	$sql = "SELECT indexer, audio_id, album_id, title, title_seo, date_uploaded, audio_length, public_private, approved, user_id, featured FROM audios WHERE featured = 'yes' AND approved='yes' AND public_private = 'public' ORDER BY indexer DESC LIMIT $limit";

$query = @mysql_query($sql);

define('audios', true);

while ($result_audios = @mysql_fetch_array($query)) {

	$audio_indexer			= (int) mysql_real_escape_string($result_audios['indexer']);
	$change_date			= dateTimeDiff($result_audios['date_uploaded']);
	$result_audios['date_uploaded'] = $change_date;
	$uploaded_by			= mysql_real_escape_string($result_audios['user_id']);
	$audio_length			= mysql_real_escape_string($result_audios['audio_length']);

	// lets strip off the the video duration hours if null => 00:00:00
	$audio_length_hours = substr($audio_length, 0, 2);
	if ( $audio_length_hours == '00' )
		$result_audios['audio_length'] = substr($audio_length, 3, 5);

	// get album picture if any
	$album_id		= (int) mysql_real_escape_string($result_audios['album_id']);
	$pic_sql		= "SELECT album_picture FROM audio_albums WHERE album_id = '$album_id' LIMIT 1";
	$album_pic_result = @mysql_query($pic_sql);
	$row			= mysql_fetch_array( $album_pic_result );
	$album_pic_result = $row['album_picture'];

	if ( $album_pic_result != "" ) {
		$album_pic = 'addons/audio/images/album_images/' . $album_pic_result;
	} else {
		$album_pic = 'addons/audio/images/' . $default_album_pic;
	}

	$album_pic_array	= array('album_pic' => $album_pic);

	// get rating stars
      $id = $audio_indexer;
      include ('stars_include.php');
      $stars_array = array('star1' => $star1,'star2' => $star2,'star3' => $star3, 'star4' => $star4,'star5' => $star5);

      // get uploaded by username
      $sql_user 			= "SELECT user_name FROM member_profile WHERE user_id = '$uploaded_by'";
      $uploaded_by		= @mysql_query($sql_user);
      $by_result			= @mysql_fetch_array($uploaded_by);
	$uploaded_by_username	= $by_result['user_name'];
	$uploaded_by_array	= array('uploaded_by' => $uploaded_by_username);

      //merge comments array and video array
    	$result_all_audios	= @array_merge($result_audios, $album_pic_array, $stars_array, $uploaded_by_array);
    	$browse_audios[]		= $result_all_audios;
}
// end featured audios
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//get featured blogs

$browse_blogs	= array();
$blog_limit		= 6;
if ( $featured_display == 'random' )

	$sql = "SELECT indexer, blog_owner, user_id, title, title_seo, description, date_created, featured, approved, public_private FROM blogs WHERE featured = 'yes' AND approved='yes' AND public_private = 'public' ORDER BY RAND() DESC LIMIT $blog_limit";
else

	$sql = "SELECT indexer, blog_owner, user_id, title, title_seo, description, date_created, featured, approved, public_private FROM blogs WHERE featured = 'yes' AND approved='yes' AND public_private = 'public' ORDER BY indexer DESC LIMIT $blog_limit";

$query = @mysql_query($sql);

define('blogs', true);

while ( $result_blogs = @mysql_fetch_array($query) ) {

	$blog_owner				= mysql_real_escape_string($result_blogs['blog_owner']);
	$user_id				= mysql_real_escape_string($result_blogs['user_id']);
     	$blog_id 				= mysql_real_escape_string($result_blogs['indexer']);
     	$change_date			= dateTimeDiff($result_blogs['date_created']);
 	$result_blogs[date_created]	= $change_date;

	// get blog member photo
	$a1_sql = "SELECT file_name, approved FROM pictures WHERE user_id = $user_id";
      $a1_result = @mysql_query($a1_sql);

      if (@mysql_num_rows($a1_result) != 0) {
      	$a1_result = @mysql_fetch_array($a1_result);
		$a1_existing_file = $a1_result['file_name'];
		$a1_approved = $a1_result['approved'];

		if ($a1_approved == "yes") {
			$poster_picture = $config['site_base_url'] . '/pictures/' . $a1_existing_file;
		} else {
			$poster_picture = $config['site_base_url'] . "/themes/$user_theme/images/placeholder.gif";
		}
	} else {
		$poster_picture = $config['site_base_url'] . "/themes/$user_theme/images/placeholder.gif";
	}

	$poster_picture = array(poster_picture => $poster_picture);

	// get rating stars
      $id = $blog_id;
      include ('stars_include.php');
      $stars_array = array('star1' => $star1,'star2' => $star2,'star3' => $star3, 'star4' => $star4,'star5' => $star5);

      //merge arrays
    	$result_all_blogs		= @array_merge($result_blogs, $poster_picture, $stars_array);
    	$browse_blogs[]		= $result_all_blogs;
}

// end featured blogs
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//get featured images

$browse_images = array();

if ( $featured_display == 'random' )

	$sql = "SELECT indexer, image_id, gallery_id, user_id, title, title_seo, date_uploaded, public_private, approved, featured FROM images WHERE featured = 'yes' AND approved='yes' AND public_private = 'public' ORDER BY RAND() DESC LIMIT $limit";
else

	$sql = "SELECT indexer, image_id, gallery_id, user_id, title, title_seo, date_uploaded, public_private, approved, featured FROM images WHERE featured = 'yes' AND approved='yes' AND public_private = 'public' ORDER BY indexer DESC LIMIT $limit";

$query = @mysql_query($sql);

define('images', true);

while ( $result_images = @mysql_fetch_array($query) ) {

	$change_date			= dateTimeDiff($result_images['date_uploaded']);
	$result_images['date_uploaded'] = $change_date;
	$uploaded_by			= mysql_real_escape_string( $result_images['user_id'] );
	$image_indexer			= mysql_real_escape_string( $result_images['indexer'] );
	$image_id				= mysql_real_escape_string( $result_images['image_id'] );
	list($width, $height)		= getimagesize( "addons/albums/thumbs/$image_id" );

	// this is per each template??
	$page_display_small_width	= 120;
	$page_display_small_height	= 90;

	if ( $width < $page_display_small_width && $height < $page_display_small_height ) {
		$new_smallwidth	= $width;
     		$new_smallheight	= $height;
	}

	// this will resize our default thumbnail size e.g. 150x150 to rescale per template design var's
	if ( $width > $page_display_small_width ) {
		$large_img_ratio	= $width/$height;

		if ( $large_img_ratio > 1 ) {
           		$new_smallwidth	= $page_display_small_width;
            	$new_smallheight	= $page_display_small_width / $large_img_ratio;
            } else {
            	$new_smallheight	= $page_display_small_height;
            	$new_smallwidth	= $page_display_small_width * $large_img_ratio;
		}
	}

	if ( $height > $album_img_height ) {
		$large_img_ratio	= $width/$height;

           	if ( $large_img_ratio > 1 ) {
			$new_smallwidth	= $page_display_small_width;
			$new_smallheight	= $page_display_small_width / $large_img_ratio;
		} else {
			$new_smallheight	= $page_display_small_height;
			$new_smallwidth	= $page_display_small_width * $large_img_ratio;
		}
	}

	// added height check if image is an odd ratio/size
	if ( $new_smallheight > $page_display_small_height ) {
		$large_img_ratio	= $width/$height;

     		if ( $large_img_ratio > 1 ) {
			$new_smallheight	= $page_display_small_height;
			$new_smallwidth	= $page_display_small_height * $large_img_ratio;

		} else {
			$new_smallheight	= $page_display_small_height;
			$new_smallwidth	= $page_display_small_width * $large_img_ratio;
		}
	}

	$new_smallheight		= floor($new_smallheight);
	$new_smallwidth		= floor($new_smallwidth);
	$thumb_new_width_array	= array('thumb_new_width' => $new_smallwidth);
	$thumb_new_height_array	= array('thumb_new_height' => $new_smallheight);

    	// get comments inforation IF NEEDED IN TEMPLATE
    	$sql2 				= "SELECT indexer FROM imagecomments WHERE image_id = $image_indexer";
    	$query2 				= @mysql_query($sql2);

    	$comments_number 			= @mysql_num_rows($query2);
    	$comments_array 			= array('comments' => $comments_number);

    	// get rating stars
      $id = $image_indexer;
      include ('stars_include.php');
      $stars_array = array('star1' => $star1,'star2' => $star2,'star3' => $star3, 'star4' => $star4,'star5' => $star5);

      // get image uploaded by username
      $sql_user 				= "SELECT user_name FROM member_profile WHERE user_id = '$uploaded_by'";
      $uploaded_by			= @mysql_query($sql_user);
      $by_result				= @mysql_fetch_array($uploaded_by);
	$uploaded_by_username		= $by_result['user_name'];
	$uploaded_by_array		= array('uploaded_by' => $uploaded_by_username);

      // merge comments array and image array
      $result_all_images		= @array_merge($result_images, $comments_array, $stars_array, $uploaded_by_array, $thumb_new_width_array, $thumb_new_height_array);
    	$browse_images[]			= $result_all_images;
}

// end featured images

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// get random video to play if needed in any template designs

if ( $random_video == 'yes' ) {

	$sql			= "SELECT video_id FROM videos WHERE approved = 'yes' AND public_private = 'public' ORDER BY RAND() LIMIT 1";
	$query		= @mysql_query($sql);
	$result		= @mysql_fetch_array($query);
	$video_play		= $result['video_id'].'.flv';
	$video_thumb	= $result['video_id'].'.jpg';
}

// end random video
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

//get site stats

//////////////////////////////////////////////////// TOTALS /////////////////////////////////////////////////////////////

//////////////////////////////////////////////////// TOTALS NOT USED IN DEFAULT TEMPLATE/////////////////////////////////////////////////////////////

/*

//total videos
$sql			= "SELECT count(indexer) FROM videos WHERE approved='yes'";
$video_total 	= number_format(mysql_query($sql));

//total audios
$sql			= "SELECT count(indexer) FROM audios WHERE approved='yes'";
$audio_total 	= number_format(mysql_query($sql));

//total images
$sql 			= "SELECT count(indexer) FROM images";
$images_total 	= number_format(mysql_query($sql));

//total blogs
$sql 			= "SELECT count(indexer) FROM blogs";
$blog_total 	= number_format(mysql_query($sql));

//total comments
$sql			= "SELECT count(indexer) FROM videocomments";
$comments_total 	= number_format(mysql_query($sql));

*/
//////////////////////////////////////////////////// END TOTALS NOT USED IN DEFAULT TEMPLATE/////////////////////////////////////////////////////////////


//total members
$sql 			= "SELECT user_id FROM member_profile WHERE account_status = 'active'";
$members_total 	= number_format( @mysql_num_rows( mysql_query( $sql ) ) );


//////////////////////////////////////////////////// MEDIA ACTIONS /////////////////////////////////////////////////////////////

//played audio
$sql			= "SELECT sum(number_of_views) FROM audios";
$result 		= @mysql_query($sql);
$total_played	= number_format( @mysql_result($result, 0) );

//images_viewed
$sql			= "SELECT sum(number_of_views) FROM images";
$result 		= @mysql_query($sql);
$images_viewed	= number_format( @mysql_result($result, 0) );

//watched vids
$sql 			= "SELECT sum(number_of_views) FROM videos";
$result 		= @mysql_query($sql);
$total_watched 	= number_format( @mysql_result($result, 0) );


//////////////////////////////////////////////////// LAST MEMBER /////////////////////////////////////////////////////////////

//latest member
$sql			= "SELECT user_name, user_id FROM member_profile ORDER BY user_id desc";
$result		= @mysql_query($sql);
$row			= @mysql_fetch_row($result);
$newest_user_name = $row[0];
$newest_userid 	= $row[1];


//create a list of all users that are online
$show_online_users	= '';

$online_wrap_count 	= 0;

while ( $onlineusers = @mysql_fetch_array($onlinequery) ) {


	//form list with links to users page

	// v3 right div has room for maybe 4 names without spilling over??
	// dirty way to spit online links

	//$count_online_users

	if ($onlineusers['logged_in_username'] != 'guest'){

		$online_max_len = strlen($onlineusers['logged_in_username']);
		$online_wrap_count++;

		if ( $online_max_len < 8 ) $allowed_names = 5;
		if ( $online_max_len >= 8 ) $allowed_names = 4;

		if ( $online_wrap_count == $allowed_names ) {
			$break_add_in = '<br />';
			$online_wrap_count = 0;
		} else {
			$break_add_in = '';
		}

		$show_online_users = $show_online_users.'<a href="members/'.$onlineusers['logged_in_username'].'">'.$onlineusers['logged_in_username'].'</a>&nbsp;'.$break_add_in;
	}
}

// show any errors/notifications
if ($codes == "") $codes = $codes_internal;

$error_code = errorcodes($codes);

if (!empty($error_code)) {
	$blk_notification	= $error_code['error_display'];
    	$message_type 	= $error_code['error_type'];
    	$error_message 	= $error_code['error_message'];
}

// show login boxes or hide login boxes

$show_login_box = ( ( $_SESSION['user_id'] == '' ) ? 1 : 0 );

if (defined('SMF_INSTALLED')) {
	$show_login_box		= 0;
	//$show_smf_login_box	= 1;
	$show_smf_login_box = ( ( $_SESSION['user_id'] == '' ) ? 1 : 0 );
}

$template		= "themes/$user_theme/templates/main_1.htm";
$inner_template1 	= "themes/$user_theme/templates/inner_index.htm";
$TBS 			= new clsTinyButStrong;
$TBS->NoErr 	= true;

$TBS->LoadTemplate("$template");

$TBS->MergeBlock('mp', $recent);
$TBS->MergeBlock('blkfeatured_videos', $browse_videos);
$TBS->MergeBlock('blkfeatured_audios', $browse_audios);
$TBS->MergeBlock('blkfeatured_blogs', $browse_blogs);
$TBS->MergeBlock('blkfeatured_images', $browse_images);

$TBS->Render 	= TBS_OUTPUT;
$TBS->Show();

@mysql_close();

unset($browse_videos);
unset($browse_audios);
unset($browse_blogs);
unset($browse_images);
die();
}
?>

Open in new window

LZ1
Top Expert 2011

Commented:
The code you just posted will not render in Dreamweaver, simply because it's all PHP.  there is no HTML there for it to parse.  

Author

Commented:
Disregard the top line,  in the index.php file above
Here is the main.css
/*----------------------
  -- Main Body Styles --
  ----------------------*/
img { border: 0; }

body {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #fff;
  text-align: left;
  margin: 0px;
  padding: 0px;
}

/*--This is the main container of the template.  It sets the overall width of the tempalate as well as centers it--*/
#wrapper {
	width: 980px;
	margin: 0 auto; /*centers the template*/
}

/*--The main header--*/
#header {
  width: 983px;
  margin: 0px;
  padding: 0px;
  float: left;
}

#header-left {
  width: 373px;
  height: 100px;
  margin: 0px;
  float: left;
  background: transparent url(../images/header-left.gif) no-repeat;
}

#header-main {
  width: 608px;
  height: 100px;
  margin: 0px;
  float: right;
  background: transparent url(../images/header-main.gif) repeat-x;
  border-right: 1px solid #1f6ba5;
}

#header-bottom {
  width: 983px;
  height: 6px;
  margin: 0px;
  float: left;
  background: transparent url(../images/header-bottom.gif) no-repeat;
}


/*--Set the margin of the logo so that it aligns properly with the left header background--*/
#logo {
 margin: 54px 0px 0px 20px;
}

#header-left-2 {
  width: 290px;
  height: 50px;
  margin: 0px;
  float: left;
  background: transparent url(../images/header-left.gif) no-repeat;
  background-position: 0px -50px;
}

#header-main-2 {
  width: 692px;
  height: 50px;
  margin: 0px;
  float: right;
  background: transparent url(../images/header-main.gif) repeat-x;
  background-position: 0px -50px;
  border-right: 1px solid #1f6ba5;
}

#logo-2 {
 margin: 4px 0px 0px 20px;
}

/*--Greeting (Welcome mesage, login/out links etc...--*/
#greeting {
  color: #e7e7e7;
  font-size: 10px;
  float: left;
  margin: 2px 0px 0px 12px;
}

#greeting a:link { color: #a3cdea; }
#greeting a:visited { color: #a3cdea; }
#greeting a:hover { color: #add3ef; text-decoration: underline; }

/*--Footer styles--*/
#footer {
  width: 100%;
  height: 100px;
  background-color: #e5e4e4;
  border-top: 4px solid #dddcdc;
  clear: both;/*Clears all columns and sets the footer at the bottom*/
}

/*--Set footer width and center--*/
#footer-wrapper {
  color: #999;
  width: 981px;
  margin: 0 auto;
  padding: 10px 0px;
}

#footer-wrapper p { text-align: center; }


/*----------------------
  -- Link Styles      --
  ----------------------*/
/*-Main Links.  All links will show like this unless specified otherwise-*/
a:link {
  color: #5798ca;
  text-decoration: none;
}

a:visited {
  color: #5798ca;
  text-decoration: none;
}

a:hover {
  color: #a9ceea;
}


/*-----------------------
  -- Navigation Styles --
  -----------------------*/
#nav-bar {
  float: right;
  margin: 20px 5px 0px 0px;
  width: auto;
}

#nav-bar-2 {
  float: right;
  margin: 5px 5px 0px 0px;
  width: auto;
}

#nav-left {
  width: 8px;
  height: 48px;
  float: left;
  background: transparent url(../images/nav-left.gif) no-repeat;
}

#nav-right {
  width: 8px;
  height: 48px;
  float: left;
  background: transparent url(../images/nav-right.gif) no-repeat;
}

#nav-main {
  height: 48px;
  float: left;
  background: transparent url(../images/nav-main.gif) repeat-x;
}

/*-Main Nav Buttons-*/
#nav-main ul {
  list-style-type: none;
  width: auto;
  display: block;
  Margin: 0 auto;
}

#nav-main li {
  display: inline;
  width: auto;
  border: 1px solid #e7e7e7;
  border-right: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  float: left;
  padding: 4px 6px;
  margin: 12px 4px 0px 4px;
}

#nav-main li:hover {
  border: 1px solid #fff;
  border-left: 1px solid #d0d0d0;
  border-top: 1px solid #d0d0d0;
}

#nav-main li a:link {
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

#nav-main li a:visited {
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

/*--Sub Navigation. (My Profile, My Messages, etc...)--*/
.sub-nav {
  font-size: 11px;
  text-align: right;
  margin: 0px 6px 0px 0px;
}

.sub-nav-links {
  color: #e7e7e7;
  font-size: 12px;
}

.sub-nav-links a:link, .sub-nav-links a:active, .sub-nav-links a:visited  {
  text-decoration:none;
  font-size: 12px;
}

.sub-nav-links a:hover {
  color: #a9ceea;
}

/*--Browse Navigation. (Featured, Most Views, etc...)--*/
.browse-nav {
  text-align: right;
  margin: -15px 0px 0px 0px;
  padding: 0px 5px 0px 0px;
}

.browse-nav-2 {
  text-align: right;
  margin: -15px 0px 0px 0px;
  padding: 0px 5px 0px 0px;
}
.browse-nav a {
  color: #fff;
  font-size: 12px;
}

.browse-nav a:hover {
  text-decoration: underline;
}

.browse-nav-2 a {
  color: #3983bb;
  font-size: 12px;
}

.browse-nav-2 a:hover {
  text-decoration: underline;
}

/*--Search Bar--*/
#search-bar {
	float: right;
  	margin: 7px 5px 0px 0px;
}

#searchBoxSuggestions ul, li {
	list-style-type: none;
  	margin: 0;
  	padding: 0;
}

#searchBoxSuggestions ul {
	border: 1px solid black;
	border-bottom: none;
}

#searchBoxSuggestions li {
	text-align: left;
}

#searchBoxSuggestions {background: #fff;}

#searchBoxSuggestions .selected {background: #ccf;}


/*--Form BUttons--*/
.button-form {
  height: 21px;
  font-family: verdana;
  border: 1px solid #666666;
  background: transparent url(../images/button-form.gif) repeat-x;
  padding: 0px 0px 2px 0px;
}

.button-form:hover {
  border: 1px solid #cccccc;
}

/*-----------------------
  -- Advert Styles     --
  -----------------------*/
#advert-top {
  width: 100%;
  margin: 0px;
  text-align:center;
}

#advert-bottom {
  width: 100%;
  margin: 0px;
  text-align:center;
}

#advert-right {
  width: 256px;
  height: auto;
  padding: 2px 0px;
  text-align: center;
  border: 1px solid #d0d2d4;
  border-top: none;
  border-bottom: none;
  text-align:center;
}

#advert-left {
  width: 256px;
  padding: 2px 0px;
  text-align: center;
  border: 1px solid #d0d2d4;
  border-top: none;
  border-bottom: none;
  text-align:center;
}


/*-----------------------
  -- Column Styles     --
  -----------------------*/
#inner-templates-container {
  width: 100%;
  /* margin: 0px auto; */
}

#column-wide {
  width: 980px;
  margin: 15px 0px 5px 0px;
  float: left;
}

#column-left-1 {
  width: 712px;
  float: left;
  margin: 15px 5px 10px 0px;
}

#column-right-1 {
  width: 258px;
  float: left;
  margin: 15px 0px 10px 5px;
}

#column-right-1-play {
  width: 258px;
  float: left;
  margin: 15px 0px 10px 5px;
}

#column-left-2 {
  width: 258px;
  float: left;
  margin: 14px 5px 10px 0px;
}

#column-right-2 {
  width: 712px;
  float: left;
  margin: 14px 0px 10px 5px;
}

#column-left-3 {
  width: 465px;
  padding: 5px;
  float: left;
  margin: 5px 0px 0px 0px;
}

#column-right-3 {
  width: 465px;
  padding: 5px;
  float: right;
  margin: 5px 0px 0px 0px;
}

/*------------------------------------
  -- Containers, Headers and Blocks --
  ------------------------------------*/

/*--Wide Container Header--*/
.header-wide {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  width: 704px;
  height: 24px;
  margin: 0px 0px 0px 0px;
  padding: 8px 0px 0px 8px;
  background: transparent url(../images/column-header-wide.gif) no-repeat;
}

.header-wide-2 {
  color: #1f5176;
  font-size: 14px;
  font-weight: bold;
  width: 704px;
  height: 24px;
  margin: 0px 0px 0px 0px;
  padding: 8px 0px 0px 8px;
  background: transparent url(../images/column-header-wide-2.gif) no-repeat;
}

.header-wide-comments {
  width: 710px;
  color: #1f5176;
  background: transparent url(../images/column-header-wide-2.gif) no-repeat;
  border:1px solid #d0d2d4;
}



.header-wide h1 {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin: -15px 0px 0px 0px;
  padding: 0px 5px 0px 0px;
  text-align: right;
}

.header-wide h2 {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
  padding: 0px 0px 0px 5px;
  text-align: left;
}

/*--Wide Container--*/
.container-wide {
  width: 704px;
  text-align: center;
  border: 1px solid #d0d2d4;
  border-top: none;
  border-bottom: none;
  padding: 0px 3px;
}

.container-wide-ajax {
  width: 704px;
  text-align: center;
  border-top: none;
  border-bottom: none;
  padding: 0px 3px;
}

/*--Bottom border. This is to give the wide containers rounded bottom corners.--*/
.container-wide-footer {
  width: 712px;
  height: 6px;
  margin: -2px 0px 10px 0px;
  background: transparent url(../images/column-border-bottom-wide.gif) no-repeat;
}

/*--Top border. This is to give the wide containers rounded top corners.--*/
.container-wide-header {
  width: 712px;
  height: 6px;
  margin: 5px 0px 0px 0px;
  background: transparent url(../images/column-border-top-wide.gif) no-repeat;
}

.container-wide-player {
  width: 700px;
  text-align: center;
  border: 1px solid #d0d2d4;
  border-top: none;
  border-bottom: none;
  background: transparent url(../images/reel.png) no-repeat;
  background-position: right bottom;
  padding:2px 5px;
  border-bottom:1px solid #dddcdc;
  margin: 0px 0px 5px 0px;
}

.container-player {
  color: #000;
  width: 700px;
  text-align: center;
  background: #FEFEFE;
  padding: 0px;
}

#video-info {
  width: 640px;
  padding: 5px;
}

.menu-list {
  list-style-type: none;
  text-align: left;
  margin: 0px 0px 0px 8px;
  padding: 5px 0px 0px 0px;
}

.menu-list li {
  line-height: 2;
  padding-bottom: 5px;
}

.video-details-list {
  width: 690px;
  list-style-type: none;
  float: left;
  text-align: left;
}

.video-details-list li {
 	margin-bottom: 8px;
 	padding: 1px 0px;
 	margin: 4px 0px;
}

.li-spacer {
}

.rating { float: left; }
.functions { float: right; }


/*--Narrow Column Header--*/
.header-narrow {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  width: 256px;
  height: 22px;
  margin: 0px 0px -3px 0px;
  padding: 3px 0px 0px 8px;
  background: transparent url(../images/column-header-narrow.gif) no-repeat;
}

.header-narrow-2 {
  color: #1f5176;
  font-size: 14px;
  font-weight: bold;
  width: 256px;
  height: 22px;
  margin: 0px 0px -3px 0px;
  padding: 3px 0px 0px 8px;
  background: transparent url(../images/column-header-narrow-2.gif) no-repeat;
}

/*-- Narrow Container.  These are used in the right column--*/
.container-narrow {
  width: 252px;
  border: 1px solid #d0d2d4;
  border-top: none;
  border-bottom: none;
  padding: 0px 2px;
}

/*--This gives the narrow containers rounded top corners when needed.--*/
.container-narrow-top {
  width: 258px;
  height: 6px;
  background: transparent url(../images/column-border-top-narrow.gif) no-repeat;
}

/*--This gives the narrow containers rounded bottom corners.--*/
.container-narrow-bottom {
  width: 258px;
  height: 6px;
  margin: 0px 0px 10px 0px;
  background: transparent url(../images/column-border-bottom-narrow.gif) no-repeat;
}

/*--Container List Styles--*/
.container-narrow ul {
  list-style-type: none;
}

/*--The Stats Container--*/
.container-stats {
  width: 252px;
  border: 1px solid #d0d2d4;
  border-top: none;
  border-bottom: none;
  padding: 0px 2px;
}
.container-stats ul {
  list-style-type: none;
}

.container-stats li {
  float: left;
  width: 100%;
  line-height: 1.8;
}

/*--The Login Form Container--*/
#login-box {
  color: #fff;
  width: 258px;
  height: 170px;
  background: transparent url(../images/login-back.gif) no-repeat;
  margin: 0px 0px 5px 0px;
}

#login-box ul{
  display: block;
  list-style-type: none;
  margin: 0px 0px 0px 10px;
  padding: 25px 0px 0px 0px;
}

.login-box li{
  list-style-type: none;
  margin: 5px 20px 5px 0px;
  text-align: right;
}

#login-box a {
  color: #3c8ec1;
  font-weight: bold;
}

#login-box a:hover { color: #fff; }

.username { margin:0px 0px 0px 12px; }

.password { margin:0px 0px 0px 12px; }

.howlong { margin: 0px 12px 0px 12px; }

.login-button { margin: 0px 0px 0px 18px; }

.login-button-index { margin: -8px 0px 0px 0px; }

/*--The Index Player Container--*/
#index-player-container {
  width: 710px;
  text-align: center;
  border: 1px solid #d0d2d4;
  border-top: none;
  padding: 0px 0px 1px 0px;
  margin: 0px 0px 10px 0px;
}

/*--Upload Video Container--*/
#upload-video {
 width: 708px;
 padding: 5px;
}

#upload-video ul {
  list-style-type: none;
}

#upload-video li {
  display: inline-block;
  margin: 8px 0px;
  float: left;
}

#upload-video-response {
 width: 500px;
 padding: 5px;
}

#upload-video-response ul {
  list-style-type: none;
}

#upload-video-response li {
  margin: 8px 0px;
}

.upload-video-form-input {
  width: 300px;
  margin-left: 5px;
}

.upload-video-tags {
  background-color: #e7e7e7;
  border: 1px solid #666666;
  padding: 3px;
}

/*--The Video Browser Container--*/
.browse-videos {
  width: 704px;
  margin: 0px 0px 0px 0px;
  background-color: #FFFFFF;
  background: transparent url(../images/reel.png) no-repeat;
  background-position: right bottom;
}

.browse-videos ul {
  list-style-type: none;
  display: inline;
  clear: both;
}

.browse-videos li {
  display: inline;
  width: 120px;
  text-align: center;
  float: left;
  padding: 2px;
  margin: 5px 26px;
}

.browse-videos-title {
  color: #333;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
}

.browse-videos-duration {
  color: #333;
  font-size: 9px;
  font-weight: bold;
  text-align: left;
  margin-top: 4px;
}

.browse-videos-member {
  color: #333;
  font-size: 9px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 4px;
}

.browse-videos-rating {
  text-align: right;
  margin-top: -10px;
}

.browse-videos-date {
  color: #333;
  font-size: 9px;
  font-weight: bold;
  text-align: left;
  margin-top: -4px;
}

/*--The Audio Browser Container--*/
.browse-audios {
  width: 256px;
  border: 1px solid #d0d2d4;
  border-top: none;
  border-bottom: none;
  padding: 5px 0px 0px 0px;
  margin: 0px 0px -4px 0px;
}

.browse-audios ul {}

.browse-audios li {
  list-style-type: none;
  padding: 2px;
  margin: 1px 0px;
  line-height: 1.8;
}

.browse-audios a {
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

/*--The Blog Browser Container--*/
.browse-blogs {
  width: 256px;
  border: 1px solid #d0d2d4;
  border-top: none;
  border-bottom: none;
  padding: 5px 0px 0px 0px;
  margin: 0px 0px -4px 0px;
}

.browse-blogs ul {}

.browse-blogs li {
  list-style-type: none;
  padding: 2px;
  margin: 1px 0px;
  line-height: 1.8;
}

.browse-blogs a {
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

/*--What's Showing Menu Container--*/
.whats-showing {
  width: 256px;
  border: 1px solid #d0d2d4;
  border-top: none;
  border-bottom: none;
  padding: 5px 0px 0px 0px;
  margin: 0px 0px -4px 0px;
}

.whats-showing ul {}

.whats-showing li {
  list-style-type: none;
  padding: 7px 0px 0px 8px;
  margin: 1px 0px;
  height: 23px;
  background: transparent url(../images/nav-whats-showing.gif) repeat-x;
}

.whats-showing li:hover { background-position: -30px; }

.whats-showing a {
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

/*--Groups Containers--*/
.groups-list {
  width: 690px;
  padding: 2px 10px;
  margin: 0px 0px 8px 0px;
  border: 1px solid #dddcdc;
  float: left;
}

.groups-thumb {
  display: inline;
  text-align: left;
  margin: 0px;
  float: left;
}

.groups-thumb li {
	list-style-type: none;
}

.groups-info {
  color: #000;
  width: 510px;
  list-style-type: none;
  display: block;
  text-align: left;
  padding: 5px;
  float: left;
  margin: 0px 0px 8px 18px;
}

.groups-info li { padding: 2px 0px; }

/*--The Video Browser Container--*/
.groups-videos {
  width: 710px;
  margin: 0px;
  text-align: center;
}

.groups-videos ul {
  list-style-type: none;
  display: inline;
  clear: both;
}

.groups-videos li {
  display: inline;
  text-align: center;
  float: left;
  border:1px solid #ccc;
  padding: 5px;
  width: 160px;
  margin: 5px 5px 0px 0px;
}

.groups-videos-duration {
  color: #333;
  margin-top: 4px;
  font-size: 11px;
}

.groups-videos-rating {}

.groups-videos-date {
  color: #333;
  font-size: 11px;
}

.groups-form {
  width: 690px;
  padding: 5px 10px;
  border: 1px solid #dddcdc;
  text-align: left;
}

.groups-form ul {
  list-style-type: none;
}

.groups-form li {
  margin: 10px 0px;
  font-weight: bold;
}

/*--Members Info--*/
.member-info {
  list-style-type: none;
  text-align: left;
  line-height: 0.5px;
}

/*--Member Details--*/
#member-details {
  padding: 2px 2px 3px 4px;
  width: 248px; /*252px;*/
}

.member-details-list {
  float: left;
}

.member-details-list ul{
  list-style-type: none;
}

.member-details-list li {
  margin: 2px 0px;
}

#member-details-thumb {
  float: left;
  width: 120px;
}

#member-details-thumb img { border: 2px solid #666666; }
#member-details-thumb img:hover { border: 2px solid #dddcdc; }

#member-status { margin: 5px 3px; float: left; }

#member-content {
  width: 258px;
  float: left;
  font-weight: bold;
  text-align:center;
  padding: 5px 0px 0px 0px;
}

.member-others {
  float: left;
  margin: 5px 5px 3px 20px;
  text-align: center;
}

/*--Member List--*/

/*
.member-list {
	width: 980px;
  	margin: 0px;
  	text-align: center;
}
.member-list ul {
  list-style-type: none;
  display: inline;
  clear: both;
}
.member-list li {
  display: inline;
  float: left;
  border:1px solid #dddcdc;
  padding: 5px;
  width: 177px;
  margin: 5px 5px 0px 0px;
}
.member-info {
  list-style-type: none;
  text-align: left;
  line-height: 0.5px;
}
*/

.members_horizontal_box{
	width: 177px;
	text-align: center;
	float: left;
	height: 195px;
	display:inline;
	margin-bottom: 10px;
	border: 1px solid #E3E3E3;
	margin-left: 10px;
}

.members_horizontal_box ul{
	list-style-type:none;
	text-align: left;
	line-height: 0.5px;
}

.members_horizontal_box li{
	display: inline;
  	float: left;
  	padding: 5px;
  	width: 177px;
  	margin: 5px 5px 0px 0px;
}
/* -- END NEW MEMBERS VIEW -- */

/*--Content List Container--*/
#content-list {
  width: 712px;
  display: inline-block;
  list-style-type: none;
  border: 1px solid #dddcdc;
  margin-bottom: 5px;
  float: left;
}

#content-list li {
  list-style-type: none;
}

.content-list-narrow {
  width: 256px;
  padding: 5px 4px;
}

#content-list-narrow li {
  margin: 5px 0px;
}

#content-list a:link { color: #5798ca; text-decoration: none; }
#content-list a:visited { color: #5798ca; text-decoration: none; }
#content-list a:hover { color: #a9ceea; }

.content-list-thumb {
  width: 102px;
  list-style-type: none;
  float: left;
  padding: 2px 0px 0px 2px;
  margin: 2px 0px;
}

.content-list-thumb li {
  display: inline;
}

.content-list-info {
  display: inline-block;
  list-style-type: none;
  width: 588px;
  float: right;
  margin: 2px 0px;
  border-left: 1px solid #dddcdc;
}

.content-list-info li {
  padding: 2px;
}

/*--Comment List Container--*/
.comment-list {
  width: 710px;
}

.comment-list-block {
  display: inline-block;
  list-style-type: none;
}

.comment-list-block li {
  padding: 5px 0px;
  margin-bottom: 3px;
}

.comment-list-thumb {
  width: 118px;
  list-style-type: none;
  float: left;
}

.comment-list-thumb img { border: 2px solid #666666; }
.comment-list-thumb img:hover { border: 2px solid #dddcdc; }

.comment-list-thumb li {
  display: inline;
  list-style-type: none;
}

.comment-list-info {
  display: inline;
  list-style-type: none;
  width: 588px;
  float: right;
  border: 1px solid #dddcdc;
  text-align: left;
}

.comment-list-info li {
  padding: 4px 5px;
}

/*--FCK Editor Container--*/
.fck-block {
  width: 690px;
  margin: 0px auto 3px auto;
  border: 1px solid #666666;
}

/*--User Info--*/
.user-info-list {
  list-style-type: none;
  display: inline;
}

.user-info-list li {
  display: inline;
  float: left;
  margin: 0px 4px;
}


/*--Signup/Login Form Container--*/
#Signup{
	background-color: #FFFFFF;
	text-align: left;
}

#Signup ul{
	list-style-type: none;
	padding: 0px;
	margin: 25px 0px 0px 25px;
	width: 340px;
}

#Signup li{
	display:block;
	margin: 0px 0px 10px 6px;
}

.signup-left {
  width: 460px;
  margin: 5px 2px;
  padding: 2px 0px 0px 10px;
  background: #fff;
  border: 3px solid #dddcdc;
  float: left;
}

.signup-left p {
  font-weight: bold;
}

.signup-left ul {
  margin: 5px 0px 5px 30px;
}

.signup-right {
  width: 460px;
  margin: 5px 2px;
  padding: 5px;
  background: #fff;
  border: 3px solid #dddcdc;
  float: right;
}

.signup-right a { color: #317eb8; font-weight: bold; }
.signup-right a:hover { text-decoration: underline; }

.login-button { margin-left: 78px; }

/*--Email Container--*/
.email-list {
  width: 690px;
  padding: 2px 10px;
  margin: 0px 0px 8px 0px;
  border: 1px solid #dddcdc;
  float: left;
}

.email-list ul { list-style-type: none; }

.email-list li {
  margin: 10px 0px;
  padding: 5px 2px;
  border-bottom: 1px dashed #ccc;
}

.email-list-2 {
  width: 690px;
  padding: 2px 10px;
  margin: 0px 0px 8px 0px;
  border: 1px solid #dddcdc;
  float: left;
}

.email-list-2 ul { list-style-type: none; }

.email-list-2 li {
  margin: 2px 0px;
  padding: 0px;
}

/*--Misc--*/
#album_view {
  padding: 2px 0px;
}

.albums_view {
  width: 710px;
  margin: 0px;
  text-align: center;
}

.albums_view ul {
  list-style-type: none;
  display: inline;
}

.albums_view li {
  display: inline;
  text-align: center;
  float: left;
  border:1px solid #ccc;
  padding: 5px;
  width: 160px;
  height: 156px;
  margin: 5px 5px 0px 0px;
}

#mycarousel { margin: 5px 0px; }

/*--Warning Message Container--*/
.warning-message {
  width: 100%;
  height: 33px;
  margin: 2px auto;
  text-align:center;
  border: 1px dashed #EE0000;
  color: #EE0000;
  font-weight: bold;
  font-size: 14px;
  line-height: 15px;
  padding: 6px 0px 6px 0px;
}

/*--Welcome Page Container--*/
#welcome-container {
	width: 100%;
	border: 2px solid #dddcdc;
	text-align: left;
	height: 356px;
	font-weight: bold;
	margin: 0 auto;
}

#welcome-container ul {
  list-style-type: none;
  margin: 24px 0px;
}

#welcome-container li {
  margin: 0px 0px 10px 90px;
  display: inline;
  width: 320px;
  float: left;
}

/*--Member Search Container--*/
#members-search {
	text-align: center;
	margin: 10px 0px;
	border: 1px solid #E3E3E3;
}

#members-search ul {
    margin: 0px;
	padding: 5px 0px;
	background-color: #FAFAFA;
}

#members-search li {
	display: inline;
	margin-right: 15px;
}

/*--Generic Container--*/
#generic-container {
  border: 2px solid #dddcdc;
  padding: 5px;
}

#generic-container p {
  line-height: 2;
}

#blog-read {
  width: 710px;
  border: 1px solid #dddcdc;
}

#blog-read a { color: #5798ca; font-weight: bold; }
#blog-read a:hover { text-decoration: underline;  }

#blog-form {
  border: 1px solid #dddcdc;
  clear: both;
  font-weight: bold;
  padding: 5px;
  margin: 0px;
}

#blog-form ul {
  list-style-type: none;
  width: 700px;
}

#blog-form li {
  display: inline;
  float: left;
}

.blog-title {
  width: 575px;
  background: #e7e7e7;
  padding-left: 5px;
}

.blog-info {
  width: 575px;
  font-weight: bold;
  background: #f1f1f1;
  padding-left: 5px;
  border-bottom: 1px solid #dddcdc;
}

.blog-content { margin: 10px 5px; }
.blog-bookmarks { margin-top: 5px; }

.blog-content-list-thumb {
  width: 102px;
  list-style-type: none;
  float: left;
  vertical-align: middle;
  text-align:center;
  padding: 20px 0px 0px 9px;
}

.news-title {
  width: 696px;
  background: #e7e7e7;
  padding-left: 5px;
}

.news-info {
  width: 696px;
  font-weight: bold;
  background: #f1f1f1;
  padding-left: 5px;
  border-bottom: 1px solid #dddcdc;
}

.news-list-info {
  display: inline-block;
  list-style-type: none;
  width: 708px;
  float: right;
  margin: 2px 0px;
}

.news-list-info li {
  padding: 5px;
}

/*----------------------
  -- General Styles   --
  ----------------------*/
.thumb {
  border: 2px solid #ccc;
}

h1 {
  color: #3580b9;
  font-size: 20px;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
}

h2 {
  color: #333;
  font-size: 14px;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
}

h3 {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
}

h4 {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  margin: 0px;
}

h4 a {
 color: #5798ca;
}

.moderation {
  background-color: #fff3b7;
  border: 1px solid #6a5800;
  padding: 0px 5px;
  clear: both;
}

.font4_14 { color: #000; font-size: 14px; font-weight: bold; }

.font4_13 { color: #fff; font-size: 12px; font-weight: bold; }

.font4_12 { color: #000; font-weight: bold; }

.font5_14 {	color: #0099FF;	font-size: 14px; font-weight: bold; }

.font5_15 {	color: #3580b9;	font-size: 16px; font-weight: bold; }

.font5_4B {	color: #0099FF;	font-size: 12px; font-weight: bold; }

.font5_12 {	font-size: 12px; font-weight: bold; }

.font5_16 {	font-size: 18px; font-weight: bold; }

.popular-lable { color: #000; font-size: 12px; font-weight: bold; margin: 2px 0px; }

.stats-thumb { float: left; margin: 2px 0px }

.stats-lable { color: #000; font-size: 12px; font-weight: bold; margin: 5px; float: left; }

.stats-value { float: right; margin: 5px 2px; }

.audio-lable { margin: 0px 0px 0px 5px; }

.signup-lable { font-weight: bold; margin: 0px 17px 0px 0px; }
.signup-lable-user { font-weight: bold; margin: 0px 12px 0px 0px; }
.signup-lable-new { font-weight: bold; width: 100%; background-color: #d7d7d7; padding: 0px 5px; }

.clear-fix {
  clear: both;
}


/* Pagination */

#pagination {
	margin-top: 28px;
	margin-bottom: 8px;

}
#pagination ul {
	list-style-type: none;
	padding-left: 0px;
}
#pagination li {
	display: inline;
	margin: 10px 5px 0 0;

}
#pagination li a {
	padding: 4px;
	border: 1px solid #999999;
	text-decoration: none;
}
#pagination li a:hover {
	border: 1px solid #333333;
	background-color: #ffffff;
	color: #0000DD;
}

/*------------------
  -- Form Styles  --
  ------------------*/
#delmemberform {
  margin: 10px 0px;
}

#addvideoform {
  margin: 10px 0px;
}

/*----------------------
  -- Promoted Videos  --
  ----------------------*/
#promoted-container {

}

.ts-1 {
	border: none;
	height: 120px;
	position: relative;
	text-align: left;
	width: 522px;
}

.ts-1-1 {
	border: none;
	height: 114px;
	left: 40px;
	padding: 1px;
	position: absolute;
	top: 2px;
	width: 126px;
}

.ts-2 {
	border: none;
	height: 114px;
	position: relative;
	text-align: left;
	width: 126px;
}

.ts-2-1 {
	background-color: #f2f2f2;
	border: none;
	height: 0px;
	left: 0px;
	overflow: hidden;
	padding: 1px;
	position: absolute;
	text-align: center;
	top: 0px;
	width: 124px;
}

.ts-2-2 {
	background-color: #f2f2f2;
	border: none;
	height: 97px;
	left: 0px;
	padding: 1px;
	position: absolute;
	top: 2px;
	width: 124px;
}

.ts-2-3 {
    font-weight: bold;
	background-color: #f2f2f2;
	margin: 78px 0px 0px 0px;
	padding: 1px;
	position: absolute;
	text-align: center;
	width: 124px;
}

.ts-2-4 {
    font-size:9px;
    font-weight: bold;
	background-color: #f2f2f2;
	height: 19px;
	margin: 91px 0px 0px 0px;
	line-height: 19px;
	padding: 1px;
	position: absolute;
	text-align: center;
	width: 124px;
}

.ts-2-5 {
	background-color: #f2f2f2;
	border: none;
	height: 0px;
	margin: 92px 0px 0px 0px;
	overflow: hidden;
	padding: 1px;
	position: absolute;
	text-align: center;
	width: 124px;
}

.ts-1-2 {
	border: none;
	height: 114px;
	left: 210px;
	padding: 1px;
	position: absolute;
	top: 2px;
	width: 126px;
}

.ts-3-3 {
	background-color: #f2f2f2;
	border: none;
	height: 18px;
	left: 0px;
	padding: 1px;
	position: absolute;
	top: 101px;
	width: 124px;
}

.ts-3-4 {
	background-color: #f2f2f2;
	border: none;
	height: 19px;
	left: 0px;
	padding: 1px;
	position: absolute;
	top: 121px;
	width: 124px;
}

.ts-1-3 {
	border: none;
	height: 114px;
	left: 380px;
	padding: 1px;
	position: absolute;
	top: 2px;
	width: 126px;
}

.ts-1-4 {
	border: none;
	height: 114px;
	left: 550px;
	padding: 1px;
	position: absolute;
	top: 2px;
	width: 126px;
}

#UploadAudio{
	background-color: #fafafa;
	background-image: url(../images/reel2.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	border: 1px solid #ebe8e8;
	text-align:left;
	height: 400px;
}

#UploadVideo{
	background-color: #fafafa;
	background-image: url(../images/reel2.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	border: 1px solid #ebe8e8;
	text-align:left;
}

#UploadVideo ul{
	list-style-type: none;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 25px;
	margin-left: 0px;

}

#UploadVideo li{
	margin-bottom: 15px;
	display:inline;
	display:block;
	width: 213px;
	float: left;
	margin-left: 6px;
	list-style-type: none;
}

.UploadVideo_Tags{
	background-color: #FFFFFF;
	line-height: 18px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
}

#UploadVideo_2{
	background-color: #fafafa;
	background-image: url(../images/reel2.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	border: 1px solid #ebe8e8;
	text-align:left;
	height: 306px;
}

#UploadVideo_2 ul{
	list-style-type: none;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 25px;
	margin-left: 0px;

}

#UploadVideo_2 li{
	margin-bottom: 15px;
	display:inline;
	display:block;
	width: 213px;
	float: left;
	margin-left: 6px;
	list-style-type: none;
}


#CommentBoxPostNew{
	border: 1px dotted #DFDCDC;
	width: 595px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(../images/slice_comments_run.png);
	background-repeat: repeat-x;
	background-position: left top;
	clear: left;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
}

/* Video Comments thumb */
.ThumbMembersVideos_Comments{
	float:left;
	width:65px;
	height:65px;
	margin-left: 8px;
	margin-top: 0px;
	margin-right: 8px;
}

.CommentsBox{
	background-color: #FFFFFF;
	border: 1px dotted #D5D4D4;
	float: right;
	width: 588px; /*488px;*/
	margin-right: 18px;
	background-image: url(../images/slice_comments_run.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.CommentBoxList_TopLinks li{
	display:inline;
	margin: 0px;
	padding: 0px;
}


#CommentBoxPostNew{
	border: 1px dotted #DFDCDC;
	width: 595px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(../images/slice_comments_run.png);
	background-repeat: repeat-x;
	background-position: left top;
	clear: left;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
}

/* Video Comments thumb */
.ThumbMembersVideos_Comments{
	float:left;
	width:65px;
	height:65px;
	margin-left: 8px;
	margin-top: 0px;
	margin-right: 8px;
}

.CommentsBox{
	background-color: #FFFFFF;
	border: 1px dotted #D5D4D4;
	float: right;
	width: 588px; /*488px;*/
	margin-right: 18px;
	background-image: url(../images/slice_comments_run.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.CommentBoxList_TopLinks li{
	display:inline;
	margin: 0px;
	padding: 0px;
}

.image_form  {
	font-size: 9pt;
	width: 128px;
	height: 20px;
	font-weight: bold;
	color: #666666;
	border: 1px solid #DFDCDC;
	background-color: #FDFDFD;
}

.image_form_tags  {
	font-size: 9pt;
	width: 228px;
	height: 20px;
	font-weight: bold;
	color: #666666;
	border: 1px solid #DFDCDC;
	background-color: #FDFDFD;
}

.special_textarea  {
	font-size: 9pt;
	font-weight: bold;
	color: #666666;
	border: 1px solid #DFDCDC;
	background-color: #FDFDFD;
}

input:focus, textarea:focus {
	color: #444444;
	border: 1px solid #0099FF;
}

.special_file {
	border: 1px solid #FDFDFD;
	background-color: #FDFDFD;
}

.sort_by {
	font-size: 7pt;
	width: 138px;
	height: 16px;
	font-weight: bold;
	color: #888888;
	border: 1px solid #7AB0D8;
	background-color: #FFF;
}

.sort_by:focus {
	color: #FFFFFF;
	border: 1px solid #0099FF;
	background-color: #0099FF;
}

#sort_by ul {
  list-style-type: none;
}

#sort_by li {
  display: inline-block;
  margin: 8px 0px;
  float: left;
}

Open in new window

LZ1
Top Expert 2011

Commented:
On lines 491 & 492 you have this:
$template        = "themes/$user_theme/templates/main_1.htm";
$inner_template1     = "themes/$user_theme/templates/inner_index.htm";

I believe those are the files your after for the HTML.  

Also, there is no "design view" for CSS, as it is the design itself and needs elements in order to be applied.

Author

Commented:
I realy appreciate your hlep LZ, can you explain to me how you came to that conclusion?
How did you know or assume that
 "On lines 491 & 492 you have this:
$template        = "themes/$user_theme/templates/main_1.htm";
$inner_template1     = "themes/$user_theme/templates/inner_index.htm";
"
is what I want to edit?
I m hoping that if you can tell me that i wont have to bug you guys to much more over this topic :)

Seaweed
Top Expert 2011
Commented:
No problem, that's what we're here for.  

I was scrolling through and looking for the php `echo` function or possible includes.  These ended with .htm, which means they're HTML files.  

I can't be quite sure what either file does, but you may want to try adding some inside of them and then previewing it in the browser to see what happens.

Author

Commented:
Your suggestion have helped to see a pattern to follow, thank you for your time and explanations.

Seaweed

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial