Initial Commit

17 files changed, 3176 insertions, 0 deletions

diff --git a/webroot/css/960.css b/webroot/css/960.css
new file mode 100755
index 0000000..1b17e2f
--- /dev/null
+++ b/webroot/css/960.css
@@ -0,0 +1 @@
+.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}html body div.clear,html body span.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
\ No newline at end of file
diff --git a/webroot/css/base.css b/webroot/css/base.css
new file mode 100755
index 0000000..1ad8b29
--- /dev/null
+++ b/webroot/css/base.css
@@ -0,0 +1,1382 @@
+/* 

+Kameleon Template

+Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)

+*/

+

+/*////   - Body Styles -   ////*/

+#wrapper {

+	width:980px;

+	margin:0 auto;

+}

+a:hover {

+	text-decoration:none;

+}

+/*////   - Headings -   ////*/

+h1 {

+	font-weight:bold;

+	font-size:220%;

+	float:left;

+	margin-top:5px;

+}

+h1#logo {

+	display:inline;

+	height:38px;

+	text-indent:-4000px;

+	width:231px;

+}

+h1#logo a {

+	display:block;

+	height:38px;

+}

+h2 {

+	font-size:200%;

+	margin-bottom:10px;

+	letter-spacing:-1px;

+}

+h2.ribbon {

+	padding:15px 30px;

+	position:relative;

+	left:-55px;

+	float:left;

+	margin-bottom:20px;

+	border-radius:3px 3px 3px 0px;

+	-moz-border-radius:3px 3px 3px 0px;

+	-webkit-border-radius:3px 3px 3px 0px;

+}

+.triangle-ribbon {

+	border-style:solid;

+	border-width:13px;

+	height:0;

+	position:relative;

+	width:0;

+	float:left;

+	clear:left;

+	left:-67px;

+	top:-33px;

+	z-index:-1;

+}

+h2.full {

+	width:890px;

+}

+h2 span {

+	position:absolute;

+	right:25px;

+	font-size:80%;

+	margin:3px 0 0;

+}

+h3 {

+	font-size:180%;

+	font-weight: bold;

+	margin-bottom:15px;

+}

+aside h3 {

+	font-size:138.5%;

+	font-weight:bold;

+	margin-bottom:15px;

+	color:#333333;

+	padding-bottom:10px;

+	border-bottom:1px solid #D9D9D9;

+}

+h4 {

+	font-size:128%;

+	font-weight: bold;

+	margin-bottom:20px;

+	color:#333333;

+}

+h5 {

+	font-size:100%;

+}

+h5.inline {

+	float:left;

+	margin-right:10px;

+}

+h6 {

+	font-size:93%;

+}

+h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {

+	margin-right:5px;

+	vertical-align:-2px;

+}

+/*////   - Misc -   ////*/

+.fl {

+	float:left;

+}

+img.fl {

+	margin:0 25px 25px 0;

+}

+.fr {

+	float:right;

+}

+img.fr {

+	margin:0 0 25px 25px;

+}

+.fn {

+	float:none!important;

+}

+.cl {

+	background: none;

+	border: 0;

+	clear: both;

+	display: block;

+	float: none;

+	font-size: 0;

+	list-style: none;

+	margin: 0;

+	padding: 0;

+	overflow: hidden;

+	visibility: hidden;

+	width: 0;

+	height: 0;

+}

+.tl {

+	text-align:left;

+}

+.tr {

+	text-align:right;

+}

+.tc {

+	text-align:center;

+}

+.hd {

+	display: none;

+}

+.strong {

+	font-weight: 700!important;

+}

+.no-margin {

+	margin:0!important;

+}

+.no-padding {

+	padding:0!important;

+}

+.margin-left {

+	margin-left:20px;

+}

+.margin-right {

+	margin-right:20px;

+}

+.margin-top {

+	margin-top:20px;

+}

+.margin-bottom {

+	margin-bottom:20px;

+}

+.border-top {

+	border-top:1px solid #D9D9D9;

+	padding-top:10px;

+	margin-top:20px;

+}

+.border-left {

+	border-left:1px solid #D9D9D9;

+	padding-left:10px;

+	margin-left:20px;

+}

+.border-bottom {

+	border-bottom:1px solid #D9D9D9;

+	padding-bottom:10px;

+	margin-bottom:20px;

+}

+.border-right {

+	border-top:1px solid #D9D9D9;

+	padding-top:10px;

+	margin-top:20px;

+}

+.txt-smaller {

+	font-size:85%

+}

+.txt-small {

+	font-size:93%

+}

+.txt-light {

+	color:#4d4d4d;

+}

+.txt-lighter {

+	color:#666;

+}

+/*////   - Nav -   ////*/

+

+#nav {

+	float:right;

+	line-height:100%;

+	margin:0;

+	padding:10px;

+}

+#nav li {

+	float: left;

+	position: relative;

+	list-style: none;

+	z-index:100;

+	margin-left:15px;

+	padding-bottom:5px;

+}

+/* main level link */

+#nav a {

+	font-weight: bold;

+	text-decoration: none;

+	display: block;

+	padding:  8px 12px;

+	font-size:113%;

+	-webkit-border-radius: 3px;

+	-moz-border-radius: 3px;

+}

+#nav a:hover {

+	background: #000;

+	color: #000;

+}

+/* main level link hover */

+#nav .current a, #nav li:hover > a {

+	background: #e5e5e5;

+	color: #444;

+	border-top: solid 1px #cccccc;

+	border-left: solid 1px #cccccc;

+	border-right:1px solid #e0e0e0;

+	border-bottom:1px solid #e0e0e0;

+	padding:7px 11px 8px;

+	text-shadow:0 1px 0 #FFFFFF;

+}

+/* sub levels link hover */

+#nav ul li:hover a, #nav li:hover li a {

+	background: none;

+	border: none;

+	color: #666;

+	-webkit-box-shadow: none;

+	-moz-box-shadow: none;

+}

+#nav ul a:hover {

+	background: #f2f2f2 !important;

+	color: #1A1A1A !important;

+	padding:10px;

+	-webkit-border-radius: 0;

+	-moz-border-radius: 0;

+}

+/* dropdown */

+#nav li:hover > ul {

+	display: block;

+}

+/* level 2 list */

+#nav ul {

+	display: none;

+	margin: 0;

+	padding: 0;

+	width: 185px;

+	position: absolute;

+	top: 35px;

+	left: 0;

+	background: #fafafa;

+	border: solid 1px #d9d9d9;

+	z-index:100;

+	font-size:100%;

+	-webkit-border-radius: 3px;

+	-moz-border-radius: 3px;

+	border-radius: 3px;

+}

+#nav ul li {

+	float: none;

+	margin: 0;

+	padding: 0;

+}

+#nav ul a {

+	font-size:100%;

+	font-weight:normal;

+	padding:10px !important;

+}

+#nav ul a:hover {

+	font-size:100%;

+	font-weight:normal;

+	padding:10px;

+}

+/* level 3+ list */

+#nav ul ul {

+	left: 185px;

+	top: 1px;

+}

+/* rounded corners of first and last link */

+#nav ul li:first-child > a {

+	-webkit-border-top-left-radius: 3px;

+	-moz-border-radius-topleft: 3px;

+	-webkit-border-top-right-radius: 3px;

+	-moz-border-radius-topright: 3px;

+}

+#nav ul li:last-child > a {

+	-webkit-border-bottom-left-radius: 3px;

+	-moz-border-radius-bottomleft: 3px;

+	-webkit-border-bottom-right-radius: 3px;

+	-moz-border-radius-bottomright: 3px;

+}

+/* clearfix */

+#nav:after {

+	content: ".";

+	display: block;

+	clear: both;

+	visibility: hidden;

+	line-height: 0;

+	height: 0;

+}

+#nav {

+	display: inline-block;

+}

+html[xmlns] #nav {

+	display: block;

+}

+* html #nav {

+	height: 1%;

+}

+/*////   - Page -   ////*/

+header {

+	margin:25px 0 20px;

+}

+footer {

+	padding:10px 0;

+}

+.footer-nav {

+	float:right;

+}

+.footer-nav li {

+	display:inline;

+}

+.footer-nav a, .footer-nav a:visited {

+	text-decoration:none;

+	margin:0 10px;

+}

+footer li a:hover {

+	color:#666666;

+	text-decoration:none;

+}

+#page {

+	background: #fff;

+	color:#191919;

+	border:1px solid #d9d9d9;

+	padding:40px;

+	position:relative;

+	width:898px;

+	z-index:1;

+	border-radius:3px;

+	-moz-border-radius:3px;

+	-webkit-border-radius:3px;

+}

+#page-content.two-col {

+	float:left;

+	padding-right:35px;

+	width:600px;

+	display:inline;

+}

+.breadcrumbs {

+	margin:0 0 20px;

+	list-style:none;	

+	padding:10px 15px;

+	background:#f2f2f2;

+	border:1px solid #D9D9D9;

+	font-size:93%;

+	color:#333333;

+	

+	border-radius:3px;

+	-moz-border-radius:3px;

+	-webkit-border-radius:3px;

+}

+.breadcrumbs li {

+	display:inline;	

+}

+aside {

+	float:left;

+	width:260px;

+	color:#333333;

+	display:inline;

+}

+section {

+	margin-bottom:20px;

+	padding-bottom:20px;

+	border-bottom:1px solid #d9d9d9;

+}

+.inlinepic {

+	background:#fafafa;

+	border:1px solid #ccc;

+	padding:5px;

+	box-shadow:0 0 5px #D9D9D9;

+	-moz-box-shadow:0 0 5px #D9D9D9;

+	-webkit-box-shadow:0 0 5px #D9D9D9;

+}

+blockquote {

+	background:url("../img/quote.gif") no-repeat 0 5px;

+	color:#444444;

+	line-height:1.6;

+	padding:5px 20px 10px 45px;

+	margin-bottom:20px;

+}

+blockquote cite {

+	color:#666666;

+	font-size:12px;

+	font-style:italic;

+}

+/*//   About Page   //*/

+#teamlist {

+	margin:0;

+	list-style:none;

+}

+#teamlist li {

+	margin-bottom:20px;

+	padding-bottom:10px;

+	border-bottom:1px solid #D9D9D9;

+}

+#teamlist li.last {

+	border-bottom:0;

+	margin-bottom:0;

+	padding-bottom:0;

+}

+/*//   Services Page   //*/

+

+.services-list {

+	margin:0;

+	list-style:none;

+}

