Created Theme Switcher

Also rewrote the way layouts work. Now, each layout requires a "layout.tpl" file (which contains the header and footer for the layout) and a "style.php"
file (which contains and can include other files that contain the CSS for the layout). Each layout has it's own folder in theme/layouts and you can switch
between them using a combo box in the Hatbar.

Layouts 6.2 and 4.5 have been modified to work with new Layout 7 features such as AJAX, and they should be relatively free of bugs. Layout 3 has not yet
been transferred because since it is pre-The New Four Island, it will be very difficult to do so.

This changeset requires manual external code changes:

* The line below must be added above the functions.php include in The Fourm's funnctions.php
	require('/svr/www/hatkirby/fourisland/main/includes/session.php');
* The block of Four Island code in The Fourm's page_header() function should be replaced with:
	global $fi_pagetitle;
	$fi_pagetitle = $page_title;

	ob_start();
* The block of Four Island code in The Fourm's page_footer() function should be replaced with:
	global $fi_pagetitle;

	$content = ob_get_contents();
	ob_end_clean();

	$noRightbar = 1;
	$onFourm = 1;
	$pageCategory = 'fourm';

	if ($fi_pagetitle == 'Index page')
	{
		$title = 'The Fourm';
	} else if (strpos($fi_pagetitle, 'View topic') !== FALSE)
	{
		$title = str_replace('View topic - ', 'Topic: ', $fi_pagetitle) . ' - The Fourm';
	} else if (strpos($fi_pagetitle, 'View forum') !== FALSE)
	{
		$title = str_replace('View forum - ', 'Fourm: ', $fi_pagetitle) . ' - The Fourm';
	} else if (strpos($fi_pagetitle, 'Viewing profile') !== FALSE)
	{
		$title = str_replace('Viewing profile - ', 'Member: ', $fi_pagetitle) . ' - The Fourm';
	} else {
		$title = $fi_pagetitle . ' - The Fourm';
	}

	if ($_GET['view'] != 'print')
	{
		include('/svr/www/hatkirby/fourisland/main/includes/layout.php');
	} else {
		echo $content;
	}

Closes #117

75 files changed, 2377 insertions, 767 deletions

@@ -1,5 +1,7 @@
 ErrorDocument 404 /error/404.php
 
+# Remember, if you change this file, make sure to update getRewriteURL() in functions.php!
+
 RewriteEngine On
 
 RewriteCond %{HTTP_HOST} ^www.fourisland.com [NC]
@@ -376,4 +376,64 @@ function getTagColor($i)
         }
 }
 
+function getLayout()
+{
+        if (!isset($_COOKIE['layout']))
+        {
+                return '7';
+        } else {
+                return $_COOKIE['layout'];
+        }
+}
+
+function getRewriteURL()
+{
+        if (!isset($_GET['area']))
+        {
+                return '/';
+        } else {
+                if ($_GET['area'] == 'blog')
+                {
+                        if (isset($_GET['author']))
+                        {
+                                return '/blog/author/' . $_GET['author'] . '.php';
+                        } else if (isset($_GET['tag']))
+                        {
+                                return '/blog/tag/' . $_GET['tag'] . '.php';
+                        } else if (isset($_GET['post']))
+                        {
+                                return '/blog/' . $_GET['post'] . '/';
+                        } else {
+                                return '/blog/';
+                        }
+                } else if ($_GET['area'] == 'poll')
+                {
+                        if (isset($_GET['id']))
+                        {
+                                return '/poll/' . $_GET['id'] . '.php';
+                        } else {
+                                return '/poll/';
+                        }
+                } else if ($_GET['area'] == 'quotes')
+                {
+                        if (isset($_GET['act']))
+                        {
+                                return '/quotes/' . $_GET['act'] . '.php';
+                        } else {
+                                return '/quotes/';
+                        }
+                } else if ($_GET['area'] == 'error')
+                {
+                        if (isset($_GET['id']))
+                        {
+                                return '/error/' . $_GET['id'] . '.php';
+                        } else {
+                                return '/error/';
+                        }
+                } else {
+                        return '/' . $_GET['area'] . '/';
+                }
+        }
+}
+
 ?>
@@ -1,96 +0,0 @@
-<?php

-/*

-       444444444  

-      4::::::::4  

-     4:::::::::4  

-    4::::44::::4  

-   4::::4 4::::4   Four Island

-  4::::4  4::::4  

- 4::::4   4::::4   Written and maintained by Starla Insigna

-4::::444444::::444

-4::::::::::::::::4  includes/header.php

-4444444444:::::444

-          4::::4   Please do not use, reproduce or steal the

-          4::::4   contents of this file without explicit

-          4::::4   permission from Hatkirby.

-        44::::::44

-        4::::::::4

-        4444444444

-*/

-

-if (!defined('S_INCLUDE_FILE')) {define('S_INCLUDE_FILE',1);}

-

-require('headerproc.php');

-

-$headerTemp = new FITemplate('header');

-

-$headerTemp->add('CATEGORY',(isset($pageCategory)) ? $pageCategory : 'none');

-$headerTemp->add('AID',(isset($pageAID)) ? $pageAID : 'none');

-$headerTemp->add('EXTRATITLE',isset($title) ? ($title . ' - ') : '');

-$headerTemp->add(strtoupper($pageCategory) . 'ACTIVE', ' class="active"');

-

-if (($pageCategory != 'fourm') && ($pageCategory != 'wiki'))

-{

-        $headerTemp->add('REDIRPAGE',rawurlencode($_SERVER['REQUEST_URI']));

-        $headerTemp->add('LOGDATA',echoLogData());

-        $headerTemp->add('SID',getSessionID());

-        $headerTemp->adds_block('MEMBERS',array('exi' => 1));

-

-        if (isAdmin())

-        {

-                $headerTemp->adds_block('ADMIN',array('exi' => 1));

-        }

-}

-

-if (isset($hatNav) && is_array($hatNav))

-{

-        $headerTemp->adds_block('CREATE_HATNAV', array('exi'=>1));

-        

-        foreach ($hatNav as $item)

-        {

-                $headerTemp->adds_block('HATNAV',array('TITLE' => $item['title'], 'URL' => $item['url'], 'ICON' => $item['icon']));

-        }

-}

-

-$headerTemp->add('POTW', getPollOfTheWeek());

-

-$gethits = "SELECT * FROM config WHERE name = \"hits\"";

-$gethits2 = mysql_query($gethits);

-$gethits3 = mysql_fetch_array($gethits2);

-$headerTemp->add('HITS', $gethits3['value']);

-

-$gethits = "SELECT * FROM config WHERE name = \"todayHits\"";

-$gethits2 = mysql_query($gethits);

-$gethits3 = mysql_fetch_array($gethits2);

-$headerTemp->add('TODAY', $gethits3['value']);

-

-$headerTemp->add('DATEFINDER', sd_dateFinder());

-

-if ($usingIE)

-{

-        $headerTemp->add('FLASH', 'It appears you are using Internet Explorer. Four Island is not likely to work properly in IE due to a <a href="http://www.webdevout.net/articles/beware-of-xhtml#ie">huge bug</a> in it. <a href="http://getfirefox.com/">There are better browsers out there, why not try one?</a>');

-}
-
-$getaffs = "SELECT * FROM links WHERE type = \"affiliates\" ORDER BY id ASC";
-$getaffs2 = mysql_query($getaffs);
-$i=0;
-while ($getaffs3 = mysql_fetch_array($getaffs2))
-{
-        $headerTemp->adds_block('AFFILIATES', array(    'COLOR' => getTagColor($i++),
-                                                        'TITLE' => htmlentities($getaffs3['title']),
-                                                        'URL' => $getaffs3['url']));
-}
-
-$getwebps = "SELECT * FROM links WHERE type = \"webprojs\" ORDER BY id ASC";
-$getwebps2 = mysql_query($getwebps);
-$i=0;
-while ($getwebps3 = mysql_fetch_array($getwebps2))
-{
-        $headerTemp->adds_block('WEBPROJS', array(      'COLOR' => getTagColor($i++),
-                                                        'TITLE' => htmlentities($getwebps3['title']),
-                                                        'URL' => $getwebps3['url']));
-}

-

-$headerTemp->display();

-

-?>

@@ -1,180 +1,300 @@
- <?php
-/*
-       444444444  
-      4::::::::4  
-     4:::::::::4  
-    4::::44::::4  
-   4::::4 4::::4   Four Island
-  4::::4  4::::4  
- 4::::4   4::::4   Written and maintained by Starla Insigna
-4::::444444::::444
-4::::::::::::::::4  includes/footer.php
-4444444444:::::444
-          4::::4   Please do not use, reproduce or steal the
-          4::::4   contents of this file without explicit
-          4::::4   permission from Hatkirby.
-        44::::::44
-        4::::::::4
-        4444444444
-*/
+<?php

+/*

+       444444444  

+      4::::::::4  

+     4:::::::::4  

+    4::::44::::4  

+   4::::4 4::::4   Four Island

+  4::::4  4::::4  

+ 4::::4   4::::4   Written and maintained by Starla Insigna

+4::::444444::::444

+4::::::::::::::::4  includes/layout.php

+4444444444:::::444

+          4::::4   Please do not use, reproduce or steal the

+          4::::4   contents of this file without explicit

+          4::::4   permission from Hatkirby.

+        44::::::44

+        4::::::::4

+        4444444444

+*/

+

+if (!defined('S_INCLUDE_FILE')) {define('S_INCLUDE_FILE',1);}

+

+require('headerproc.php');

+

+if (isset($_GET['layout']))

