body {color: rgba(230,231,232,1); background-image: url(../images/bkg.jpg);}
#list {min-height: 650px;}

#pageMiddleBottom p.intro {color: rgba(230,231,232,1);}
#pageMiddleBottom p {color: rgba(230,231,232,0.7);}
#pageMiddleBottom .annotation h4, #pageMiddleBottom .annotation p, #pageMiddleBottom p.info, .info {font-weight: normal; color: rgba(230,231,232,0.5); font-style: normal;}
#pageMiddleBottom .annotation h4 {color: rgba(230,231,232,0.7);}

a, a:visited {color: #4facc1; text-decoration: none;}
a:hover, a:focus, a:active {color: #fff;}
.jsEnabled .pageThird:hover {cursor: pointer;}

h2.likeH1 {font-size: 3.3em; letter-spacing: -0.06em; margin-top: 12px; font-weight: bold; text-transform: capitalize;}


#bkgGlow {background-image: url(../images/bkgGlow.jpg);}
#pageLeft {min-width: 766px; min-height: 0;} 
#pageRight {min-width: 383px; min-height: 600px;}
#pageMiddleBottom {background: #1d1f20;}
#pageMiddleTop {display: none;}
.line {border-color: rgba(230,231,232,0.15); margin: 37px 0;}
.lineTop .line {border-color: rgba(230,231,232,0.15);}
.price {display: block; height: 57px; position: absolute; right: 0; top: -15px; width: 57px; z-index: 100; background: #dd3407; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; font-size: 2.2em; line-height: 62px; text-align: center; font-weight: bold;}
.free {font-size: 1.5em}
.fixBottom .fixBottomThis {left: 781px; width: 355px;}
.colTitle {text-transform: capitalize; font-size: 17px; font-weight: bold; margin: 0; padding: 20px 0; text-shadow: 0 1px 1px #000;}
h3.colTitle {font-size: 15px;}
.pageThird img {margin: 0 0 -8px 15px; width: 343px;}

.bsap a {float: left; background: rgba(230,231,232,0.04); border: 1px solid rgba(230,231,232,0.01); padding: 9px; margin: 0 30px 30px 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.bsap a.adhere {padding: 0; background: none; border: 0; font-weight: bold;}
.bsap a.adhere:hover {padding: 0; background: none; border: 0; font-weight: bold; color: rgba(230,231,232,1);}
.bsap a.even {margin-right: 0 !important;}
.bsap a:hover {background: rgba(230,231,232,0.15); border-color: rgba(230,231,232,0.02);}
.bsap a img {float: left;}
div.bsap_2185 a.adhere {width: auto !important; height: auto !important; line-height: inherit !important; background: transparent !important; border: none !important; color: #4facc1 !important;}
div.bsap_2185 a.adhere:hover {border: none !important; background: transparent !important; color: #fff !important;}
html>body div.bsap_2185 a.adhere {width: auto !important; height: auto !important;}
div.bsap_2185 a {margin: 0 30px 30px 0 !important; font-family: Arial, Helvetica, sans-serif !important; text-align: left !important;}

.products {list-style: none; margin: 0;}
.products li {clear: left;}
.products img {width: 45px; float: left; margin: 0 16px 0 4px; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5); box-shadow: 0 0 3px rgba(0,0,0,0.5);}
.products span {font-weight: bold; position: relative; top: 4px; color: #fff; font-size: 1.1em;}
.products em {display: block; position: relative; top: 2px; color: rgba(230,231,232,0.4); font-size: 9px; text-transform: uppercase;}
.products a {float: left; display: block; width: 100%; padding: 4px 0; margin: 0 0 5px;  border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: rgba(230,231,232,0.04); border: 1px solid rgba(230,231,232,0.01);}
.products a:hover {background: rgba(230,231,232,0.15); border-color: rgba(230,231,232,0.02); text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
.products a:hover em {color: rgba(230,231,232,0.8);}
.products a:hover img { -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5); box-shadow: 0 0 3px rgba(0,0,0,0.5);}


.tabs {display: none;}
.jsEnabled .tabs {float: left; display: block; list-style: none; margin: 0 0 10px; border-bottom: 1px solid rgba(30,31,32,0.6); width: 100%;}
.tabs li {float: left; padding: 4px 10px 2px; margin-right: 1px; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; color: rgba(230,231,232,0.6);}
.tabs li:hover {background: rgba(30,31,32,0.25); cursor: pointer; color: rgba(230,231,232,1);}
.tabs li.current {background: rgba(30,31,32,0.6); color: rgba(230,231,232,1);}

#pageLeft img {margin: -30px 0 -37px -30px;}

.Button, .Button:visited {border: 0; float: left; padding: 6px 18px; text-align: center; margin: 37px 0; font-size: 1.2em; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: rgba(230,231,232,1); text-shadow: 0 1px 1px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	background: #75a2b0;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#88b4c2), to(#507d8e), color-stop(.5, #74a1b0), color-stop(.501, #628f9f));
	background: -moz-linear-gradient(top, #88b4c2, #74a1b0 50%, #628f9f 50.1%, #507d8e);
	background: linear-gradient(top, #88b4c2, #74a1b0 50%, #628f9f 50.1%, #507d8e);
}
.button, .button:visited, .BigButton, .BigButton:visited {float: left; padding: 8px 37px; text-align: center; margin: 37px 0; font-size: 1.4em; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: rgba(230,231,232,1); text-shadow: 0 1px 1px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	background: #75a2b0;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#88b4c2), to(#507d8e), color-stop(.5, #74a1b0), color-stop(.501, #628f9f));
	background: -moz-linear-gradient(top, #88b4c2, #74a1b0 50%, #628f9f 50.1%, #507d8e);
	background: linear-gradient(top, #88b4c2, #74a1b0 50%, #628f9f 50.1%, #507d8e);
}
.button:hover, .Button:hover, .BigButton:hover {text-shadow: 0 1px 1px rgba(0,0,0,0.7); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	background: #6c95a1;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7da5b1), to(#4b7383), color-stop(.5, #6c95a1), color-stop(.501, #5b8492));
	background: -moz-linear-gradient(top, #7da5b1, #6c95a1 50%, #5b8492 50.1%, #4b7383);
	background: linear-gradient(top, #7da5b1, #6c95a1 50%, #5b8492 50.1%, #4b7383);
}

#twitter_div {display: block; padding: 15px; margin: 0 0 37px;  border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: rgba(230,231,232,0.04);}
#twitter_div li span {font: italic 1.3em Jura;}






.colPad {position: relative;}
.jsEnabled .nav {position: absolute; bottom: -30px; right: 15px; width: auto; margin: 0; border: 0; font-size: 1.1em; font-weight: bold;}
.nav li { margin-left: 4px; padding: 0;}
.nav a, .nav a:visited {float: left; padding: 7px 30px 5px; color: #fff; background: rgba(30,31,32,0.3);  border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;}
.nav li a:hover {background: rgba(0,0,0,0.35);}
.nav li.current a {background: #1D1F20; color: #fff;}











.forum {font-weight: normal;}
.forum h2.likeH1 {font-size: 2.5em;}
.forum .Button {display: inline-block; float: none; margin: 0 0 5px; white-space: nowrap;}
.forumHeader {background: rgba(0, 0, 0, 0.15); margin: -30px -15px 60px; padding: 30px 15px;}
.forumFooter {margin: 0 0 30px; padding: 0 0 21px;}
.announcement {background: rgba(255,255,255,0.04); margin: 0 15px 30px; padding: 15px 15px 6px; border-radius: 4px; clear: both;}
.forum .button {}

.forumNav {float: right; font-size: 1.1em; padding: 0; list-style: none; margin: 0;}
.forumNav li {display: inline;}
.forumNav a, .forumNav a:visited {color: #fff; margin: 0 0 0 1px; font-weight: bold; padding: 9px 15px 8px; border-radius: 4px;}
.forumNav a:hover {background: rgba(230,231,232,0.03);}
.forumNav a.HasCount span {background: #555; padding: 1px 4px 0; font-size: 0.85em; border-radius: 2px;}

.forumHeader .Button, .forumHeader .BigButton {margin: -8px 5px -12px 0; font-weight: normal;}
.forumHeader .ApplyButton {margin-left: 15px;}
.forumHeader .GuestBox {float: left; font-size: 1.1em;}

.DataList, .MessageList, .Activities {border-top: 1px solid rgba(230,231,232,0.1); list-style: none; margin: 0;}
.DataList .DataList {margin: 15px 0 0 65px;}
.DataList .DataList .ItemContent {padding-left: 65px;}
#forumContent .DataList {margin-bottom: 60px;}
.DataList li, .Discussions li .Discussion, .MessageList li .Comment, .MessageList li, .MessageList li .ConversationMessage {padding: 15px 0; border-bottom: 1px solid rgba(230,231,232,0.1);}
.DataList li {min-height: 50px;}
.DataList li li {min-height: 0;}
.Discussions li .Discussion {padding-right: 110px;}
.Activities li {padding: 0; border: 0;}
.Activities li .Activity {padding: 15px 0 15px 65px; border-bottom: 1px solid rgba(230,231,232,0.1);}
.Discussions li, .MessageList li {border-bottom: 0; padding: 0; margin: 1px 0 0;}
.Discussions li.Mine, .MessageList li.Mine {border-left: 3px solid #fff; margin-left: -30px; padding-left: 27px;}
.MessageList li .Comment, .MessageList li .Comment {position: relative;}
.MessageList li .ConversationMessage .Message {display: block; position: relative; padding-left: 65px; top: 0; margin: 55px 0 0;}
.MessageList li .ConversationMessage .Message:after {content: ""; display: table; clear: both;}
.MessageList li .ConversationMessage .Meta span.DateCreated {position: relative; top: 16px;}


#forumSidebar {float: right; width: 25%; margin: 0 0 30px;}
#forumContent {width: 75%; position: relative;}

.Bookmark {position: absolute; top: 0; right: 15px; font-family: georgia; font-size: 3.8em; background: rgba(255,255,255,0.04); line-height: 1em; width: 0.58em; height: 0.63em; overflow: hidden; text-align: center; padding: 0.01em 0 0 0.03em; border-radius: 1em;}
.Bookmark:hover {background: rgba(255,255,255,0.1);} 
a.Bookmark, .Bookmarked .Bookmark {display: none;}
a.Bookmarked, a.Bookmarked:visited, a.Bookmarked:hover {display: block; background: #4FACC1; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5)}


.CategoryBox {margin: 0 0 60px;}
.CategoryBox .CategoryTabs ul {list-style: none; margin: 0 0 5px;}
.CategoryBox .CategoryTabs ul a {font-size: 2.5em; font-weight: bold; letter-spacing: -0.06em; margin: 12px 0 10px; text-transform: capitalize; color: #fff;}


.DiscussionTabs ul, .ConversationsTabs ul, .ActivityTabs ul, .HeadingTabs ul {list-style: none; margin: 0 0 5px;}
.DiscussionTabs ul li, .ConversationsTabs ul li, .ActivityTabs li, .HeadingTabs ul li {display: inline; margin: 0 15px 0 0;}
.DiscussionTabs ul a, .HeadingTabs ul a {text-transform: capitalize; font-size: 17px; font-weight: bold; margin: 0; padding: 0 0 20px;}
.DiscussionTabs .SubTab, .ConversationTabs .SubTab {font-size: 2.5em; font-weight: bold; letter-spacing: -0.06em; margin: 12px 0 30px; text-transform: capitalize; color: #fff;}

.DiscussionsTabs ul {list-style: none; background: rgba(255,255,255,0.04); margin: 0 0 60px; padding: 10px 10px 9px 6px; border-radius: 4px; clear: both; opacity: 0.5}
.DiscussionsTabs li {display: inline; margin: 0 1px 0 0;}
.DiscussionsTabs ul a {text-transform: capitalize; font-size: 1.1em; font-weight: bold; margin: 0; padding: 9px 15px 8px; border-radius: 4px; color: #fff; white-space: nowrap;}
.DiscussionsTabs ul a:hover {background: rgba(0,0,0,0.3);}
.DiscussionsTabs ul a span {background: #555; padding: 1px 4px 0; font-size: 0.85em; border-radius: 2px; margin: 0 0 0 3px}
.DiscussionsTabs .SubTab, .CategoryHeadings, .ConversationsTabs ul a, #MessageForm  h2, #Popup h2, .ActivityTabs a, #DiscussionForm h2 {font-size: 2.5em; font-weight: bold; letter-spacing: -0.06em; margin: 12px 0 15px; text-transform: capitalize; color: #fff;}
.DiscussionsTabs .SubTab .FirstCrumb {display: none;}

.MessageForm form {}

.Discussions {margin: 0 0 60px;}

.Item {position: relative;}
.Item .Title {font-size: 1.92em; margin: 5px 0 0; display: inline-block;}
.Item .Name {font-size: 1.5em; font-weight: normal;}
.Item .Meta {margin: 0 0;} 
.Item .Meta span {margin: 0 15px 0 0; position: relative; z-index: 2;} 

.DataList .DataList .Item .Name {margin: 16px 0 15px;}
.DataList .DataList .Item .Meta {margin: 15px 0 1px;}

.Conversations .Item .Name {font-size: 1em; font-weight: bold;}
.Conversations .Item .Meta strong {background: #555; padding: 2px 4px 0; font-size: 0.85em; border-radius: 2px; text-transform: uppercase;}

.Box, .CommentForm, #Form_User {background: rgba(255,255,255,0.04); margin: 0 0 30px; padding: 15px 15px 6px; border-radius: 4px; clear: both;} 
#Form_User {margin: 0;}
.DataList li.CommentForm {padding: 15px 15px 6px; margin: 15px 0; border: 0;}
.Empty {background: rgba(255,255,255,0.08); margin: 0 0 30px; padding: 15px; border-radius: 4px; clear: both;}
.Box h4 {text-transform: capitalize; font-size: 17px; font-weight: bold; margin: 0; padding: 0 0 20px; text-shadow: 0 1px 1px #000;}
.Box h4 a {color: #fff;}
.Box .PanelCategories, .PanelInfo {list-style: none; margin: 0 0 15px; border-top: 1px solid rgba(230,231,232,0.1);}
.Box .PanelCategories li, .PanelInfo li {border-bottom: 1px solid rgba(230,231,232,0.1); padding: 3px 0;}
.Box .PanelCategories li .Count {float: right}
.About dt {float: left; width: 30%; margin-right: 5%; font-weight: bold;}
.About dd {float: left; width: 65%;}
.About dl:after {content: "";	display: table; clear: both;}
.About {padding-bottom: 15px;}
.PanelInfo a {font-weight: bold;}


div.Options, .OptionButton {display: block !important; position: absolute; top: 15px; right: 0;}
.OptionButton .Delete {padding: 5px 10px 4px; border-radius: 4px; opacity: 0.3; background: #111; border: 3px solid #000; color: #fff; font-weight: bold;}
.OptionButton:hover .Delete {opacity: 1;}
div.Options ul.Options {display: block !important; float: right; display: inline; list-style: none; background: #111; margin: 0; padding: 4px; border-radius: 4px; opacity: 0.3; position: relative; top: 0; right: 35px}
div.Options ul.Options:hover {opacity: 1;}
div.Options ul.Options li {float: right; padding: 0; border: 0 !important;}
div.Options ul.Options li strong {float: right; padding: 2px 10px 0;}
div.Options ul.Options ul {float: right; display: none !important; list-style: none; margin: 0 0 0 0;}
div.Options ul.Options:hover ul {display: block !important;}
div.Options ul.Options ul li {float: right; display: inline;  margin: 0 4px 0 0; }
div.Options ul.Options ul li a, div.Options ul.Options ul li a:visited {float: right; background: rgba(255,255,255,0.05); padding: 2px 10px 0; border-radius: 2px; color: #ddd; background: rgba(255,255,255,0.05); font-weight: bold;}
div.Options ul.Options ul li a:hover {background: rgba(255,255,255,0.07); color: #fff;}
div.Options .Bookmark {display: block !important; right: 0; top: 2px ; color: #aaa;}
div.Options .Bookmarked {color: #fff;}

.MessageList {list-style: none; margin: 0 0 30px; border-top: 1px solid rgba(230,231,232,0.1); list-style: none;}

.MessageList li.FirstComment {background: none;}
.MessageList .Meta {padding-left: 65px; height: 45px; padding-top: 30px;}
.Conversations .Meta {position: absolute; top: 0; left: 0; padding-left: 65px; height: 45px; padding-top: 20px;}
.Name {font-weight: bold;}
.MessageList .Meta span {}
.MessageList .Meta span.Author, .Activities li .Photo {position: absolute; top: 15px; left: 0; font-size: 1.5em;}
.Conversations .Message {display: block; font-size: 1.5em; margin: 0;}
.MessageList .Author a {margin: 0 15px 0 0;}
.MessageList .Author a + a {position: relative; top: -32px;}
.MessageList .Author img, .Conversations .Photo, .Activities li .Photo {display: inline-block; width: 50px; height: 50px; overflow: hidden; background: #ccc;}

.Message {font-size: 1.3em; padding-left: 65px;}
.Activities .Activity .Excerpt {font-weight: bold;}

.CategoryList, .Conversations {margin: 0 0 60px;}
.CategoryList .Title {font-size: 1.92em;}
.CategoryDescription {font-size: 1.2em; margin: 3px 0 7px}
.CategoryList .Meta {margin: 5px 0 0;}
.CategoryList .Meta span {display: inline; margin: 0 1px 0 0; font-size: 1em; padding: 5px 15px 4px; border-radius: 4px; color: #fff; background: rgba(0,0,0,0.1);}
.CategoryList .Meta .RSS {display: none;}

.Message > ul, .Message > ol {margin-bottom: 1.5em;}
.Message li {padding: 0; border: 0;}

#MessageForm {margin: 60px 0;}
#MessageForm form, #Form_Discussion {position: relative; background: rgba(255,255,255,0.08); border-radius: 4px; padding: 15px;margin: 0 0 30px;}
form.Activity {display: block; clear: both; padding: 15px; background: rgba(255,255,255,0.08); border-radius: 4px; margin: 0 0 30px;}
.TextBox, .MessageBox, .MultiComplete {border: 0; display: block; overflow: hidden; padding: 5px 5%; width: 90%; margin: 0 0 15px; height: 100px;}
.MultiComplete {height: 20px;}
.MessageForm .Buttons:after {content: ""; display: table; clear: both;}
.MessageForm .Buttons .Back {display: none;}
.MessageForm .Message {background: #1D1F20; padding: 15px;}
.MessageForm .Tabs ul {position: absolute; top: -32px; left: 15px; display: block; clear: both; margin: 0; list-style: none; font-size: 1.1em; font-weight: bold;}
.ProfileTabs ul {display: block; clear: both; margin: 0 0 0 15px; list-style: none; font-size: 1.1em; font-weight: bold;}
.MessageForm .Tabs li, .ProfileTabs ul li {float: left; margin: 0 1px 0 0;}
.MessageForm .Tabs li a, .ProfileTabs ul li a {float: left; background: rgba(255,255,255,0.03); padding: 7px 30px 5px; border-radius: 4px 4px 0 0; color: #fff;}
.MessageForm .Tabs li.Active a, .ProfileTabs ul li.Active a {background: rgba(255,255,255,0.08);}
.MessageForm .Tabs li a:hover, .ProfileTabs ul li a:hover {background: rgba(255,255,255,0.05);}

.Overlay {position: fixed; top: 0; right: 0; left: 0; background: rgba(255,255,255,0.1);}
#Popup {position: relative; top: 0; margin: 0 auto; width: 500px; background: #1D1F20; padding: 15px; border-radius: 4px;}
.MainForm .Box {margin: 20px 0 60px; padding-top: 1px}
#Popup .MainForm .Box {pmargin-bottom: 0;}
.MainForm ul {list-style: none; margin: 30px 0 0;}
.MainForm ul li, #Form_Discussion li {margin: 0 0 10px; clear: both; }
.MainForm ul li input + a {margin: 0 0 0 10px; font-weight: bold;}
#Popup label, #Form_Discussion label {display: inline-block; width: 30%; font-size: 1.1em; font-weight: bold;}
#Popup .CheckBoxLabel {width: 100%;}
.MainForm ul .Button, #Popup .Button {margin: 0; font-weight: bold; float: none;}
.MainForm .Buttons {margin: 0 0 0 30.5%;}
.MainForm .Buttons label {margin: 5px 0 0 5px; width: auto; font-weight: normal;}
.MainForm ul li.CreateAccount {margin: 30px 0 10px; font-size: 1.1em;}
.MainForm ul li.CreateAccount a {font-weight: bold;}
#Popup .Close {position: absolute; top: 10px; right: 15px; font-size: 2em; font-weight: bold;}

.Profile h1 {margin: 0 0 30px;}
.Tabs {display: block; clear: both;}
.Tabs:after {content: ""; display: table; clear: both;}

#Form_User ul {margin-left: 0; list-style: none;}

#forumSidebar .Photo img {background: #ccc; width: 100%; height: auto; min-height: 100px; margin: 0 0 30px; display: block; }
.Activities li .Photo a.Photo {top: 0;}
.CommentForm .CommentLink {display: none;}

.PanelInfo .UserLink {float: right;}

.ActivityComments {border: 0;}
.Conversations .Conversation {margin-top: -30px;}

.MessageForm.CommentForm {position: relative; margin-top: 60px;}

.PostOptions {margin-left: 0; list-style: none;}
.PostFormControlPanel {margin-bottom: 60px; }