+.services-list li {

+	float:left;

+	width:270px;

+	margin-right:30px;

+	margin-bottom:20px;

+	font-size:93%;

+}

+.services-list li p {

+	margin-bottom:5px;

+}

+.services-list li a {

+	float:right;

+}

+.services-list li img {

+	float:left;

+	margin:5px 20px 30px 0;

+}

+.services-list li.last {

+	margin-right:0;

+}

+.process {

+	height:31px;

+	width:31px;

+	background: url(../img/process.gif);

+	color:#fff;

+	display:block;

+	font-size:138%;

+	font-weight:bold;

+	line-height:28px;

+	text-align:center;

+	margin:5px 20px 30px 0;

+	float:left;

+}

+/*//   Portfolio Page   //*/

+.portfolio-small {

+	list-style:none outside none;

+	margin:0 -35px 0;

+}

+.portfolio-small li a {

+	display:block;

+}

+.portfolio-small li {

+	float:left;

+	margin-bottom:20px;

+	margin-left:35px;

+	width:275px;

+}

+.portfolio-small li img {

+	margin-bottom:10px;

+}

+.portfolio-small li h4 {

+	margin-bottom:10px;

+}

+.portfolio-small li p {

+	margin-bottom:10px;

+}

+.portfolio-list {

+	list-style:none outside none;

+	margin:0;

+}

+.portfolio-list li {

+	margin-bottom:20px;

+	padding-bottom:20px;

+}

+.portfolio-list li img {

+	float:left;

+}

+.portfolio-list li.last {

+	padding-bottom:0;

+}

+.portfolio-list li div {

+	margin-left: 390px;

+}

+.portfolio-list li p {

+	margin-bottom:15px;

+}

+/*//   Sidebar   //*/

+.social-list {

+	margin:0 0 20px;

+	list-style:none;

+}

+.social-list li {

+	display:inline;

+	margin:0 15px 10px 0;

+	width:100%;

+}

+#twitter_update_list {

+	margin:0 0 40px;

+	list-style:none;

+}

+#twitter_update_list li {

+	margin-bottom:10px;

+	padding-bottom:10px;

+	line-height:1.6;

+	border-bottom:1px solid #d9d9d9;

+}

+/*////   - General Styling -   ////*/

+p {

+	line-height:1.6;

+	margin-bottom:20px;

+}

+.list {

+	margin-bottom:15px;

+}

+.list li {

+	margin-bottom:5px;

+	padding:0;

+}

+.list ul {

+	margin-bottom:15px;

+}

+dl.definition {

+	margin-bottom:20px;

+}

+dl.definition dt {

+	font-weight:bold;

+	margin-bottom:5px;

+	padding-left:20px;

+}

+dl.definition dd {

+	color:#666666;

+	margin-bottom:15px;

+	padding-left:20px;

+}

+.tags {

+	margin:0 0 15px;

+	list-style:none;

+}

+.tags li {

+	display:inline;

+	background:#D9D9D9;

+	margin-right:10px;

+	font-size:85%;

+	padding:3px 6px;

+	border-radius:20px;

+	-moz-border-radius:20px;

+	-webkit-border-radius:20px;

+}

+.social {

+	margin:0 0 15px;

+	list-style:none;

+}

+.social li {

+	display:inline;

+	margin-right:10px;

+}

+#feature {

+	margin-bottom:20px;

+}

+.feature-img {

+	float:left;

+	margin-top:10px;

+}

+.feature-text {

+	margin-left:545px;

+}

+h2#tagline {

+	font-size:240%;

+}

+h3#tagline-mini {

+	font-weight:normal;

+	font-size:100%;

+	color:#4d4d4d;

+	line-height:1.6;

+	margin-bottom:25px;

+}

+.feature-screenshots {

+	margin:0;

+	list-style:none;

+}

+.feature-screenshots li {

+	float:left;

+	margin:	0 20px 10px 0;

+}

+

+

+/* Homepage */

+.feature img {

+	float:left;

+}

+.feature p {

+	margin-left:70px;

+}

+.scrollable {

+	height:110px;

+	overflow:hidden;

+	position:relative;

+	width:100%;

+}

+.scrollable .items {

+	clear:both;

+	position:absolute;

+	width:20000em;

+}

+.items div {

+	float:left;

+	width:740pxpx;

+}

+.scrollable img {

+	-moz-border-radius:4px 4px 4px 4px;

+	background-color:#FFFFFF;

+	border:1px solid #CCCCCC;

+	float:left;

+	height:100px;

+	margin:0 4px 0 35px;

+	padding:2px;

+	width:100px;

+}

+.scrollable .active {

+	border:2px solid #000000;

+	cursor:default;

+	position:relative;

+}

+/* this makes it possible to add next button beside scrollable */

+.scrollable {

+	float:left;

+}

+/* prev, next, prevPage and nextPage buttons */

+a.browse {

+	background:url(../img/scrollable.png) no-repeat;

+	display:block;

+	width:30px;

+	height:30px;

+	margin:40px 10px;

+	cursor:pointer;

+	font-size:1px;

+	position:absolute;

+}

+/* right */

+a.right {

+	background-position: 0 -30px;

+	clear:right;

+	margin-right: 0px;

+	right:25px;

+}

+a.right:hover {

+	background-position:-30px -30px;

+}

+a.right:active {

+	background-position:-60px -30px;

+}

+/* left */

+a.left {

+	margin-left: 0px;

+	left:25px;

+}

+a.left:hover {

+	background-position:-30px 0;

+}

+a.left:active {

+	background-position:-60px 0;

+}

+/* up and down */

+a.up, a.down {

+	background:url(../img/scrollable/arrow/vert_large.png) no-repeat;

+	float: none;

+	margin: 10px 50px;

+}

+/* up */

+a.up:hover {

+	background-position:-30px 0;

+}

+a.up:active {

+	background-position:-60px 0;

+}

+/* down */

+a.down {

+	background-position: 0 -30px;

+}

+a.down:hover {

+	background-position:-30px -30px;

+}

+a.down:active {

+	background-position:-60px -30px;

+}

+/* disabled navigational button */

+a.disabled {

+	visibility:hidden !important;

+}

+/* Sidebar Elements */

+.sidebar-nav {

+	margin:0 0 40px;

+	list-style:none;

+}

+.sidebar-nav li {

+	border:1px solid #d9d9d9;

+	border-top:0;

+	background:#f2f2f2;

+	border-radius:3px 0 0 3px;

+	-moz-border-radius:3px 0 0 3px;

+	-webkit-border-radius:3px 0 0 3px;

+}

+.sidebar-nav li.first {

+	border-top:1px solid #d9d9d9;

+}

+.sidebar-nav li a {

+	background:url("../img/arrow.png") no-repeat 10px 50%;

+	color:#1A1A1A;

+	display:block;

+	width:100%;

+	padding:10px 27px;

+	text-decoration:none;

+}

+.sidebar-nav li:hover {

+	background:#bebebe;

+	border-color:#969696;

+}

+.sidebar-nav li.current {

+	left:-10px;

+	position:relative;

+	width:268px;

+	background:url("../img/grad-grey.gif") repeat-x scroll center top #166890;

+	border:1px solid #11506F;

+}

+.sidebar-nav li a:hover, .sidebar-nav li.current a {

+	color:#fff;

+	background:url("../img/arrow-active.png") no-repeat 10px 50%;

+}

+.sidebar-search {

+	margin:0 0 40px;

+	width:100%;

+}

+.sidebar-latestblog {

+	margin:-10px 0 40px;

+	list-style:none;

+}

+.sidebar-latestblog li {

+	border-bottom:1px solid #d9d9d9;

+	padding:10px 0;

+	width:100%;

+}

+.sidebar-latestblog img {

+	float:left;

+}

+.sidebar-latestblog a {

+	display:block;

+	margin-bottom:10px;

+	margin-left:75px;

+}

+.sidebar-latestblog time {

+	display:block;

+	font-style:italic;

+	font-size:93%;

+	color:#666666;

+	margin-left:75px;

+}

+.sidebar-latestblog p {

+	margin-bottom:10px;

+	margin-left:75px;

+}

+.sidebar-sponsors {

+	margin:0;

+	list-style:none;

+}

+.sidebar-sponsors li {

+	margin:0 0 10px;

+}

+#search {

+	padding:10px 5px;

+	background:#fff url(../img/bg-input.gif) repeat-x top;

+	border:1px solid #D9D9D9;

+	float:left;

+	width:168px;

+	margin-right:5px;

+	border-radius:3px;

+	-moz-border-radius:3px;

+	-webkit-border-radius:3px;

+}

+button.search {

+	background:#fff url(../img/grad-grey.gif) repeat-x top;

+	border:1px solid #d9d9d9;

+	color:#404040;

+	float:left;

+	height:38px;

+	line-height:12px;

+	font-size:108%;

+	font-weight:bold;

+	padding:8px 8px 10px;

+	text-shadow:0 1px 0 #FFFFFF;

+	border-radius:5px;

+	-moz-border-radius:5px;

+	-webkit-border-radius:5px;

+}

+.pricing-table h4 {

+	color:#FFFFFF;

+	font-size:240%;

+	margin-bottom:5px;

+}

+.pricing-table h5 {

+	color:#FFFFFF;

+	font-size:140%;

+	margin-bottom:5px;

+}

+.pricing-table .header {

+	background:url(../img/grad-blue.gif) repeat-x scroll center top #166890;

+	border:1px solid #11506F;

+	color:#FFFFFF;

+	text-align:center;

+	width:28%;

+	padding:5px;

+}

+.pricing-table .blank {

+	background:#fff;

+	border:none;

+}

+.pricing-table .feature {

+	border-left:1px solid #58bbec;

+}

+.pricing-table .feature.first {

+	border-top:1px solid #58bbec;

+}

+.pricing-table {

+	border-right:1px solid #58bbec;

+	border-bottom:1px solid #58bbec;

+	width:100%;

+	margin-bottom:20px;

+}

+.pricing-table thead th, .pricing-table thead td {

+	padding:6px 10px;

+	font-weight: 700;

+	color: #333;

+	background: #EAEBFA;

+	border-bottom: 1px solid #D9D9D9;

+	border-right:1px solid #D9D9D9;

+}

+.pricing-table thead th.last, .pricing-table thead td.last {

+	border-right:0;

+}

+.pricing-table tbody th, .pricing-table tbody td {

+	background:#EAEBFA;

+	border-right:1px dotted #D9D9D9;

+	vertical-align:middle;

+	padding:12px;

+	font-size:93%;

+	text-align:center;

+}

