/************
* Header
************/

#top	{
	width: 100%;
	text-align: center;
	padding: 1% 0;
	margin: 0;
	border-bottom: 3px solid #fff;
	color: #fff;
	background: #c60;
	font-weight: bold;
}

#top p	{
	margin: 0;
}

#top a	{
	text-decoration: underline;
	color: #fff;
}

#top a:hover	{
	text-decoration: none;
}

#userWarning	{
	width: 100%;
	text-align: center;
	padding: 8px 0;
	background: #96A86C;
	font-size: 20px;
	color: #eee;
	position: fixed;
	z-index: 1000;
}

#userWarning a	{
	color: #eee;
	text-decoration: underline;
}

#userHeader	{
	padding: 10px 0 15px;
	vertical-align: baseline;
	text-align: center;
}

h1#siteName	{
	font-size: 36px;
	font-weight: normal;
	float: left;
	margin-right: 2%;
}

#userHeader h2	{
	margin: 0;
	display: inline;
}

#userSection	{
	margin:2% 2% 0; padding: 1% 2%; width: 800px; background: #eee; border-top: 6px solid #abc; border-bottom: none;
	height: 25px;
}

div.welcome_message	{
	float: right;
	font-size: 16px;
}

#userSection span#siteName	{
	float: left;
	margin-top: 10px;
}

#userSection img.avatar	{
	padding: 2px;
	width: 16px;
	vertical-align: -5px;
}

#userSection .logout_message	{
	font-size: 16px;
	margin-top: 10px;
}

#userSection #logo	{
	margin-top: -15%;
}

#theHeader	{
	padding: 1% 0 0;
	margin: 0;
}

#theNav {
margin: 2% 0 0;
}

#theSubNav	{
	background: #ccc;
}

#theFooter	{
	float: left;
	width: 96%;
	margin-top: 4%;
}

#theFooter a	{
	color: #556270;
}

.centerHead	{
	margin: 0 auto;
	width: 950px;
}

div#siteName	{
	margin: 10px 0;
}

.sectionHeader h2	{
	font-size: 30px;
	margin-bottom: 10px;
	color: #fff;
	text-shadow: 0 1px 0 #999;
}

.sectionHeader	{
	text-align: right;
	margin-bottom: 30px;
}

/*******************************
* Site Nav
*******************************/

ul#siteNavTop	{
	margin: 0;
	list-style-type: none;
	z-index: 3;
	float: left;
	padding: 0;
}

ul#subNavTop	{
	list-style-type: none;
	z-index: 3;
	float: left;
}

ul#siteNavTop li	{
	display: inline;
	margin-right: 10px;
	font-size: 16px;
}

ul#siteNavTop li img	{
	vertical-align: -5px;
}

ul#subNavTop li	{
	display: inline;
	margin: 0;
	font-size: 16px;
	padding: 10px 15px 10px 0;
}
ul#siteNavTop li a{
	color: #c60;
}
ul#subNavTop li a	{
	color: #556270;
}

ul#siteNavTop li.current a{
}
ul#subNavTop li.current a	{
	color: #c60;
}

ul#siteNavTop li a:hover	{
	color: #333;
}

ul#subNavTop li a:hover	{
	color: #abc;
}



#login_form {
	background: #fff;
	margin: 0 0 20px;
	padding: 2% 0;
	max-width: 100%;
	color: #333;
}

#login_form h2	{
	color: #333;
	text-shadow: none;
	font-size: 20px;
}


/* Validation error messages */

.error {
	color: #393939;
	font-size: 15px;
}


/*****************************
* Gallery Single Page
*****************************/

.gallery h1 span	{
	margin: 5px 0 0;
}

span.bigGal img {
    max-width: 100%;
	padding: 0;
	margin-bottom: 20px;
}

ul#gallerySmall   {
    list-style-type: none;
    margin: 0;
    padding: 0;
	float: left;
	width: auto;
}

ul#gallerySmall li {
    float: left;
    width: 360px;
border-right: 1px solid #abc;
border-bottom: 1px solid #abc;
margin-right: 10px;
margin-bottom: 10px;
}

ul#gallerySmall li span    {
    display: block;
    text-transform: uppercase;
    padding: 5px;
	font-size: 16px;
	letter-spacing: 1px;
	margin-top: -38px;
	background-color:#000;
	font-weight: bold;
	color: #fff;
	  /* for IE */
	  filter:alpha(opacity=80);
	  /* CSS3 standard */
	  opacity:0.8;
	text-align: center;
}

ul#gallerySmall li span img	{
	vertical-align: -2px;
}

