/* Default styles */
@import "reset.css";

/*-------------------------------------------------------------------------------------------
INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.2.1 Drop-down menus
-2.3 Header
-2.4 Content
-2.5 Sidebar
-2.6 Footer
-2.7 Unified Messaging Center
-2.7.1 Drop-down menus

3. POSTS
-3.1 Typographic Elements
-3.2 Media

4. WIDGETS
-4.1 Generic Widgets
-4.2 Thumbnail List Widget
-4.3 Small List Widget
-4.4 Item List Widget
-4.5 Specific Widgets

5. COMMENTS
-5.1 Comments
-5.2 Pingbacks / Trackbacks

6. MISC
-6.1 Buttons
-6.2 Action Links
-6.3 Info Boxes
-6.4 Forms
-6.5 Search Results

7. LAYOUTS
-7.1 Site Width
-7.2 two-col-left
-7.3 two-col-right
-7.4 three-col-left
-7.5 three-col-middle
-7.6 three-col-right

8. TEMPLATES / SLIDER
-8.1 WooSlider
-8.2 Magazine template
-8.3 Business template
-8.4 Footer Widgets 1-4 Columns

-------------------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */

body { font: 13px/1.5em Arial, Helvetica, Sans-serif; color: #555; background-color: #fff; }

h1, h2, h3, h4, h5, h6 { margin: 0; font-family: Georgia, serif; color: #222; font-weight: bold; }
.entry-content h1 { font-size: 2em } .entry-content h2 { font-size: 1.8em; } .entry-content h3 { font-size: 1.6em; } .entry-content h4 { font-size: 1.2em; } .entry-content h5 { font-size: 1em; } .entry-content h6 { font-size: 0.8em; }

/*img { max-width: 98%; }*/
section#main-content article .entry-content img {
	max-width: 99%;
}
aside.sidebar article img {
	/*max-width: 97%;*/
}

/*hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; }*/
input { margin-bottom: 0px; padding: 0 5px; }
textarea { 
	margin-bottom: 0px;
	padding: 5px;
	border: 1px solid #E3E3E3;
	color: #555;
	font: 13px/1.5em Arial, sans-serif;
}

input[type=file] { padding: 0; border: none; }
.searchButton {
	text-align: right;
	font: bold 12px/1em Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	color: #777;
	background: white url("img/36px-blended.png") repeat-x;
	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-bottom-color: rgba(0, 0, 0, 0.35);
	padding: 7px 16px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	margin-top: 10px;
	margin-top: 4px;
	line-height: 14px;
}
.searchButton:hover {
	background-color: #ededed;
				cursor: pointer;
}
#search {
	border: 1px solid #E3E3E3;
	height: 28px;
	width: 250px;
	line-height: 28px;
	margin-right: 10px;
}

/* 1.2 Hyperlinks */

