/*
Theme Name: OpenColony Custom
Theme URI: http://opencolony.com
Description: Custom Theme for wordpress developed originally for OpenColony.com
Version: 1.6
Author: Alvin Crespo
Tags: custom , opencolony.com

Devleoped Alvin Crespo
*/

body,html{
	background:#d2d2d2 url(images/bg.jpg) repeat-x 0 0;
}
.clear{clear:both;float:none;}
#site-wrapper{
	width:980px;
	margin:0 auto;
	overflow:visible;
	background:transparent url(images/site_wrapper_bg.jpg) repeat-y 0 0;
}

#header-flash-video{
	height:338px;
	display:block;
}

#content{
	background:transparent url(images/nav-dropshadow.jpg) repeat-x 0 0px;
	margin:0px 8px;
	padding:35px 72px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	overflow:hidden;
} 
.content-blog{
	padding:35px 35px 0px!important;
}
#content-container{
	overflow:visible;
}

/*CONTENT STRUCTURE*/
#page-content-description{
	overflow:auto;
	padding-bottom:25px;
}
#profile-head-bar{
	background:#ffc500;
	width:100%; height:3px;
	display:block;
	margin:50px 0px 25px;
	margin-bottom:25px;
	margin-top:50px;
}
#content #left-column h6.sub-header {
	margin:0 0 15px;
	display:block;
	float:left;
	clear:both;
}

#content h2{
	width:495px;
	display:block;
}
#content h6.sub-header,
#content a.blog-sub-header{
	float:right;
	font-style:italic;
	margin:20px 0px 0px;
	font-size:10pt;
}
.content-blog #left-column h6.sub-header{
	margin:0px 0px 15px 0px;
	float:left;
}
#content a.blog-sub-header{
	margin:0px;
}
#content h3,
#profile-questions-answers h4{
	font-weight:bold;
	font-style:italic;
	margin-bottom:16px;
}
#profile-questions-answers h4{
	font-size: 11.5pt;
}
#content h3.section-header{
    color:#fa2f15;
}
#content h3.page-header{
    font-size:16pt;
}
/*
#content h3.first-section-header{
	margin-top:0px;	
}
*/
#content h3.sub-header{
	margin:0px 0px 6px 0px;
    font-style: normal;
}

#content h3.sub-header-blue,
.special-num-list-blue{color:#2197fc;}
#content h3.sub-header-aqua,
.special-num-list-aqua{color:#26ffca;}
#content h3.sub-header-pink,
.special-num-list-pink{color:#fa0046;}
#content h3.sub-header-green{color:#87c335;}
#content h3.sub-header-orange,
.special-num-list-orange{color:#fa2f15;}
#content h3.sub-header-yellow,
.special-num-list-yellow{color:#fbb71d;}

#content p, #content ul,
.blog-post, .blog-right-sidebar,
#profile-questions-answers{
	font-size:9pt;
	letter-spacing:0.4px;
	line-height:14pt;
}
/*END OF CONTENT STRUCTURE*/

/*LISTS*/
#content ul{
	margin:20px 0px 20px 30px;
}

#content ul.whoweworkwith{
	margin:15px 0px 20px 30px;
}

#content ul li ul,
#profile-interests ul li ul{
	margin-top: 10px; margin-bottom: 10px;
}

#content ul.disk-list{
	list-style:disc;
}

#content ul li ul.disk-list{
	list-style: circle;
}

#content ul li ul.square-list{
	list-style: square;
}

#content ul li ul.dash-list{
	list-style: none;
	list-style-image:url(images/bullet-dash.gif);
}


#content ul.num-list{
	list-style:decimal;
}
/*END OF LISTS*/

/*COLUMNS*/
.column{
	/*
	max-width:894px;
	width:894px;
	*/
	overflow:auto;
}
.one-column{

}
.two-column #left-column, 
.two-column #right-column{
	width:42%;
	float:left;
}
.two-column #left-column{
	margin-right:120px;
}
.column-blog #left-column{
	width:525px;
}
.column-blog #right-column{
	width:290px;
}