ul#gallerySmall li img.item_image {
    width: 360px;
	height: 261px;
	margin: 0;
}

.footerRightContainer ul#gallerySmall li img.item_image {
    width: 150px;
	height: 112.5px;
	margin: 0;
}

.footerRightContainer ul#gallerySmall li {
	border: none;
    float: left;
    width: 150px;
	margin: 0 5px 5px 0;
}

a.fave_it_big:hover	{
	color: #333 !important;
}

/***********************************
* Links page
***********************************/
div.link_section	{
	border-bottom: 1px dotted #ccc;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

div.link_section div.link_meta	{
	font-size: 14px;
}

div.link_section div.link_meta img.avatar	{
	width: 16px;
}

div.links h2	{
	color: #999;
	margin-bottom: 3px;
	font-size: 18px;
}

div.link_section img.avatar	{
	width: 12px;
	border: 1px solid #ccc;
	padding: 1px;
}

/***************************************
* Posts
**************************************/

div#postsList	{
	width: 100%;
	float: left;
}

div#postsHeader	{
	font-size: 18px;
	float: left;
	width: 98%;
	color: #333;
	padding: 0 1%;
}

ul.postList	{
	margin: 0;
	padding:0;
	list-style-type: none;
	width: 100%;
	float: left;
	border-top: 1px solid #abc;
}

ul.postList li	{
	padding: 7px 1% 4px;
	width: 98%;
	border-bottom: 1px dotted #bcc9d7;
	float: left;
	background: #fff;
}

ul.postList li img.avatar	{
	padding: 0;
	border: none;
}

div#postsHeader span.postTitle {

}

div#postsHeader span.postTitle, ul.postList li span.postTitle {
	width: 60%;
	float: left;
	margin-right: 1%;
}

div#postsHeader span.startedBy, ul.postList li span.startedBy	{
	width: 15%;
	float: left;
	margin-right: 1%;
}

div#postsHeader span.lastPost, ul.postList li span.lastPost	{
	width: 20%;
	float: left;
	margin-right: 1%;
}

ul.postList li:hover	{
	background: #eee;
}

ul.postList li.liked	{
	background: #fee;
}

ul.postList li.selfPost	{
	background: #eee;
}

ul.postList li.most_popular	{
	background: #fff;
}

ul.postList li .iconic	{
	font-size: 20px;
	line-height: 0;
	vertical-align: -2px;
	color: #abc;
}

ul.postList li a.iconic	{
	color: #c60;
}

div#postsList ul.postList img.avatar	{
	margin-right: 5px;
}


ul.postList div.postMeta	{
	width: 17%;
	float: left;
}



div.postContent	{
	display: none;
	float: left;
	width: 100%;
}

div#postContent p	{
}

div#postContent a	{
	color: #c60;
	font-weight: normal;
}

div#postContent a:hover	{
	color: #556270;
}

div#postContent h1, div#postContent h2, div#postContent h3, div#postContent h4	{
	color: #333;
	text-shadow: none;
}

div#oPost	{
	margin: 0;
	padding: 0 0 40px;
	z-index: 10;
	font-size: 1.2em;
}

div#oPost li 	{
	line-height: 1.5em;
	margin-bottom: 1em;
}

div#oPost img	{
	max-width: 100%;
}

div#oPost .postMeta	{
	margin: 10px 0 20px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	background: #eee;
	padding: 5px 10px;
}
div#oPost .postMeta img	{
	vertical-align: -9px;
}

div#postContent	{
	margin: 0 20px 20px 0;
	position: relative;
	width: 100%;
}

div.postLikes	{
	position: absolute;
	left: 690px;
	top: 0;
	background: #fff;
	border-bottom: 3px solid #abc;
	border-left: none;
	padding: 5px 10px;
	text-align: center;
}

div#profileContent	{
	margin: 10px 3% 0 0;
	float: left;
	width: 79%;
}

div#profileContent h2	{
	color: #333;
	text-shadow: none;
}

div#discussion	{
	float: left;
	width: 100%;
}

div.post	{
	margin-bottom: 20px;
	float: left;
	max-width: 600px;
	font-size: 1.2em;
}

div.post img	{
	max-width: 100%;
}

h1.postTitle	{
	margin-bottom: 0.2em;
	padding: 0;
}

h2.postTitle	{
	margin-bottom: 10px;
	font-size: 2.5em;
	font-weight: bold;
	line-height: 1em;	
}

h3.postTitle	{
	margin-bottom: 0;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.2em;
}

span.likesCount, span.discussions	{
	width: 40px;
	margin-right: 10px;
	color: #777;
}