+{

+        if (!file_exists('theme/layouts/' . basename($_GET['layout'])))

+        {

+                $_GET['layout'] = '7';

+        }

+

+        setcookie('layout', $_GET['layout'], time()+60*60*24*30, '/', '.fourisland.com');
 
-if (!defined('S_INCLUDE_FILE')) {define('S_INCLUDE_FILE',1);}
+        unset($_GET['layout']);

 
-require('headerproc.php');
-
-$template = new FITemplate('footer');
-
-if (isset($onFourm))
-{
-        $template->adds_block('ONFOURM',array('exi'=>1));
+        header('Location: ' . getRewriteURL());
+        exit;

+}

+

+$template = new FITemplate('layouts/' . getLayout() . '/layout');

+

+$template->add('CATEGORY',(isset($pageCategory)) ? $pageCategory : 'none');

+$template->add('AID',(isset($pageAID)) ? $pageAID : 'none');

+$template->add('EXTRATITLE',isset($title) ? ($title . ' - ') : '');

+$template->add(strtoupper($pageCategory) . 'ACTIVE', ' class="active"');

+

+if (($pageCategory != 'fourm') && ($pageCategory != 'wiki'))

+{

+        $template->add('REDIRPAGE',rawurlencode($_SERVER['REQUEST_URI']));

+        $template->add('LOGDATA',echoLogData());

+        $template->add('LOWERLOGDATA','log' . strtolower(echoLogData()));

+        $template->add('SID',getSessionID());

+        $template->adds_block('MEMBERS',array('exi' => 1));

+

+        if (isAdmin())

+        {

+                $template->adds_block('ADMIN',array('exi' => 1));

+        }

+}

+

+if (isset($hatNav) && is_array($hatNav))

+{

+        $template->adds_block('CREATE_HATNAV', array('exi'=>1));

+        

+        foreach ($hatNav as $item)

+        {

+                $template->adds_block('HATNAV',array('TITLE' => $item['title'], 'URL' => $item['url'], 'ICON' => $item['icon']));

+        }

+}

+

+$template->add('POTW', getPollOfTheWeek());

+

+$gethits = "SELECT * FROM config WHERE name = \"hits\"";

+$gethits2 = mysql_query($gethits);

+$gethits3 = mysql_fetch_array($gethits2);

+$template->add('HITS', $gethits3['value']);

+

+$gethits = "SELECT * FROM config WHERE name = \"todayHits\"";

+$gethits2 = mysql_query($gethits);

+$gethits3 = mysql_fetch_array($gethits2);

+$template->add('TODAY', $gethits3['value']);

+

+$template->add('DATEFINDER', sd_dateFinder());

+

+if ($usingIE)

+{

+        $template->add('FLASH', 'It appears you are using Internet Explorer. Four Island is not likely to work properly in IE due to a <a href="http://www.webdevout.net/articles/beware-of-xhtml#ie">huge bug</a> in it. <a href="http://getfirefox.com/">There are better browsers out there, why not try one?</a>');

+}

+

+$getaffs = "SELECT * FROM links WHERE type = \"affiliates\" ORDER BY id ASC";

+$getaffs2 = mysql_query($getaffs);

+$i=0;

+while ($getaffs3 = mysql_fetch_array($getaffs2))

+{

+        $template->adds_block('AFFILIATES', array(      'COLOR' => getTagColor($i++),

+                                                        'TITLE' => htmlentities($getaffs3['title']),

+                                                        'URL' => $getaffs3['url']));

+}

+

+$getwebps = "SELECT * FROM links WHERE type = \"webprojs\" ORDER BY id ASC";

+$getwebps2 = mysql_query($getwebps);

+$i=0;

+while ($getwebps3 = mysql_fetch_array($getwebps2))

+{

+        $template->adds_block('WEBPROJS', array(        'COLOR' => getTagColor($i++),

+                                                        'TITLE' => htmlentities($getwebps3['title']),

+                                                        'URL' => $getwebps3['url']));

+}

+

+if (isset($onFourm))

+{

+        $template->adds_block('ONFOURM',array('exi'=>1));

+}

+

+$getcomments = "SELECT * FROM comments ORDER BY id DESC LIMIT 0,5";

+$getcomments2 = mysql_query($getcomments);

+$i=0;

+while ($getcomments3[$i] = mysql_fetch_array($getcomments2))

+{

+        if ($getcomments3[$i]['is_anon'] == 0)

+                {

+                                $getuser = "SELECT * FROM phpbb_users WHERE user_id = " . $getcomments3[$i]['user_id'];

+                                $getuser2 = mysql_query($getuser);

+                                $getuser3 = mysql_fetch_array($getuser2);

+

+                                $username = $getuser3['username'];

+                                $website = $getuser3['user_website'];

+                } else if ($getcomments3[$i]['is_anon'] == 1) 

+                {

+                                $getanon = "SELECT * FROM anon_commenters WHERE id = " . $getcomments3[$i]['user_id'];

+                                $getanon2 = mysql_query($getanon);

+                                $getanon3 = mysql_fetch_array($getanon2);

+

+                                if ($getanon3['id'] == $getcomments3[$i]['user_id'])

+                                {

+                                                $username = $getanon3['username'] . ' (Guest)';

+                                                $website = $getanon3['website'];

+                                }

+                }

+

+        if (strpos($getcomments3[$i]['page_id'], 'updates') !== FALSE)

+        {

+                $getpost = "SELECT * FROM updates WHERE id = " . substr($getcomments3[$i]['page_id'],strpos($getcomments3[$i]['page_id'],'-')+1);

+                $getpost2 = mysql_query($getpost);

+                $getpost3 = mysql_fetch_array($getpost2);

+

+                $template->adds_block('COMMENTS', array(        'ID' => $getcomments3[$i]['id'],

+                                                                'AREA' => 'blog',

+                                                                'CODED' => $getpost3['slug'],

+                                                                'ENDING' => '/',

+                                                                'TITLE' => stripslashes(htmlentities($getpost3['title'])),

+                                                                'AUTHOR' => (($website != '') ? '<a href="' . $website . '">' . $username . '</a>' : $username)));

+                $i++;

+        } else if (strpos($getcomments3[$i]['page_id'], 'quote') !== FALSE)

+        {

+                $num = substr($getcomments3[$i]['page_id'],strpos($getcomments3[$i]['page_id'],'-')+1);

+

+                $template->adds_block('COMMENTS', array(        'ID' => $getcomments3[$i]['id'],

+                                                                'AREA' => 'quotes',

+                                                                'CODED' => $num,

+                                                                'ENDING' => '.php',

+                                                                'TITLE' => 'Quote #' . $num,

+                                                                'AUTHOR' => (($website != '') ? '<a href="' . $website . '">' . $username . '</a>' : $username)));

+                $i++;                   

+        } else if (strpos($getcomments3[$i]['page_id'], 'polloftheweek') !== FALSE)

+        {

+                $getpotw = "SELECT * FROM polloftheweek WHERE id = " . substr($getcomments3[$i]['page_id'],strpos($getcomments3[$i]['page_id'],'-')+1);

+                $getpotw2 = mysql_query($getpotw);

+                $getpotw3 = mysql_fetch_array($getpotw2);

+

+                $template->adds_block('COMMENTS', array(        'ID' => $getcomments3[$i]['id'],

+                                                                'AREA' => 'poll',

+                                                                'CODED' => $getpotw3['id'],

+                                                                'ENDING' => '.php',

+                                                                'TITLE' => 'Poll "' . htmlentities($getpotw3['question']) . '"',

+                                                                'AUTHOR' => (($website != '') ? '<a href="' . $website . '">' . $username . '</a>' : $username)));

+                $i++;                   

+        }

+}

+

+$users = array();

+$getusers = "SELECT DISTINCT user_id FROM comments WHERE is_anon = 0";

+$getusers2 = mysql_query($getusers);

+$i=0;

+while ($getusers3[$i] = mysql_fetch_array($getusers2))

+{

+        $getcount = "SELECT COUNT(*) FROM comments WHERE user_id = " . $getusers3[$i]['user_id'];

+        $getcount2 = mysql_query($getcount);

+        $getcount3 = mysql_fetch_array($getcount2);

+

+                        $getuser = "SELECT * FROM phpbb_users WHERE user_id = " . $getusers3[$i]['user_id'];

+                        $getuser2 = mysql_query($getuser);

+                        $getuser3 = mysql_fetch_array($getuser2);

+

+                        $username = $getuser3['username'];

+                        $website = $getuser3['user_website'];

+

+        $name = (($website != '') ? '<a href="' . $website . '">' . $username . '</a>' : $username);

+        $users[] = array('name' => $name, 'count' => $getcount3['COUNT(*)']);

+

+        $i++;

+}

+

+function count_sort($a, $b)

+{

+        $a = $a['count'];

+        $b = $b['count'];

+

+        if ($a > $b)

+        {

+                return -1;

+        } else if ($a < $b)

+        {

+                return 1;

+        } else {

+                return 0;

+        }

+}

+

+usort($users, 'count_sort');

+$i=0;

+foreach ($users as $value)

+{

+        if ($i == 5)

+        {

+                break;

+        }

+

+        $template->adds_block('TOP', array(     'USERNAME' => $value['name'],

+                                                'COUNT' => $value['count']));

+        $i++;

+}

+

+$getpost = "SELECT * FROM phpbb_posts ORDER BY post_id DESC LIMIT 0,5";

+$getpost2 = mysql_query($getpost) or die($getpost);

+$i=0;

+while ($getpost3[$i] = mysql_fetch_array($getpost2))

+{

+        $getuser = "SELECT * FROM phpbb_users WHERE user_id = " . $getpost3[$i]['poster_id'];

+        $getuser2 = mysql_query($getuser) or die($getuser);

+        $getuser3 = mysql_fetch_array($getuser2);

+

+        $template->adds_block('FOURM', array(   'SUBJECT' => $getpost3[$i]['post_subject'],

+                                                'TOPIC' => $getpost3[$i]['topic_id'],

+                                                'POST' => $getpost3[$i]['post_id'],

+                                                'USERNAME' => $getuser3['username']));

+}

+

+$getpopular = "SELECT * FROM updates ORDER BY popularity DESC LIMIT 0,5";

+$getpopular2 = mysql_query($getpopular);

+$i=0;

+while ($getpopular3[$i] = mysql_fetch_array($getpopular2))

+{

+        $template->adds_block('POPULAR', array( 'CODED' => $getpopular3[$i]['slug'],

+                                                'TITLE' => stripslashes(htmlentities($getpopular3[$i]['title']))));

+        $i++;

+}

+

+$template->add('REVISION', exec('hg -R "' . $_SERVER['DOCUMENT_ROOT'] . '" tip --template {rev}'));

+

+$gettags = "SELECT DISTINCT tag FROM tags WHERE post_type = \"published\"";

+$gettags2 = mysql_query($gettags);

+$i=0;

+while ($gettags3[$i] = mysql_fetch_array($gettags2))

+{

+        $cnttag = "SELECT COUNT(*) FROM tags WHERE tag = \"" . $gettags3[$i]['tag'] . "\" AND post_type = \"published\"";

+        $cnttag2 = mysql_query($cnttag);

+        $cnttag3 = mysql_fetch_array($cnttag2);

+

+        $counts[$gettags3[$i]['tag']] = $cnttag3[0];

+

+        $i++;

+}

+

+$min_count = min($counts);

+$spread = max($counts) - $min_count;

+$spread = ($spread <= 0) ? 1 : $spread;

+$font_step = 8 / $spread;

+foreach ($counts as $tag => $count)

+{

+        if ($count != $min_count)

+        {

+                $template->adds_block('TAGCLOUD', array(        'TAG' => $tag,

+                                                                'SIZE' => (8 + (($count - $min_count) * $font_step)),

+                                                                'COUNT' => $count));

+        }

+}

+

+if (!isset($noRightbar))

+{

+        $template->adds_block('RIGHTBAR', array('exi'=>1));

 }
 
-$getcomments = "SELECT * FROM comments ORDER BY id DESC LIMIT 0,5";
-$getcomments2 = mysql_query($getcomments);
-$i=0;
-while ($getcomments3[$i] = mysql_fetch_array($getcomments2))
-{
-        if ($getcomments3[$i]['is_anon'] == 0)
-                {
-                                $getuser = "SELECT * FROM phpbb_users WHERE user_id = " . $getcomments3[$i]['user_id'];
-                                $getuser2 = mysql_query($getuser);
-                                $getuser3 = mysql_fetch_array($getuser2);
-
-                                $username = $getuser3['username'];
-                                $website = $getuser3['user_website'];
-                } else if ($getcomments3[$i]['is_anon'] == 1) 
-                {
-                                $getanon = "SELECT * FROM anon_commenters WHERE id = " . $getcomments3[$i]['user_id'];
-                                $getanon2 = mysql_query($getanon);
-                                $getanon3 = mysql_fetch_array($getanon2);
-
-                                if ($getanon3['id'] == $getcomments3[$i]['user_id'])
-                                {
-                                                $username = $getanon3['username'] . ' (Guest)';
-                                                $website = $getanon3['website'];
-                                }
-                }
-
-        if (strpos($getcomments3[$i]['page_id'], 'updates') !== FALSE)
-        {
-                $getpost = "SELECT * FROM updates WHERE id = " . substr($getcomments3[$i]['page_id'],strpos($getcomments3[$i]['page_id'],'-')+1);
-                $getpost2 = mysql_query($getpost);
-                $getpost3 = mysql_fetch_array($getpost2);
-
-                $template->adds_block('COMMENTS', array(        'ID' => $getcomments3[$i]['id'],
-                                                                'AREA' => 'blog',
-                                                                'CODED' => $getpost3['slug'],
-                                                                'ENDING' => '/',
-                                                                'TITLE' => stripslashes(htmlentities($getpost3['title'])),
-                                                                'AUTHOR' => (($website != '') ? '<a href="' . $website . '">' . $username . '</a>' : $username)));
-                $i++;
-        } else if (strpos($getcomments3[$i]['page_id'], 'quote') !== FALSE)
-        {
-                $num = substr($getcomments3[$i]['page_id'],strpos($getcomments3[$i]['page_id'],'-')+1);
-
-                $template->adds_block('COMMENTS', array(        'ID' => $getcomments3[$i]['id'],
-                                                                'AREA' => 'quotes',
-                                                                'CODED' => $num,
-                                                                'ENDING' => '.php',
-                                                                'TITLE' => 'Quote #' . $num,
-                                                                'AUTHOR' => (($website != '') ? '<a href="' . $website . '">' . $username . '</a>' : $username)));
-                $i++;                   
-        } else if (strpos($getcomments3[$i]['page_id'], 'polloftheweek') !== FALSE)
-        {
-                $getpotw = "SELECT * FROM polloftheweek WHERE id = " . substr($getcomments3[$i]['page_id'],strpos($getcomments3[$i]['page_id'],'-')+1);
-                $getpotw2 = mysql_query($getpotw);
-                $getpotw3 = mysql_fetch_array($getpotw2);
-
-                $template->adds_block('COMMENTS', array(        'ID' => $getcomments3[$i]['id'],
-                                                                'AREA' => 'poll',
-                                                                'CODED' => $getpotw3['id'],
-                                                                'ENDING' => '.php',
-                                                                'TITLE' => 'Poll "' . htmlentities($getpotw3['question']) . '"',
-                                                                'AUTHOR' => (($website != '') ? '<a href="' . $website . '">' . $username . '</a>' : $username)));
-                $i++;                   
-        }
-}
-
-$users = array();
-$getusers = "SELECT DISTINCT user_id FROM comments WHERE is_anon = 0";
-$getusers2 = mysql_query($getusers);
-$i=0;
-while ($getusers3[$i] = mysql_fetch_array($getusers2))
-{
-        $getcount = "SELECT COUNT(*) FROM comments WHERE user_id = " . $getusers3[$i]['user_id'];
-        $getcount2 = mysql_query($getcount);
-        $getcount3 = mysql_fetch_array($getcount2);
-
-                        $getuser = "SELECT * FROM phpbb_users WHERE user_id = " . $getusers3[$i]['user_id'];
-                        $getuser2 = mysql_query($getuser);
-                        $getuser3 = mysql_fetch_array($getuser2);
-
-                        $username = $getuser3['username'];
-                        $website = $getuser3['user_website'];
-
-        $name = (($website != '') ? '<a href="' . $website . '">' . $username . '</a>' : $username);
-        $users[] = array('name' => $name, 'count' => $getcount3['COUNT(*)']);
-
-        $i++;
-}
-
-function count_sort($a, $b)
-{
-        $a = $a['count'];
-        $b = $b['count'];
-
-        if ($a > $b)
-        {
-                return -1;
-        } else if ($a < $b)
-        {
-                return 1;
-        } else {
-                return 0;
-        }
-}
-
-usort($users, 'count_sort');
-$i=0;
-foreach ($users as $value)
-{
-        if ($i == 5)
-        {
-                break;
-        }
-
-        $template->adds_block('TOP', array(     'USERNAME' => $value['name'],
-                                                'COUNT' => $value['count']));
-        $i++;
-}
-
-$getpost = "SELECT * FROM phpbb_posts ORDER BY post_id DESC LIMIT 0,5";
-$getpost2 = mysql_query($getpost) or die($getpost);
-$i=0;
-while ($getpost3[$i] = mysql_fetch_array($getpost2))
-{
-        $getuser = "SELECT * FROM phpbb_users WHERE user_id = " . $getpost3[$i]['poster_id'];
-        $getuser2 = mysql_query($getuser) or die($getuser);
-        $getuser3 = mysql_fetch_array($getuser2);
-
-        $template->adds_block('FOURM', array(   'SUBJECT' => $getpost3[$i]['post_subject'],
-                                                'TOPIC' => $getpost3[$i]['topic_id'],
-                                                'POST' => $getpost3[$i]['post_id'],
-                                                'USERNAME' => $getuser3['username']));
-}
-
-$getpopular = "SELECT * FROM updates ORDER BY popularity DESC LIMIT 0,5";
-$getpopular2 = mysql_query($getpopular);
-$i=0;
-while ($getpopular3[$i] = mysql_fetch_array($getpopular2))
-{
-        $template->adds_block('POPULAR', array( 'CODED' => $getpopular3[$i]['slug'],
-                                                'TITLE' => stripslashes(htmlentities($getpopular3[$i]['title']))));
-        $i++;
-}
-
-$template->add('REVISION', exec('hg -R "' . $_SERVER['DOCUMENT_ROOT'] . '" tip --template {rev}'));
-
-$template->display();
-
-?>
+$template->add('ME', getRewriteURL());

+

+$template->add('CONTENT', stripslashes($content));

+

+$template->display();

+

+?>

@@ -25,7 +25,7 @@ if (preg_match('|MSIE ([0-9].[0-9]{1,2})|', $_SERVER['HTTP_USER_AGENT'], $matche
         header('Content-type: text/html');

         $usingIE = true;

 } else {

-        header('Content-type: application/xhtml+xml');

+//      header('Content-type: application/xhtml+xml');

 }

 

 header('X-Pingback: http://fourisland.com/xmlrpc.php');

@@ -40,7 +40,13 @@ include('includes/xmlrpc/xmlrpc.inc');
 include('includes/specialdates.php');

 include('includes/functions.php');

 include('includes/hits.php');

-include('includes/updatePending.php');

+include('includes/updatePending.php');
+
+if (strpos($_SERVER['REQUEST_URI'],'index.php'))
+{
+        header('Location: ' . getRewriteURL());
+        exit;
+}

 

 ob_start();

 

@@ -53,13 +59,9 @@ if (file_exists('pages/' . $pageName . '.php'))
         generateError('404');

 }

 

-$doc = ob_get_contents();

+$content = ob_get_contents();

 ob_end_clean();

 

-$doc = stripslashes($doc);

-

-include('includes/header.php');

-echo($doc);

-include('includes/footer.php');

+include('includes/layout.php');

 

 ?>

@@ -22,11 +22,6 @@ if (!defined('S_INCLUDE_FILE')) {define('S_INCLUDE_FILE',1);}
 
 require('headerproc.php');
 
-if ((strpos($_SERVER['REQUEST_URI'],'index.php')) && (isset($_GET['post'])))
-{
-        header('Location: /blog/' . $_GET['post'] . '/');
-}
-
 $pageCategory = 'blog';
 $pageAID = 'archive';
 
@@ -22,7 +22,10 @@ require('../headerproc.php');
 
 header('Content-type: text/css');
 
+include('../includes/functions.php');
+
 include('css/website.css');
+include('layouts/' . getLayout() . '/style.php');
 include('css/blog.php');
 include('css/bubbles.css');
 include('css/quotes.css');
@@ -8,16 +8,18 @@
 
 div.module + cite {
         position: relative;
-        top: -1em;
+        top: -0.15em;
+        left: 0.2em;
         margin: 0;
-        padding: 7px 0px 0px 15px;
+        padding: 15px 0px 0px 15px;
         background: transparent url(/theme/images/tip.gif) no-repeat 20px 0;
         font-style: normal;
         font-size: small;
 }
 
 div.module.unrounded + cite {
-        top: -0.9em;
+        top: -0.5em;
+        padding-top: 10px;
 }
 
 div.module.bquote + cite {
@@ -1,5 +1,5 @@
 ul.quote-list {
-        list-style-type: none;
+        list-style-type: none !important;
 }
 
 li.quote {
@@ -48,86 +48,6 @@ a img {
         border: 0;
 }
 
-/* Body */
-
-body {
-        font-family: "Lucida Grande", "Arial", sans;
-        background-color: #111;
-}
-
-div#header {
-        width: 100%;
-        height: 200px;
-        background-image: url(http://fourisland.com/theme/images/header-repeat.png);
-        background-repeat: repeat-x;
-}
-
-div#banner {
-        width: 800px;
-        height: 200px;
-        margin: 0 auto;
-        background-image: url(http://fourisland.com/theme/images/header.png);
-        background-position: bottom right;
-}
-
-div#header a {
-        width: 800px;
-        height: 200px;
-        text-indent: -5000px;
-        display: block;
-}
-
-div#sidebar {
-        width: 21%;
-        float: left;
-}
-
-div#content {
-        width: 69%;
-        float: right;
-        padding-left: 5%;
-        padding-right: 5%;
-        padding-top: 20px;
-}
-
-div#content div.rounded {
-        padding: 10px;
-}
-
-div#footer {
-        width: 100%;
-        padding-top: 20px;
-        padding-bottom: 20px;
-}
-
-div#footer div.foot-module {
-        margin: 0 auto;
-        float: left;
-        width: 20%;
-        margin-left: 4%;
-        color: white;
-        font-size: 0.9em;
-}
-
-div#footer a {
-        color: white;
-        border-bottom: 1px dotted white;
-}
-
-div#footer div.foot-module ul {
-        list-style-type: square;
-}
-
-div#footer p {
-        font-size: 0.5em;
-        color: white;
-        text-align: center;
-}
-
-div#page-content {
-        background-color: #00ff00; /*#8B4513;*/
-        padding-bottom: 10px;
-}
 
 body[id^=fourm] div#page div#content code {
         display: block;