+.pricing-table tbody tr.alt td {

+	background:#e4e6fa;

+}

+.pricing-table tbody th.last, .pricing-table tbody td.last {

+	border-right:0 none;

+}

+.pricing-table tbody tr.last td {

+	border-bottom:0 none;

+}

+/*////   - Forms -   ////*/

+form {

+	margin-bottom:20px;

+}

+body.ie7 form, body.ie8 {

+	margin-bottom:40px;

+}

+form p {

+	margin-bottom:15px;

+}

+form label {

+	float:left;

+	width:140px;

+	margin-top:5px;

+}

+form input, form textarea {

+	padding:10px 5px;

+	background:#fff url(../img/bg-input.gif) repeat-x top;

+	border:1px solid #D9D9D9;

+	width:448px;

+	border-radius:3px;

+	-moz-border-radius:3px;

+	-webkit-border-radius:3px;

+}

+form input.small {

+	width:35px;

+}

+#message {

+	margin-bottom:20px;

+}

+.error-message {

+	background:url("../img/error.png") no-repeat 10px center #FECDC6;

+	padding:10px 35px;

+	border-radius:3px;

+	-moz-border-radius:3px;

+	-webkit-border-radius:3px;

+}

+.success-message {

+	background:url(../img/success.png) no-repeat 10px center #F1FFBF;

+	padding:10px 35px;

+	border-radius:3px;

+	-moz-border-radius:3px;

+	-webkit-border-radius:3px;

+}

+/* Buttons */

+

+button, .button {

+	cursor:pointer;

+	display:inline-block;

+	font-size:108%;

+	font-weight:700;

+	margin:0 5px 15px 0;

+	outline:none;

+	padding:10px 15px;

+	width:auto;

+	text-align:center;

+	text-decoration:none !important;

+	vertical-align:middle;

+	background:url('../img/grad-grey.gif') repeat-x center top #c3c3c3;

+	color:#444444;

+	border:1px solid #c3c3c3;

+	text-shadow:0 -1px 0 #FFFFFF;

+	border-radius:3px;

+	-moz-border-radius:3px;

+	-webkit-border-radius:3px;

+}

+body.ie7 button, body.ie8 button, body.ie7 .button, body.ie8 .button {

+	zoom:1;

+	display:inline;

+}

+button:hover, .button:hover {

+	background:url('../img/grad-grey-hover.gif') repeat-x center top #c3c3c3;

+	text-decoration:none;

+	outline:none;

+}

+button:active, .button:active {

+	position:relative;

+	top:1px;

+	outline:none;

+	background:url('../img/grad-grey-rev.gif') repeat-x center top #c3c3c3;

+}

+/* Blue Button */

+button.blue, .button.blue {

+	background:url("../img/grad-blue.gif") repeat-x center top #166890;

+	border:1px solid #11506F;

+	color:#FFFFFF;

+	text-shadow:0 -1px 0 #11506F;

+}

+button.blue:hover, .button.blue:hover {

+	background:url("../img/grad-blue-hover.gif") repeat-x center top #166890;

+}

+button.blue:active, .button.blue:active {

+	background:url("../img/grad-blue-rev.gif") repeat-x center top #166890;

+}

+/* Green Button */

+button.green, .button.green {

+	background:url("../img/grad-green.gif") repeat-x center top #518f14;

+	border:1px solid #406f11;

+	color:#FFFFFF;

+	text-shadow:0 -1px 0 #406f11;

+}

+button.green:hover, .button.green:hover {

+	background:url("../img/grad-green-hover.gif") repeat-x center top #166890;

+}

+button.green:active, .button.green:active {

+	background:url("../img/grad-green-rev.gif") repeat-x center top #166890;

+}

+/* Red Button */

+button.red, .button.red {

+	background:url("../img/grad-red.gif") repeat-x center top #8f1e14;

+	border:1px solid #6f1811;

+	color:#FFFFFF;

+	text-shadow:0 -1px 0 #6f1811;

+}

+button.red:hover, .button.red:hover {

+	background:url("../img/grad-red-hover.gif") repeat-x center top #166890;

+}

+button.red:active, .button.red:active {

+	background:url("../img/grad-red-rev.gif") repeat-x center top #166890;

+}

+/* Purple Button */

+button.purple, .button.purple {

+	background:url("../img/grad-purple.gif") repeat-x center top #8f146e;

+	border:1px solid #6f1156;

+	color:#FFFFFF;

+	text-shadow:0 -1px 0 #6f1156;

+}

+button.purple:hover, .button.purple:hover {

+	background:url("../img/grad-purple-hover.gif") repeat-x center top #166890;

+}

+button.purple:active, .button.blue:active {

+	background:url("../img/grad-purple-rev.gif") repeat-x center top #166890;

+}

+/* Black Button */

+button.black, .button.black {

+	background:url("../img/grad-black.gif") repeat-x center top #3b3b3b;

+	border:1px solid #3b3b3b;

+	color:#FFFFFF;

+	text-shadow:0 -1px 0 #3b3b3b;

+}

+button.black:hover, .button.black:hover {

+	background:url("../img/grad-black-hover.gif") repeat-x center top #3b3b3b;

+}

+button.black:active, .button.black:active {

+	background:url("../img/grad-black-rev.gif") repeat-x center top #3b3b3b;

+}

+button.large, .button.large {

+	font-size:138.5%;

+	padding:10px 30px;

+}

+button.small, .button.small {

+	font-size:93%;

+	padding:4px 10px 5px;

+}

+button.disabled, button.disabled:hover, .button.disabled, .button.disabled:hover {

+	background-color:#ccc !important;

+	color:#666 !important;

+	text-shadow:0 1px 0 #CCCCCC;

+	cursor:default;

+}

+body.ie7 button.disabled, body.ie8 button.disabled {

+	border-color:#a3a3a3;

+}

+button.disabled:active, .button.disabled:active {

+	position:relative;

+	top:0;

+	background-image: url('../img/grad.png');

+}

+fieldset button, .button {

+	margin:0 5px 10px 0;

+}

+button img, .button img {

+	display:inline;

+	height:16px;

+	margin-right:10px;

+	vertical-align:-3px;

+	width:16px;

+}

+/* notifications */

+.notification.success {

+	background:#f1ffbf url('../img/icons/success.png') no-repeat 10px 10px;

+	border-color:#a6d50f;

+}

+.notification.success span.strong {

+	color:#283304;

+}

+.notification.error {

+	background:#fecdc6 url('../img/icons/error.png') no-repeat 10px 10px;

+	border-color:#f45d43;

+}

+.notification.error span.strong {

+	color:#33130e;

+}

+.notification.warning {

+	background:#ffecb0 url('../img/icons/warning.png') no-repeat 10px 10px;

+	border-color:#ffbc2a;

+}

+.notification.warning span.strong {

+	color:#332508;

+}

+.notification.info {

+	background:#d4e7f5 url('../img/icons/information.png') no-repeat 10px 10px;

+	border-color:#589ad7;

+}

+.notification.info span.strong {

+	color:#152433;

+}

+.notification.tip {

+	background:#ffeccd url('../img/icons/tip.png') no-repeat 10px 10px;

+	border-color:#dd9854;

+}

+.notification.tip span.strong {

+	color:#332313;

+}

+.notification {

+	padding:10px 10px 10px 35px;

+	border:1px solid #fff;

+	margin-bottom:10px;

+	position:relative;

+	font-size:100%;

+	border-radius:3px;

+	-moz-border-radius:3px;

+	-webkit-border-radius:3px;

+}

+.notification p {

+	margin-bottom:0;

+}

+.notification .close {

+	background:url("../img/icons/close.png") no-repeat scroll 0 0 transparent;

+	cursor:pointer;

+	display:block;

+	height:16px;

+	position:absolute;

+	right:10px;

+	top:10px;

+	width:16px;

+}

+.notification .close:hover {

+	opacity:1;

+}

+.notification.nopic {

+	background-image:none;

+	padding:10px;

+}

+.notification span.strong {

+	margin-right:10px;

+}

+/* Bullet List */

+

+.bullet-list {

+	list-style:none;

+	margin-bottom:15px;

+	margin-left:0;

+}

+.bullet-list li {

+	background:url("../img/bullet_arrow_right.png") no-repeat left center transparent;

+	margin-bottom:5px;

+	padding:6px 6px 6px 20px;

+}

+.bullet-list li a {

+	-webkit-border-radius:3px;

+	-moz-border-radius:3px;

+	border-radius:3px;

+	color:#181818;

+	display:block;

+	margin:-6px;

+	padding:6px;

+	text-decoration:none;

+}

+.bullet-list li a:hover {

+	background-color:#E2E2E2;

+	margin:-6px -6px -6px -20px;

+	padding:6px 6px 6px 20px;

+}

+.bullet-list.grey li {

+	-webkit-border-radius:3px;

+	-moz-border-radius:3px;

+	border-radius:3px;

+	background-color:#f2f2f2;

+	width:50%;

+}

+/* Definition List */

+dl.definition {

+	margin-bottom:20px;

+}

+dl.definition dt {

+	background:url("../img/icons/16/bullet_arrow_right.png") no-repeat left center;

+	font-weight: 700;

+	margin-bottom:5px;

+	padding-left:20px;

+}

+dl.definition dd {

+	color:#666666;

+	margin-bottom:15px;

+	padding-left:20px;

+}

+/* Pagination */

+.pagination {

+	display: inline-block;

+	font-size: 77%;

+	text-decoration: none;

+}

+.pagination a, .pagination .dots {

+	background:url("../img/grad-grey.gif") repeat-x scroll center top #C3C3C3;

+	border:1px solid #C3C3C3;

+	display: inline-block;

+	color:#444444 !important;

+	margin-right: 2px;

+	padding: 6px 8px;

+	text-decoration:none;

+	-moz-border-radius: 3px;

+	-webkit-border-radius: 3px;

+	border-radius: 3px;

+}

+.pagination a:hover {

+	background: url("../img/grad-grey-hover.gif") repeat-x scroll center top #C3C3C3;

+	color: #444444;

+}

+.pagination a.current {

+	background: url("../img/grad-grey-rev.gif") repeat-x scroll center top #C3C3C3;

+	color: #444444;

+}

+.pagination a.number.current {

+	color: #444;

+}

+/* Small Pagination */

