body {
	background: #64b8cf url('http://loca.cloudi.ca/images/background.png') repeat-x bottom center;
	background-attachment: fixed;
	font-family: Arial, Sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 0px;
	padding: 0px;
}
:focus {
	outline: 0px;
}
a, a:visited {
	color: #2AB7C8;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
table, img {
	border: 0px;
}
.r {
	float: right;
}
.l {
	float: left;
}
.clear {
	clear: both;
}
.bold {
	font-weight: bold;
}
.hide { display: none; }
.error { color: #ff0000; }
.success { color: green; }
:focus { outline: 0px; }

/* Page Container */
#container { width: 900px; margin: 0 auto; }
html { height: 100%; }
body { height: 100%; }
#container { position: relative; min-height: 100%; }
* html #container { height: 100%; }
#footer { position: relative; bottom: 0; }


/* Header */
#header { margin: 10px 0 0 0; }
#header .logo { height: 60px; }
#header .avatar { background: #fff; width: 40px; height: 40px; margin: 2px 0 -2px 0; border: 3px solid #0c6a83; border-radius: 2px; -moz-border-radius: 2px; }
#header table { text-align: right; line-height: 1.5; }
#header a, #header a:visited, #header a:hover { color: #fff; }
#header a strong { color: #eee; }

/* Navigation */
#navigation {
	font-size: 13px;
	color: #ffffff;
	padding: 10px;
	background: #2B879E;
}
#navigation .inner {
	width: 900px;
	margin: 0 auto;
}
#navigation ul {
	margin: 0px;
	padding: 0px;
	float: right;
	list-style: none;
}
#navigation li {
	float: left;
}
#navigation li a, #navigation li a:visited, #navigation li a:active, #navigation li a:link {
	padding: 5px 6px;
	margin: 0 1px;
}
#navigation li a:hover {
	background: #287B8F;
	color: #ffffff;
	border-radius: 10px;
	-moz-border-radius: 10px;
}
#navigation p {
	margin: 0px;
	padding: 0px;
}
#navigation a, #navigation a:link, #navigation a:active, #navigation a:visited {
	color: #64b8cf;
}