@@ -146,36 +66,6 @@ body[id^=fourm] div#content h2 {
         padding-bottom: 3px;
 }
 
-body#fourm div#actual-content {
-        font-size: 60%;
-}
-
-ul#navbar {
-        text-align: center;
-        margin-top: 0;
-}
-
-ul#navbar li {
-        display: inline;
-        font-family: Verdana, sans-serif;
-        font-size: 1.1em;
-}
-
-ul#navbar li+li:before {
-        content: " - ";
-}
-
-ul#navbar li img, ul#navbar li.active span {
-        display: none;
-}
-
-ul#navbar li.active img {
-        display: inline;
-        background-color: white;
-        outline: white solid .5em;
-        margin: 0 .5em;
-}
-
 .invisible {
         display: none;
 }
@@ -265,78 +155,6 @@ table.webmail th {
         text-align: left;
 }
 
-/* Sidebar */
-
-div#rightbar {
-        float: left;
-        width: 270px; /*210*/
-}
-
-div.sidebar {
-        width: 250px; /*250*/ /*240*/ /*210*/
-        padding: 0 10px;
-        margin-bottom: 5px;
-}
-
-div.sidebar h3 {
-        font-family: Verdana, Helvetica, Arial, sans-serif;
-        margin: 5px 0 0 0;
-        font-weight: bold;
-        color: #333333;
-}
-
-div.sidebar p {
-        font-size: 0.8em;
-        margin: 3px 0;
-}
-
-div#sidebar ul.hatnav {
-        list-style-type: none;
-        padding-left: 24px;
-        margin-top: 0 !important;
-        line-height: normal !important;
-        list-style-image: none !important;
-}
-
-div#sidebar ul {
-        list-style-type: none;
-}
-                                                        
-div#sidebar ul.hatnav li {
-        text-align: right;
-        border: 1px gray solid;
-        padding-top: 2px;
-        padding-bottom: 2px;
-        background-color: #111;
-        color: white;
-}
-                                
-div#sidebar ul.hatnav li a {
-        display: block;
-        width: 95%;
-        color: white;
-}
-
-div#sidebar li img {
-        border: 0;
-        height: 16px;
-        width: 16px;
-}
-
-div#sidebar ul.hatnav li.active {
-        background-color:#00FF00;
-        border: none;
-}
-
-div#sidebar ul.hatnav li:hover {
-        background-color:yellow;
-        border: none;
-}
-
-div#sidebar ul li.active a, div#sidebar ul li a:hover {
-        color: black;
-}
-
 div.cleardiv {
         clear: both;
 }