.content-blog .column-blog #left-column{
	margin-right:130px!important;
}
.content-blog .column-blog #right-column{
	width:238px!important;
}

div#opencolony-content{
	width: 100%;
}
#right-column #address{ margin-top:28px;}
/*END OF COLUMNS*/

/*COLUMN TYPOGRAPHY*/
#content p{
	margin:0px 0px 15px 0px;
}
.one-column h3.sub-section{
	margin-left:290px;
	margin-bottom:50px;
}
.one-column .profile .profile-info h3{
	font-weight:bold;
	font-style:italic;
	margin-bottom:16px;
}
.one-column .profile .profile-info p{
	width:347px;
}
/*END OF COLUMN TYPOGRAPHY*/

/*PROFILES*/
.one-column .profile{
	display:block;
	overflow:auto;
	margin:30px 0px;
}
.one-column .profile img{
	float:left;
	border:#ff0036 solid 1px;
}
.one-column .profile .profile-info{
	margin-left:293px;
}

/* MAIN HORIZONTAL NAVIGATION */
ul#main-site-nav{
	overflow:auto;
}

ul#main-site-nav li{
	float:left;
	height:48px;
	overflow:hidden;
}
ul#main-site-nav li img{
	cursor:pointer;
}
ul#main-site-nav li a{
	overflow:auto;
}
/*END OF MAIN HORIZONTAL NAVIGATION*/


/*BARS*/
#page-top-content-bar,
#page-bottom-content-bar,
.column-content-bar{
	height:10px; width:100%;
	overflow:auto;
}
.column-content-bar{
	height:3px;
}
#page-top-content-bar{
	margin-bottom:50px;
}
.content-blog #page-top-content-bar{
	margin-bottom:25px;

}
#page-bottom-content-bar{
	margin-top:50px;
	margin-bottom: 75px;
}
.content-blog #page-bottom-content-bar{
	margin-top:25px;
	margin-bottom:75px;
}
.blue-bar{
	background:#00a7ff;
}
.purple-bar{
	background:#ff00f2;
}
.yellow-bar{
	background:#ffae00;
}
.neon-bar{
	background:#00fff8;
}
.pink-bar{
	background:#ff0079;
}
.green-bar{
	background:#8aff00;
}
/*END OF BARS*/

/*BLOG POSTS*/
.blog-post, .post-tags,
.post-info, .author-avatar,
.author-info, .post-auhtor-info{
	overflow:auto;
	padding:5px 0;
}
.blog-post h3, .form-container h3 {
font-size:18px !important;
margin-bottom:30px !important;
}
.blog-post-content{
	margin-bottom:20px;
}
.blog-post strong, 
.author strong{
	font-weight: bold;
}
.blog-post em{
	font-style: italic;
}
.author-avatar{
	padding-right:15px;
}
.author-avatar img{
	width:37px; height:37px;
	overflow:auto;
	display:block;
}
.post-interact{
	float:right;
	font-size:10.5pt;
	margin-top:20px;
}
.post-interact img{
	padding:6px;
	padding-right:10px;
	float:left;
}
.post-interact-text{
	margin-top:8px;
	float:left;
}
.author-avatar, .author-info,
.share-post, .comment-post, .author-name,
.author-post-info{
	float:left;
}
.author-info{
	width:295px;
}
.author-name{
	margin-top:9px;
}
.author-post-info{
	float:none;
	margin-top:28px;
	margin-left:52px;
}
.author-post-info a{
	font-size:9pt;
}
.share-post, .comment-post{

}
.share-post{
	margin-right:25px;
}
.comment-post{

}
.blog-post, .form-container {
	padding:35px 0;
}
.blog-post{
	
}

.blog-post p{
	text-align:left!important;
}

/*BLOG RIGHT SIDEBAR*/
.blog-right-sidebar{

}
.blog-right-sidebar h4{
	display:block;
	width:100%; height:8px;
}