a { color: #3088ff; text-decoration: none; }
a:hover { text-decoration: underline; color: red; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; }


/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

/* 2.1 Containers & Columns */
#container { padding: 10px 0 40px; }
/*.col-full { width: 940px; margin: 0 auto; }*/

/* 2.2 Navigation */
#navigation { font: 14px/14px Helvetica, Arial, sans-serif; border-top: 1px solid #dbdbdb; border-bottom: 5px solid #dbdbdb; padding: 10px 0; margin-bottom: 30px; }

.nav { z-index: 99; margin: 0; padding: 0; list-style: none; line-height: 1; margin-left: 10px; }
.nav a { position: relative; color: #555; display: block; z-index: 100; padding: 5px 10px; line-height: 18px; text-decoration: none; }
.nav a:hover, .nav li.selected, .nav li.child-selected, .nav li.current-menu-ancestor a, .nav li.current-menu-item a, .nav li.sfHover { background: #eee; }
.nav li li.selected { background: none; }
.nav li { float: left; width: auto; }
.nav li a.sf-with-ul { padding-right: 20px; }
.nav li ul li a { text-shadow: 0 1px 0 #fff; }
.nav li ul li a { border-radius: 0; -moz-border-radius:0; -webkit-border-radius: 0; }
.nav a, .nav li.selected, .nav li.child-selected { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/* 2.2.1 Drop-down menus */
.nav li ul { background: #FFF; position: absolute; left: -999em; width: 180px; border: 1px solid #dbdbdb; border-width: 1px 1px 0; z-index:999; }
.nav li ul li { background: #eee; border-top: 1px solid #fff; border-bottom: 1px solid #dbdbdb; }
.nav li ul li a { width: 160px; color: #555; font-size: 0.8em; line-height: 18px; }
.nav li ul li a.sf-with-ul { padding: 5px 10px; }
.nav li ul li a:hover { background: #eaeaea; }
.nav li ul ul { margin: -30px 0 0 180px; }
.nav li ul ul li a {  }
.nav li ul li ul li a {  }

.nav li:hover, .nav li.sfhover { position: static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left: -999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul { left: auto; }

.nav .sf-sub-indicator { background: url('img/arrow-superfish.png') no-repeat; position: absolute; display: block; right: 0.4em; top: 0.9em; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; }
.nav li ul .sf-sub-indicator { background: url('img/arrow-superfish-right.png') no-repeat; }

/* 2.3 Header */
#page-header { padding: 40px 0 30px; clear: both; position: relative; }

#title { float: left; }
#title img { }
#title .site-title, #title #tagline { font-family: Georgia, serif; color: #000; }
#title .site-title a { color: #222; font-size: 45px; line-height: 40px; text-transform: none; font-weight: normal; text-decoration: none; }
#title .site-title a:hover { text-decoration: none; }
#title #tagline { color: #999; font: 15px sans-serif; margin-top: 10px; }

/* 2.4 Content */

/* 2.5 Sidebar */
#sidebar { overflow: hidden; }

/* 2.6 Footer */
#page-footer { padding: 20px 0; border-top: 4px solid #e6e6e6; color: #999; }
#page-footer p { font: italic normal 14px Georgia, serif; }
#page-footer #credit img { vertical-align: middle; }
#page-footer #copyright { padding-left: 10px; }
#page-footer #credit { padding-right: 10px; }

/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/

.entry { margin: 0 0 40px; }
.entry:after {
	content: '';
	display:table;
	clear: both;
}
.entry .title, #main-content .widget .title { font: normal bold 24px/1.2em Arial, Helvetica, sans-serif; }
.widget > .title { margin-bottom: 10px; }
#main-content .entry-header { margin-bottom: 10px; }
.entry-header .entry-meta { margin-top: 0px; }
.entry-meta { margin: 0; color: #999; text-transform: lowercase; overflow: auto; }
.entry-meta p { float: left; margin-right: 5px; }
.entry-meta a:hover { text-decoration: underline; color: red; }
.entry-meta cite { font-style: normal; }
.entry-content { font:normal 16px/1.5em Georgia, serif; }

.entry .entry-footer { clear: both; border: 1px solid #e6e6e6; border-width: 4px 0 1px; padding: 10px 0; /*font: 12px/16px sans-serif;*/ }

/* 3.1 Typographic Elements */

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin: 0 0 0.5em; line-height: 1.5em; }

.entry-content p { line-height: 1.5em; margin-bottom: 10px; }
#main-content .entry-content { font-family: Georgia, serif; margin-bottom: 10px; }
.entry-content blockquote { font-size: 16px; font-style: italic; background: url('img/blockquote.png') no-repeat 0 12px; padding: 10px 20px 15px 50px; color: #444; }
.entry-content blockquote p { margin-bottom: 0; }

.entry-content ul { margin: 0 0 15px 0; list-style-position: inside; }
.entry-content ul ul { margin: 0; }
.entry-content ul li { list-style-type: disc; }
.entry-content ul ul li { list-style-type: circle; }

.entry-content ol { margin: 0 0 15px 0; list-style-position: inside; }
.entry-content ol ol { margin: 0; }
.entry-content ol li { list-style-type: decimal; }
.entry-content ol li ol li { list-style-type: lower-latin; }

strong { font-weight: bold; }
em { font-style: italic; }
code { font-family: monospace; }

/* 3.2 Media */
.entry-content img, img.thumbnail { padding: 5px; border: 1px solid #e6e6e6; background: #F8F8F8; background: rgba(255,255,255,0.7); }
.entry-content .media { margin-bottom: 15px; }
.entry-content object { margin-bottom: 20px; display: block; }
.entry-content .media img { max-width: 100%; }
#sidebar .entry-content .media img { max-width: 97%; }
.entry-content table { margin-bottom: 15px; border-top: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; }
.entry-content table td, .entry-content table th { padding: 2px 5px; border-bottom: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; }
.entry-content .centered { text-align:center; }

/* 3.3 Content navigation if any. next/prev */

.social-interactions:after {
	content: '';
	display: table;
	clear: both;
}
.social-interactions span { 
	float: left; 
}
.social-interactions #facebook {
	margin-left: -15px;
}

/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/

/* 4.1 Generic Widgets */

/* 4.1 Generic Widgets */
/* Temporary rework to widgets for 139 */
.widget, aside article.entry { margin: 0 0 20px 0; }
#sidebar .widget .title, #sidebar .entry .title { margin: 0 0 10px 0; padding: 0 0 5px; text-transform: uppercase; font: bold 14px Arial, Helvetica, sans-serif; color: #555; border-bottom: 3px solid #e6e6e6; }
.widget p, aside article.entry p { font: 12px/20px Arial, Helvetica, sans-serif; }
.widget img , aside article.entry img { border: #CECFC6 1px solid; padding: 3px; }
.widget ul, aside article.entry ul { clear: both; list-style-position: inside; list-style-type: disc; }
.widget ul li a, aside article.entry ul li a { line-height: 22px; text-decoration: none; }
.widget ul li a:hover, aside article.entry ul li a:hover { text-decoration: underline; }
.widget ul ul, aside article.entry ul ul { padding: 0 0 0 15px; border-top: none; }
.widget ul li div.action-links a, aside article.entry ul li div.action-links a { padding: 0; }
.page-info {
	margin-bottom: 20px;
}
.widget ol, aside article.entry ol { clear: both; list-style-position: inside; }

/* 4.2 Thumbnail List */
ul.thumb-list { margin: 0; padding-left: 0; list-style-position: none; list-style-type: none; }
ul.thumb-list li { float: left; }
ul.thumb-list li a { padding-left: 0; }
ul.thumb-list li a img { float: left; margin: 0 8px 8px 0; display: block; border: #CECFC6 1px solid; padding: 3px; }
ul.thumb-list li a:hover img { border: 1px solid #A8AA99; }

/* 4.3 Small List */
ul.small-list { margin: 0; padding: 0; list-style-position: none; list-style-type: none; }
ul.small-list li { margin: 0 0 10px 0; width: 100%; }
ul.small-list li .small-list-image { float: left; height: 40px; margin: 0; overflow: hidden; width: 40px; }
ul.small-list li .small-list-image img { display: block; border: 1px solid #CECFC6; padding: 3px; }
ul.small-list li .small-list-content { margin-left: 48px; min-height: 32px; }
ul.small-list li .small-list-title { word-wrap: break-word; }
ul.small-list li .small-list-title a { padding: 0; font-family: Arial, Helvetica, sans-serif; }

/* 4.4 Item List */
ul.item-list { margin: 0; padding: 0; list-style-position: none; list-style-type: none; }
ul.item-list li { margin: 0 0 10px 0; width: 100%; }
ul.item-list li .item-list-image { float: left; height: 58px; margin: 0; overflow: hidden; width: 58px; }
ul.item-list li .item-list-image img { display: block; border: #CECFC6 1px solid; padding: 3px; }
ul.item-list li .item-list-content { margin-left: 70px; min-height: 58px; }
ul.item-list li .item-list-content div { display: block; position: relative; }
ul.item-list li .item-list-title { word-wrap: break-word; }
ul.item-list li .item-list-title a { padding: 0; font-family: Arial, Helvetica, sans-serif; }
ul.item-list li .item-list-title span { display: block; }

/* 4.5 Specific Widgets */
#main-content .newsList {
	list-style-type: none;
}
#main-content .newsItem {
	margin-bottom: 20px;
}
#main-content .newsItem .feed_title {
	font-size: 18px;
	font-weight: bold;
}
.addButton {
	position: relative;
	margin-bottom: 5px;
	min-height: 30px;
	height:auto !important;
	height: 40px;
}
.addButton .title {
	margin-right: 150px;
}
.addButton label {
	position: absolute;
	top: 0;
	right: 0;
}
.addButton label a:before {
	content: '+ ';
}
.search_sort {
	margin: 10px 0 15px 0;
}
.forum .topic {
	margin: 10px 0 0 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #dbdbdb;
}
.forum .topic header {
	margin: 0;
}
.forum .topic header .title {
	font-size: 15px !important;
	margin: 0 0 5px 0 !important;
	text-transform: none;
}
/* FORUM */
.forum table {
	width: 99%;
	font-size: 12px;
}
.forum table .topic td, .forum table thead td {
	border-bottom: 1px solid #ddd;
}
.forum table td {
	padding: 8px 0 5px;
	vertical-align: top;
}
.forum table tbody .topic-title {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.forum table tbody .replies-date {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
#main-content .forum table .title {
	font-size: 14px;
	line-height: 1.3em;
	font-weight: bold;
}
.forum table .stripes {
	background-color: #fafafa;
}
.forum table .topic-title {
	padding-left: 10px;
}
.forum table .date {
	text-align: center;
	width: 10%;
}
.forum table .replies-date {
	text-align: left;
	width: 25%;
	padding-left: 10px;
	padding-right: 10px;
}
.forum table .delete-topic {
	display: none;
}
.topic header .entry-meta {
	margin: 5px 0 0 0;
}
.widget.social-icons ul li a img {
	border: none;
	margin: 0;
}
#contact-form, #reset_password-form {
	margin-top: 20px;
	width: 370px;
	margin-bottom: 20px;
	overflow: auto;
}
#contact-form .wrap, #reset_password-form .wrap {
	margin-bottom: 20px;
}
#contact-form .wrap label, #reset_password-form .wrap label {
	display: block;
	vertical-align: top;
}
#contact-form .wrap input, #contact-form .wrap textarea, #reset_password-form .wrap input, #reset_password-form .wrap textarea {
	border: 1px solid rgb(225, 225, 225);
	padding: 8px;
	width: 350px;
	color: #555;
}
#contact-submit, .button input {
	float: right;
}
#sidebar #contact-form, #sidebar #reset_password-form {
	width: 100%;
}
#sidebar #contact-form .wrap input, #sidebar  #contact-form .wrap textarea, #sidebar #reset_password-form .wrap input, #sidebar #reset_password-form .wrap textarea {
	width: 94%;
}
.signup-box .description {
	margin-bottom: 5px;
}
.signup-box a.button {
	font: bold 12px/1em Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	color: #777;
	background: white url("img/36px-blended.png") repeat-x;
	border-radius: 5px;
	border: 1px solid #c0c0c0;
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-bottom-color: #7e7e7e;
	border-bottom-color: rgba(0, 0, 0, 0.35);
	padding: 7px 16px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	margin-top: 10px;
	margin-top: 4px;
	line-height: 14px;
	display: inline-block;
}
.signup-box a.button:hover {
	background-color: #ededed;
				cursor: pointer;
}

/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 5.1 Comments */
.comment .comment-head { display: block; font-weight: bold; }
.replies .comment .comment-body { margin-left: 75px; }
.topic header .topic-message .comment-body { background-color: rgba(48, 136, 255, 0.1); margin-top: 15px; }
.topic header .topic-message .comment-body { margin-left: 75px; }
.comment .comment-body { margin-left: 50px; }
.topic .comment .comment-head { margin-bottom: 5px; font-weight: bold; }
.topic .comment .comment-entry p { margin-bottom: 5px; }

/*-------------------------------------------------------------------------------------------*/
/* 6. STREAMS */
/*-------------------------------------------------------------------------------------------*/

/* 6.1 Stories */
.story { border-bottom: 1px solid #e6e6e6; border-bottom: 1px solid rgba(0, 0, 0, 0.07); padding: 15px 0; }
.story .story-avatar { float: left; }
.story .story-avatar img { margin: 0; vertical-align: middle; border: 1px solid #ddd; padding: 3px; background: #fff; }
.story .story-body { margin-left: 75px; }
.story .story-head a { margin: 0; font-weight: bold; font-size: 15px; }
.story .story-entry { overflow: auto; }
.story .story-entry img { float: left; margin-bottom: 5px; background-color: #fff; border: 1px solid #E6E6E6; padding: 5px; }

/* 6.2 Mini Stories */
.mini-story { border-bottom: 1px solid #e6e6e6; border-bottom: 1px solid rgba(0, 0, 0, 0.07); padding: 10px 0; }
.mini-story.even { background: #fafafa; }
.mini-story .mini-story-entry, .mini-story .mini-story-entry p { }
.mini-story .mini-story-entry p, .mini-story .action-links { }

/* 6.3 Comments */
.comment { margin-top: 10px; }
.comment-body { background: #fafafa; padding: 10px 15px; border: 1px solid #e6e6e6; border: 1px solid rgba(0, 0, 0, 0.07); }
.comment .comment-avatar { float: left; }
.comment .comment-avatar img { margin: 0; vertical-align: middle; border: 1px solid #ddd; padding: 2px; background: #fff; }

/* 6.4 Comment and Update Form */
.respond form { margin-top: 10px; }
.respond form textarea { height: 80px; width: 390px; display: block; margin: 0 0 10px 0; }
.respond .respond-avatar { float: left; }
.respond .respond-avatar img { margin: 0; vertical-align: middle; border: 1px solid #ddd; padding: 2px; background: #fff; }
.respond .respond-field { width: 450px; }
.respond .respond-field .wrap { margin-left: 50px; }
.respond .respond-author { float: left; }
#stream-post-tabs { width: 560px; }
.respond #comment-post-spinner { height: 30px; padding: 20px; }

/* 6.5 Likes */
.likes { margin-top: 5px; background: #fafafa; padding: 5px 10px; font-size: 12px; }
.likes span { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

/* 6.6 Post UFI */
.entry .comment,
.entry .respond form,
.entry .likes { margin-left: 0; }

/* Photo Stories */
article.photo-story .story-entry img { border: 1px solid #ddd; padding: 2px; background-color: #fff; margin-right: 10px ;}

#activity-stream-more {
	margin: 20px 0;
	text-align: center;
}
/* ACTIVITY STREAM CONTENTS */
.activity-stream .story-entry { overflow: auto; }
.activity-stream .story-entry img {
	width: 138px;
	max-height: 138px;
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #ddd;
	margin-right: 10px;
	padding: 2px;
	vertical-align: middle;
	float: left;
	margin: 0 10px 0px 0;
}
.activity-stream .story-entry p {
	color: #666;
}
.activity-stream .content_text-story .story-attachment,
.activity-stream .topic_add-story .story-attachment,
.activity-stream .content_photo-story .story-attachment,
.activity-stream .content_video-story .story-attachment {
	margin-left: 20px;
	padding-left: 10px;
	border-left: 4px solid #3088ff;
	overflow: auto;
}
.story-message, .story-attachment, .story-footer {
	margin-top: 5px;
}

/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/

/* 6.1 Buttons */
.respond-submit {
	text-align: right;
}
.button input, .button a { 
	font: bold 12px/1em Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	color: #777;
	background: white url("img/36px-blended.png") repeat-x;
	border-radius: 5px;
	border: 1px solid #c0c0c0;
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-bottom-color: #7e7e7e;
	border-bottom-color: rgba(0, 0, 0, 0.35);
	padding: 7px 16px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	margin-top: 10px;
	margin-top: 4px;
	line-height: 14px;
	zoom: 1;
}
.button input:hover, .button a:hover { 
	background-color: #ededed;
				cursor: pointer;
}

/* 6.2 Action Links */

/* 6.3 Info Boxes */
.info, .note, .error { margin: 10px 0 20px 0; padding: 9px 10px 9px 50px; }
.info { border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee url('img/ico-info.png') no-repeat 20px 13px; }
.note { border-top: 1px solid #efe3ae; border-bottom: 1px solid #efe3ae; background: #fef6d2 url('img/ico-note.png') no-repeat 20px 13px; }
.error { border-top: 1px solid #f0baa2; border-bottom: 1px solid #f0baa2; background: #ffd9c8 url('img/ico-error.png') no-repeat 20px 13px; }
.info h3, .note h3, .error h3 { font: normal normal bold 16px/24px Arial, Helvetica, sans-serif; }

/* 6.4 Forms */
form .fields, .form .fields { margin: 10px 0 0; }
form .fields .wrap, .form .fields .wrap { clear: both; float: left; margin-bottom: 18px; position: relative; width: 100%; }
form .fields .wrap label, .form .fields .wrap label { cursor: pointer; display: block; float: left; font-weight: 700; padding-right: 20px; width: 200px; }

/* 6.5 Search Results */

/* 6.6 Member Profiles */
.profile-header { margin-bottom: 20px; }
.profile-avatar { float: left; /*margin-right: 20px;*/ }
.profile-avatar img { padding: 5px; border: 1px solid #e6e6e6; background: #F8F8F8; background: rgba(255,255,255,0.7); }
.profile-head { margin-left: 165px; }
.profile-head .title { font: normal bold 24px/1.2em Arial, Helvetica, sans-serif; margin: 0 0 5px; }
.profile-head .profile-meta, .profile-head .profile-description { margin: 0 0 5px 0; }
.profile-head .profile-about { margin: 0 0px 5px; }
/*.profile-head .profile_links { width: 300px; float: left; }*/
.profile-head .profile_links li .profile_link_url { padding-left: 25px; }
.profile-head .profile_links li img { float: left; margin-top: 2px; }

.actions { margin: 15px 0 0; }
.actions:after { content: ''; display: table; clear: both; }
.actions li {
	float: left;
	margin-right: 10px;
	font: bold 12px/1em Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	background: white url("img/36px-blended.png") repeat-x;
	border-radius: 5px;
	border: 1px solid #c0c0c0;
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-bottom-color: #7e7e7e;
	border-bottom-color: rgba(0, 0, 0, 0.35);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.actions li:hover { background-color: #ededed; cursor: pointer; }
.actions li a {
	display: block;
	line-height: 14px;
	padding: 8px 16px 7px 35px;
	color: #777;
}
.actions li a {
	padding-left: 30px;
}
.actions li a:hover { text-decoration: none; }

.actions li a.follow { background: url('img/follow.png') no-repeat 10px center;}
.actions li a.unfollow { background: url('img/unfollow.png') no-repeat 10px center;}

.actions li a.edit { background: url('img/edit.png') no-repeat 10px center; }
.actions li a.invite { background: url('img/invite.png') no-repeat 10px center; }
.actions li a.leave { background: url('img/leave.png') no-repeat 10px center;}
.actions li a.join { background: url('img/join.png') no-repeat 10px center;}
.actions li a.delete { background: url('img/delete.png') no-repeat 10px center;}
.actions li a.profile-message-button { background: url('img/message.png') no-repeat 10px center; padding-left: 35px; }



/* 6.7 Tabs */
.tabs { background: #e6e6e6; height: auto; display: block; padding: 5px; margin-bottom: 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.tabs ul { padding: 0; }
.tabs ul li { float: left; display: inline; color: #fff; margin: 0; cursor: pointer; }
.tabs ul li a { color: #777; display: block; float: left; padding: 8px; text-transform: uppercase; font: 11px/18px Arial, Helvetica, sans-serif; letter-spacing: 1px; }
.tabs ul li.selected a, .tabs ul li a:hover { background: #f8f8f8; text-decoration: none; }
.tabs ul li.selected a, .tabs ul li a:hover { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/* 6.8 Photo navigation */
.photo-nav { overflow: auto; margin-bottom: 20px; }
.photo-previous-nav { float: left; }
.photo-next-nav { float: right; }

/* Photos */
.photos { overflow: auto; }
.photos li.entry-content { float: left; margin: 0 10px 10px 0; }

/* Videos */
.videos li { overflow: auto; margin-bottom: 20px; }
.videos li img { margin: 0 15px 0 0; float: left; max-height: 130px; max-width: 130px }
.videos li h3 { font-size: 16px; margin-bottom: 0; font-family: Arial, sans-serif; }
.videos li p { margin-bottom: 0; }
.video .title { margin-bottom: 10px;}

/* GALLERIES */
#album .title {
	margin-bottom: 0;
}
#album .albumDescription {
	margin-top: 10px;
}
#album .albumActions {
	*zoom: 1;
	margin-bottom: 20px;
}
#album .albumActions:after {
	content: "";
	display: table;
	clear: both;
}
#album .albumActions li {
	display: inline;
	float: left;
	margin-right: 10px;
}
#album .albumActions li a {
	font: bold 12px/1em Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
	text-shadow: rgba(255, 255, 255, 0.4) 0 1px 0;
	color: #777;
	background: white url("img/36px-blended.png") repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #c0c0c0;
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-bottom-color: #7e7e7e;
	border-bottom-color: rgba(0, 0, 0, 0.35);
	padding: 8px 16px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	margin-top: 10px;
	position: relative;
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
}
#album .albumActions li a:hover {
	background-color: #ededed;
	cursor: pointer;
}
#album .albumActions li a:active {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	top: 1px;
}
#album .albumActions li a {
	*display: inline;
}

#albums {
	*zoom: 1;
	margin-bottom: 20px;
}
#albums:after {
	content: "";
	display: table;
	clear: both;
}
#albums .button {
	*zoom: 1;
}
#albums .button:after {
	content: "";
	display: table;
	clear: both;
}
#albums .button .addAlbum {
	font: bold 12px/1em Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
	text-shadow: rgba(255, 255, 255, 0.4) 0 1px 0;
	color: #777;
	background: white url("img/36px-blended.png") repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #c0c0c0;
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-bottom-color: #7e7e7e;
	border-bottom-color: rgba(0, 0, 0, 0.35);
	padding: 8px 16px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	margin-top: 10px;
	position: relative;
}
#albums .button .addAlbum:hover {
	background-color: #ededed;
	cursor: pointer;
}
#albums .button .addAlbum:active {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	top: 1px;
}
#albums .albums {
	margin-top: 20px;
}
#albums .album {
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	width: 160px;
	margin-right: 20px;
	margin-bottom: 20px;
	vertical-align: top;
}
#albums .album {
	*display: inline;
}
#albums .album .title {
	margin-top: 10px;
	font-size: 13px;
	font-weight: bold;
}
#albums .album img {
	display: block;
}
#albums .addButton {
	margin-bottom: 20px;
}
/* EVENTS */
table.event {
	margin-top: 10px;
}
table.event td {
	padding-bottom: 5px;
	vertical-align: top;
}
table.event .eventLabel {
	text-transform: uppercase;
	font-size: 9px;
	padding-right: 15px;
	letter-spacing: 1px;
	color: #737373;
	line-height: 14px;
	padding-top: 5px;
}
table.event .event_yes, table.event .event_no, table.event .event_maybe {
	font: bold 12px/1em Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
	letter-spacing: 1px;
	text-decoration: none;
	text-shadow: rgba(255, 255, 255, 0.4) 0 1px 0;
	color: #777;
	background: white url("img/36px-blended.png") repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #c0c0c0;
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-bottom-color: #7e7e7e;
	border-bottom-color: rgba(0, 0, 0, 0.35);
	padding: 8px 16px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	margin-top: 10px;
	position: relative;
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	margin-top: 5px;
	margin-right: 5px;
}
table.event .event_yes:hover, table.event .event_no:hover, table.event .event_maybe:hover {
	background-color: #ededed;
	cursor: pointer;
}
table.event .event_yes:active, table.event .event_no:active, table.event .event_maybe:active {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	top: 1px;
}
table.event .event_yes, table.event .event_no, table.event .event_maybe {
	*display: inline;
}

/* Pagination */
.pagination { margin: 20px 0; text-align: center; }

/*-------------------------------------------------------------------------------------------*/
/* 7. LAYOUTS */
/*-------------------------------------------------------------------------------------------*/

/* 7.1 Site width */
/*.width-1200 .col-full { width: 1200px; }
.width-980 .col-full { width: 980px; }
.width-960 .col-full { width: 960px; }
.width-940 .col-full { width: 940px; }
.width-880 .col-full { width: 880px; }
.width-760 .col-full { width: 760px; }*/

.width-1200 #container { width: 1200px; margin: auto; }
.width-980 #container { width: 980px; margin: auto; }
.width-960 #container { width: 960px; margin: auto; }
.width-940 #container { width: 940px; margin: auto; }
.width-880 #container { width: 880px; margin: auto; }
.width-760 #container { width: 760px; margin: auto; }

.width-760 #stream-post-tabs { width: 440px; }
.width-760 #stream-post-tabs #update-message-form .status-message,
.width-760 #stream-post-tabs #post-stream-photo .photo-message,
.width-760 #stream-post-tabs #post-stream-video .video-source {
	width: 390px;
}
.width-760 #stream-post-tabs #update-message-form #post_message_to_stream_message,
.width-760 #stream-post-tabs #post-stream-photo #photo_message {
	width: 305px;
}
.width-760 #stream-post-tabs #post-stream-video #video_source {
	width: 285px;
}
.width-880 #stream-post-tabs { width: 520px; }
.width-880 #stream-post-tabs #update-message-form .status-message,
.width-880 #stream-post-tabs #post-stream-photo .photo-message,
.width-880 #stream-post-tabs #post-stream-video .video-source {
	width: 470px;
}
.width-880 #stream-post-tabs #update-message-form #post_message_to_stream_message,
.width-880 #stream-post-tabs #post-stream-photo #photo_message {
	width: 380px;
}
.width-880 #stream-post-tabs #post-stream-video #video_source {
	width: 360px;
}