@@ -0,0 +1,4 @@
+body {
+ background-color: aqua;
+ background-image: url(/theme/images/backgrounds/island6.PNG);
+}
@@ -0,0 +1,85 @@
+<?php
+/*
+       444444444  
+      4::::::::4  
+     4:::::::::4  
+    4::::44::::4  
+   4::::4 4::::4   Four Island
+  4::::4  4::::4  
+ 4::::4   4::::4   Written and maintained by Starla Insigna
+4::::444444::::444
+4::::::::::::::::4  theme/css/headers.php
+4444444444:::::444
+          4::::4   Please do not use, reproduce or steal the
+          4::::4   contents of this file without explicit
+          4::::4   permission from Hatkirby.
+        44::::::44
+        4::::::::4
+        4444444444
+*/
+
+if (!defined('S_INCLUDE_FILE')) {define('S_INCLUDE_FILE',1);}
+
+require('headerproc.php');
+
+?>
+/* Four Island Header CSS */
+<?php
+
+include_once('../includes/specialdates.php');
+
+if (sd_ifNoSpecialDay())
+{
+        $bgimgm = 'main';
+} elseif (sd_isSpecialDay('Four Island A'))
+{
+        $bgimgm = 'islandYearly';
+} elseif (sd_isSpecialDay('Mothers Day'))
+{
+        $bgimgm = 'mothers';
+} elseif (sd_isSpecialDay('Memorial Day'))
+{
+        $bgimgm = 'memorial';
+} elseif (sd_isSpecialDay('Hatkirbys B-Day'))
+{
+        $bgimgm = 'hatkirbybday';
+} else if (sd_isSpecialDay('CTNH'))
+{
+        $bgimgm = 'ctnh';
+} else {
+        $bgimgm = 'main';
+}
+
+if ($bgimgm == 'main')
+{
+        //Check for page-based headers
+?>
+/* Category-Based Headers */
+body.projects div#banner {
+ background-image: url("/theme/images/headers/projects.png");
+}
+body.wiki div#banner {
+ background-image: url("/theme/images/headers/kfm.png");
+}
+body.fourm div#banner {
+ background-image: url("/theme/images/headers/fourm.png");
+}
+body.misc div#banner {
+ background-image: url("/theme/images/headers/random.png");
+}
+body.webs div#banner {
+ background-image: url("/theme/images/headers/links.png");
+}
+body.quotes div#banner {
+ background-image: url("/theme/images/headers/quotes.png");
+}
+body.poll div#banner {
+ background-image: url("/theme/images/headers/potw.png");
+}
+/* AID-Based Headers */
+<?php
+}
+?>
+div#banner {
+ background-image: url("/theme/images/headers/<?php echo($bgimgm); ?>.png"); /*850x129*/
+}
@@ -0,0 +1,112 @@
+<?php
+/*
+       444444444  
+      4::::::::4  
+     4:::::::::4  
+    4::::44::::4  
+   4::::4 4::::4   Four Island
+  4::::4  4::::4  
+ 4::::4   4::::4   Written and maintained by Starla Insigna
+4::::444444::::444
+4::::::::::::::::4  theme/css/holiday.php
+4444444444:::::444
+          4::::4   Please do not use, reproduce or steal the
+          4::::4   contents of this file without explicit
+          4::::4   permission from Hatkirby.
+        44::::::44
+        4::::::::4
+        4444444444
+*/
+
+if (!defined('S_INCLUDE_FILE')) {define('S_INCLUDE_FILE',1);}
+
+require('headerproc.php');
+
+if (sd_isSpecialDay('Four Island A'))
+{
+        $bgimgm = 'islandYearly';
+} elseif (sd_isSpecialDay('Christmas Eve'))
+{
+        $bgimgm = 'christmasEve';
+        $bgcolor = 'black';
+} elseif (sd_isSpecialDay('Christmas Day'))
+{
+        $bgimgm = 'christmas';
+} elseif (sd_isSpecialDay('New Years Eve'))
+{
+        $bgimgm = 'newYearsEve';
+        $bgcolor = 'black';
+} elseif (sd_isSpecialDay('Veterans Day'))
+{
+        $bgimgm = 'veterans';
+} elseif (sd_isSpecialDay('Independance Day'))
+{
+        $bgimgm = '4ofjuly';
+        $bgcolor = 'black';
+} elseif (sd_isSpecialDay('Fathers Day'))
+{
+        $bgimgm = 'fathers';
+} elseif (sd_isSpecialDay('Hatkirbys B-Day'))
+{
+        $bgimgm = 'hatkirbybday';
+} elseif (sd_isSpecialDay('Kirby Week'))
+{
+        $bgimgm = 'kirbyweek';
+} elseif (sd_isSpecialDay('Memorial Day'))
+{
+        $bgimgm = 'memorial';
+        $bgcolor = 'gray';
+} elseif (sd_isSpecialDay('Mothers Day'))
+{
+        $bgimgm = 'mothers';
+} elseif (sd_isSpecialDay('New Years Day'))
+{
+        $bgimgm = 'newYear';
+} elseif (sd_isSpecialDay('Ash Wednesday'))
+{
+        $bgimgm = 'ashWeds';
+} elseif (sd_isSpecialDay('Columbus Day'))
+{
+        $bgimgm = 'columbus';
+} elseif (sd_isSpecialDay('Easter'))
+{
+        $bgimgm = 'easter';
+} elseif (sd_isSpecialDay('Flag Day'))
+{
+        $bgimgm = 'flagDay';
+} elseif (sd_isSpecialDay('Good Friday'))
+{
+        $bgimgm = 'goodFriday';
+} elseif (sd_isSpecialDay('Groundhog Day'))
+{
+        $bgimgm = 'groundhog';
+} elseif (sd_isSpecialDay('Halloween'))
+{
+        $bgimgm = 'halloween';
+        $bgcolor = 'black';
+} elseif (sd_isSpecialDay('Mardi Gras'))
+{
+        $bgimgm = 'mardiGras';
+} elseif (sd_isSpecialDay('Martin Luther King Day'))
+{
+        $bgimgm = 'martinLuther';
+} elseif (sd_isSpecialDay('Valentines Day'))
+{
+        $bgimgm = 'valentines';
+}
+
+$bodyID = $_GET['id'];
+if (!isset($bgcolor))
+{
+        $bgcolor='aqua';
+
+        include("css/day.css");
+} else {
+        include("css/night.css");
+}
+
+?>
+
+body {
+ background-image: url(/theme/images/backgrounds/<?php echo($bgimgm); ?>.PNG) !important;
+}
@@ -0,0 +1,272 @@
+<HTML>
+        <HEAD>
+                <TITLE><!--EXTRATITLE-->Four Island</TITLE>
+
+                <LINK REL="stylesheet" TYPE="text/css" HREF="http://fourisland.com/theme/css.php?id=<!--BODYID-->&amp;cat=<!--CATEGORY-->" />
+                <LINK REL="stylesheet" TYPE="text/css" HREF="http://fourisland.com/theme/css/thickbox.css" />
+                <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8" />
+                <META HTTP-EQUIV="Content-Language" CONTENT="en" />
+                <LINK REL="alternate" TYPE="application/rss+xml" HREF="http://feeds.feedburner.com/FourIsland?format=xml" TITLE="Four Island" />
+                <LINK REL="shortcut" HREF="/images/kirbyfolder.ico" />
+                <LINK REL="icon" HREF="/images/kirbyfolder.ico" />
+                <LINK REL="pingback" HREF="http://fourisland.com/xmlrpc.php" />
+                <SCRIPT TYPE="text/javascript" SRC="/theme/js/jquery.js"></SCRIPT>
+
+                <!--HEADTAGS-->
+        </HEAD>
+
+        <BODY ID="<!--BODYID-->" CLASS="<!--CATEGORY--> <!--AID--> <!--CATEGORY-->-<!--AID-->"<!--BODYTAGS-->>
+                <DIV ID="flash">
+                        You can get notifications on new Four Island posts either via
+                        <A HREF="http://feeds.feedburner.com/FourIsland">RSS</A>
+                        or
+                        <A HREF="http://www.feedburner.com/fb/a/emailverifySubmit?feedId=1464430">Email</A>
+                </DIV>
+
+                <DIV ID="wrap">
+                        <DIV ID="page-header">
+                                <SPAN CLASS="side-left"></SPAN>
+                                <DIV ID="banner" STYLE="position: relative;">
+                                        <H1 ID="logo-banner"><A HREF="/" TITLE="Four Island">Four Island</A></H1>
+                                </DIV>
+                                <SPAN CLASS="side-right"></SPAN>
+                        </DIV>
+
+                        <DIV ID="banner-nav">
+                                <UL ID="bannernav">
+                                        <LI id="bannernav-home"><A HREF="/" REL="home"><B><SPAN>Home</SPAN></B></A></LI>
+                                        <LI id="bannernav-projects"><A HREF="http://projects.fourisland.com"><B><SPAN>Projects</SPAN></B></A></LI>
+                                        <LI id="bannernav-fourm"><A HREF="/fourm/"><B><SPAN>Fourm</SPAN></B></A></LI>
+                                        <LI id="bannernav-poll"><A HREF="/poll/"><B><SPAN>Poll</SPAN></B></A></LI>
+                                        <LI id="bannernav-quotes"><A HREF="/quotes/"><B><SPAN>Quotes</SPAN></B></A></LI>
+                                        <LI id="bannernav-<!--LOWERLOGDATA-->"><A HREF="http://fourisland.com/fourm/ucp.php?mode=log<!--LOGDATA-->&amp;redirect=<!--REDIRPAGE-->&amp;sid=<!--SID-->"><B><SPAN>Log<!--LOGDATA--></SPAN></B></A></LI>
+                                        <!--BEGIN PANEL-->
+                                        <LI id="bannernav-panel"><A HREF="/admin/"><B><SPAN>Panel</SPAN></B></A></LI>
+                                        <!--END PANEL-->
+                                </UL>
+                        </DIV>
+
+                        <DIV CLASS="push"></DIV>
+
+                        <DIV id="page-body">
+                                <DIV id="content">
+                                        <!--CONTENT-->
+                                </DIV>
+
+                                <!--BEGIN RIGHTBAR-->
+                                <DIV ID="rightbar">
+                                        <DIV CLASS="rounded module pimped sidebar">
+                                                Hi! My name is Hatkirby, and I run Four Island.
+
+                                                <P>
+                                                        Four Island is a fun place with a blog,
+                                                        a fourm, a wiki, many projects and a quotes database!<BR>
+
+                                                        I hope you enjoy your time on Four Island!
+                                                </P>
+                                        </DIV>
+
+                                        <CITE CLASS="rounded light-at-night"><STRONG>Hatkirby</STRONG> on Four Island</CITE>
+
+                                        <P />
+
+                                        <!--BEGIN CREATE_HATNAV-->
+                                        <div class="rounded module sidebar">
+                                                <h3>Hatnav</h3>
+
+                                                <ul>
+                                        <!--END CREATE_HATNAV-->
+
+                                        <!--BEGIN HATNAV-->
+                                                <LI STYLE="margin-left: 10"><A HREF="<!--HATNAV.URL-->"><IMG SRC="/theme/images/icons/<!--HATNAV.ICON-->.png" ALT="<!--HATNAV.TITLE-->"><!--HATNAV.TITLE--></A></LI>
+                                        <!--END HATNAV-->
+
+                                        <!--BEGIN CREATE_HATNAV-->
+                                                </ul>
+                                        </div>
+
+                                        <P />
+                                        <!--END CREATE_HATNAV-->
+                                        
+                                        <div class="module rounded sidebar">
+                                                <h3>Poll of the Week</h3>
+
+                                                <!--POTW-->
+                                        </div>
+
+                                        <P />
+
+                                        <DIV class="sidebar module rounded">
+                                                <H3>Hatbar</H3><P>
+
+                                                <P>
+                                                        <SPAN ID="hitcounter">
+                                                                Hits: <!--HITS--><BR>
+                                                                Today: <!--TODAY-->
+                                                        </SPAN>
+                                                </P>
+
+                                                <p><!--DATEFINDER--></p>
+
+                                                <P ALIGN="center">
+                                                        <A HREF="/addresses.php" TITLE="goodemail@happybobby.com"><IMG SRC="/images/btn_bot.png" ALT="Addresses galore!"></A><BR>
+
+                                                        <a href="http://www.prchecker.info/" target="_blank"><img src="http://pr.prchecker.info/getpr.php?codex=aHR0cDovL2ZvdXJpc2xhbmQuY29t&amp;tag=3" alt="Page Rank Check" border="0"></a>
+
+                                                        <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/us/80x15.png"></a><BR>
+
+                                                        <a href="http://whos.amung.us/show/t1sj4g2u"><img src="http://whos.amung.us/swidget/t1sj4g2u.gif" alt="website stats" width="80" height="15" border="0"></a>
+
+                                                        <a href="http://feeds2.feedburner.com/FourIsland"><img src="http://feeds2.feedburner.com/~fc/FourIsland?bg=99CCFF&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt=""></a><BR>
+
+                                                        <A HREF="/rss.php?mode=comments">Comments Feed</A>
+                                                </P>
+
+                                                <p>
+                                                        <strong>Theme Switcher</strong>:
+                                                        <select style="width: 55%" onchange="document.location='<!--ME-->?layout='+this.options[this.selectedIndex].value">
+                                                                <option value="7">7</option>
+                                                                <option value="6.2">6.2</option>
+                                                                <option value="4.5" selected="selected">4.5</option>
+                                                        </select>
+                                                </p>
+                                        </DIV>
+
+                                        <P />
+
+                                        <DIV class="sidebar module rounded">
+                                                <H3>Affiliates</H3>
+
+                                                <ul>
+                                                        <!--BEGIN AFFILIATES-->
+                                                        <li>
+                                                                <img src="/theme/images/icons/tag_<!--AFFILIATES.COLOR-->.png" alt="<!--AFFILIATES.TITLE-->" />
+                                                                <a href="<!--AFFILIATES.URL-->"><!--AFFILIATES.TITLE--></a>
+                                                        </li>
+                                                        <!--END AFFILIATES-->
+                                                </ul>
+                                        </DIV>
+
+                                        <P />
+
+                                        <DIV class="sidebar module rounded">
+                                                <H3>Website Projects</H3>
+
+                                                <ul>
+                                                        <!--BEGIN WEBPROJS-->
+                                                        <li>
+                                                                <img src="/theme/images/icons/tag_<!--WEBPROJS.COLOR-->.png" alt="<!--WEBPROJS.TITLE-->" />
+                                                                <a href="<!--WEBPROJS.URL-->"><!--WEBPROJS.TITLE--></a>
+                                                        </li>
+                                                        <!--END WEBPROJS-->
+                                                </ul>
+                                        </DIV>
+
+                                        <P />
+
+                                        <DIV class="sidebar module rounded">
+                                                <H3>Popular Posts</H3>
+
+                                                <UL>
+                                                        <!--BEGIN POPULAR-->
+                                                        <LI STYLE="font-size: 0.9em"><A HREF="/blog/<!--POPULAR.CODED-->/"><!--POPULAR.TITLE--></A></LI>
+                                                        <!--END POPULAR-->
+                                                </UL>
+                                        </DIV>
+
+                                        <P />
+
+                                        <DIV class="sidebar module rounded">
+                                                <H3>Recent Comments</H3>
+
+                                                <UL>
+                                                        <!--BEGIN COMMENTS-->
+                                                        <LI STYLE="font-size: 0.9em"><!--COMMENTS.AUTHOR--> on <A HREF="/<!--COMMENTS.AREA-->/<!--COMMENTS.CODED--><!--COMMENTS.ENDING-->#comment-<!--COMMENTS.ID-->"><!--COMMENTS.TITLE--></A></LI>
+                                                        <!--END COMMENTS-->
+                                                </UL>
+                                        </DIV>
+
+                                        <P />
+
+                                        <DIV class="sidebar module rounded">
+                                                <H3>Recent Fourm Posts</H3>
+
+                                                <UL>
+                                                        <!--BEGIN FOURM-->
+                                                        <LI STYLE="font-size: 0.9em"><!--FOURM.USERNAME--> on <A HREF="/fourm/viewtopic.php?t=<!--FOURM.TOPIC-->&amp;p=<!--FOURM.POST-->#p<!--FOURM.POST-->"><!--FOURM.SUBJECT--></A></LI>
+                                                        <!--END FOURM-->
+                                                </UL>
+                                        </DIV>
+
+                                        <P />
+
+                                        <DIV class="sidebar module rounded">
+                                                <H3>Top Commenters</H3>
+
+                                                <UL>
+                                                        <!--BEGIN TOP-->
+                                                        <LI STYLE="font-size: 0.9em"><!--TOP.USERNAME--> (<!--TOP.COUNT-->)</LI>
+                                                        <!--END TOP-->
+                                                </UL>
+                                        </DIV>
+
+                                        <P />
+
+                                        <DIV CLASS="sidebar module rounded pimped">
+                                                Like something you see here on Four Island?
+
+                                                <P>
+                                                        Well, the best way to promote a post here is to link to it from your blog.
+                                                        We always appreciate Pingbacks.<BR>
+
+                                                        Of course, if you don't have a blog,
+                                                        you could simply comment on the post in question.<BR>
+
+                                                        Can't be bothered to think up a comment? Well, you can always rate it then.<BR>
+
+                                                        There's always a way to show how you feel about a post on Four Island.
+                                                </P>
+                                        </DIV>
+
+                                        <CITE CLASS="rounded light-at-night"><STRONG>Hatkirby</STRONG> on Four Island</CITE>
+
+                                        <!--BEGIN SIDEBARS-->
+                                        <DIV class="sidebar">
+                                                <DIV CLASS="bubble">
+                                                        <DIV CLASS="rounded">
+                                                                <BLOCKQUOTE>
+                                                                        <H3><!--SIDEBARS.TITLE--></H3>
+
+                                                                        <P>
+                                                                                <!--SIDEBARS.TEXT-->
+                                                                        </P>
+                                                                </BLOCKQUOTE>
+                                                        </DIV>
+                                                </DIV>
+                                        </DIV>
+                                        <!--END SIDEBARS-->
+                                </DIV>
+                                <!--END RIGHTBAR-->
+
+                                <DIV CLASS="cleardiv"></DIV>
+
+                                <!--BEGIN ONFOURM-->
+                                <DIV>
+                                <!--END ONFOURM-->
+                        </DIV>
+
+                        <DIV ID="footer">
+                                <UL CLASS="rows">
+                                        <LI><span xmlns:dc="http://purl.org/dc/elements/1.1/" property="dc:title">Four Island</span> (<a href="http://code.fourisland.com/fourisland/">r<!--REVISION--></a>) by <a xmlns:cc="http://creativecommons.org/ns#" href="http://www.fourisland.com" property="cc:attributionName" rel="cc:attributionURL">Starla Insigna</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/">Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License</a>.</LI>
+                                        <LI><A HREF="/wiki/privacy-policy/">Privacy Policy</A></LI>
+                                </UL>
+
+                                <UL CLASS="together">
+                                        <LI><A HREF="http://jigsaw.w3.org/css-validator/"><IMG SRC="/theme/images/icons/css_valid.png"></A></LI>
+                                        <LI><A HREF="/no-doctype.php"><IMG SRC="/theme/images/icons/html_valid.png"></A></LI>
+                                        <LI><A class="noVisit" HREF="/rss.php"><IMG SRC="/theme/images/icons/feed.png"></A></LI>
+                                </UL>
+                        </DIV>
+                </DIV>
+        </BODY>
+</HTML>
@@ -0,0 +1,173 @@
+/* Four Island NavBar CSS */

+

+ul#bannernav {

+ list-style: none;

+ clear: both;

+ margin: 0px;

+}

+

+div#banner-nav {

+ height: 30px;

+ clear: both;

+ margin: 1px 30px 0 30px;

+ background: url("/theme/images/bg_navbar.gif") repeat-x 0 0;

+}

+

+ul#bannernav li {

+ float: left;

+ margin: 0;

+ padding: 0;

+ padding-right: 6px;

+}

+

+ul#bannernav li a {

+ text-decoration: none;

+ display: block;

+ width: 100;

+ height: 30;

+}

+

+ul#bannernav li a span {

+ visibility: hidden;

+}

+

+ul#bannernav li img {

+ display: none;

+}

+

+ul#bannernav li#bannernav-home a {

+ background-image: url("/theme/images/Home.gif");

+}

+

+body.home ul#bannernav li#bannernav-home a,

+ul#bannernav li#bannernav-home a:hover {

+ background-image: url("/theme/images/Home_ro.gif");

+}

+

+ul#bannernav li#bannernav-projects a {

+ background-image: url("/theme/images/Projects.gif");

+}

+

+body.projects ul#bannernav li#bannernav-projects a,

+ul#bannernav li#bannernav-projects a:hover {

+ background-image: url("/theme/images/Projects_ro.gif");

+}

+

+ul#bannernav li#bannernav-wiki a {

+ background-image: url("/theme/images/Wiki.gif");

+}

+

+body.wiki ul#bannernav li#bannernav-wiki a,

+ul#bannernav li#bannernav-wiki a:hover {

+ background-image: url("/theme/images/Wiki_ro.gif");

+}

+

+ul#bannernav li#bannernav-fourm a {

+ background-image: url("/theme/images/Fourm.gif");

+}

+

+body.fourm ul#bannernav li#bannernav-fourm a,

+ul#bannernav li#bannernav-fourm a:hover {

+ background-image: url("/theme/images/Fourm_ro.gif");

+}

+

+ul#bannernav li#bannernav-misc a {

+ background-image: url("/theme/images/Random.gif");

+}

+

+body.misc ul#bannernav li#bannernav-misc a,

+ul#bannernav li#bannernav-misc a:hover {

+ background-image: url("/theme/images/Random_ro.gif");

+}

+

+ul#bannernav li#bannernav-webs a {

+ background-image: url("/theme/images/Links.gif");

+}

+

+body.webs ul#bannernav li#bannernav-webs a,

+ul#bannernav li#bannernav-webs a:hover {

+ background-image: url("/theme/images/Links_ro.gif");

+}

+

+ul#bannernav li#bannernav-poll a {

+ background-image: url("/theme/images/Poll.gif");

+}

+

+body.poll ul#bannernav li#bannernav-poll a,

+ul#bannernav li#bannernav-poll a:hover {

+ background-image: url("/theme/images/Poll_ro.gif");

+}

+

+ul#bannernav li#bannernav-quotes a {

+ background-image: url("/theme/images/Quotes.gif");

+}

+

+body.quotes ul#bannernav li#bannernav-quotes a,

+ul#bannernav li#bannernav-quotes a:hover {

+ background-image: url("/theme/images/Quotes_ro.gif");

+}

+

+ul#bannernav li#bannernav-login a {

+ background-image: url("/theme/images/Login.gif");

+}

+

+body.login ul#bannernav li#bannernav-login a,

+ul#bannernav li#bannernav-login a:hover {

+ background-image: url("/theme/images/Login_ro.gif");

+}

+

+ul#bannernav li#bannernav-logout a {

+ background-image: url("/theme/images/Logout.gif");

