@charset "UTF-8";
/*


---PLEASE READ BEFORE EDITING---

This CSS file is used for layout purposes. 
Put height, width, floats, margins, paddings, and display styles in here
Leave all color styles out of this file, put them in theme.css instead (borders, backgrounds, ect...)


---TABLE OF CONTENTS---

	
	#1 Tags & Common Classes - all tag styles go here (a, strong, td, ect...) as well as common classes (.left, .right, .clear, ect...)
	#2 Box Model - This is the box model layout, by default it includes #wrap, #header, #nav, #side, #main, #footer
	#3 Header - Layout styles within the header section
	#4 Top Nav - Layout styles within the top horizontal navigation
	#5 Content Wrap - Layout styles for the content wrapper itself (#content)
	#6 Side - Layout styles within the side column
	#7 Main - Layout styles within the main column
	#8 Footer - Layout styles within the footer
	
	
---STANDARD SYNTAX---
	
	Please follow this syntax when editing or adding to this, or any CSS file:
	
	.class-name {
		property:value;
		property:value;
	}
	
	Try to use CSS short-hand whenever possible:
		background: url('img/bkg.png') top center no-repeat #f1f1f1;
			Instead of
		background-image:url('img/bkg.png');
		background-position:top center;
		background-color:#f1f1f1;
*/


/***** #1 TAGS & COMMON CLASSES ****/

html, body {
	margin:0px;
	padding:0px;
	height:100%;
	min-height:100%;
}
img {
	border:none;
	outline:none;
}
h1 {
	margin-bottom:0px;
}
h2 {
	margin-bottom:0px;
	display: inline;
}
h4 {
	margin-bottom:0px;
	display: inline;
}

.left {
	float:left;
	margin-left:5px;
}
.right {
	float:right;
	margin-right:5px;
}
.clear {
	clear:both;
}

.text-box {
	padding:4px;
}
.text-select {
	padding:3px;
}
.avatar {
	float:left;

}
ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
/* NEWS FEED */
#newsItem {
	margin:3px 0;
}
.newsMeta {
	text-align:right;
	font-size:10px;
}

.newsComm {
	text-align:left;
	float:right;
	width:200px;
	clear:right;
	margin:2px 5px;
	padding:3px;
}
.commentLinks {
	font-size:10px;
	text-align:right;
}
.likes {
	text-align:right;
}
/* END NEWS FEED */


.user-grid {
	width:64px;
	text-align:center;
	margin:5px 10px;
}
.mediaGridItem {
	width:140px;
	float:left;
	min-height:150px;
}
.avatar {
	margin-right:10px;
}
.user-grid {
	float:left;
	width:80px;
	text-align:center;
	margin:5px 10px;
}

/***** #2 BOX MODEL *****/

#wrap {
	width:990px;
	margin:auto;
	
}
.inner {
	width:940px;
	margin:auto;
}
#header {
	height: auto;
	padding: 5px 10px;
}

#nav {
	height: 34px;
}

#side {
	width: 590px;
	height: 30px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-right: 10px;
}

#main {
	width: 936px;
	margin-top: 12px;
	padding-left: 12px;
	padding-right: 12px;
	text-align: left;
}

#footer {
	margin-left: 20px;
	margin-top: 6px;
	width: 945px;
}



/***** #3 HEADER *****/

#cadeceus {
	margin-left: -10px;
	margin-right: 2px;
	float: left;
}

#logo {
	float: left;
}

#callToAction {
	float: right;
	text-align: center;
	width: 450px;
	color: #43537f;
	font-family: Optima, Verdana, Arial, Helvetica, sans-serif;
}



/***** #4 TOP NAVIGATION *****/

#commList {
	position: relative;
	z-index: 500;
	left: -11px;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	display: none;
	background-color: #eceded;
	width: 240px;
	height: 300px;
	overflow: scroll;
	cursor: pointer;
	cursor: hand;
}
#commList li {
	height: 10px;
	padding-top: 2px;
	font-size: 12px;
	width: 290px;
}
#commList li:hover {
	background-color: #6ca2c3;
	color: #ffffff;
}

#roleList {
	position: relative;
	z-index: 500;
	left: -11px;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	display: none;
	background-color: #eceded;
	width: 240px;
	height: 106px;
	cursor: pointer;
	cursor: hand;
}
#roleList li {
	height: 10px;
	padding-top: 2px;
	font-size: 12px;
	width: 240px;
}
#roleList li:hover {
	background-color: #6ca2c3;
	color: #ffffff;
	width: 230px;
}

#ageList {
	position: relative;
	z-index: 500;
	left: -11px;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	display: none;
	background-color: #eceded;
	width: 240px;
	height: 300px;
	overflow-y: scroll;
	overflow-x: hidden;
	cursor: pointer;
	cursor: hand;
}
#ageList li {
	height: 10px;
	padding-top: 2px;
	font-size: 12px;
	width: 230px;
}
#ageList li:hover {
	background-color: #6ca2c3;
	color: #ffffff;
	width: 220px;
}


#tag_cloud {
	color: #7d0f12;
	text-align: center;
	width: 830px;
	margin: auto;
	margin-top: 20px;
}