.blog-right-sidebar h4#salon-members{
	background:transparent url(images/headers/salon_members_header.jpg) no-repeat 0 0;
}

.blog-right-sidebar ul#mainAuthorsBlock {margin-bottom:0;}
.blog-right-sidebar a#moreAuthors {display:block;margin:10px 0 15px 30px;}
.blog-right-sidebar ul#moreAuthorsBlock {display:none;margin:0 0 0 30px;}

.blog-right-sidebar h4#tags{
	background:transparent url(images/headers/tags_header.jpg) no-repeat 0 0;
}
.blog-right-sidebar h4#archives{
	background:transparent url(images/headers/archives_header.jpg) no-repeat 0 0;
}
.blog-right-sidebar h4#most-popular{
	background:transparent url(images/headers/most_popular_header.jpg) no-repeat 0 0;
}

.blog-right-sidebar ul#sidebar-questions li{
	margin-bottom: 10px;
}

/*END OF BLOG RIGHT SIDEBAR*/

/*LINKS*/
a{
	color:#000;
}
a:hover,a.post-title-link,a.title-author-link{
	text-decoration:none;
}
/*END OF LINKS*/

/*FORMS*/
form legend{
	display:none;
}
p.linklove{
	display: none;
}
.form-search-site{
	overflow:visible;
}
.form-search-site #search-query{
	background:transparent url(images/search_input_query_bg.jpg) no-repeat 0 0;
	width:30px; height:30px;
	border:none;
	cursor:pointer;
	float:left;
}
.form-search-site .input-search-text-wrapper {
	background:transparent url(images/search_input_bg.jpg) no-repeat scroll left top;
	width:135px; height:30px;
	float:left;
}
.form-search-site input#search-text{
	background:transparent none repeat scroll 0 0;
	border:medium none;
	padding:7px;
	width:118px;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
}
.forms-columns, fieldset.cf-fs1, 
fieldset.cf-fs2{
	float: left;
	margin-right: 40px;
}
label{
	font-size: 9.5pt;
	margin-bottom: 5px;
	display: block;
}
.invite-form-container input,
#register-form input.text-input, #register-form textarea {
	margin-bottom: 15px;
	border: none;
	background: #ffc500;
	padding: 5px;
}
.invite-form-container input.invite-form-submit{
	/*background:transparent url(../images/submit_btn_bg.jpg) no-repeat 0 0;*/
	padding: 0;
	width: 100px; height: 35px;
	cursor: pointer;
}

.invite-form-container .cformselect{margin-bottom:15px;}

#cforms_captcha { display:block; }

span.emailreqtxt, div.failure{
	font-size:8pt;
	color:#F00;
	font-style:italic;
	display:block;
}

div.failure{
	margin-bottom:20px;
}

span.emailreqtxt{ 
	color:#000;	
}

p.cf-sb{
	clear:both;
	display:block;
	margin-top:210px!important;
}
p.cf-sb input,
#register-form input.submit{
	background:transparent url(images/submit_btn_bg.jpg) no-repeat 0 0;
	width:100px; height:35px;
	cursor:pointer;
}
#register-form{
	width:468px;
	overflow:hidden;
}
#register-form input.submit{
	text-indent: 500px;
	border: none;
}

#setupform span.requirements{
	font-size: 8pt;
	display: block;
}
#register-form label{
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.5em;
}
#register-form textarea{
	height:200px; width:400px;
	margin-bottom: 5px;
}
#register-form span.textarea-characters{
	font-size: 8pt;
	margin-bottom: 10px;
	display: block;
	float: right;
	margin-right: 60px;
	font-style: italic;
}
#register-form div#interests{
	font-size: 8pt;
}
#register-form div#left-form-column,
#register-form div#right-form-column{
	float: left;
	width: 230px!important;
	margin-right: 0px;
	overflow: visible;
}
div#registration-errors{
	display:block;
	overflow:auto;
	padding-bottom:5px;
}
div#registration-errors .error{
	background:#FFEBE8 none repeat scroll 0 0;
	border:1px solid #CC0000;
	color:#333333;
	font-weight:bold;
	font-size:9pt;
	padding:10px;
	display:block;
}
h3#register-error{
	color:#F00;
}
h3#registration-success{
	color:#0DFF00;
}
div#registration-form{
	width:467px;
}

