
/*  k2 mods  */

#page {
  	padding-top: 0;  
	width: 78em;
}

#header {
  	height: 10em;  

}

#header h1 {
	padding-top: 5px;
}

#primary {
	width: 50em;
}

#primary h3 {
	font-size: 2em;
	margin-bottom: 0.5em;
}

#primary .entry-content img {
	margin: 0;
	padding: 0;
	border: 0;
	max-width: 100%;
}

.secondary {
	padding-top: 30px;
}

#header ul.menu li a:hover, 
#header ul.submenu li a:hover
{
	text-decoration:  underline;
}


ul.menu li.current_admintab a,
ul.menu li.current_admintab a:hover {
	color: #333 !important;
	background: white;
	text-decoration: none;
	}

.current_admintab {
	position: absolute;
	right: 0px;
	}

* html .current_admintab { padding: 5px 15px 6px }	/* IE hack */




ul.menu {
	left: 100px;
	width: 80%;
}

.entry-tags {
	display:  inline;
}

/*  submenu  */

ul.submenu {
	position: absolute;
	bottom: -20px;
}

ul#submenu li {
	display: inline;
}

ul.menu li ul.submenu,
ul.menu li ul.submenu a {
	padding: 0 3px;
}

ul.menu li ul.submenu li.here {
	font-weight:  bold;
}

ul#sm_photos {left: -0.5em;}
ul#sm_groups {left: 9.25em;}
ul#sm_about  {left: 15.35em;}


/*  avatar  */

#avatar {
	float: left;
	margin: 1em 15px 0px 15px;
	width: 75px;
	height: 75px;
}

/*  search  */

#search {

	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 5px;
	right: 10px;
}

/*  flash messages  */

#message, #warning, #pending {
	line-height: 2em;
	margin: 30px 15px 0 15px;
	padding: 0.5em 0 0.5em;
	text-align: left;
}

#message p, #warning p, #pending p {
	margin: 0;
	margin-left: 3.5em;
}
	
#message a:hover,
#warning a:hover,
#pending a:hover
{
	text-decoration:  underline;
}

#message {
	border: 1px solid #4F892D;
	background: #DBFFD1 url('images/accept.png') no-repeat 0.75em 0.75em;
}

#warning {
	border: 1px solid #A53232;
	background: #FFD2D7 url('images/exclamation.png') no-repeat 0.75em 0.75em;
}

#pending {
	border: 1px solid #D3B934;
	background: #FFFAB7 url('images/error.png') no-repeat 0.75em 0.75em;
}





/*  content, thumbnails . . .  */



img {
	margin-bottom: 0.4em;
}

#primary .thumbnail,
#primary .thumbnailSet,
#primary .thumbnailGroup,
#primary .thumbnailGroupJoined,
#primary .thumbnailGroupPhotos {
	margin: 0.5em;
	padding: 0;
	vertical-align: middle;
	float: left;
	text-align: center;
	width: 115px;
  	height: 110px; /*  110px/11.2  */
	color: #BFBFBF;
	font-size: 0.8em;
	line-height: 1.2em;
}

#primary .thumbnail img,
#primary .thumbnailSet img,
#primary .thumbnailGroup img,
#primary .thumbnailGroupJoined img,
#primary .thumbnailGroupPhotos img
{
	margin: 2px 0 2px;
}

#page .content #primary .entry-content .thumbnailSet,
#page .content #primary .entry-content .thumbnailGroup,
#page .content #primary .entry-content .thumbnailGroupJoined,
#page .content #primary .entry-content .thumbnailGroupPhotos
{
  	height: 125px; /*  110px/11.2  */	
}

#primary .thumbnail img, 
#primary .thumbnailGroupPhotos img {
	padding: 2px;
	border: 1px solid #bfbfbf;
}

.thumbnail a:hover,
.thumbnailSet a:hover,
.thumbnailGroup a:hover,
.thumbnailGroupJoined a:hover,
.thumbnailGroupPhotos a:hover
{
	text-decoration:  none !important;
}

#primary .thumbnailSet img {
	background-image: url('../img/seticon.png');
	padding: 9px 9px 3px 3px;
}

#primary .thumbnailGroup img {
	background-image: url('../img/groupicon.png');
	padding: 11px 11px 3px 3px;
}
#primary .thumbnailGroupJoined img {
	background-image: url('../img/groupjoinedicon.png');
	padding: 11px 11px 3px 3px;
}


#primary .detail {
	clear: left;
	overflow: visible;
	margin-top: 3em;
}

#primary .detail img {  	
	float: left;
	padding-bottom: 4em;
} 

#primary .detail p {
	margin-bottom: 1em;
}


#primary .detail p.description {
	color: #3F3F3F;
}

#primary .detail p.tags, .detail p.edit {
	font-size: 0.8em;
	line-height: 2em;
}

#primary .detail .edit {
	padding: 2px;
	padding-left: 20px;
	background: url('images/pencil.png') left center no-repeat;
	display:  inline;
}