ul.likes, ul.socialMedia	{
	list-style-type: none;
	margin: 0 0 20px;
	padding: 0;
}

ul.socialMedia li	{
	padding-bottom: 3px;
	margin-bottom: 3px;
}

ul.likes li	{
	display: inline;
}

ul.likes li img.avatar	{
	padding: 2px;
}

h3.sideBar	{
	font-size: 16px;
}

span.heartsBig	{
	font-size: 26px;
	font-weight: bold;
}

ul.actions	{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#pagination	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}

ul#pagination li {
	float: left;
	font-size: 20px;
	background: #fff;
		padding: 3px 10px;
}

ul#pagination li.current	{
	background: #eee;
	font-weight: bold;
	color: #333;
	margin-right: 10px;
}

ul#pagination li a	{
	font-weight: bold;
	padding: 3px 10px;
}

/********************************
* Comments
**********************************/

h2#comments	{
	clear: both;
}

span.commentor	{
	vertical-align: -10px;
	margin-right: 10px;
}

.commentSection	{
	margin-bottom: 1%;
	position: relative;
}

div.commentText a	{
	color: #c60;
	font-weight: normal;
}

div.commentFriend	{
	font-size: 16px;
	position: absolute;
	top: 55px;
	left: 693px;
	background: #fff;
	border: 3px solid #bbb;
	border-left: none;
	padding: 10px;
	color: #333;
	text-align: center;
}

div.commentText a:hover	{
	color: #abc;
}

.commentSection img.avatar	{
}

.clubPost	{
	float: left; 
	width: 50px;
}

.commentText	{
	display: block;
	border-bottom: 1px dotted #bbb;
	background: #fff;
	padding: 20px 0;
	font-size: 1.2em;
}

.commentText li 	{
	line-height: 1.5em;
	margin-bottom: 1em;
}

.commentSection img 	{
	max-width: 100%;
}

.commentMeta	{
	font-size: 1em;
	margin-bottom: 10px;
}

img.avatar {
	background: #fff;
}

a img.avatar	{
	border: none;
}

/*****************************************
* user profile
*****************************************/

div.userProfile	img.avatar	{
	border: 1px solid #eee;
	padding: 3px;
	vertical-align: -8px;
}

ul.profileStats	{
	list-style-type: none;
	margin: 0 0 20px;
	padding: 0;
}

ul.profileStats li	{
	margin-bottom: 3px;
}

div.profileMeta	{
	width: 18%;
	float: right;
}

/****************************
* Sidebar
****************************/

#sidebarbox	{
	position: absolute;
	background: #556270;
	width: 130px;
	padding: 10px 10px 0;
	z-index: 2;

}

.sidebox	{
	margin-bottom: 10px;
	text-align: center;
}

.sidebox div	{
	padding: 4px 0;
}

.sidebox div.last	{
	border-bottom: none;
}

#sidebarbox.fixed	{
	position: fixed;
	top: 60px;
}

/***************************************
* Critiques
***************************************/

.critique_images	{
	float: left;
	padding: 0;
	margin: 0 0 0px 10px;
	width: 174px;
	padding: 3px;
	height: 190px;
}

.last_crit	{
	margin-left: 0;
}

span.crit_img	{
	height: 200px;
	width: 172px;
}

span.crit_img:hover	{

}

.critique_images span a.crit_image_link	{
	display: block;
}

.critique_images img.crit_image	{
	background: #fff url('http://s3.amazonaws.com/drawar/assets/images/checker_bg');
	width: 172px;
}

span.crit_image_meta	{
	display: block;
	width: 172px;
	text-align: center;
	background: #000;
	color: #fff;
	font-weight: bold;
	border-top: none;
	padding: 2px 0;
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.6;
	margin-top: -31px;
}

span.crit_image_meta img	{
	border: none;
	background: none;
	vertical-align: 0px;
	width: 10px;
}


#crit_frame	{
	margin-bottom: 20px;
	padding: 0;

}

#crit_image	{

}

#crit_image img	{
	max-width: 100%;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
}

.crit_meta	{
	width: 650px;
	padding: 20px;
	background: #fff;
	border: 3px solid #abc;
	position: relative;
	margin: 2% 2% 2% 0;
}

.critLink	{
	position: absolute;
	top: -3px;
	left: 690px;
	font-size: 20px;
	background: #fff;
	border: 3px solid #abc;
	border-left: none;
	padding: 5px 10px;
	text-align: center;
}

.crit_extra	{
	width: 40%;
	float: left;
}

.crit_meta p	{
	font-size: 1em;
}