+}

+

+ul#bannernav li#bannernav-logout a:hover {

+ background-image: url("/theme/images/Logout_ro.gif");

+}

+

+ul#bannernav li#bannernav-panel a {

+ background-image: url("/theme/images/Panel.gif");

+}

+

+body.panel ul#bannernav li#bannernav-panel a,

+ul#bannernav li#bannernav-panel a:hover {

+ background-image: url("/theme/images/Panel_ro.gif");

+}

+

+ul#bannernav li#bannernav-search {

+ display: block;

+ float: right;

+ width: 165px;

+ height: 30px;

+ margin: 0px;

+ background: url("/theme/images/bg_search.gif") 0 0 no-repeat;

+}

+

+ul#bannernav li#bannernav-search fieldset {

+ border: none;

+ padding-top: 6px;

+ border-width:0pt;

+ font-family:Verdana,Helvetica,Arial,sans-serif;

+ font-size:1.1em;

+}

+

+ul#bannernav li#bannernav-search input {

+ width: 125px;

+ height: 19px !important;

+ margin-left: 13px;

+ border: none !important;

+ background-color: transparent;

+ cursor:pointer;

+ font-family:Verdana,Helvetica,Arial,sans-serif;

+ font-weight:normal;

+ padding:0pt 3px;

+ vertical-align:middle;

+ line-height:1.3em;

+ color:#536482;

+ margin-top: -20px;

+}

+

+body.fourm ul#bannernav li#bannernav-search input {

+ margin-top: 0px;

+ font-size: 1.1em !important;

+ margin-left: 28px;