+.pagination.small a, .pagination.small .dots {

+	margin-right: 1px;

+	padding: 1px 4px;

+	-moz-border-radius: 6px;

+	-webkit-border-radius: 6px;

+	border-radius: 6px;

+}

+/* Table Styles */

+.table {

+	border:1px solid #CCCCCC;

+	width:100%;

+	margin-bottom:20px;

+}

+.table.no-border {

+	border:none

+}

+.table thead th, .table thead td {

+	padding:6px 10px;

+	font-weight: 700;

+	color: #333;

+	background: #E2E2E2;

+	border-bottom: 1px solid #cccccc;

+	border-right:1px solid #CCCCCC;

+}

+.table thead th.last, .table thead td.last {

+	border-right:0;

+}

+.table thead th.checkbox, .table thead td.checkbox {

+	width:25px;

+}

+.table tbody th, .table tbody td {

+	background:#fff;

+	border-right:1px dotted #CCCCCC;

+	vertical-align:middle;

+	padding:10px;

+	font-size:93%;

+}

+.table tbody tr.alt td {

+	background:#F2F2F2;

+}

+.table tbody th.last, .table tbody td.last {

+	border-right:0 none;

+}

+.table tbody tr.last td {

+	border-bottom:0 none;

+}

+.table tbody tr:hover th, .table tbody tr:hover td {

+	background:#d3ecf9;

+}

+/* Tispy Tooltips */

+.tipsy {

+	padding: 5px;

+	font-size: 93%;

+	opacity: 0.8;

+	filter: alpha(opacity=80);

+	background-repeat: no-repeat;

+	background-image: url(../img/tipsy.gif);

+}

+.tipsy-inner {

+	padding: 5px 8px 4px 8px;

+	background-color: black;

+	color: white;

+	max-width: 200px;

+	text-align: center;

+}

+.tipsy-inner {

+	border-radius:3px;

+	-moz-border-radius:3px;

+	-webkit-border-radius:3px;

+}

+.tipsy-north {

+	background-position: top center;

+}

+.tipsy-south {

+	background-position: bottom center;

+}

+.tipsy-east {

+	background-position: right center;

+}

+.tipsy-west {

+	background-position: left center;

+}

+/*////   - jQuery Lightbox -   ////*/

+#jquery-overlay {

+	position: absolute;

+	top: 0;

+	left: 0;

+	z-index: 1000;

+	width: 100%;

+	height: 500px;

+}

+#jquery-lightbox {

+	position: absolute;

+	top: 0;

+	left: 0;

+	width: 100%;

+	z-index: 9999;

+	text-align: center;

+	line-height: 0;

+}

+#jquery-lightbox a img {

+	border: none;

+}

+#lightbox-container-image-box {

+	position: relative;

+	background-color: #fff;

+	width: 250px;

+	height: 250px;

+	margin: 0 auto;

+}

+#lightbox-container-image {

+	padding: 10px;

+}

+#lightbox-loading {

+	position: absolute;

+	top: 40%;

+	left: 0%;

+	height: 25%;

+	width: 100%;

+	text-align: center;

+	line-height: 0;

+}

+#lightbox-nav {

+	position: absolute;

+	top: 0;

+	left: 0;

+	height: 100%;

+	width: 100%;

+	z-index: 10;

+}

+#lightbox-container-image-box > #lightbox-nav {

+	left: 0;

+}

+#lightbox-nav a {

+	outline: none;

+}

+#lightbox-nav-btnPrev, #lightbox-nav-btnNext {

+	width: 49%;

+	height: 100%;

+	zoom: 1;

+	display: block;

+}

+#lightbox-nav-btnPrev {

+	left: 0;

+	float: left;

+}

+#lightbox-nav-btnNext {

+	right: 0;

+	float: right;

+}

+#lightbox-container-image-data-box {

+	font: 10px Verdana, Helvetica, sans-serif;

+	background-color: #fff;

+	margin: 0 auto;

+	line-height: 1.4em;

+	overflow: auto;

+	width: 100%;

+	padding: 0 10px 0;

+}

+#lightbox-container-image-data {

+	padding: 0 10px;

+	color: #666;

+}

+#lightbox-container-image-data #lightbox-image-details {

+	width: 70%;

+	float: left;

+	text-align: left;

+}

+#lightbox-image-details-caption {

+	font-weight: bold;

+}

+#lightbox-image-details-currentNumber {

+	display: block;

+	clear: left;

+	padding-bottom: 1.0em;

+}

+#lightbox-secNav-btnClose {

+	width: 66px;

+	float: right;

+	padding-bottom: 0.7em;

+}