/***** #5 CONTENT WRAP *****/

#content {
	width: 990px;
	margin: auto;
}

#wrap_top {
	width: 990px;
	height: 15px;
	background: url('/img/wrapper_top.png') no-repeat;
}

#wrapper {
	width: 960px;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	background: url('/img/wrapper_mid.png') repeat-y;
}

#wrap_bot {
	width: 990px;
	height: 21px;
	background: url('/img/wrapper_bot.png') no-repeat;
}

/***** #6 SIDE COLUMN *****/

.side-box{
	width: 590px;
}
#side ul {
	margin:10px 10px 0px 0px;
	padding:0px;
	width:130px;
}
#side ul li {
	padding:5px;
	
}

/***** #7 MAIN COLUMN *****/

.main-box {
	margin-top:3px;
	padding:0 5px;
}
#recaptcha_image img {
	width:198px;
}
#sub_nav {
	width: 937px;
	margin: auto;
	margin-top: 10px;
}
#main_tabs {
	background: url('/img/but28_mid.png') repeat-x;
	width: 915px;
	float: left;
	height: 28px;
}
#main_tabs a{
	padding:5px 8px;
	width: 100px;
	float: right;
}
#main ul {
	margin:5px;
}
#main li {
	margin:0px;
	padding:8px 5px;
}
#main p {
	margin: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.sep {
	width: 1px;
	height: 28px;
	background-color: #aacbdf;
	float: right;
}
/* NEWS FEED */




/***** #8 FOOTER *****/

#footer ul {
	margin:0px;
	padding:0px;
}
#footer ul li {
	list-style:none;
	padding:2px 5px;
}
#footer .left {
	min-width:100px;
}

/***** #9 BUTTONS *****/
#col1 {
	float: left;
	width: 750px;
}
#ad {
	float: right;
	width: 160px;
}
.text-box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #bfbfbf;
	background: url('/img/form22_bg.jpg') repeat-x;
	padding: 3px;
	height: 16px;
}

.text-select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #bfbfbf;
	background: url('/img/form22_bg.jpg') repeat-x;
	height: 24px;
}

.text-big {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 1px solid #bfbfbf;
	background: url('/img/form30_bg.jpg') repeat-x;
	padding: 5px;
	height: 20px;
}

.drop-down {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 1px solid #bfbfbf;
	background: url('/img/form30_bg.jpg') repeat-x;
	padding: 5px;
	height: 20px;
	width: 230px;
	margin-bottom: 3px;
}

.btn19_left {
	background: url('/img/but19_left.png') no-repeat;
	width: 10px;
	height: 19px;
	float: left;
}

.btn19_content {
	width: auto;
	height: 19px;
	padding-top: 2px;
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
	background: url('/img/but19_mid.png') repeat-x;
	float: left;
}

.btn19_right {
	background: url('/img/but19_right.png') no-repeat;
	width: 10px;
	height: 19px;
	float: left;
}

#btn_all {
	width: 140px;
	float: right;
	margin-top: 10px;
	cursor: pointer;
	cursor: hand;
}

.btn23_left {
	background: url('/img/but23_left.png') bottom no-repeat;
	width: 8px;
	height: 28px;
	float: left;
}

.btn23_mid {
	width: auto;
	height: 21px;
	padding-top: 7px;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
	background: url('/img/but23_mid.png') bottom repeat-x;
	float: left;
}

.btn23_content {
	width: 730px;
	height: 24px;
	padding-top: 4px;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
	background: url('/img/but23_mid.png') bottom repeat-x;
	float: left;
}

.btn23_content .right {
	margin-top: 3px;
}

.btn23_right {
	background: url('/img/but23_right.png') bottom no-repeat;
	width: 8px;
	height: 28px;
	float: left;
}

.btn28_left {
	background: url('/img/but28_left.png') no-repeat;
	width: 10px;
	height: 28px;
	float: left;
}

.btn28_content {
	width: 80%;
	height: 26px;
	padding-top: 2px;
	text-align: center;
	font-size: 18px;
	color: #FFFFFF;
	background: url('/img/but28_mid.png') repeat-x;
	float: left;
}

.btn28_right {
	background: url('/img/but28_right.png') no-repeat;
	width: 10px;
	height: 28px;
	float: left;
}

#btn_connect {
	width: 160px;
	margin: auto;
	margin-top: 10px;
	cursor: pointer;
	cursor: hand;
}

.btn34_left {
	background: url('/img/but34_left.png') no-repeat;
	width: 10px;
	height: 34px;
	float: left;
}

.btn34_content {
	width: 916px;
	height: 28px;
	text-align: center;
	font-family: Optima, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	padding-top: 6px;
	background: url('/img/but34_mid.png') repeat-x;
	float: left;
}

.btn34_right {
	background: url('/img/but34_right.png') no-repeat;
	width: 10px;
	height: 34px;
	float: right;
}

#btn_discover {
	width: 936px;
	height: 34px;
	margin: auto;
	margin-top: 14px;
	margin-bottom: 20px;
	cursor: pointer;
	cursor: hand;
}

#dash_btn {
	cursor: pointer;
	cursor: hand;
}