ul#bar { background: transparent url('../images/bar.png') no-repeat top center; text-align: center; list-style: none; margin: 56px 11px -47px -11px; padding: 5px 10px 0 10px; height: 20px; width: 320px; float: right; }
ul#bar li { float: left; }
ul#bar li a, ul#bar li a:visited { color: #333; text-decoration: none; }
ul#bar li a:hover { color: #000; }
#content-top { background: transparent url('../images/content-top.png') no-repeat top left; width: 900px; height: 10px; margin: 5px 0 0 0; clear: both; }
#content-bottom { background: transparent url('../images/content-bottom.png') no-repeat top left; width: 900px; height: 10px; clear: both; }
#content { background: #fff; padding: 5px 15px 5px 15px; }
#main { float: left; width: 552px; }
#main h2 { font-size: 20px; margin: 0px; padding: 0px; }
h2.title { margin: -2px 0 10px 0 !important; padding: 0px; font-size: 22px !important; font-weight: normal !important; }
#main p { margin: 5px 0 5px 0; }
#main p.breadcrumb { padding: 9px; font-weight: bold; background: #fff url('../images/bread.png') no-repeat top left; margin: -2px 0 5px 0; }
ul.list { list-style: none; margin: 0px; padding: 0px; }
ul.list:hover { margin: 15px 0 0 0; padding: 0px; clear: both; }
ul.list li { padding: 5px; border-top: 1px solid #ccc; word-wrap: break-word; }
ul.list li:first-child { border-top: 0px !important; }
ul.list li:hover { background: #f9f9f9; }
#sidebar { width: 300px; float: right; }
#sidebar h3 { margin: 0 0 3px 0; color: #fff; font-size: 13px; font-weight: bold; padding: 5px; width: 290px; background: #2B879E; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
#sidebar p { margin: 0px; padding: 0px; }
#sidebar h3 a, #sidebar h3 a:visited { color: #fff; float: right; }
#sidebar h3 a:before { content: "("; }
#sidebar h3 a:after { content: ")"; }

/* Footer */
#footer { background: #2B879E; margin: 20px 0 0 0; }
#footer .inner { width: 900px; margin: 0 auto; }
#footer ul { list-style: none; margin: 2px 0 -2px; padding: 14px 7px 14px 7px; }
#footer ul li { float: left; }
#footer ul li a, #footer ul li a:visited { padding: 14px 7px 12px 7px; }
#footer a, #footer a:visited { color: #64b8cf; text-decoration: none; }
#footer a:hover { color: #fff; }
#footer p { padding: 14px 7px 14px 7px; margin: 0px; color: #fff; }

/* Post Layout */
.username { font-size: 13px; }
.meta { font-size: 11px; margin: 8px 0 0 0; color: #555; }
.meta a, .meta a:visited { color: #333; }
.meta a:hover { color: #333; text-decoration: underline; }

/* Popup */
#popup { display: none; width: 50%; min-width: 250px; padding: 10px; position: fixed; z-index: 9999; background: transparent url('../images/transparent.png'); top: 10%; left: 25%; right: 25%; border-radius: 10px; -moz-border-radius: 10px; }
#popup h2 { background: #eee; border-bottom: 1px solid #ccc; color: #666; font-weight: normal; font-size: 20px; padding: 10px; display: block; border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; }
#popup .content { max-height: 250px; padding: 15px; background: #fff; overflow: auto; border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; }
#popup .close { margin: 12px 10px 0 0; background: transparent url('../images/icons/close.png') no-repeat center center; width: 22px; height: 22px; float: right; text-indent: -99999px; }
#popup .option { color: #fff; font-weight: bold; padding: 5px; background: #33A1DE; border: 1px solid #00688B; margin: 2px; border-radius: 6px; -moz-border-radius: 6px; }

/* Misc. Elements */
.green { padding: 5px 8px 5px 8px; color: #fff; font-weight: bold; background: #7DDD34; border: 1px solid #51B306; border-radius: 3px; -moz-border-radius: 3px; }
.mailForm { margin: 0 0 10px 0; padding: 10px; background: #F0FFFF; border-radius: 5px; -moz-border-radius: 5px; }

/* Forms */
form { }
fieldset { border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; }
legend { font-weight: bold; font-size: 13px; color: #ccc; }
input[type=text], input[type=password] { }
textarea { }

input { border: 1px solid #666; padding: 5px; color: #666; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 200px; }
.normal { border: 1px solid #666; padding: 5px; color: #666; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
img { text-decoration: none; border: none; }
button { padding: 5px; }
.border-black { border: 1px solid #000; }
textarea#entry, textarea#comment { width: 495px; padding: 5px 5px 5px 50px; font-family: Verdana, Arial; font-size: 12px; color: #555; margin: 5px 0 5px 0; border: 1px solid #666; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: 40px; }
img.in-textarea-1 { position: absolute; top: 128px; padding: 0 0 0 6px; cursor: pointer; }
ul.move-down-1 { margin: 15px 0 0 0; }
form { margin: 0px; padding: 0px; }
ul.profile-fix:hover { margin: 0px !important; }
table { border: none; }
.options { visibility: hidden; float: right; }
ul.list li:hover small span.options { visibility: visible; }
ul.list li small span.meta { float: left; }
.big-font { font-size: 25px; }
.img-over { margin: 11px 0 -40px 6px; position: absolute; }
.block { padding: 20px; font-family: courier new; background: #FFFACD; border: 1px solid #FFE606; overflow: scroll; white-space: nowrap; }

/* Comments */
ul.list li.show_options div.side_hover { visibility: hidden; position: absolute; margin: -5px 157px 0 -156px; width: 147px; padding: 5px; background: transparent url('../images/side-hover.png') no-repeat top left; }
ul.list li.show_options:hover div.side_hover { visibility: visible !important; }
ul.list li div.entry_content { float: right; width: 485px; }
ul.list li img.post_avatar { float: left; }
ul.list li div.repost_text { display: inline; }
ul.list li.show_options { padding: 10px; }
ul.list li.show_options div.side_hover ul { list-style: none; padding: 0px; margin: 0px; }
ul.list li.show_options div.side_hover ul li, ul.list li.show_options div.side_hover ul li:hover { border-top: none !important; background: none !important; }
ul.list li.show_options div.side_hover h4 { margin: 0px; padding: 0 0 3px 0; color: #fff; font-weight: normal; font-size: 16px; }
.comment_list { width: 400px; margin: 5px 0 0 50px; }
.comment_list a, .comment_list a:visited { color: #fff; text-decoration: none; }
.comment_list a:hover { color: #000; text-decoration: underline; }
.comment_list .slice { padding: 5px; background: #9FC8FF; margin: 5px 0 0 0; border-radius: 3px; -moz-border-radius: 3px; }
.comment_list .slice .comment { width: 355px; float: left; }
.comment_list .slice .comment_pic { width: 30px; float: right; }
.comment_list .slice textarea { width: 350px; height: 22px; color: #ccc; font-family: verdana; font-size: 12px; }
.comment_list #permalink { width: 320px; height: 50px; background: transparent url('../images/permalink.png') no-repeat top left; position: absolute; margin: -10px 0 0 75px; }
.comment_list #permalink input { padding: 4px 0 4px 0; border: 0px; background: #fff; color: #444; text-align: center; width: 300px; margin: 21px 0 0 10px; }
.new_posts { margin: 10px 0 10px 0; padding: 5px 8px 5px 8px; background: #FFFbbF; cursor: pointer; border: 1px solid #FBEC5D; border-radius: 4px; -moz-border-radius: 4px; }

/* Comments BETA */
#commentBox { background: transparent url('../images/commentBox.png') no-repeat top left; padding: 20px 8px 8px 8px; width: 334px; color: #fff; }
#commentBox .commentarea { font-size: 12px; font-family: Tahoma; width: 295px; padding: 2px; height: 24px; float: right; margin: -2px 0 2px 0; }
#commentBox img.commentavatar { width: 28px; height: 28px; }
#commentBox button { padding: 0 !important; float: right; margin: 0 0 3px 0; }
#commentBox input.subscribecomments { width: 10px !important; }
#replyList { width: 350px; float: left; }
#replyList li { min-height: 30px; }
#replyList .replyContent { margin: -5px 0 0 0; }
#replyList .commentAvatar { width: 30px; height: 30px; float: right; padding: 0 0 0 5px; }
.replybar { float: right; width: 190px; }
.replies { float: left; width: 350px; }
.replybar h3 { margin: 5px 0; font-size: 16px; font-weight: normal; text-transform: uppercase; color: #888; }

/* People Search -- NEEDS REDESIGN */
#peopleSearch { padding: 12px 40px 0 40px; width: 465px; height: 188px; background: #fff url('../images/search.png') no-repeat top center; margin: 0 auto; }
#peopleSearch .current { color: #fff !important; }
#peopleSearch h1 { font-size: 50px; letter-spacing: -2px; font-weight: normal; color: #00aeef; margin: 0px; padding: 0px; font-family: trebuchet ms; }
#peopleSearch p { color: #222; margin: 5px 0 5px 0; }
#peopleSearch input { background: transparent; padding: 5px; font-size: 14px; font-family: georgia; border: none; margin: 10.5px 0 0 15px; width: 320px; }
#peopleSearch button { background: transparent; cursor: pointer; margin: -6px 0 6px 13px !important; padding: 5px; color: #fff; font-weight: bold; border-collapse: collapse; border: none; width: 85px; }
#peopleSearch .searchBy { margin: 10px 0 0 0; }
.postImage { margin: 10px 0 5px 0; padding: 10px; border: 1px solid #CCC; background: #eee; max-width: 250px; max-height: 800px; }
.postImage:hover { border: 1px solid #000; }
#backgroundPopup{ display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:1; }
#popupContact{ display:none; position:fixed; _position:absolute; height:384px; width:408px; background:#FFFFFF; border:2px solid #cecece; z-index:2; padding:12px; font-size:13px; }
#popupContact h1{ text-align:left; color:#6FA5FD; font-size:22px; font-weight:700; border-bottom:1px dotted #D3D3D3; padding-bottom:2px; margin-bottom:20px; }
#popupContactClose{ font-size:14px; line-height:14px; right:6px; top:4px; position:absolute; color:#6fa5fd; font-weight:700; display:block; }
#button{ text-align:center; margin:100px; }

/* Post Area */
#postArea { margin: 0px; display: block; padding: 0px; }
#postArea .avatar { float: left; background: #CCC; border-radius: 10px; -moz-border-radius: 10px; height: 50px; width: 50px; }
#postArea #textbox { border: 1.5px solid #CCC; float: right; width: 480px; border-radius: 10px; -moz-border-radius: 10px; padding: 5px; }
#postArea #textbox textarea { height: 37px; color: #555; border: none; padding: 0px; width: 480px; border-collapse: collapse; font-family: verdana; font-size: 12px; }
#postArea .arrow { background: transparent url('../images/post-arrow.png') no-repeat top right; width: 10px; height: 15px; position: absolute; z-index: 9999; margin: 17px -51px 0 51px !important; }
#postArea .says { margin: 0 0 4px 2px; font-size: 13px; color: #BBB; }
#postArea .username { font-size: 16px; }
#postArea hr { height: 1px; background: #CCC; border: none; border-collapse: collapse; }
#postArea #tools { width: 490px; float: right; clear: both; }
#postArea #tools span { margin: 10px; }
#postArea #tools img.link { cursor: pointer; margin: 0 5px 0 3px; }
#postArea button { cursor: pointer; padding: 5px 15px 5px 15px; font-size: 14px; color: #555; border: 1px solid #CCC; background: #f0f0f0 url('../images/button.png') repeat-x top center; margin: 3px 0 0 0; border-radius: 5px; -moz-border-radius: 5px; }
#postArea button:hover { background: #f0f0f0 url('../images/button-hover.png') repeat-x top center; }
#postArea .selector { padding: 5px; border: 1px solid #00C5CD; background: #CAE1FF; border-radius: 10px; -moz-border-radius: 10px; }
#postArea .selector h4 { margin: 0 0 5px 0; }
#postArea .selector a.remove { float: right; margin: -18px 4px 0 0; font-weight: bold; }
#postArea .selector div { height: 200px; overflow: auto; }
#postArea #photoUpload { padding: 10px; cursor: pointer; border: 1px solid #ccc; background: #eee; border-radius: 10px; -moz-border-radius: 10px; width: 150px; margin: 5px 0 0 0; }
#postArea .linkinput { border: none; border-bottom: 1px solid #333; color: #000; font-size: 13px; margin: 5px 0 0 0; width: 300px; text-align: left; padding: 3px !important; }