+}
@@ -0,0 +1,4 @@
+body {
+ background-color: black;
+ background-image: url(/theme/images/backgrounds/island6night.PNG);
+}
@@ -0,0 +1,233 @@
+body {
+ background-repeat: repeat-x;
+ background-attachment: fixed;
+ background-position: bottom left;
+ font-family: Arial, FreeSans;
+ margin: 0px;
+ padding: 0px 0px 30px !important;
+}
+
+body.fourm {
+ font-family: Verdana, Helvetica, Arial, sans-serif;
+}
+
+body.fourm div#content {
+ width: 100%;
+ float: none;
+}
+
+body.fourm div#wrap,
+body.poll div#wrap,
+body.quotes div#wrap,
+body.admin div#wrap {
+ background-image: url(/theme/images/bg_body.gif);
+ background-repeat: repeat-y;
+}
+
+div#banner, div#fi-banner {
+ background-repeat: no-repeat;
+ width: 850px;
+ height: 129px;
+ float: left;
+ margin-top: 21px;
+}
+
+#page-header {
+ background: url("/theme/images/bg_header.gif") repeat-x 0 0;
+ height: 150px;
+ clear: both;
+}
+
+div#banner {
+ background-image: url("/theme/images/fourisland_header.png");
+}
+
+body div#banner h1, body div#fi-banner h1 {
+ margin: 0;
+}
+
+body div#banner h1 a, body div#fi-banner h1 a {
+ display: block;
+ width: 850px;
+ height: 129px;
+ text-indent: -5000px;
+ text-decoration: none;
+ margin: 0;
+}
+
+div#banner h1, div#fi-banner h1 {
+ margin: 0;
+ font-size: 3.0em;
+ font-weight: normal;
+}
+                                
+div#bannernav {
+ text-align: center;
+}
+
+span.side-left, span.side-right {
+ display: block;
+ width: 20px;
+ height: 150px;
+ background: url("/theme/images/sides_top.gif") no-repeat;
+}
+
+span.side-left {
+ float: left;
+ margin-right: 10px;
+}
+
+span.side-right {
+ background-position: 100% 0;
+ float: right;
+}
+
+/* Sidebar */
+
+div#rightbar {
+ float: right;
+ width: 250px; /*210*/
+ padding: 0 10;
+}
+
+div.sidebar {
+ width: 250px; /*250*/ /*240*/ /*210*/
+ padding: 0 10px;
+ margin-bottom: 5px;
+}
+
+div.sidebar h3 {
+ font-family: Verdana, Helvetica, Arial, sans-serif;
+ margin: 5px 0 0 0;
+ font-weight: bold;
+ color: #333333;
+}
+
+div.sidebar p {
+ font-size: 0.8em;
+ margin: 3px 0;
+}
+
+div.sidebar ul {
+ list-style-type: none;
+ padding: 0;
+ margin: 0;
+ line-height: normal !important;
+ list-style-image: none !important;
+}
+                                                        
+div#sidebar ul li {
+ margin-top: 4px;
+}
+                                
+div#sidebar ul li a {
+ display: block;
+ width: 230px;
+}
+
+div#sidebar li img {
+ border: 0;
+ height: 16px;
+ width: 16px;
+}
+
+/* Layout */
+
+#wrap {
+ background: #FFFFFF url("/theme/images/bg_body.gif") repeat-y 0 0;
+ width: 910px;
+ margin: 10px auto;
+ text-align: left;
+ padding: 0;
+ margin-top: 25px;
+}
+
+#page-body {
+ margin: 10px 55px 0 30px;
+ clear: both;
+ position: relative;
+}
+
+body.fourm #page-body {
+ margin-left: 25;
+ margin-right: 10;
+ width: 95%;
+ font-size: 62.5%;
+}
+
+#phpBB3-page-body {
+ margin: 4px 0 !important;
+ clear: both;
+}
+
+/* Content */
+                                                                                                                        
+div#content {
+ float: left;
+ width: 555px; /*465*/ /*555*/
+}
+
+
+div#content h2 {
+ color: #59770e;
+ margin: 0px 0px 2px;
+ border-bottom: 1px dotted #CCCCCC;
+ letter-spacing: -1px;
+ font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
+ padding-bottom: 3px;
+}
+
+/* Random Divs/Spans */
+
+                                
+div#footer {
+ clear: both;
+ padding-bottom: 1em;
+ padding-top: .5em;
+ margin-top: .5em;
+ text-align: center;
+ font-size: .68em;
+ width: 100%;
+ border-top: 1px black solid;
+ border-bottom: 4px gray solid;
+}
+
+div#footer ul.rows li {
+ display: list-item;
+}
+
+div#footer ul {
+ padding: 0;
+ margin: 0;
+ list-style-type: none;
+}
+
+div#footer ul li {
+ display: inline;
+ margin-right: 1em;
+}
+
+div#footer ul li img {
+ width: 20px;
+ height: 20px;
+ vertical-align: top;
+}
+
+div#flash {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ background-color: #FBEC5D;
+ height: 20px;
+ z-index: 99;
+ padding-top: 5px;
+ text-align: center;
+ display: block;
+ padding-bottom: 0;
+ border-bottom: none;
+}
+
+* > html div#flash {
+ position: absolute;
+}
@@ -0,0 +1,38 @@
+<?php
+/*
+       444444444  
+      4::::::::4  
+     4:::::::::4  
+    4::::44::::4  
+   4::::4 4::::4   Four Island
+  4::::4  4::::4  
+ 4::::4   4::::4   Written and maintained by Starla Insigna
+4::::444444::::444
+4::::::::::::::::4  theme/layouts/4.5/style.php
+4444444444:::::444
+          4::::4   Please do not use, reproduce or steal the
+          4::::4   contents of this file without explicit
+          4::::4   permission from Hatkirby.
+        44::::::44
+        4::::::::4
+        4444444444
+*/
+
+if (!defined('S_INCLUDE_FILE')) {define('S_INCLUDE_FILE',1);}
+
+require('headerproc.php');
+
+include('layouts/4.5/style.css');
+
+if (((date('G') >= 20) || (date('G') <= 6)) || isset($_GET['night']) && !isset($_GET['day']))
+{
+        include('layouts/4.5/night.css');
+} else {
+        include('layouts/4.5/day.css');
+}
+
+include('layouts/4.5/headers.php');
+include('layouts/4.5/navigation.css');
+include('layouts/4.5/holiday.php');
+
+?>
@@ -0,0 +1,334 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+
+<HTML>
+        <HEAD>
+                <TITLE><!--EXTRATITLE-->Four Island</TITLE>
+
+                <LINK REL="stylesheet" TYPE="text/css" HREF="http://fourisland.com/theme/css.php?id=<!--BODYID-->&amp;cat=<!--CATEGORY-->">
+                <!--[if IE]><LINK REL="stylesheet" TYPE="text/css" HREF="http://fourisland.com/theme/css/ie.css"><![endif]-->
+                <LINK REL="stylesheet" TYPE="text/css" HREF="http://fourisland.com/theme/css/print.css" MEDIA="print">
+                <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
+                <META HTTP-EQUIV="Content-Language" CONTENT="en">
+                <LINK REL="alternate" TYPE="application/rss+xml" HREF="http://feeds.feedburner.com/FourIsland?format=xml" TITLE="Four Island">
+                <LINK REL="shortcut" HREF="/images/kirbyfolder.ico">
+                <LINK REL="icon" HREF="/images/kirbyfolder.ico">
+                <LINK REL="pingback" HREF="http://fourisland.com/xmlrpc.php">
+                <SCRIPT TYPE="text/javascript" SRC="/theme/js/jquery.js"></SCRIPT>
+
+                <!--HEADTAGS-->
+        </HEAD>
+
+        <BODY ID="<!--BODYID-->" CLASS="<!--CATEGORY--> <!--AID--> <!--CATEGORY-->-<!--AID-->"<!--BODYTAGS-->>
+                <div id="flash"><!--FLASH--></div>
+
+                <DIV ID="wrap">
+                        <DIV ID="page-header">
+                                <DIV ID="banner" STYLE="position: relative;">
+                                        <H1 ID="logo-banner">
+                                                <A HREF="/" TITLE="Four Island">Four Island</A>
+                                        </H1>
+                                </DIV>                          
+                        </DIV>
+
+                        <DIV ID="fi-navbar">
+                                <DIV>
+                                        <UL>
+                                                <LI<!--HOMEACTIVE-->>
+                                                        <A HREF="http://fourisland.com/">
+                                                                <IMG SRC="/theme/images/icons/newspaper.png" ALT="Blog">
+                                                                <SPAN>Blog</SPAN>
+                                                        </A>
+                                                </LI>
+
+                                                <LI>
+                                                        <A HREF="http://projects.fourisland.com/">Projects</A>
+                                                </LI>
+
+                                                <LI<!--FOURMACTIVE-->>
+                                                        <A HREF="http://fourisland.com/fourm/">
+                                                                <IMG SRC="/theme/images/icons/comment.png" ALT="The Fourm">
+                                                                <SPAN>The Fourm</SPAN>
+                                                        </A>
+                                                </LI>
+
+                                                <LI<!--POLLACTIVE-->>
+                                                        <A HREF="http://fourisland.com/poll/">
+                                                                <IMG SRC="/theme/images/icons/overlays.png" ALT="Polls">
+                                                                <SPAN>Polls</SPAN>
+                                                        </A>
+                                                </LI>
+
+                                                <LI<!--QUOTESACTIVE-->>
+                                                        <A HREF="http://fourisland.com/quotes/">
+                                                                <IMG SRC="/theme/images/icons/16-file-page.png" ALT="Quotes">
+                                                                <SPAN>Quotes</SPAN>
+                                                        </A>
+                                                </LI>
+
+                                                <!--BEGIN MEMBERS-->
+                                                <LI<!--LOGACTIVE-->>
+                                                        <A HREF="http://fourisland.com/fourm/ucp.php?mode=log<!--LOGDATA-->&amp;redirect=<!--REDIRPAGE-->&amp;sid=<!--SID-->">
+                                                                <IMG SRC="/theme/images/icons/door_in.png" ALT="Log<!--LOGDATA-->">
+                                                                <SPAN>Log<!--LOGDATA--></SPAN>
+                                                        </A>
+                                                </LI>
+                                                <!--END MEMBERS-->
+
+                                                <!--BEGIN ADMIN-->
+                                                <LI<!--PANELACTIVE-->>
+                                                        <A HREF="http://fourisland.com/admin/">
+                                                                <IMG SRC="/theme/images/icons/rainbow.png" ALT="Admin">
+                                                                <SPAN>Admin</SPAN>
+                                                        </A>
+                                                </LI>
+                                                <!--END ADMIN-->
+                                        </UL>
+                                </DIV>
+                        </DIV>
+
+                        <DIV id="page-body">
+                                <!--BEGIN RIGHTBAR-->
+                                <DIV ID="rightbar">
+                                        <DIV CLASS="rounded module pimped sidebar">
+                                                Hi! My name is Hatkirby, and I run Four Island.
+
+                                                <P>
+                                                        Four Island is a fun place with a blog,
+                                                        a fourm, a wiki, many projects and a quotes database!<BR>
+
+                                                        I hope you enjoy your time on Four Island!
+                                                </P>
+                                        </DIV>
+
+                                        <CITE CLASS="rounded light-at-night"><STRONG>Hatkirby</STRONG> on Four Island</CITE>
+
+                                        <P />
+
+                                        <!--BEGIN CREATE_HATNAV-->
+                                        <div class="rounded module sidebar">
+                                                <h3>Hatnav</h3>
+
+                                                <ul>
+                                        <!--END CREATE_HATNAV-->
+
+                                        <!--BEGIN HATNAV-->
+                                                <LI STYLE="margin-left: 10"><A HREF="<!--HATNAV.URL-->"><IMG SRC="/theme/images/icons/<!--HATNAV.ICON-->.png" ALT="<!--HATNAV.TITLE-->"><!--HATNAV.TITLE--></A></LI>
+                                        <!--END HATNAV-->
+
+                                        <!--BEGIN CREATE_HATNAV-->
+                                                </ul>
+                                        </div>
+
+                                        <P />
+                                        <!--END CREATE_HATNAV-->
+                                        
+                                        <div class="module rounded sidebar">
+                                                <h3>Poll of the Week</h3>
+
+                                                <!--POTW-->
+                                        </div>
+
+                                        <P />
+
+                                        <DIV class="sidebar module rounded">
+                                                <H3>Hatbar</H3><P>
+
+                                                <P>
+                                                        <SPAN ID="hitcounter">
+                                                                Hits: <!--HITS--><BR>
+                                                                Today: <!--TODAY-->
+                                                        </SPAN>
+                                                </P>
+
+                                                <p><!--DATEFINDER--></p>
+
+                                                <P ALIGN="center">
+                                                        <A HREF="/addresses.php" TITLE="goodemail@happybobby.com"><IMG SRC="/images/btn_bot.png" ALT="Addresses galore!"></A><BR>
+
+                                                        <a href="http://www.prchecker.info/" target="_blank"><img src="http://pr.prchecker.info/getpr.php?codex=aHR0cDovL2ZvdXJpc2xhbmQuY29t&amp;tag=3" alt="Page Rank Check" border="0"></a>
+
+                                                        <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/us/80x15.png"></a><BR>
+
+                                                        <a href="http://whos.amung.us/show/t1sj4g2u"><img src="http://whos.amung.us/swidget/t1sj4g2u.gif" alt="website stats" width="80" height="15" border="0"></a>
+
+                                                        <a href="http://feeds2.feedburner.com/FourIsland"><img src="http://feeds2.feedburner.com/~fc/FourIsland?bg=99CCFF&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt=""></a><BR>
+
+                                                        <A HREF="/rss.php?mode=comments">Comments Feed</A>
+                                                </P>
+
+                                                <p>
+                                                        <strong>Theme Switcher</strong>:
+                                                        <select style="width: 55%" onchange="document.location='<!--ME-->?layout='+this.options[this.selectedIndex].value">
+                                                                <option value="7">7</option>
+                                                                <option value="6.2" selected="selected">6.2</option>
+                                                                <option value="4.5">4.5</option>
+                                                        </select>
+                                                </p>
+                                        </DIV>
+
+                                        <P />
+
+                                        <DIV class="sidebar module rounded">
+                                                <H3>Affiliates</H3>
+
+                                                <ul>
+                                                        <!--BEGIN AFFILIATES-->
+                                                        <li>
+                                                                <img src="/theme/images/icons/tag_<!--AFFILIATES.COLOR-->.png" alt="<!--AFFILIATES.TITLE-->" />
+                                                                <a href="<!--AFFILIATES.URL-->"><!--AFFILIATES.TITLE--></a>
+                                                        </li>
+                                                        <!--END AFFILIATES-->
+                                                </ul>
+                                        </DIV>
+
+                                        <P />
+
+                                        <DIV class="sidebar module rounded">
+                                                <H3>Website Projects</H3>
+
+                                                <ul>
+                                                        <!--BEGIN WEBPROJS-->
+                                                        <li>
+                                                                <img src="/theme/images/icons/tag_<!--WEBPROJS.COLOR-->.png" alt="<!--WEBPROJS.TITLE-->" />
+                                                                <a href="<!--WEBPROJS.URL-->"><!--WEBPROJS.TITLE--></a>
+                                                        </li>
+                                                        <!--END WEBPROJS-->
+                                                </ul>
+                                        </DIV>
+
+                                        <P />
+
+                                        <DIV class="sidebar module rounded">
+                                                <H3>Popular Posts</H3>
+
+                                                <UL>
+                                                        <!--BEGIN POPULAR-->
+                                                        <LI STYLE="font-size: 0.9em"><A HREF="/blog/<!--POPULAR.CODED-->/"><!--POPULAR.TITLE--></A></LI>
+                                                        <!--END POPULAR-->
+                                                </UL>
+                                        </DIV>
+
+                                        <P />
+                                        <DIV class="sidebar module rounded">
+                                                <H3>Tag Cloud</H3>
+
+                                                <P>
+                                                        <!--BEGIN TAGCLOUD-->
+                                                        <A HREF="/blog/tag/<!--TAGCLOUD.TAG-->.php" STYLE="font-size: <!--TAGCLOUD.SIZE-->pt" TITLE="<!--TAGCLOUD.TAG--> (<!--TAGCLOUD.COUNT-->)"><!--TAGCLOUD.TAG--></A>
+                                                        <!--END TAGCLOUD-->
+                                                </P>
+                                        </DIV>
+
+                                        <P />
+
+                                        <DIV class="sidebar module rounded">
+                                                <H3>Recent Comments</H3>
+
+                                                <UL>
+                                                        <!--BEGIN COMMENTS-->
+                                                        <LI STYLE="font-size: 0.9em"><!--COMMENTS.AUTHOR--> on <A HREF="/<!--COMMENTS.AREA-->/<!--COMMENTS.CODED--><!--COMMENTS.ENDING-->#comment-<!--COMMENTS.ID-->"><!--COMMENTS.TITLE--></A></LI>
+                                                        <!--END COMMENTS-->
+                                                </UL>
+                                        </DIV>
+
+                                        <P />
+
+                                        <DIV class="sidebar module rounded">
+                                                <H3>Recent Fourm Posts</H3>
+
+                                                <UL>
+                                                        <!--BEGIN FOURM-->
+                                                        <LI STYLE="font-size: 0.9em"><!--FOURM.USERNAME--> on <A HREF="/fourm/viewtopic.php?t=<!--FOURM.TOPIC-->&amp;p=<!--FOURM.POST-->#p<!--FOURM.POST-->"><!--FOURM.SUBJECT--></A></LI>
+                                                        <!--END FOURM-->
+                                                </UL>
+                                        </DIV>
+
+                                        <P />
+
+                                        <DIV class="sidebar module rounded">
+                                                <H3>Top Commenters</H3>
+
+                                                <UL>
+                                                        <!--BEGIN TOP-->
+                                                        <LI STYLE="font-size: 0.9em"><!--TOP.USERNAME--> (<!--TOP.COUNT-->)</LI>
+                                                        <!--END TOP-->
+                                                </UL>
+                                        </DIV>
+
+                                        <P />
+
+                                        <DIV CLASS="sidebar module rounded pimped">
+                                                Like something you see here on Four Island?
+
+                                                <P>
+                                                        Well, the best way to promote a post here is to link to it from your blog.
+                                                        We always appreciate Pingbacks.<BR>
+
+                                                        Of course, if you don't have a blog,
+                                                        you could simply comment on the post in question.<BR>
+
+                                                        Can't be bothered to think up a comment? Well, you can always rate it then.<BR>
+
+                                                        There's always a way to show how you feel about a post on Four Island.
+                                                </P>
+                                        </DIV>
+
+                                        <CITE CLASS="rounded light-at-night"><STRONG>Hatkirby</STRONG> on Four Island</CITE>
+
+                                        <!--BEGIN SIDEBARS-->
+                                        <DIV class="sidebar">
+                                                <DIV CLASS="bubble">
+                                                        <DIV CLASS="rounded">
+                                                                <BLOCKQUOTE>
+                                                                        <H3><!--SIDEBARS.TITLE--></H3>
+
+                                                                        <P>
+                                                                                <!--SIDEBARS.TEXT-->
+                                                                        </P>
+                                                                </BLOCKQUOTE>
+                                                        </DIV>
+                                                </DIV>
+                                        </DIV>
+                                        <!--END SIDEBARS-->
+                                </DIV>
+                                <!--END RIGHTBAR-->
+
+                                <DIV id="content">
+                                        <!--CONTENT-->
+                                </DIV>
+
+                                <DIV CLASS="cleardiv"></DIV>
+
+                                <!--BEGIN ONFOURM-->
+                                <DIV>
+                                <!--END ONFOURM-->
+                        </DIV>
+
+                        <DIV ID="footer">
+                                <UL CLASS="rows">
+                                        <LI>Four Island (<a href="http://code.fourisland.com/fourisland/">r<!--REVISION--></a>) is by <a href="http://fourisland.com">Starla Insigna</a></LI>
+                                        <LI>Licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/">Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License</a>.</LI>
+                                        <LI><A HREF="/wiki/privacy-policy/">Privacy Policy</A></LI>
+                                </UL>
+
+                                <UL CLASS="together">
+                                        <LI><A HREF="http://jigsaw.w3.org/css-validator/"><IMG SRC="/theme/images/icons/css_valid.png" ALT="Valid CSS"></A></LI>
+                                        <LI><A HREF="/blog/sortof-valid-html-no-lt-doctype-gt/"><IMG SRC="/theme/images/icons/html_valid.png" ALT="Sortof Valid HTML"></A></LI>
+                                        <LI><A class="noVisit" HREF="/rss.php"><IMG SRC="/theme/images/icons/feed.png" ALT="RSS Feed"></A></LI>
+                                </UL>
+                        </DIV>
+                </DIV>
+
+                <!--Google Analytics-->
+                <script type="text/javascript">
+                        var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
+                        document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
+                </script>
+                <script type="text/javascript">
+                        var pageTracker = _gat._getTracker("UA-2895652-1");
+                        pageTracker._initData();
+                        pageTracker._trackPageview();
+                </script>
+                <!--Google Analytics-->
+        </BODY>
+</HTML>
@@ -0,0 +1,22 @@
+body {
+ background-color: black;
+ background-image: url(/theme/images/backgrounds/island6night.PNG);
+}
+
+div#wrap {
+ background-color: rgba(0, 0, 0, 0.75);
+}
+
+div#banner {
+ background-color: black;
+ background-image: url(/theme/images/fourisland_header_night.png);
+}
+
+div#fi-navbar ul li.active img {
+ background-color: black;
+ outline: black solid .5em;
+}
+
+.light-at-night, .light-at-night-l6p2 {
+ color: #555555;
+}
@@ -0,0 +1,247 @@
+/* Banner */
+                
+div#banner, div#fi-banner {
+ background-repeat: no-repeat;
+ width: 900px; /*728*/
+ height: 200px;
+ float: left;
+/* margin-top: 21px; */
+}
+
+div#banner {
+ background: white url("/theme/images/fourisland_header.png") center no-repeat;
+ width: 100%;
+}
+
+body div#banner h1, body div#fi-banner h1 {
+ margin: 0;
+}
+
+body div#banner h1 a, body div#fi-banner h1 a {
+ display: block;
+ width: 900px;
+ height: 200px;
+ text-indent: -5000px;
+ text-decoration: none;
+ margin: 0;
+}
+
+div#banner h1, div#fi-banner h1 {
+ margin: 0;
+ font-size: 3.0em;
+ font-weight: normal;
+}
+
+/* NavBar */
+
+div#fi-navbar {
+ position: relative;
+ background-color: #b7e0ff;
+ width: auto;
+ margin-bottom: 14px;
+ font: 0.9em "Lucida Grande", Lucida, Verdana, sans-serif;
+ height: 1.9em;
+ clear: both;
+}
+
+div#fi-navbar div {
+ padding: .001em 0;
+ margin: 10px;
+}
+
+div#fi-navbar ul {
+ margin: .25em 0;
+ padding-left: 1em;
+ text-align: center;
+}
+
+div#fi-navbar ul li {
+ display: inline;
+ font-family: Verdana, sans-serif;
+ font-size: 1.1em;
+}
+
+div#fi-navbar ul li+li:before {
+ content: " - ";
+}
+
+div#fi-navbar ul li img,
+div#fi-navbar ul li.active span {
+ display: none;
+}
+
+div#fi-navbar ul li.active img {
+ display: inline;
+ background-color: white;
+ outline: white solid .5em;
+ margin: 0 .5em;
+}
+
+div#fi-navbar div.bubble blockquote {
+ background: none;
+ font-size: 0.9em;
+}
+
+div#fi-navbar div.bubble blockquote a {
+ color: blue;
+}
+
+/* Sidebar */
+
+div#rightbar {
+ float: left;
+ width: 270px; /*210*/
+}
+
+div.sidebar {
+ width: 250px; /*250*/ /*240*/ /*210*/
+ padding: 0 10px;
+ margin-bottom: 5px;
+}
+
+div.sidebar h3 {
+ font-family: Verdana, Helvetica, Arial, sans-serif;
+ margin: 5px 0 0 0;
+ font-weight: bold;
+ color: #333333;
+}
+
+div.sidebar p {
+ font-size: 0.8em;
+ margin: 3px 0;
+}
+
+div.sidebar ul {
+ list-style-type: none;
+ padding: 0;
+ margin: 0;
+ line-height: normal !important;
+ list-style-image: none !important;
+}
+                                                        
+div#sidebar ul li {
+ margin-top: 4px;
+}
+                                
+div#sidebar ul li a {
+ display: block;
+ width: 230px;
+}
+
+div#sidebar li img {
+ border: 0;
+ height: 16px;
+ width: 16px;
+}
+
+/* Layout */
+
+#wrap {
+ width: 910px;
+ margin: 10px auto;
+ padding: 0;
+ background-color: white;
+ background-color: rgba(255, 255, 255, 0.5);
+ border: 4px solid gray;
+}
+
+#page-body {
+ margin: 0 30px;
+ clear: both;
+ position: relative;
+}
+
+body.fourm #page-body {
+ margin: 0 10px 0 25px;
+ width: 95%;
+ font-size: 62.5%;
+}
+
+#phpBB3-page-body {
+ margin: 4px 0 !important;
+ clear: both;
+}
+
+/* Content */
+                                                                                                                        
+div#content {
+ float: right;
+ width: 555px; /*465*/ /*555*/
+}
+
+div#footer {
+ clear: both;
+ padding: .5em 0 1em 0;
+ margin-top: .5em;
+ text-align: center;
+ font-size: .68em;
+ border-top: 1px black solid;
+}
+
+div#footer ul.rows li {
+ display: list-item;
+}
+
+div#footer ul {
+ padding: 0;
+ margin: 0;
+ list-style-type: none;
+}
+
+div#footer ul li {
+ display: inline;
+ margin-right: 1em;
+}
+
+div#footer ul li img {
+ width: 20px;
+ height: 20px;
+ vertical-align: top;
+}
+
+div#content ul {
+ list-style: url(/theme/images/bullet_disk_big.png);
+}
+
+div#content a img {
+ border: solid transparent 1px;
+}
+
+div#content a:hover img {
+ border: dashed gray 1px;
+}
+
+div#hatbar.quotes-options ul {
+ list-style: none;
+}
+
+div.autosize {
+ margin-bottom: 6px !important;
+}
+
+body {
+ background: repeat-x bottom left fixed;
+ font-family: Arial, FreeSans;
+ margin: 0px;
+ padding: 0px 0px 30px !important;
+}
+
+body.fourm {
+ font-family: Verdana, Helvetica, Arial, sans-serif;
+}
+
+body.fourm div#content {
+ width: 100%;
+ float: none;
+}
+
+body {
+ background-color: aqua;
+ background-image: url(/theme/images/backgrounds/island6.PNG);
+}
+
+span.post-vote {
+ float: right;
+ position: relative;
+ top: -20px;
+}
@@ -0,0 +1,32 @@
+<?php
+/*
+       444444444  
+      4::::::::4  
+     4:::::::::4  
+    4::::44::::4  
+   4::::4 4::::4   Four Island
+  4::::4  4::::4  
+ 4::::4   4::::4   Written and maintained by Starla Insigna
+4::::444444::::444
+4::::::::::::::::4  theme/layouts/6.2/style.php
+4444444444:::::444
+          4::::4   Please do not use, reproduce or steal the
+          4::::4   contents of this file without explicit
+          4::::4   permission from Hatkirby.
+        44::::::44
+        4::::::::4
+        4444444444
+*/
+
+if (!defined('S_INCLUDE_FILE')) {define('S_INCLUDE_FILE',1);}
+
+require('headerproc.php');
+
+include('layouts/6.2/style.css');
+
+if (((date('G') >= 20) || (date('G') <= 6)) || isset($_GET['night']) && !isset($_GET['day']))
+{
+        include('layouts/6.2/night.css');
+}
+
+?>
@@ -0,0 +1,234 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+        <head>
+                <title><!--EXTRATITLE-->Four Island</title>
+                <link rel="stylesheet" type="text/css" href="http://fourisland.com/theme/css.php" />
+                <!--[if IE]><link rel="stylesheet" type="text/css" href="http://fourisland.com/theme/css/ie.css" /><![endif]-->
+                <link rel="stylesheet" type="text/css" href="http://fourisland.com/theme/css/print.css" media="print" />
+                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+                <meta http-equiv="Content-Language" content="en" />
+                <link rel="alternate" type="application/rss+xml" href="http://feeds.feedburner.com/FourIsland?format=xml" title="Four Island" />
+                <link rel="shortcut" href="/images/kirbyfolder.ico" />
+                <link rel="icon" href="/images/kirbyfolder.ico" />
+                <link rel="pingback" href="http://fourisland.com/xmlrpc.php" />
+                <script type="text/javascript" src="/theme/js/jquery.js"></script>
+        </head>
+
+        <body id="<!--CATEGORY-->">
+                <div id="flash"><!--FLASH--></div>
+
+                <div id="header">
+                        <div id="banner"><a href="http://fourisland.com/">Four Island</a></div>
+                </div>
+                
+                <div id="page-content">
+                        <div id="sidebar">
+                                <div class="module rounded pimped sidebar">
+                                        Hi! My name is Hatkirby, and I run Four Island.
+
+                                        <p>
+                                                Four Island is a fun place with a blog,
+                                                a fourm, a wiki, many projects and a quotes database!<br />
+
+                                                I hope you enjoy your time on Four Island!
+                                        </p>
+                                </div>
+                                        
+                                <cite class="rounded"><strong>Hatkirby</strong> on Four Island</cite>
+
+                                <p />
+                                
+                                <!--BEGIN CREATE_HATNAV-->
+                                <ul class="hatnav">
+                                <!--END CREATE_HATNAV-->
+                                
+                                <!--BEGIN HATNAV-->
+                                        <li>
+                                                <a href="<!--HATNAV.URL-->">
+                                                        <img src="/theme/images/icons/<!--HATNAV.ICON-->.png" alt="<!--HATNAV.TITLE-->" />
+                                                        <span><!--HATNAV.TITLE--></span>
+                                                </a>
+                                        </li>
+                                <!--END HATNAV-->
+                                
+                                <!--BEGIN CREATE_HATNAV-->
+                                </ul>
+                                <!--END CREATE_HATNAV-->
+                                
+                                <div class="module rounded sidebar">
+                                        <h3>Poll of the Week</h3>
+                                        
+                                        <!--POTW-->
+                                </div>
+
+                                <div class="module rounded sidebar">
+                                        <h3>Affiliates</h3>
+
+                                        <ul>
+                                                <!--BEGIN AFFILIATES-->
+                                                <li>
+                                                        <img src="/theme/images/icons/tag_<!--AFFILIATES.COLOR-->.png" alt="<!--AFFILIATES.TITLE-->" />
+                                                        <a href="<!--AFFILIATES.URL-->"><!--AFFILIATES.TITLE--></a>
+                                                </li>
+                                                <!--END AFFILIATES-->
+                                        </ul>
+                                </div>
+
+                                <div class="module rounded sidebar">
+                                        <h3>Website Projects</h3>
+
+                                        <ul>
+                                                <!--BEGIN WEBPROJS-->
+                                                <li>
+                                                        <img src="/theme/images/icons/tag_<!--WEBPROJS.COLOR-->.png" alt="<!--WEBPROJS.TITLE-->" />
+                                                        <a href="<!--WEBPROJS.URL-->"><!--WEBPROJS.TITLE--></a>
+                                                </li>
+                                                <!--END WEBPROJS-->
+                                        </ul>
+                                </div>
+
+                                <div class="module rounded sidebar">
+                                        <h3>HatBar</h3>
+
+                                        <p>
+                                                Hits: <!--HITS--><br />
+                                                Today: <!--TODAY--><br />
+                                                <!--DATEFINDER-->
+                                        </p>
+
+                                        <p align="center">
+                                                <a href="/addresses.php" title="goodemail@happybobby.com"><img src="/images/btn_bot.png" alt="Addresses galore!" /></a>
+                                                <a href="http://www.prchecker.info/" target="_blank"><img src="http://pr.prchecker.info/getpr.php?codex=aHR0cDovL2ZvdXJpc2xhbmQuY29t&amp;tag=3" alt="Page Rank Check" border="0" /></a>
+                                                <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/us/80x15.png" /></a>
+                                                <a href="http://whos.amung.us/show/t1sj4g2u"><img src="http://whos.amung.us/swidget/t1sj4g2u.gif" alt="website stats" width="80" height="15" border="0" /></a>
+                                                <a href="http://feeds2.feedburner.com/FourIsland"><img src="http://feeds2.feedburner.com/~fc/FourIsland?bg=99CCFF&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a>
+                                        </p>
+
+                                        <p>
+                                                <strong>Theme Switcher</strong>:
+                                                <select style="width: 55%" onchange="document.location='<!--ME-->?layout='+this.options[this.selectedIndex].value">
+                                                        <option value="7" selected="selected">7</option>
+                                                        <option value="6.2">6.2</option>
+                                                        <option value="4.5">4.5</option>
+                                                </select>
+                                        </p>
+                                </div>
+                        </div>
+                        
+                        <div id="content">
+                                <ul id="navbar">
+                                        <li<!--BLOGACTIVE-->>
+                                                <a href="http://fourisland.com/">
+                                                        <img src="/theme/images/icons/newspaper.png" alt="Blog" />
+                                                        <span>Blog</span>
+                                                </a>
+                                        </li>
+
+                                        <li>
+                                                <a href="http://projects.fourisland.com/">Projects</a>
+                                        </li>
+
+                                        <li<!--FOURMACTIVE-->>
+                                                <a href="http://fourisland.com/fourm/">
+                                                        <img src="/theme/images/icons/comment.png" alt="The Fourm" />
+                                                        <span>The Fourm</span>
+                                                </a>
+                                        </li>
+
+                                        <li<!--POLLACTIVE-->>
+                                                <a href="http://fourisland.com/poll/">
+                                                        <img src="/theme/images/icons/overlays.png" alt="Polls" />
+                                                        <span>Polls</span>
+                                                </a>
+                                        </li>
+
+                                        <li<!--QUOTESACTIVE-->>
+                                                <a href="http://fourisland.com/quotes/">
+                                                        <img src="/theme/images/icons/16-file-page.png" alt="Quotes" />
+                                                        <span>Quotes</span>
+                                                </a>
+                                        </li>
+
+                                        <!--BEGIN MEMBERS-->
+                                        <li<!--LOGACTIVE-->>
+                                                <a href="http://fourisland.com/fourm/ucp.php?mode=log<!--LOGDATA-->&amp;redirect=<!--REDIRPAGE-->&amp;sid=<!--SID-->">
+                                                        <img src="/theme/images/icons/door_in.png" alt="Log<!--LOGDATA-->" />
+                                                        <span>Log<!--LOGDATA--></span>
+                                                </a>
+                                        </li>
+                                        <!--END MEMBERS-->
+
+                                        <!--BEGIN ADMIN-->
+                                        <li<!--PANELACTIVE-->>
+                                                <a href="http://fourisland.com/admin/">
+                                                        <img src="/theme/images/icons/rainbow.png" alt="Admin" />
+                                                        <span>Admin</span>
+                                                </a>
+                                        </li>
+                                        <!--END ADMIN-->
+                                </ul>
+
+                                <div id="window" class="rounded">
+                                        <div id="actual-content" class="rounded">
+                                                <!--CONTENT-->
+                                        </div>
+                                </div>
+                        </div>
+                        
+                        <div class="cleardiv"></div>
+                </div>
+                
+                <div id="footer">
+                        <div class="foot-module">
+                                <h3>Recent Comments</h3>
+
+                                <ul>
+                                        <!--BEGIN COMMENTS-->
+                                        <li style="font-size: 0.9em"><!--COMMENTS.AUTHOR--> on <a href="/<!--COMMENTS.AREA-->/<!--COMMENTS.CODED--><!--COMMENTS.ENDING-->#comment-<!--COMMENTS.ID-->"><!--COMMENTS.TITLE--></a></li>
+                                        <!--END COMMENTS-->
+                                </ul>
+                        </div>
+
+                        <div class="foot-module">
+                                <h3>Recent Fourm Posts</h3>
+
+                                <ul>
+                                        <!--BEGIN FOURM-->
+                                        <li style="font-size: 0.9em"><!--FOURM.USERNAME--> on <a href="/fourm/viewtopic.php?t=<!--FOURM.TOPIC-->&amp;p=<!--FOURM.POST-->#p<!--FOURM.POST-->"><!--FOURM.SUBJECT--></a></li>
+                                        <!--END FOURM-->
+                                </ul>
+                        </div>
+
+                        <div class="foot-module">
+                                <h3>Top Commenters</h3>
+
+                                <ul>
+                                        <!--BEGIN TOP-->
+                                        <li style="font-size: 0.9em"><!--TOP.USERNAME--> (<!--TOP.COUNT-->)</li>
+                                        <!--END TOP-->
+                                </ul>
+                        </div>
+
+                        <div class="foot-module">
+                                <h3>Popular Posts</h3>
+
+                                <ul>
+                                        <!--BEGIN POPULAR-->
+                                        <li style="font-size: 0.9em"><a href="/blog/<!--POPULAR.CODED-->/"><!--POPULAR.TITLE--></a></li>
+                                        <!--END POPULAR-->
+                                </ul>
+                        </div>
+                        
+                        <div class="cleardiv"></div>
+                        
+                        <p>
+                                Four Island (<a href="http://code.fourisland.com/fourisland/">r<!--REVISION--></a>) is by <a href="http://fourisland.com">Starla Insigna</a>.
+                                Licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/">Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License</a>.
+                                <a href="http://jigsaw.w3.org/css-validator/"><img src="/theme/images/icons/css_valid.png" alt="Valid CSS" /></a>
+                                <a href="http://validator.w3.org/check/referer"><img src="/theme/images/icons/xhtml_valid.png" alt="Valid XHTML" /></a>
+                                <a class="noVisit" href="/rss.php"><img src="/theme/images/icons/feed.png" alt="RSS Feed" /></a>
+                        </p>
+                </div>
+        </body>
+</html>
@@ -0,0 +1,183 @@
+/* Body */
+
+body {
+        font-family: "Lucida Grande", "Arial", sans;
+        background-color: #111;
+}
+
+div#header {
+        width: 100%;
+        height: 200px;
+        background-image: url(http://fourisland.com/theme/images/header-repeat.png);
+        background-repeat: repeat-x;
+}
+
+div#banner {
+        width: 800px;
+        height: 200px;
+        margin: 0 auto;
+        background-image: url(http://fourisland.com/theme/images/header.png);
+        background-position: bottom right;
+}
+
+div#header a {
+        width: 800px;
+        height: 200px;
+        text-indent: -5000px;
+        display: block;
+}
+
+div#sidebar {
+        width: 21%;
+        float: left;
+}
+
+div#content {
+        width: 69%;
+        float: right;
+        padding-left: 5%;
+        padding-right: 5%;
+        padding-top: 20px;
+}
+
+div#content div.rounded {
+        padding: 10px;
+}
+
+div#footer {
+        width: 100%;
+        padding-top: 20px;
+        padding-bottom: 20px;
+}
+
+div#footer div.foot-module {
+        margin: 0 auto;
+        float: left;
+        width: 20%;
+        margin-left: 4%;
+        color: white;
+        font-size: 0.9em;
+}
+
+div#footer a {
+        color: white;
+        border-bottom: 1px dotted white;
+}
+
+div#footer div.foot-module ul {
+        list-style-type: square;
+}
+
+div#footer p {
+        font-size: 0.5em;
+        color: white;
+        text-align: center;
+}
+
+div#page-content {
+        background-color: #00ff00; /*#8B4513;*/
+        padding-bottom: 10px;
+}
+
+body#fourm div#actual-content {
+        font-size: 60%;
+}
+
+ul#navbar {
+        text-align: center;
+        margin-top: 0;
+}
+
+ul#navbar li {
+        display: inline;
+        font-family: Verdana, sans-serif;
+        font-size: 1.1em;
+}
+
+ul#navbar li+li:before {
+        content: " - ";
+}
+
+ul#navbar li img, ul#navbar li.active span {
+        display: none;
+}
+
+ul#navbar li.active img {
+        display: inline;
+        background-color: white;
+        outline: white solid .5em;
+        margin: 0 .5em;
+}
+
+/* Sidebar */
+
+div#rightbar {
+        float: left;
+        width: 270px; /*210*/
+}
+
+div.sidebar {
+        width: 250px; /*250*/ /*240*/ /*210*/
+        padding: 0 10px;
+        margin-bottom: 5px;
+}
+
+div.sidebar h3 {
+        font-family: Verdana, Helvetica, Arial, sans-serif;
+        margin: 5px 0 0 0;
+        font-weight: bold;
+        color: #333333;
+}
+
+div.sidebar p {
+        font-size: 0.8em;
+        margin: 3px 0;
+}
+
+div#sidebar ul.hatnav {
+        list-style-type: none;
+        padding-left: 24px;
+        margin-top: 0 !important;
+        line-height: normal !important;
+        list-style-image: none !important;
+}
+
+div#sidebar ul {
+        list-style-type: none;
+}
+                                                        
+div#sidebar ul.hatnav li {
+        text-align: right;
+        border: 1px gray solid;
+        padding-top: 2px;
+        padding-bottom: 2px;
+        background-color: #111;
+        color: white;
+}
+                                
+div#sidebar ul.hatnav li a {
+        display: block;
+        width: 95%;
+        color: white;
+}
+
+div#sidebar li img {
+        border: 0;
+        height: 16px;
+        width: 16px;
+}
+
+div#sidebar ul.hatnav li.active {
+        background-color:#00FF00;
+        border: none;
+}
+
+div#sidebar ul.hatnav li:hover {
+        background-color:yellow;
+        border: none;
+}
+
+div#sidebar ul li.active a, div#sidebar ul li a:hover {
+        color: black;
+}
+
@@ -0,0 +1,27 @@
+<?php
+/*
+       444444444  
+      4::::::::4  
+     4:::::::::4  
+    4::::44::::4  
+   4::::4 4::::4   Four Island
+  4::::4  4::::4  
+ 4::::4   4::::4   Written and maintained by Starla Insigna
+4::::444444::::444
+4::::::::::::::::4  theme/layouts/7/style.php
+4444444444:::::444
+          4::::4   Please do not use, reproduce or steal the
+          4::::4   contents of this file without explicit
+          4::::4   permission from Hatkirby.
+        44::::::44
+        4::::::::4
+        4444444444
+*/
+
+if (!defined('S_INCLUDE_FILE')) {define('S_INCLUDE_FILE',1);}
+
+require('headerproc.php');
+
+include('layouts/7/style.css');
+
+?>
@@ -1,296 +0,0 @@
-                                <DIV ID="rightbar">