diff --git a/webroot/css/debug.css b/webroot/css/debug.css
new file mode 100644
index 0000000..ed5c4b8
--- /dev/null
+++ b/webroot/css/debug.css
@@ -0,0 +1,603 @@
+/**
+ * Lithium: the most rad php framework
+ *
+ * @copyright     Copyright 2010, Union of RAD (http://union-of-rad.org)
+ * @license       http://opensource.org/licenses/bsd-license.php The BSD License
+ */
+* {
+	margin: 0;
+	padding: 0;
+}
+
+body.test-dashboard {
+	font-family: Helvetica, Arial, sans-serif;
+	font-size: 16px;
+	margin: 0;
+	min-width: 800px;
+}
+
+body.test-dashboard a {
+	color: #333;
+}
+
+body.test-dashboard #header h1 {
+	margin: 0;
+	float:right;
+	font-weight: normal;
+}
+
+body.test-dashboard #header h1 a {
+	text-decoration: none;
+	display: block;
+	padding: .45em 0.75em 0 0;
+	color: rgba(0,0,0,.15);
+}
+
+body.test-dashboard .triangle:before {
+	content: '\25B2';
+	font-size: 1em;
+}
+
+body.test-dashboard #header {
+	padding: 0;
+}
+
+body.test-dashboard #header:after {
+	display: block;
+	content: ' ';
+	clear: both;
+}
+
+body.test-dashboard .article {
+	clear:both;
+}
+
+body.test-dashboard .test-content {
+	float:left;
+	padding: 2em 2% 4em;
+	width: 74%;
+}
+
+.test-content h2 {
+	font-weight: normal;
+	font-size: 1.45em;
+	margin-bottom: .5em;
+	float: left;
+}
+.test-content h2 span {
+	color: #bbb;
+	display: block;
+	font-size: .55em;
+}
+.test-content h3 {
+	font-weight: normal;
+	margin: 1.5em 0 1em;
+}
+
+body.test-dashboard a.test-button,
+body.test-dashboard a.test-button:link,
+body.test-dashboard a.test-button:visited,
+body.test-dashboard a.test-button:hover,
+body.test-dashboard a.test-button:active {
+	display: block;
+	float: right;
+	font-weight: bold;
+	font-size: 1.25em;
+	background-color:#f5f5f5;
+	border-color: #e6e6e6;
+	color: #999;
+	padding: .5em 1em;
+	margin: 0;
+	background-color: white;
+	border: 1px solid #e5e5e5;
+	text-decoration: none;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	border-radius: 4px;
+	-moz-box-shadow: 0 0 6px rgba(0,0,0,.1);
+	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.1);
+	box-shadow: 0 0 6px rgba(0,0,0,.1);
+}
+
+body.test-dashboard a.test-button:hover,
+body.test-dashboard a.test-button:active {
+	color: black;
+	background: white;
+	-moz-box-shadow: inset 0 0 6px rgba(0,0,0,.15);
+	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.15);
+	box-shadow: inset 0 0 6px rgba(0,0,0,.15);
+}
+
+body.test-dashboard ul {
+	margin: .25em 0;
+	padding: 0.2em 0 0 0;
+}
+
+body.test-dashboard ul ul li {
+	display: block;
+	margin: 0 0 1px .5em;
+	padding: 0.25em 0 0 0.75em;
+	border: 1px solid rgba(0,0,0,0.05);
+	border-width: 0 0 0 1px;
+}
+
+body.test-dashboard .test-menu {
+	float: left;
+	padding: .75em 0 1em 1%;
+	width: 20%;
+	background: #f6f6f6;
+	font-size: .85em;
+}
+
+.test-dashboard .test-menu > ul {
+	margin-top: 0;
+	padding-top: 1px;
+}
+.test-dashboard .test-menu ul li ul {
+	margin-top: .1em;
+}
+.test-dashboard .test-menu li:hover {
+}
+.test-dashboard .test-menu li > ul {
+	display: block;
+}
+.test-dashboard .test-menu li:hover > ul {
+	display: block;
+}
+ul.menu, ul.menu ul {
+	list-style: none;
+}
+ul.menu a {
+	color: #666;
+	text-decoration: none;
+	display: block;
+}
+
+ul.menu a:hover, ul.menu a:active, ul.menu a.menu-folder:hover {
+	color: black;
+}
+
+ul.menu a.menu-folder {
+	color: #333;
+	font-weight: bold;
+	text-decoration: none;
+	font-size: 1.2em;
+}
+
+
+a.test-all {
+	display: block;
+	float: left;
+	font-size: 1.5em;
+	text-align: center;
+	text-decoration: none;
+	padding: .75em 0;
+	width: 21%;
+	color: #666;
+	background: #e6e6e6;
+}
+a.test-all:hover {
+	background: #60AF12;
+	-moz-box-shadow: inset 0 0 12px rgba(0,0,0,.25);
+	-webkit-box-shadow: inset 0 0 12px rgba(0,0,0,.25);
+	box-shadow: inset 0 0 12px rgba(0,0,0,.25);
+	color: white !important;
+	text-shadow: 0px 0px 6px rgba(0,0,0,.5);
+}
+
+ul.menu a {
+	display: block;
+	padding: 0.1em 0;
+}
+
+ul.menu a:before, a.menu-folder:before, ul.metrics li:before {
+	display: inline !important;
+	float: none !important;
+	padding: 0 0.5em 0 0;
+	content: '\25B4';
+	font-weight: normal;
+	color: rgba(0,0,0,.1);
+}
+a.menu-folder:before {
+	padding: 0 !important;
+	content: '\25B2' !important;
+}
+ul.menu a:hover:before, a.menu-folder:hover:before, ul.metrics li:hover:before {
+	color: #60AF12;
+}
+
+/*--- Benchmarking ---*/
+table.metrics {
+	border: 1px solid #e6e6e6;
+	-moz-box-shadow: 0 0 6px rgba(0,0,0,.15);
+	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.15);
+	box-shadow: 0 0 6px rgba(0,0,0,.15);
+}
+table.metrics {
+	border-collapse: collapse;
+}
+table.metrics th {
+	padding: .5em 	1em;
+	font-size: 1.1em;
+	color: black;
+	background: #e6e6e6;
+	font-weight: normal;
+}
+table.metrics th, table.metrics td {
+	border-bottom: 1px solid rgba(0,0,0,.05);
+}
+
+td.metric-name {
+	text-align: left;
+	white-space: nowrap;
+	padding: 6px 8px;
+	background: #e6e6e6;
+	width: 35%;
+}
+tr:hover td.metric-name {
+	background: #f5f5f5;
+}
+td.metric {
+	font-family: 'Andale Mono', Monaco, Courier, monospace !important;
+	font-weight: bold;
+	padding: 6px 8px;
+	text-align: right;
+	width: 65%;
+	background: #f5f5f5;
+}
+tr:hover td.metric {
+	background: white;
+}
+
+ul.classes, ul.files {
+	list-style-type: none;
+	font-family: 'Andale Mono', Monaco, Courier, monospace !important;
+}
+
+ul.metrics {
+	list-style-type: none;
+	padding: .5em !important;
+}
+
+ul.metrics li {
+	padding: .25em;
+}
+
+/*--- Test Results ---*/
+div.test-result {
+	clear: both;
+	margin: 1em 0 .5em;
+	padding: .75em 1em .55em;
+	color: #FFFFFF;
+	background: #666;
+	border: 1px solid #000000;
+	border-width: 0 0 4px 0;
+	font-size: 1.15em;
+	-moz-box-shadow: inset 0 0 12px rgba(0,0,0,.25);
+	-webkit-box-shadow: inset 0 0 12px rgba(0,0,0,.25);
+	box-shadow: inset 0 0 12px rgba(0,0,0,.25);
+	text-shadow: 0px 0px 6px rgba(0,0,0,.5);
+}
+
+div.test-result-success {
+	background-color: #62B212;
+	border-color: #467F0D;
+}
+
+div.test-result-fail {
+	background-color: #CC1414;
+	border-color: #7F0D0D;
+}
+
+div.test-result-exception {
+	background-color: #E58F16;
+	border-color: #995F0F;
+}
+div.test-result-notice {
+	background-color: #E5D416;
+	border-color: #B2A511;
+}
+
+div.test-result code {
+	background: rgba(0,0,0,.25);
+	color: rgba(255,255,255,.85);
+	border: none;
+	font-size: .75em;
+	padding: .1em .5em !important;
+	text-shadow: none;
+}
+
+div.test-assert, div.test-exception, div.test-skip {
+	margin: 1px 0 0 0;
+	padding: .5em 0 .5em 1em;
+	color: #000000;
+	font-family: 'Andale Mono', Monaco, Courier, monospace !important;
+	font-size: 1em;
+	line-height: 1.5em;
+	position: relative;
+	border: 1px solid rgba(0,0,0,.05);
+	border-width:0 0 1px 8px;
+}
+
+div.test-assert-passed {
+	border-left-color: #D0F9E0;
+}
+
+div.test-assert-failed {
+	color: #7F0D0D;
+	border-left-color: #CC1414;
+}
+
+div.test-exception {
+	color: #995F0F;
+	border-left-color: #E58F16;
+}
+
+div.test-skip {
+	background-color: #fafafa;
+	color: #666;
+}
+
+.test-assert span.content,
+.test-exception span.content,
+.test-skip span.content,
+.test-assert span.trace,
+.test-exception span.trace,
+.test-skip span.trace {
+	display: block;
+	clear: both;
+	white-space: pre;
+	color: #777;
+	font-size: .9em;
+	padding: .5em 1em;
+	margin: .5em 0;
+	background: #fafafa;
+	border: 1px solid rgba(0,0,0,.1);
+	-moz-box-shadow: inset 0 0 6px rgba(0,0,0,.15);
+	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.15);
+	box-shadow: inset 0 0 6px rgba(0,0,0,.15);
+}
+
+.test-assert span.trace {
+	padding: 0 .5em;
+	margin: .25em 0 .25em .5em;
+	background: #FAFAFA;
+}
+
+div.test-exception span.trace {
+	font-style: italic;
+}
+
+div.test-skip span.content {
+	color: #999;
+	padding: 0 1em;
+	-moz-box-shadow: none;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	border: none;
+}
+/*--- SQL Dumps ---*/
+.lithium-sql-log table {
+	background: #f4f4f4;
+}
+
+.lithium-sql-log td {
+	padding: 4px 8px;
+	text-align: left;
+}
+
+
+/*--- Debugger Dumps ---*/
+pre {
+	color: #000;
+	background: #f0f0f0;
+	padding: 1em;
+}
+
+pre.lithium-debug {
+	background: #ffcc00;
+	font-size: 1.2em;
+	line-height: 1.5em;
+	margin-top: 1em;
+	overflow: auto;
+	position: relative;
+}
+
+div.lithium-exception-class, div.lithium-exception-location {
+	font-weight: bold;
+}
+
+div.lithium-exception-message {
+	color: #000;
+	background: #f0f0f0;
+	padding: 1em;
+}
+
+div.lithium-stack-trace {
+	background: #fff;
+	border: 4px dotted #ffcc00;
+	color: #333;
+	margin: 0px;
+	padding: 6px;
+	font-size: 1.2em;
+	line-height: 1.5em;
+	overflow: auto;
+	position: relative;
+}
+
+/*--- Code Highlighting ---*/
+div.lithium-code-dump pre {
+	position: relative;
+	overflow: auto;
+}
+
+div.lithium-stack-trace pre, div.lithium-code-dump pre {
+	color: #000;
+	background-color: #F0F0F0;
+	margin: 0px;
+	padding: 1em;
+	overflow: auto;
+}
+
+div.lithium-code-dump pre, div.lithium-code-dump pre code {
+	clear: both;
+	font-size: 1em;
+	line-height: 1.5em;
+	margin: 4px 2px;
+	padding: 4px;
+	overflow: auto;
+}
+
+div.lithium-code-dump span.code-highlight {
+	background-color: #ff0;
+}
+
+/*--- Code Coverage Analysis ---*/
+span.filters {
+	display: block;
+	float: right;
+	margin: 1em 0 .5em 0;
+}
+span.filters a {
+	display: block;
+	float: left;
+	padding: .5em 1em;
+	margin-left: .25em;
+	text-decoration:none;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	border-radius: 4px;
+	background: #e6e6e6;
+	color: #666;
+}
+span.filters a:hover, span.filters a.active {
+	-moz-box-shadow: none;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	color: black;
+	background: #f5f5f5;
+}
+
+span.filters a.active {
+	background: #62B212;
+	text-shadow: 0px 0px 6px rgba(0,0,0,.5);
+	color: white;
+}
+
+div.code-coverage-results, h4.code-coverage-name {
+	clear: both;
+	color: #000000;
+	font-size: .8em;
+	font-family: 'Andale Mono', Monaco, Courier, monospace !important;
+	background-color: #fafafa;
+	border: 1px solid #e6e6e6;
+	border: 1px solid rgba(0,0,0,.1);
+	-moz-box-shadow: 0 0 6px rgba(0,0,0,.15);
+	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.15);
+	box-shadow: 0 0 6px rgba(0,0,0,.15);
+}
+
+h4.coverage {
+	color: #454545;
+	margin: 2em 0 .5em;
+	font-weight: normal;
+	padding: 0;
+}
+
+h4.code-coverage-name {
+	color: #999;
+	background-color: #ECECEC;
+	border-top: none;
+	padding: 0.25em 0.5em;
+	margin: 0 1px 0 0;
+	font-weight: normal;
+	float: right;
+}
+
+div.code-coverage-results div.code-line {
+	display: block;
+	float: none;
+	clear: both;
+}
+
+div.code-coverage-results span.content {
+	display: block;
+	clear: right;
+	white-space: pre;
+	line-height: 1.5em;
+	min-height: 1.5em;
+	background: black;
+}
+
+div.code-coverage-results div.uncovered span.content {
+	color: #FFD8D8;
+	background-color: #260000;
+}
+
+div.code-coverage-results div.covered span.content {
+	color: #DDFDCB;
+	background-color: #0C2600;
+}
+
+div.code-coverage-results div.ignored span.content {
+	color: rgba(255,255,255,.5);
+}
+
+div.code-coverage-results span.line-num {
+	display: block;
+	float: left;
+	width: 3em;
+	color: #999;
+	background-color: #ECECEC;
+	text-align: right;
+	border-right: 1px solid #ccc;
+	padding-right: 4px;
+	margin-right: 5px;
+	line-height: 1.5em;
+}
+
+div.code-coverage-results .code-line:hover span.line-num {
+	background: #ddd;
+	color: #666;
+}
+
+div.code-coverage-results span.line-num strong {
+	color: #666;
+}
+
+div.code-coverage-results div.start {
+	margin-top: 30px;
+	padding-top: 5px;
+	border: 1px solid #aaa;
+	border-width: 1px 1px 0px 1px;
+}
+
+div.code-coverage-results div.end {
+	margin-bottom: 30px;
+	padding-bottom: 5px;
+	border: 1px solid #aaa;
+	border-width: 0px 1px 1px 1px;
+}
+
+div.code-coverage-results div.realstart {
+	margin-top: 0px;
+}
+
+div.code-coverage-results p.note {
+	color: #bbb;
+	padding: 5px;
+	margin: 5px 0 10px;
+	font-size: .8em;
+}
+
+div.code-coverage-results span.result-bad {
+	color: #a00;
+}
+
+div.code-coverage-results span.result-ok {
+	color: #fa0;
+}
+
+div.code-coverage-results span.result-good {
+	color: #0a0;
+}
diff --git a/webroot/css/grid.css b/webroot/css/grid.css
new file mode 100755
index 0000000..e1f8e24
--- /dev/null
+++ b/webroot/css/grid.css
@@ -0,0 +1,484 @@
+/*

+	960 Grid System ~ Core CSS.

+	Learn more ~ http://960.gs/

+

+	Licensed under GPL and MIT.

+*/

+

+/* =Containers

+--------------------------------------------------------------------------------*/

+

+/* =Grid >> Global

+--------------------------------------------------------------------------------*/

+

+.grid_1,

+.grid_2,

+.grid_3,

+.grid_4,

+.grid_5,

+.grid_6,

+.grid_7,

+.grid_8,

+.grid_9,

+.grid_10,

+.grid_11,

+.grid_12,

+.grid_13,