form#register-form #form-column-container{
	overflow:visible;
}
form#register-form a.helplink{
	font-style:italic;
	text-decoration:none;
	font-size:12px;
}
form#register-form a.helplink:hover{
	text-decoration:underline;
}

form#register-form #avatars{
	display:block;
	float:none;
}
form#register-form #avatars ul{
	margin:0;
	overflow:hidden;
}
form#register-form #avatars ul li{
	width:25px;
	text-align:center;
	float:left;
	margin:0px 5px;
}

/*CAPTCHA*/
li#li--10{

}
li#li--10 label{

}
li#li--10 label span{

}

li#li--10 img{
	display:block;
}

/*END OF FORMS*/

/*SIDEBAR - MEMBERS*/
ul li.member{
	overflow:auto;
	display:block;
	margin-bottom:6px;
}
ul li.member .member-avatar,
ul li.member .member-name{
	float:left;
}
ul li.member .member-avatar{
	margin-right:5px;
}
ul li.member .member-avatar img{
	width:16px; height:16px;
}
/*END OF SIDEBAR - MEMBERS*/

/*SIDEBAR - TAG CLOUD*/
ul.wp-tag-cloud{

}
ul#mainTagsBlock{margin-bottom:0;}
ul#moreTagsBlock {display:none;margin-top:0;margin-bottom:0;}
a#moreTags {display:block;margin:10px 0 15px 30px;}
ul.wp-tag-cloud li, ul#mainTagsBlock li, ul#moreTagsBlock li{margin-bottom:6px;font-size:10pt;}

/*END 	SIDEBAR - TAG CLOUD*/

/*COMMENTS*/
div.comments{

}
div.comments #respond{
	margin-top:35px;
}
/*END OF COMMENTS*/

/*PAGINATION*/
.wp-pagenavi{
	display:block;
	margin-top:15px;
	overflow:auto;
	height:20px;
	width:100%;
}
.wp-pagenavi a{
	display:block;
	font-size:9pt;
}
.wp-pagenavi a .next-page{
	float:left;
}
.wp-pagenavi a .previous-page{
	float:right;
}
/**END OF PAGINATION/


/*@FONT-FACE*/
/*images/headers/most_popular_header.jpg*/
@font-face {
    font-family: 'Hoog0665';
    src: url('fonts/hoog0665.eot');
    src: local('Hoog0665'), 
         local('Hoog0665'), 
         url('fonts/hoog0665.ttf') format('truetype');
}
h2.front-page-header{
	width: auto!important;
	height: auto!important;
	margin:18px 0;
}
h2.front-page-header a {
    font-family: 'Hoog0665';
    text-transform: uppercase;
   	text-decoration: none;
   	font-size: 46pt;
   	display: block;
}
/*zEND OF @FONT-FACE*/

/*PROFILE/AUTHOR*/
#profile-interests ul li{
	list-style: disc;
}
/*end of author/profile*/

.special-num-list{
    font-size:34pt;
    font-weight:bold;
    line-height:26px;
}

img.user-photo{
	max-height:300px;max-width:400px;
}

/*Question and Answers Page*/
h3.member-question{
	font-size: 18px;
	padding-top: 35px;
	padding-bottom: 30px;
	margin-bottom: 0px!important;
}
div.member-answer-block{
	display: block;
	border-top:1px solid #CECECE;
	padding:27px 0;
}

div.member-answer-block div.member-details{
	overflow:auto;
	padding:2px;
}

div.member-answer-block div.member-details div.author-name{
	float: none;
	font-size: 9pt;
}