-                                        <DIV CLASS="sidebar">

-                                                <DIV CLASS="pimped bubble">

-                                                        <DIV CLASS="rounded">

-                                                                <BLOCKQUOTE>

-                                                                        <DIV>

-                                                                                Hi! My name is Hatkirby, and I run Four Island.

-

-                                                                                <P>

-                                                                                        Four Island is a fun place with a blog,

-                                                                                        a fourm, a wiki, many projects and a quotes database!<BR>

-

-                                                                                        I hope you enjoy your time on Four Island!

-                                                                                </P>

-                                                                        </DIV>

-                                                                </BLOCKQUOTE>

-                                                        </DIV>

-                                                        <CITE CLASS="rounded"><STRONG>Hatkirby</STRONG> on Four Island</CITE>

-                                                </DIV>

-                                        </DIV>

-

-                                        <!--BEGIN USEHATNAV-->

-                                        <DIV class="sidebar">

-                                                <DIV CLASS="bubble">

-                                                        <DIV CLASS="rounded">

-                                                                <BLOCKQUOTE>

-                                                                        <DIV ID="hatnav">

-                                                                                <H3>Hatnav</H3>

-

-                                                                                <UL>

-                                                                                        <!--BEGIN HATNAV-->

-                                                                                        <LI STYLE="margin-left: 10"><A ID="<!--HATNAV.AID-->" HREF="<!--HATNAV.HREF-->"><IMG SRC="<!--HATNAV.IMAGE-->" ALT="<!--HATNAV.TEXT-->"><!--HATNAV.TEXT--><!--HATNAV.NEW--></A></LI>