.crit_meta img.avatar	{
	vertical-align: -7px;
	padding: 2px;
}

.crit_meta div.button	{
	margin-bottom: 15px;
}



.crit_meta p, .crit_meta li	{
	line-height: 18px;
	margin: 0 0 15px;
}

.crit_meta p.twenty_four	{
	font-size: 24px;
}

.crit_meta div#follow_up	{

}

.crit_meta div#follow_up img	{
	border: 1px solid #fff;
}

.crit_meta div#follow_up img:hover	{
	border: 1px solid #c00;
}




/****
* General
*****/

.floatRight	{
	float: right;
}

.floatLeft	{
	float: left;
	margin-right: 10px;
}

.borderBottom	{
	border-bottom: 1px dotted #ddd;
}

.headerOne	{
	font-size: 36px;
	margin: 0 0 10px 10px;
	font-weight: bold;
}

.headerOne a	{
	color: #c60;
}

button a	{
	color: #fff;
}

#userSection div.clean-green	{

}

div.clean-green a {
  background: #c60;
border: 3px solid #fff;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  color: #fff;
  font-size: 13px;
  line-height: 1;
  padding: 7px 10px 4px;
  text-align: center;
	font-weight: bold;
}

div.clean-green a:hover {
  background: #BACBA9;
}

div.clean-green a:active {
  background: #7fbf4d;
}

button.minimal {
  background: #e3e3e3;
  border: 1px solid #ccc;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
  color: #333;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  padding: 8px 0 9px;
  text-align: center;
  text-shadow: 0 1px 0px #fff;
  width: 150px;
}

button.minimal:hover {
  background: #d9d9d9;
  box-shadow: inset 0 0 1px 1px #eaeaea;
  -moz-box-shadow: inset 0 0 1px 1px #eaeaea;
  -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
  color: #222;
}

button.minimal:active {
  background: #d0d0d0;
  box-shadow: inset 0 0 1px 1px #e3e3e3;
  -moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
  -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
  color: #000;
}

.coolButton	{
	background: #222529;
	border-radius: 5px;
	padding: 3px 10px;
	display: inline-block;
}

.coolButton a	{
	text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
	color: #abc;
	font-size: 16px;
	font-weight: bold;
}

.drawar_button	{
 margin-bottom: 10px;
}

.drawar_button	a	{
	color: #fff;
	background: #556270;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 5px 0;
	display: block;
	text-align: center;
	font-weight: bold;
}

.drawar_button a:hover	{
	background: #96A86C;
	color: #fff;
	 /* for IE */
	  filter:alpha(opacity=100);
	  /* CSS3 standard */
	  opacity:1.0;
}

.tooltip 	{
	display: none;
	background: #000;
	border-bottom: none;
	font-size: 16px;
	text-align: center;
	padding: 5px 20px;
	font-weight: bold;
	color: #fff;
	/* link doesn't hide text behind it */
	/* for IE */
	  filter:alpha(opacity=60);
	  /* CSS3 standard */
	  opacity:0.6;
}

.inputMeta	{
	display: block;
	font-size: 14px;
}

.inline-hover	{
	background: #ffc;
}



/************
* Ads
*************/
div#sidebar	{
	float: left;
	width: 150px;
	text-align: center;
}

div#sidebar p	{
	font-weight: bold;
}

div.ad	{
	float: left;
	margin: 0 0 20px;
	width: 120px;
	padding: 10px;
	border-top: 3px solid #abc;
	border-bottom: 3px solid #abc;
	background: #fff;
	text-align: center;
	font-size: 12px;
}

div.ad img	{
	text-align: center;
}

div#mt	{
	margin-bottom: 20px;
}

.bsap .one{margin-bottom:1.5em;}
.bsap .one
.bsa_it_ad{border:none;background:none;padding:0;font-family:inherit;text-align:center;}
.bsap .one .bsa_it_t{margin-top:5px;}
.bsap .one .bsa_it_d{line-height:18px;font-size:12px;color:#eee;}
.bsap .one .bsa_it_p{text-align:center;position:static;color:#eee;}
.bsap .one .bsa_it_i{margin-bottom:0;float:none;color:#eee;}
.bsap .one .bsa_it_i img{border:none;}
.bsap .one .bsa_it_ad .bsa_it_d{}
		
/****Overlay*****/

div#overlay_content	{
	float: left;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background: #fff;
	
	width:795px;
	padding: 30px 20px 20px;	
	min-height:200px;
	border:3px solid #abc;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url('http://s3.amazonaws.com/drawar/assets/icons/close');
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}