+.grid_14,

+.grid_15,

+.grid_16

+{

+	display: inline;

+	float: left;

+	margin-left: 1%;

+	margin-right: 1%;

+}

+

+.container_12 .grid_3,

+.container_16 .grid_4

+{

+	width: 23%;

+}

+

+.container_12 .grid_6,

+.container_16 .grid_8

+{

+	width: 48%;

+}

+

+.container_12 .grid_9,

+.container_16 .grid_12

+{

+	width: 73%;

+}

+

+.container_12 .grid_12,

+.container_16 .grid_16

+{

+	width: 98%;

+}

+

+/* =Grid >> Children (Alpha ~ First, Omega ~ Last)

+--------------------------------------------------------------------------------*/

+

+.alpha

+{

+	margin-left: 0;

+}

+

+.omega

+{

+	margin-right: 0;

+}

+

+/* =Grid >> 12 Columns

+--------------------------------------------------------------------------------*/

+

+.container_12 .grid_1

+{

+	width: 6.333%;

+}

+

+.container_12 .grid_2

+{

+	width: 14.666%;

+}

+

+.container_12 .grid_4

+{

+	width: 31.333%;

+}

+

+.container_12 .grid_5

+{

+	width: 39.666%;

+}

+

+.container_12 .grid_7

+{

+	width: 56.333%;

+}

+

+.container_12 .grid_8

+{

+	width: 64.666%;

+}

+

+.container_12 .grid_10

+{

+	width: 81.333%;

+}

+

+.container_12 .grid_11

+{

+	width: 89.666%;

+}

+

+/* =Grid >> 16 Columns

+--------------------------------------------------------------------------------*/

+

+.container_16 .grid_1

+{

+	width: 4.25%;

+}

+

+.container_16 .grid_2

+{

+	width: 10.5%;

+}

+

+.container_16 .grid_3

+{

+	width: 16.75%;

+}

+

+.container_16 .grid_5

+{

+	width: 29.25%;

+}

+

+.container_16 .grid_6

+{

+	width: 35.5%;

+}

+

+.container_16 .grid_7

+{

+	width: 41.75%;

+}

+

+.container_16 .grid_9

+{

+	width: 54.25%;

+}

+

+.container_16 .grid_10

+{

+	width: 60.5%;

+}

+

+.container_16 .grid_11

+{

+	width: 66.75%;

+}

+

+.container_16 .grid_13

+{

+	width: 79.25%;

+}

+

+.container_16 .grid_14

+{

+	width: 85.5%;

+}

+

+.container_16 .grid_15

+{

+	width: 91.75%;

+}

+

+/* =Prefix Extra Space >> Global

+--------------------------------------------------------------------------------*/

+

+.container_12 .prefix_3,

+.container_16 .prefix_4

+{

+	padding-left: 25%;

+}

+

+.container_12 .prefix_6,

+.container_16 .prefix_8

+{

+	padding-left: 50%;

+}

+

+.container_12 .prefix_9,

+.container_16 .prefix_12

+{

+	padding-left: 75%;

+}

+

+/* =Prefix Extra Space >> 12 Columns

+--------------------------------------------------------------------------------*/

+

+.container_12 .prefix_1

+{

+	padding-left: 8.333%;

+}

+

+.container_12 .prefix_2

+{

+	padding-left: 16.666%;

+}

+

+.container_12 .prefix_4

+{

+	padding-left: 33.333%;

+}

+

+.container_12 .prefix_5

+{

+	padding-left: 41.666%;

+}

+

+.container_12 .prefix_7

+{

+	padding-left: 58.333%;

+}

+

+.container_12 .prefix_8

+{

+	padding-left: 66.666%;

+}

+

+.container_12 .prefix_10

+{

+	padding-left: 83.333%;

+}

+

+.container_12 .prefix_11

+{

+	padding-left: 91.666%;

+}

+

+/* =Prefix Extra Space >> 16 Columns

+--------------------------------------------------------------------------------*/

+

+.container_16 .prefix_1

+{

+	padding-left: 6.25%;

+}

+

+.container_16 .prefix_2

+{

+	padding-left: 12.5%;

+}

+

+.container_16 .prefix_3

+{

+	padding-left: 18.75%;

+}

+

+.container_16 .prefix_5

+{

+	padding-left: 31.25%;

+}

+

+.container_16 .prefix_6

+{

+	padding-left: 37.5%;

+}

+

+.container_16 .prefix_7

+{

+	padding-left: 43.75%;

+}

+

+.container_16 .prefix_9

+{

+	padding-left: 56.25%;

+}

+

+.container_16 .prefix_10

+{

+	padding-left: 62.5%;

+}

+

+.container_16 .prefix_11

+{

+	padding-left: 68.75%;

+}

+

+.container_16 .prefix_13

+{

+	padding-left: 81.25%;

+}

+

+.container_16 .prefix_14

+{

+	padding-left: 87.5%;

+}

+

+.container_16 .prefix_15

+{

+	padding-left: 93.75%;

+}

+

+/* =Suffix Extra Space >> Global

+--------------------------------------------------------------------------------*/

+

+.container_12 .suffix_3,

+.container_16 .suffix_4

+{

+	padding-right: 25%;

+}

+

+.container_12 .suffix_6,

+.container_16 .suffix_8

+{

+	padding-right: 50%;

+}

+

+.container_12 .suffix_9,

+.container_16 .suffix_12

+{

+	padding-right: 75%;

+}

+

+/* =Suffix Extra Space >> 12 Columns

+--------------------------------------------------------------------------------*/

+

+.container_12 .suffix_1

+{

+	padding-right: 8.333%;

+}

+

+.container_12 .suffix_2

+{

+	padding-right: 16.666%;

+}

+

+.container_12 .suffix_4

+{

+	padding-right: 33.333%;

+}

+

+.container_12 .suffix_5

+{

+	padding-right: 41.666%;

+}

+

+.container_12 .suffix_7

+{

+	padding-right: 58.333%;

+}

+

+.container_12 .suffix_8

+{

+	padding-right: 66.666%;

+}

+

+.container_12 .suffix_10

+{

+	padding-right: 83.333%;

+}

+

+.container_12 .suffix_11

+{

+	padding-right: 91.666%;

+}

+

+/* =Suffix Extra Space >> 16 Columns

+--------------------------------------------------------------------------------*/

+

+.container_16 .suffix_1

+{

+	padding-right: 6.25%;

+}

+

+.container_16 .suffix_2

+{

+	padding-right: 16.5%;

+}

+

+.container_16 .suffix_3

+{

+	padding-right: 18.75%;

+}

+

+.container_16 .suffix_5

+{

+	padding-right: 31.25%;

+}

+

+.container_16 .suffix_6

+{

+	padding-right: 37.5%;

+}

+

+.container_16 .suffix_7

+{

+	padding-right: 43.75%;

+}

+

+.container_16 .suffix_9

+{

+	padding-right: 56.25%;

+}

+

+.container_16 .suffix_10

+{

+	padding-right: 62.5%;

+}

+

+.container_16 .suffix_11

+{

+	padding-right: 68.75%;

+}

+

+.container_16 .suffix_13

+{

+	padding-right: 81.25%;

+}

+

+.container_16 .suffix_14

+{

+	padding-right: 87.5%;

+}

+

+.container_16 .suffix_15

+{

+	padding-right: 93.75%;

+}

+

+/* =Clear Floated Elements

+--------------------------------------------------------------------------------*/

+

+/* http://sonspring.com/journal/clearing-floats */

+

+html body * span.cl,

+html body * div.cl,

+html body * li.cl,

+html body * dd.cl,

+.cl

+{

+	background: none;

+	border: 0;

+	clear: both;

+	display: block;

+	float: none;

+	font-size: 0;

+	list-style: none;

+	margin: 0;

+	padding: 0;

+	overflow: hidden;

+	visibility: hidden;

+	width: 0;

+	height: 0;

+}

+

+/* http://www.positioniseverything.net/easyclearing.html */

+

+.cl:after

+{

+	clear: both;

+	content: '.';

+	display: block;

+	visibility: hidden;

+	height: 0;

+}

+

+.cl

+{

+	display: inline-block;

+}

+

+* html .cl

+{

+	height: 1%;

+}

+

+.cl