#primary .detail p.description {
	font-size: 0.8em;
	line-height:  1.3em;
}


h4 {
	margin-bottom: 0.5em;
	font-size: 1.0em;
  	line-height: 1.2em;
	font-weight: normal;
}



#pagination {	
	padding-top: 2em;
	width: 500px;
	clear:left;
	text-align: center;
}

#pagination ul {
	list-style-type: none;
}

#pagination li {
	display: inline;
	margin: 0.5em;	
}



.cloud {
	text-align: center;
}

.cloud a {
	margin: 5px;
}


#primary table#taglist {
width: 100%;
}


#primary #taglist td {
	padding: 0.25em 1em 0.25em 2em;
}

#primary #taglist p {
	margin: 0;
	padding: 0;
}

#primary #taglist tr.other {
	background-color: #ECF1F6;
}

#primary #taglist td.tools {
	font-size: 0.85em;
}


/*  forms  */

form th {
	font-weight: normal;
	vertical-align: top;
	margin-right: 1em;
	white-space:nowrap;
	text-align: right;
	width: 10em;	
}

form th, form td{
	padding-top: 0.2em;
	margin:  0;
}

form p.desc {
	font-size: 0.85em;
	line-height: 1.3em;
	color: grey;
	margin: 0.25em 0 0.25em;
} 

form table {
	border: 0;
	border-spacing:1em;
}

form div.error_message {
	color: red;
}

form input, form select {
	margin-bottom: 0.5em;
}

/*  edit in place  */

.editor_cancel{
	margin-left: 0.25em;
}

form.inplaceeditor-form {
	margin-top: 2em;
  	margin-bottom: 0.5em;  
}

/*  view  */

#description {
	color: #3F3F3F;
}


/*  set  */

#primary #setintro {
	margin: 1em 0 1em 1em;
	float: right;
}

.clear {
	clear: both;
}


h2 .edit, h2 .cancel {
	font-size: 0.8em;	
}

h2 .edit a,
h2 .cancel a {
	margin-left: 5px;
	padding: 2px;
	padding-left: 20px;
	font-size: 1em;
	font-weight:  normal;
}

h2 .edit a		{	background: url('images/pencil.png') left center no-repeat;}
h2 .cancel a	{	background: url('images/reset-fff.png') left center no-repeat;}

.secondary li .edit a,
.secondary li .delete a,
.secondary li .join a,
.secondary li .discard a,
.secondary li .avatar a,
.secondary li .rss a,
.add a,
.cancel a,
.delete a,
#primary .time,
#primary .tags,
#primary .edit,
#primary .delete,
#primary .leave
{
	margin: 0px;
	padding: 3px;
	padding-left: 20px;
}
.secondary li .edit a 	{background: url('images/pencil.png') left center no-repeat;}
.secondary li .delete a {background: url('images/delete.png') left center no-repeat;}
.secondary li .join a	{background: url('images/user_add.png') left center no-repeat;}
.secondary li .discard a{background: url('images/group_delete.png') left center no-repeat;}
.secondary li .avatar a	{background: url('images/defaultgravatar.png') left center no-repeat;}
.secondary li .rss a	{background: url('images/feed.png') left center no-repeat;}
.add a					{background: url('images/add.png') left center no-repeat;}
.cancel a				{background: url('images/cross.png') left center no-repeat;}
.delete a				{background: url('images/delete.png') left center no-repeat;}
#primary .time			{background: url('images/time.png') left center no-repeat;}
#primary .tags			{background: url('images/tag_blue.png') left center no-repeat;}
#primary .edit			{background: url('images/pencil.png') left center no-repeat;}
#primary .delete		{background: url('images/delete.png') left center no-repeat;}
#primary .leave			{background: url('images/bullet_delete.png') left center no-repeat;}

#primary .leave {
	padding-left: 15px;
}


.introtable {
	font-size: 14px;
	overflow: auto;
	width:  28em;
	border: 0;
	border-spacing: 0;
	padding-bottom: 1em;
}

.introtable table {
	border: 0;
	border-spacing:0em;
}

.introtable table td {
	width: 75px ! important;
	text-align: center;
	padding: 0 10px 0 0;
}

.introtable table td img {
	width: 75px ! important;
}





/*  photo view  */

.secondary #recent {
	height: 120px;
}

.secondary h2 {
	display: block;
	text-align: left;
}

.secondary .thumbnail {
	margin-top: 1em;
	margin-right: 1em;
	padding: 0;
	vertical-align: middle;
	float: left;
	text-align: center;
	width: 75px;
	color: #BFBFBF;
}

.secondary li a {
	margin: 0;
	padding:  0;
}


/*  comment  */

#primary .comment {
	margin: 4em;
}

#primary p.meta {
	font-size: 0.8em;
}
	
.comment p.meta {
	padding:  2px;
	padding-left: 20px;
	background: url('images/time.png') left center no-repeat;
}

.comment p.text {
	font-size: 1em;	
	line-height: 1.5em;
}

.secondary .comment {
	margin: 1em 0 1em 0;
}