/* 7.2 two-col-left */
.two-col-left #content #main-content { width: 610px; float: left; }
.two-col-left #content #sidebar { width: 300px; float: right; }
.two-col-left-1200 #content #main-content { width: 800px; }
.two-col-left-1200 #content #sidebar { width: 370px; }
.two-col-left-980 #content #main-content { width: 650px; }
.two-col-left-960 #content #main-content { width: 630px; }
.two-col-left-880 #content #main-content { width: 550px; }
.two-col-left-880 #content #sidebar { width: 300px; }
.two-col-left-760 #content #main-content { width: 480px; }
.two-col-left-760 #content #sidebar { width: 250px; }

/* 7.3 two-col-right */
.two-col-right #content #main-content { width: 610px; float: right; }
.two-col-right #content #sidebar { width: 300px; float: left; }
.two-col-right-1200 #content #main-content { width: 800px; }
.two-col-right-1200 #content #sidebar { width: 370px; }
.two-col-right-980 #content #main-content { width: 650px; }
.two-col-right-960 #content #main-content { width: 630px; }
.two-col-right-880 #content #main-content { width: 550px; }
.two-col-right-880 #content #sidebar { width: 300px; }
.two-col-right-760 #content #main-content { width: 480px; }
.two-col-right-760 #content #sidebar { width: 250px; }