+{

+	display: block;

+}
\ No newline at end of file
diff --git a/webroot/css/lithium.css b/webroot/css/lithium.css
new file mode 100644
index 0000000..7b643a6
--- /dev/null
+++ b/webroot/css/lithium.css
@@ -0,0 +1,294 @@
+/*-------------------------------------------------------------------------------------------------
+   Lithium: the most rad php framework
+
+   @copyright     Copyright 2009, Union of RAD (http://union-of-rad.org)
+   @license       http://opensource.org/licenses/bsd-license.php The BSD License
+-------------------------------------------------------------------------------------------------*/
+
+/*--- Reset ---*/
+* { margin: 0; padding: 0; }
+html, body { height: 100%; min-height: 100%; }
+
+/*--- Layout ---*/
+body {
+	font-family: Helvetica, Arial, sans-serif;
+	font-size: 14px;
+	line-height: 1.5em;
+	color: #0d0d0d;
+	background-color: #fff;
+}
+#container {
+	position: relative;
+	padding: 60px 10%;
+}
+
+/*--- Basics ---*/
+h1, h2, h3, h4, h5, h6 {
+	font-weight:normal;
+	color:#111;
+	line-height: 1;
+	margin: 1.5em 0 0.5em 0;
+}
+h1 { font-size: 2.6em; }
+h2, h5 { font-size: 2em; color: #666; }
+h3, h6 { font-size: 1.7em; color: #00a8e6; }
+h4 { font-size: 1.4em; }
+h5 { font-size: 1.2em; }
+h6 { font-size: 1em; }
+p { margin-bottom: 1em; }
+strong { font-weight: bold; }
+em { font-style: italic; }
+a { text-decoration: none; color: #666; }
+a, h1 a, h2 a { text-decoration: none; }
+a:hover { color: #00bbff; }
+a:visited:hover { color: #ff59ff; }
+a img { border: none; }
+
+/*--- Code ---*/
+pre > code {
+	display: block;
+	color: white;
+	background: #141414;
+	border: 1px solid white;
+	padding: 1em !important; /* remove if base important is removed, too */
+	overflow: auto;
+	font-size: .9em;
+}
+a code {
+	background: transparent;
+	border: 0;
+}
+a:hover code {
+	color: inherit;
+}
+code, pre, .fixed {
+	font-family: Monaco, Courier, monospace !important;
+	font-weight: normal;
+	font-size: 0.85em;
+	white-space: pre;
+}
+code {
+	padding: .2em .25em !important;
+	border: 1px solid #F0F0F0;
+	background: #FAFAFA;
+}
+pre {
+	background: none;
+	padding: 0 0 .5em 0 !important;
+}
+
+/*--- Lists ---*/
+li ul, li ol { margin: 0; }
+ul, ol { margin: 0 0 1em 2.75em; }
+dt, dd {
+	font-style: italic;
+	margin: .5em 0;
+}
+dt {
+	font-weight: bold;
+}
+dd {
+	margin-left: 1em;
+}
+/*--- Header ---*/
+#header h1 {
+	margin: .1em 0;
+	font-size: 35px;
+}
+#header h2 {
+	width: 70%;
+	margin: .5em .5em 2em 0;
+	color: #666;
+	font-size: 22px;
+	line-height: 28px;
+}
+
+/*--- Tables ---*/
+table {
+	clear: both;
+	width: 100%;
+	border-collapse: collapse;
+	border-spacing: 0;
+	border: 1px solid #e6e6e6;
+	background: #fafafa;
+	margin: 12px 0;
+}
+td, th {
+	padding: .25em 1em;
+	border: 1px solid #e6e6e6;
+	vertical-align: middle;
+	text-align: left;
+	font-weight: normal;
+	color: #666;
+	font-size: 0.85em;
+}
+tr:nth-child(even) {
+	background: #fff;
+}
+thead th, tfoot td {
+	background: #f3f3f3;
+	color: #333;
+	text-align: left;
+	font-size: 1em;
+	font-weight: bold;
+	padding: .5em .75em;
+}
+/*--- Forms ---*/
+form {
+	display: block;
+	clear: both;
+	background: #fafafa;
+	padding: 1em 2em 2em 2em;
+	border: 1px solid #e6e6e6;
+}
+fieldset {
+	padding: 2em;
+	margin: 0 0 1em 0;
+	border: 1px solid #e6e6e6;
+	background: #f3f3f3;
+}
+legend {
+	padding: .5em 1em;
+	border: 1px solid #e6e6e6;
+	background: #fff;
+	font-size: 22px;
+}
+label {
+	padding: 0 1em 0 0;
+	color: #454545;
+	font-weight: normal;
+}
+input, textarea, button {
+	font-family: Helvetica, Arial, sans-serif;
+	padding: 2px 4px;
+	border: 1px solid #e5e5e5;
+	color: #454545;
+	font-size: 1em;
+	line-height: 1.25em;
+}
+input[type=text], input[type=password], input[type=submit], textarea {
+	clear: both;
+	display: block;
+	padding: .25em .5em;
+}
+input[type=text], input[type=password], textarea {
+	width: 97%;
+	max-width: 950px;
+	margin: .5em 0 1em 0;
+	padding:.5em;
+}
+input[type=submit], input[type=button], input[type=reset], input[type=file], button {
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	border-radius: 4px;
+	padding: .5em 1em;
+	margin: 0 .75em 0 0;
+	background-color: white;
+	color: black !important;
+	border: 1px solid #e5e5e5 !important;
+	cursor: pointer;
+}
+select {
+	clear: both;
+	display: block;
+	margin: .5em 0 1em 0;
+}
+div.checkbox {
+	clear: both;
+	padding: 1em 0;
+}
+.checkbox label {
+	display: inline;
+}
+input[type=submit] {
+	margin: 1em inherit;
+	border: none;
+	color: #000;
+	font-size: 16px;
+	font-weight: bold;
+}
+input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
+	border-color: #00a8e6;
+	outline: none;
+}
+
+/*--- Misc ---*/
+hr {
+	border: none;
+	height: 0;
+	border-bottom: 1px solid #e6e6e6;
+	margin:1em 0;
+}
+sup, sub {
+	color: #666;
+	font-size: .65em;
+}
+acronym {
+	font-weight: bold;
+	font-style: italic;
+	color: #333;
+}
+abbr {
+	color: #333;
+}
+
+blockquote {
+	padding: 0.15em .5em;
+	margin: 0.5em 0;
+	font-size: 2em;
+	color: #666;
+	display: block;
+	font-style: italic;
+}
+
+blockquote:before, blockquote:after {
+	display: inline;
+	color: #e5e5e5;
+	font-size: 3em;
+	position: relative;
+	top: 0.25em;
+	left: -0.1em;
+}
+
+blockquote:before {
+	content: '\D \201C';
+}
+
+blockquote:after {
+	content: '\201D';
+}
+
+/*--- Shadows ---*/
+code {
+	-moz-box-shadow: 0 0 3px rgba(0,0,0,.1);
+	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.1);
+	box-shadow: 0 0 3px rgba(0,0,0,.1);
+	color: #666;
+}
+table, form, pre > code {
+	margin-top: 0px;
+	margin-bottom: 12px;
+}
+table, form, pre > code, .shadow {
+	-moz-box-shadow: 2px 2px 12px rgba(0,0,0,.15);
+	-webkit-box-shadow: 2px 2px 12px rgba(0,0,0,0.15);
+	box-shadow: 2px 2px 12px rgba(0,0,0,.15);
+}
+img.shadow {
+	border: 1px solid rgba(255,255,255,.15);
+}
+input[type=submit], input[type=button], input[type=reset], input[type=file], button {
+	-moz-box-shadow: 0 0 6px rgba(0,0,0,.1);
+	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.1);
+	box-shadow: 0 0 6px rgba(0,0,0,.1);
+}
+input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, button:hover {
+	-moz-box-shadow: inset 0 0 6px rgba(0,0,0,.15);
+	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.15);
+	box-shadow: inset 0 0 6px rgba(0,0,0,.15);
+}
+input, textarea {
+	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,.1);
+	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.1);
+	box-shadow: inset 0 0 3px rgba(0,0,0,.1);
+}
\ No newline at end of file
diff --git a/webroot/css/prettyPhoto.css b/webroot/css/prettyPhoto.css
new file mode 100644
index 0000000..8d762c8
--- /dev/null
+++ b/webroot/css/prettyPhoto.css
@@ -0,0 +1 @@
+div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x}div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}div.pp_default .pp_content .ppt{color:#f8f8f8}div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}div.pp_default .pp_content_container .pp_details{margin-top:5px}div.pp_default .pp_nav{clear:none;height:30px;width:105px;position:relative}div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;font-color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat}div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}div.dark_rounded .pp_description{margin-right:85px;color:#fff}div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}div.dark_square .pp_nav{clear:none}div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}div.facebook .pp_description{margin:0 37px 0 0}div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}div.facebook .pp_nav{margin-top:0}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}div.pp_pic_holder a:focus{outline:none}div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}.pp_content{height:40px;min-width:40px}* html .pp_content{width:40px}.pp_content_container{position:relative;text-align:left;width:100%}.pp_content_container .pp_left{padding-left:20px}.pp_content_container .pp_right{padding-right:20px}.pp_content_container .pp_details{float:left;margin:10px 0 2px}.pp_description{display:none;margin:0}.pp_social{float:left;margin:7px 0 0}.pp_social .facebook{float:left;position:relative;top:-1px;margin-left:5px;width:55px;overflow:hidden}.pp_social .twitter{float:left}.pp_nav{clear:right;float:left;margin:3px 10px 0 0}.pp_nav p{float:left;margin:2px 4px}.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}.pp_gallery div{float:left;overflow:hidden;position:relative}.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}.pp_gallery ul a img{border:0}.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}#pp_full_res{line-height:1!important}#pp_full_res .pp_inline{text-align:left}#pp_full_res .pp_inline p{margin:0 0 15px}div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}.pp_top,.pp_bottom{height:20px;position:relative}* html .pp_top,* html .pp_bottom{padding:0 20px}.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_fade,.pp_gallery li.default a img{display:none}
\ No newline at end of file
diff --git a/webroot/css/reset.css b/webroot/css/reset.css
new file mode 100755
index 0000000..99a0211
--- /dev/null
+++ b/webroot/css/reset.css
@@ -0,0 +1 @@
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
\ No newline at end of file
diff --git a/webroot/css/style.css b/webroot/css/style.css
new file mode 100755
index 0000000..ae6cdd1
--- /dev/null
+++ b/webroot/css/style.css
@@ -0,0 +1,170 @@
+/* 

+  style.css contains a reset, font normalization and some base styles.

+  

+  credit is left where credit is due.

+  additionally, much inspiration was taken from these projects:

+    yui.yahooapis.com/2.8.1/build/base/base.css

+    camendesign.com/design/

+    praegnanz.de/weblog/htmlcssjs-kickstart

+*/

+

+/* 

+  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)

+  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark

+  html5doctor.com/html-5-reset-stylesheet/

+*/

+

+html, body, div, span, object, iframe,

+h1, h2, h3, h4, h5, h6, p, blockquote, pre,

+abbr, address, cite, code,

+del, dfn, em, img, ins, kbd, q, samp,

+small, strong, sub, sup, var,

+b, i,

+dl, dt, dd, ol, ul, li,

+fieldset, form, label, legend,

+table, caption, tbody, tfoot, thead, tr, th, td,

+article, aside, figure, footer, header, 

+hgroup, menu, nav, section, menu,

+time, mark, audio, video {

+  margin:0;

+  padding:0;

+  border:0;

+  outline:0;

+  font-size:100%;

+  vertical-align:baseline;

+  background:transparent;

+}                  

+

+article, aside, figure, footer, header, 

+hgroup, nav, section { display:block; }

+

+nav ul { list-style:none; }

+

+blockquote, q { quotes:none; }

+

+blockquote:before, blockquote:after,

+q:before, q:after { content:''; content:none; }

+

+a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

+

+ins { background-color:#ff9; color:#000; text-decoration:none; }

+

+mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

+

+del { text-decoration: line-through; }

+

+abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

+

+/* tables still need cellspacing="0" in the markup */

+table { border-collapse:collapse; border-spacing:0; }

+

+hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

+

+input, select { vertical-align:middle; }

+/* END RESET CSS */

+

+/* 

+ * Fix overflow in IE 

+ */

+html {

+	*overflow-x:hidden;	

+}

+

+/*

+fonts.css from the YUI Library: developer.yahoo.com/yui/

+          Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages

+

+There are three custom edits:

+ * remove arial, helvetica from explicit font stack

+ * make the line-height relative and unit-less

+ * remove the pre, code styles

+*/

+body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; }

+

+table { font-size:inherit; font:100%; }

+

+select, input, textarea { font:99% sans-serif; }

+

+

+/* normalize monospace sizing 

+ * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome

+ */

+pre, code, kbd, samp { font-family: monospace, sans-serif; }

+ 

+

+

+/* 

+ * minimal base styles 

+ */

+

+

+/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 

+body, select, input, textarea { color:#444; }

+

+/* Headers (h1,h2,etc) have no default font-size or margin,

+   you'll want to define those yourself. */ 

+ 

+/* www.aestheticallyloyal.com/public/optimize-legibility/ */ 

+h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }

+

+/* maxvoltar.com/archive/-webkit-font-smoothing */

+html { -webkit-font-smoothing: antialiased; }

+

+ 

+/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */

+a:hover, a:active { outline: none; }

+

+a, a:active, a:visited { color:#607890; }

+a:hover { color:#036; }

+

+

+ul { margin-left:30px; }

+ol { margin-left:30px; list-style-type: decimal; }

+

+small { font-size:85%; }

+strong, th { font-weight: bold; }

+

+td, td img { vertical-align:top; } 

+

+sub { vertical-align: sub; font-size: smaller; }

+sup { vertical-align: super; font-size: smaller; }

+

+pre { 

+  padding: 15px; 

+  

+  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */

+  white-space: pre; /* CSS2 */

+  white-space: pre-wrap; /* CSS 2.1 */

+  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */

+  word-wrap: break-word; /* IE */

+}

+

+/* align checkboxes, radios, text inputs with their label

+   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */

+input[type="radio"] { vertical-align: text-bottom; }

+input[type="checkbox"] { margin:0; vertical-align:-2px; }

+.ie6 input { vertical-align: text-bottom; }

+

+/* hand cursor on clickable input elements */

+label, input[type=button], input[type=submit], button { cursor: pointer; }

+

+

+/* These selection declarations have to be separate.

+   No text-shadow: twitter.com/miketaylr/status/12228805301 

+   Also: hot pink. */

+::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }

+::selection { background:#FF5E99; color:#fff; text-shadow: none; } 

+

+/*  j.mp/webkit-tap-highlight-color */

+a:link { -webkit-tap-highlight-color: #FF5E99; } 

+

+

+/* make buttons play nice in IE:    

+   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */

+button {  width: auto; overflow: visible; }

+ 

+/* bicubic resizing for non-native sized IMG: 

+   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */

+.ie7 img { -ms-interpolation-mode: bicubic; }

+

+

diff --git a/webroot/css/text.css b/webroot/css/text.css
new file mode 100755
index 0000000..b024b8c
--- /dev/null
+++ b/webroot/css/text.css
@@ -0,0 +1 @@
+body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}
\ No newline at end of file
diff --git a/webroot/css/themes/black.css b/webroot/css/themes/black.css
new file mode 100755
index 0000000..c747022
--- /dev/null
+++ b/webroot/css/themes/black.css
@@ -0,0 +1,28 @@
+/* 

+Kameleon Template

+Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)

+*/

+

+a, a:active, a:visited {

+color:#1a1a1a;

+}

+a:hover {

+color:#1a1a1a;	

+}

+

+

+.ribbon {

+	background:url(../../img/grad-black.gif) repeat-x center top #3b3b3b;

+	border:1px solid #3b3b3b;

+	color:#FFFFFF;

+	text-shadow:0 -1px 0 #3b3b3b;

+}

+.triangle-ribbon {

+border-color:transparent #080808 transparent transparent;

+}

+

+

+.sidebar-nav li.current {

+background:url(../../img/grad-black.gif) repeat-x center top #3b3b3b;

+border:1px solid #3b3b3b;

+}

diff --git a/webroot/css/themes/blue.css b/webroot/css/themes/blue.css
new file mode 100755
index 0000000..73e6de9
--- /dev/null
+++ b/webroot/css/themes/blue.css
@@ -0,0 +1,29 @@
+/* 

+Kameleon Template

+Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)

+*/

+

+a, a:active, a:visited {

+color:#1d94c3;	

+}

+a:hover{

+color:#1d94c3;	

+}

+

+

+.ribbon {

+	background:url(../../img/grad-blue.gif) repeat-x center top #166890;

+	border:1px solid #11506F;

+	color:#FFFFFF;

+	text-shadow:0 -1px 0 #11506F;

+}

+.triangle-ribbon {

+border-color:transparent #0e425c transparent transparent;

+}

+

+

+

+.sidebar-nav li.current {

+background:url(../../img/grad-blue.gif) repeat-x center top #166890;

+border:1px solid #11506F;

+}

diff --git a/webroot/css/themes/dark.css b/webroot/css/themes/dark.css
new file mode 100755
index 0000000..615ea10
--- /dev/null
+++ b/webroot/css/themes/dark.css
@@ -0,0 +1,32 @@
+/* 

+Kameleon Template

+Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)

+*/

+

+body {

+	color:#f2f2f2;

+	background: #1a1a1a url(../../img/bg-dark.jpg) repeat-x top;

+}

+h1#logo {

+	background:url(../../img/logo-dark.png) no-repeat scroll 0 0 transparent;

+}

+nav a, nav a:visited {

+	color:#f2f2f2;

+	text-shadow:0 1px 0 #000000;

+}

+nav a:hover  {

+	color:#d9d9d9;

+}

+#nav ul a {

+text-shadow:0 1px 0 #FFFFFF;	

+}

+

+footer {

+	color:#f2f2f2;

+}

+footer li a, footer li a:visited  {

+color:#f2f2f2;

+}

+footer li a:hover {

+	color:#d9d9d9;

+}
\ No newline at end of file
diff --git a/webroot/css/themes/green.css b/webroot/css/themes/green.css
new file mode 100755
index 0000000..1fecef4
--- /dev/null
+++ b/webroot/css/themes/green.css
@@ -0,0 +1,29 @@
+/* 

+Kameleon Template

+Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)

+*/

+

+a, a:active, a:visited {

+color:#406f11;	

+}

+a:hover {

+color:#406f11;	

+}

+

+

+.ribbon {

+	background:url(../../img/grad-green.gif) repeat-x center top #518f14;

+	border:1px solid #406f11;

+	color:#FFFFFF;

+	text-shadow:0 -1px 0 #406f11;

+}

+.triangle-ribbon {

+border-color:transparent #345c0d transparent transparent;

+}

+

+

+

+.sidebar-nav li.current {

+background:url(../../img/grad-green.gif) repeat-x center top #518f14;

+border:1px solid #406f11;

+}

diff --git a/webroot/css/themes/grey.css b/webroot/css/themes/grey.css
new file mode 100755
index 0000000..8ac40a2
--- /dev/null
+++ b/webroot/css/themes/grey.css
@@ -0,0 +1,32 @@
+/* 

+Kameleon Template

+Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)

+*/

+

+a, a:active, a:visited {

+color:#1a1a1a;	

+}

+a:hover {

+color:#1a1a1a;	

+}

+

+

+h2.ribbon {

+	background:url(../../img/grad-grey.gif) repeat-x center top #c3c3c3;

+	color:#444444;

+	border:1px solid #c3c3c3;

+	text-shadow:0 -1px 0 #FFFFFF;

+}

+.triangle-ribbon {

+border-color:transparent #8f8f8f transparent transparent;

+}

+

+

+.sidebar-nav li.current {

+background:url(../../img/grad-grey.gif) repeat-x center top #c3c3c3;

+border:1px solid #c3c3c3;

+color:#444444 !important;

+}

+.sidebar-nav li a:hover, .sidebar-nav li.current a {

+	color:#444444 !important;

+}

diff --git a/webroot/css/themes/light.css b/webroot/css/themes/light.css
new file mode 100755
index 0000000..8c4a2ab
--- /dev/null
+++ b/webroot/css/themes/light.css
@@ -0,0 +1,31 @@
+/* 

+Kameleon Template

+Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)

+*/

+

+body {

+	color:#191919;

+	background: #f2f2f2 url(../../img/bg.jpg) repeat-x top;

+}

+h1#logo {

+	background:url(../../img/logo.png) no-repeat scroll 0 0 transparent;

+}