-                                                                                        <!--END HATNAV-->

-                                                                                </UL>

-                                                                        </DIV>

-                                                                </BLOCKQUOTE>

-                                                        </DIV>

-                                                </DIV>

-                                        </DIV>

-                                        <!--END USEHATNAV-->

-                                                                                        

-                                        <DIV class="sidebar">

-                                                <DIV CLASS="bubble">

-                                                        <DIV CLASS="rounded">

-                                                                <BLOCKQUOTE>

-                                                                        <DIV CLASS="hatbar"><H3>Poll of the Week</H3>

-                                                                                <!--INCLUDE polloftheweek-->

-                                                                        </DIV>

-                                                                </BLOCKQUOTE>

-                                                        </DIV>

-                                                </DIV>

-                                        </DIV>

-

-                                        <DIV class="sidebar">

-                                                <DIV CLASS="bubble">

-                                                        <DIV CLASS="rounded">

-                                                                <BLOCKQUOTE>

-                                                                        <DIV CLASS="hatbar"><H3>Hatbar</H3><P>

-                                                                                <P>

-                                                                                        <SPAN ID="hitcounter">

-                                                                                                Hits: <!--HITS--><BR>

-                                                                                                Today: <!--TODAY-->

-                                                                                        </SPAN>

-                                                                                        <!--INCLUDE datefinder-->

-                                                                                </P>

-

-                                                                                <P ALIGN="center">

-                                                                                        <A HREF="/addresses.php" TITLE="goodemail@happybobby.com"><IMG SRC="/images/btn_bot.png" ALT="Addresses galore!"></A><BR>

-

-                                                                                        <a href="http://www.prchecker.info/" target="_blank"><img src="http://pr.prchecker.info/getpr.php?codex=aHR0cDovL2ZvdXJpc2xhbmQuY29t&amp;tag=3" alt="Page Rank Check" border="0"></a>

-

-                                                                                        <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/us/80x15.png"></a><BR>

-

-                                                                                        <a href="http://whos.amung.us/show/t1sj4g2u"><img src="http://whos.amung.us/swidget/t1sj4g2u.gif" alt="website stats" width="80" height="15" border="0"></a>

-

-                                                                                        <a href="http://feeds2.feedburner.com/FourIsland"><img src="http://feeds2.feedburner.com/~fc/FourIsland?bg=99CCFF&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt=""></a><BR>

-

-                                                                                        <A HREF="/rss.php?mode=comments">Comments Feed</A>

-                                                                                </P>

-                                                                        </DIV>

-                                                                </BLOCKQUOTE>

-                                                        </DIV>

-                                                </DIV>

-                                        </DIV>

-

-                                        <DIV class="sidebar">

-                                                <DIV CLASS="bubble">

-                                                        <DIV CLASS="rounded">

-                                                                <BLOCKQUOTE>

-                                                                        <DIV CLASS="hatbar">

-                                                                                <H3>Affiliates</H3>

-

-                                                                                <UL>

-                                                                                        <LI>

-                                                                                                <IMG SRC="/theme/images/icons/tag_blue.png" ALT="The S Site">

-                                                                                                <A HREF="http://ssite.fourisland.com/">The S Site</A>

-                                                                                        </LI>

-

-                                                                                        <LI>

-                                                                                                <IMG SRC="/theme/images/icons/tag_green.png" ALT="Wikipinia">

-                                                                                                <A HREF="http://nablecak.fourisland.com/">Wikipinia</A>

-                                                                                        </LI>

-

-                                                                                        <LI>

-                                                                                                <IMG SRC="/theme/images/icons/tag_orange.png" ALT="Color Pencils">

-                                                                                                <A HREF="http://gryph.fourisland.com/">Color Pencils</A>

-                                                                                        </LI>

-

-                                                                                        <LI>

-                                                                                                <IMG SRC="/theme/images/icons/tag_pink.png" ALT="Dream Weaver">

-                                                                                                <A HREF="http://timbo94.fourisland.com/">Dream Weaver</A>

-                                                                                        </LI>

-

-                                                                                        <LI>

-                                                                                                <IMG SRC="/theme/images/icons/tag_purple.png" ALT="Randomness">

-                                                                                                <A HREF="http://pyro.fourisland.com/">Randomness</A>

-                                                                                        </LI>

-

-                                                                                        <LI>

-                                                                                                <IMG SRC="/theme/images/icons/tag_red.png" ALT="Bubble Blog">

-                                                                                                <A HREF="http://sammi9494.fourisland.com/">Bubble Blog</A>

-                                                                                        </LI>

-                                                                                </UL>

-                                                                        </DIV>

-                                                                </BLOCKQUOTE>

-                                                        </DIV>

-                                                </DIV>

-                                        </DIV>

-

-                                        <DIV class="sidebar">

-                                                <DIV CLASS="bubble">

-                                                        <DIV CLASS="rounded">

-                                                                <BLOCKQUOTE>

-                                                                        <DIV CLASS="hatbar">

-                                                                                <H3>Website Projects</H3>

-

-                                                                                <UL>

-                                                                                        <LI>

-                                                                                                <IMG SRC="/theme/images/icons/tag_blue.png" ALT="The Sabrina FanWiki">

-                                                                                                <A HREF="http://sabrina.fourisland.com/">The Sabrina FanWiki</A>

-                                                                                        </LI>

-

-                                                                                        <LI>

-                                                                                                <IMG SRC="/theme/images/icons/tag_green.png" ALT="True Falsities">

-                                                                                                <A HREF="http://false.fourisland.com/">True Falsities</A>

-                                                                                        </LI>

-

-                                                                                        <LI>

-                                                                                                <IMG SRC="/theme/images/icons/tag_orange.png" ALT="Pillowcase">

-                                                                                                <A HREF="http://pillowcase.fourisland.com/">Pillowcase</A>

-                                                                                        </LI>

-

-                                                                                        <LI>

-                                                                                                <IMG SRC="/theme/images/icons/tag_pink.png" ALT="Endlenge">

-                                                                                                <A HREF="http://endlenge.fourisland.com/">Endlenge</A>

-                                                                                        </LI>

-                                                                                </UL>

-                                                                        </DIV>

-                                                                </BLOCKQUOTE>

-                                                        </DIV>

-                                                </DIV>

-                                        </DIV>

-

-                                        <DIV class="sidebar">

-                                                <DIV CLASS="bubble">

-                                                        <DIV CLASS="rounded">

-                                                                <BLOCKQUOTE>

-                                                                        <DIV CLASS="hatbar">

-                                                                                <H3>Popular Posts</H3>

-

-                                                                                <UL>

-                                                                                        <!--BEGIN POPULAR-->

-                                                                                        <LI STYLE="font-size: 0.9em"><A HREF="/blog/<!--POPULAR.CODED-->/"><!--POPULAR.TITLE--></A></LI>

-                                                                                        <!--END POPULAR-->

-                                                                                </UL>

-                                                                        </DIV>

-                                                                </BLOCKQUOTE>

-                                                        </DIV>

-                                                </DIV>

-                                        </DIV>

-

-                                        <DIV class="sidebar">

-                                                <DIV CLASS="bubble">

-                                                        <DIV CLASS="rounded">

-                                                                <BLOCKQUOTE>

-                                                                        <DIV CLASS="hatbar">

-                                                                                <H3>Tag Cloud</H3>

-

-                                                                                <P>

-                                                                                        <!--BEGIN TAGCLOUD-->

-                                                                                        <A HREF="/blog/tag/<!--TAGCLOUD.TAG-->.php" STYLE="font-size: <!--TAGCLOUD.SIZE-->pt" TITLE="<!--TAGCLOUD.TAG--> (<!--TAGCLOUD.COUNT-->)"><!--TAGCLOUD.TAG--></A>

-                                                                                        <!--END TAGCLOUD-->

-                                                                                </P>

-                                                                        </DIV>

-                                                                </BLOCKQUOTE>

-                                                        </DIV>

-                                                </DIV>

-                                        </DIV>

-

-                                        <DIV class="sidebar">

-                                                <DIV CLASS="bubble">

-                                                        <DIV CLASS="rounded">

-                                                                <BLOCKQUOTE>

-                                                                        <DIV CLASS="hatbar">

-                                                                                <H3>Recent Comments</H3>

-

-                                                                                <UL>

-                                                                                        <!--BEGIN COMMENTS-->

-                                                                                        <LI STYLE="font-size: 0.9em"><!--COMMENTS.AUTHOR--> on <A HREF="/<!--COMMENTS.AREA-->/<!--COMMENTS.CODED--><!--COMMENTS.ENDING-->#comment-<!--COMMENTS.ID-->"><!--COMMENTS.TITLE--></A></LI>

-                                                                                        <!--END COMMENTS-->

-                                                                                </UL>

-                                                                        </DIV>

-                                                                </BLOCKQUOTE>

-                                                        </DIV>

-                                                </DIV>

-                                        </DIV>

-

-                                        <DIV class="sidebar">

-                                                <DIV CLASS="bubble">

-                                                        <DIV CLASS="rounded">

-                                                                <BLOCKQUOTE>

-                                                                        <DIV CLASS="hatbar">

-                                                                                <H3>Recent Fourm Posts</H3>

-

-                                                                                <UL>

-                                                                                        <!--BEGIN FOURM-->

-                                                                                        <LI STYLE="font-size: 0.9em"><!--FOURM.USERNAME--> on <A HREF="/fourm/viewtopic.php?t=<!--FOURM.TOPIC-->&amp;p=<!--FOURM.POST-->#p<!--FOURM.POST-->"><!--FOURM.SUBJECT--></A></LI>

-                                                                                        <!--END FOURM-->

-                                                                                </UL>

-                                                                        </DIV>

-                                                                </BLOCKQUOTE>

-                                                        </DIV>

-                                                </DIV>

-                                        </DIV>

-

-                                        <DIV class="sidebar">

-                                                <DIV CLASS="bubble">

-                                                        <DIV CLASS="rounded">

-                                                                <BLOCKQUOTE>

-                                                                        <DIV CLASS="hatbar">

-                                                                                <H3>Top Commenters</H3>

-

-                                                                                <UL>

-                                                                                        <!--BEGIN TOP-->

-                                                                                        <LI STYLE="font-size: 0.9em"><!--TOP.USERNAME--> (<!--TOP.COUNT-->)</LI>

-                                                                                        <!--END TOP-->

-                                                                                </UL>

-                                                                        </DIV>

-                                                                </BLOCKQUOTE>

-                                                        </DIV>

-                                                </DIV>

-                                        </DIV>

-

-                                        <P>

-

-                                        <DIV CLASS="sidebar">

-                                                <DIV CLASS="pimped bubble">

-                                                        <DIV CLASS="rounded">

-                                                                <BLOCKQUOTE>

-                                                                        <DIV>

-                                                                                Like something you see here on Four Island?

-

-                                                                                <P>

-                                                                                        Well, the best way to promote a post here is to link to it from your blog.

-                                                                                        We always appreciate Pingbacks.<BR>

-

-                                                                                        Of course, if you don't have a blog,

-                                                                                        you could simply comment on the post in question.<BR>

-

-                                                                                        Can't be bothered to think up a comment? Well, you can always rate it then.<BR>

-

-                                                                                        There's always a way to show how you feel about a post on Four Island.

-                                                                                </P>

-                                                                        </DIV>

-                                                                </BLOCKQUOTE>

-                                                        </DIV>

-                                                        <CITE CLASS="rounded"><STRONG>Hatkirby</STRONG> on Four Island</CITE>

-                                                </DIV>

-                                        </DIV>

-

-                                        <!--BEGIN SIDEBARS-->

-                                        <DIV class="sidebar">

-                                                <DIV CLASS="bubble">

-                                                        <DIV CLASS="rounded">

-                                                                <BLOCKQUOTE>

-                                                                        <H3><!--SIDEBARS.TITLE--></H3>

-

-                                                                        <P>

-                                                                                <!--SIDEBARS.TEXT-->

-                                                                        </P>

-                                                                </BLOCKQUOTE>

-                                                        </DIV>

-                                                </DIV>

-                                        </DIV>

-                                        <!--END SIDEBARS-->

-                                </DIV>