+nav a, nav a:visited {

+	color: #1a1a1a;	

+text-shadow:0 1px 0 #FFFFFF;

+}

+nav a:hover {

+	color:#666666;

+}

+

+

+

+footer {

+color:#666666;

+}

+footer li a, footer li a:visited  {

+color:#191919;

+}

+footer li a:hover {

+	color:#666666;

+}
\ No newline at end of file
diff --git a/webroot/css/themes/purple.css b/webroot/css/themes/purple.css
new file mode 100755
index 0000000..02defcb
--- /dev/null
+++ b/webroot/css/themes/purple.css
@@ -0,0 +1,28 @@
+/* 

+Kameleon Template

+Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)

+*/

+

+a, a:active, a:visited {

+color:#6f1156;	

+}

+a:hover {

+color:#6f1156;	

+}

+

+

+.ribbon {

+	background:url(../../img/grad-purple.gif) repeat-x center top #8f146e;

+	border:1px solid #6f1156;

+	color:#FFFFFF;

+	text-shadow:0 -1px 0 #6f1156;

+}

+.triangle-ribbon {

+border-color:transparent #5c0d47 transparent transparent;

+}

+

+

+.sidebar-nav li.current {

+background:url(../../img/grad-purple.gif) repeat-x center top #8f146e;

+border:1px solid #6f1156;

+}

diff --git a/webroot/css/themes/red.css b/webroot/css/themes/red.css
new file mode 100755
index 0000000..c2ef480
--- /dev/null
+++ b/webroot/css/themes/red.css
@@ -0,0 +1,30 @@
+/* 

+Kameleon Template

+Author: Chris Mooney (http://themeforest.net/user/ChrisMooney)

+*/

+

+a, a:active, a:visited {

+color:#c31d25;	

+}

+a:hover {

+color:#c31d25;	

+}

+

+

+.ribbon {

+	background:url(../../img/grad-red.gif) repeat-x center top #8f1e14;

+	border:1px solid #6f1811;

+	color:#FFFFFF;

+	text-shadow:0 -1px 0 #6f1811;

+}

+.triangle-ribbon {

+border-color:transparent #5c130d transparent transparent;

+}

+

+

+

+.sidebar-nav li.current {

+background:url(../../img/grad-red.gif) repeat-x center top #8f1e14;

+border:1px solid #6f1811;

+}

+