/*
Theme Name: Snapshot
Theme URI: http://www.fashion.arts.ac.uk/snapshot
Description: A theme built to match the University of the Arts London web design grid, developed by Alastair Mucklow in collaboration with the University web team. 
Author: Alastair Mucklow, <a href="http://www.fashion.arts.ac.uk">London College of Fashion</a>
Version: 2.0
*/


/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { margin: 0; }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
.clear-self:after 
{ 
  content:         " "; 
  display:         block; 
  clear:           both; 
  visibility:      hidden; 
  line-height:     0; 
  height:          0;
  margin-bottom:   0; 
}

/*.clear-self 
{ 
  display:         inline-block;
}*/


html[xmlns] .clear-self 
{ 
  display:         block;
}

* html .clear-self 
{ 
  height:          1%; 
}

@import "style/css/gallery.css";

/* BLOCKS */
#snapshot div#main-content #content-col {
	width: 600px;
}

/* COLLEGE-WIDE OVERRIDES - need to update college css files at some point */
#wrapper {
	background-image: none !important;
}

#logo {
	float: left;
	top: 0;
	left: 60px;
	}

#logo a {
	display: block;
	width: 184px;
	height: 153px;
}

#logo a:hover, .wp-caption a:hover {
	background: none;
}

ul#nav-main {
	padding-left: 87px !important;
}

/* PRIMARY ELEMENT */
#primary {
	width: 470px;
	float: left;
	padding: 0 0 10px 0;
	_padding-right: 44px;
	}

* html #primary {
		display: inline;
		}

.search-results #primary {
	top: 24px;
}

#primary h3.entry-title {
	font-size: 1.4em;
	line-height: 1.1em;
	margin: 2px 0 6px;
}

#primary h3.entry-title a {
	font-weight: normal;
	text-decoration: none;
}

.single #primary h3.entry-title {
	font-size: 2em;
	line-height: 1.5em;
}

#primary .entry-content h3 {
	font-size: 1.8em;
	font-weight: normal;
	margin-top: 25px;
	}

#primary h4 {
	font-size: 1.5em;
	margin: 10px 0;
	line-height: 1.2em;
}

#primary .entry-content h4 {
	font-weight: normal;
	margin-top: 25px;
	}

.post {
	width: 100%;
	margin-bottom: 40px;
	float: left;
}

.entry-meta { 
	border-top: 1px solid #D4DADD;
	border-bottom: 1px solid #D4DADD;
	font-size: 1em;
	line-height: 1.6em;
	display: block;
	margin-top: 1px;
	}

.entry-date {
	background-color: #D4DADD;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 4px;
	position: absolute;
	left: -50px;
	top: 0;
	}

.entry-date span.day {
	margin: 0 2px 0 0;
}

.page-head {
	margin: 0 0 15px;
	}

#main-content h1 a, #main-content h4 a {
	text-decoration: none;
}

/* Used for H4 titles on all pages except the home page for SEO */
#blog-title { 
	clear: left;
	font-size: 2.8em;
	font-weight: normal;
	line-height: 1.15em;
	margin: 0 0 0.5em 60px;
}

/* Used for H1s on single posts and pages for SEO */
div#main-content #content-col h1#entry-title {
	clear: right;
	font-size: 1.45em;
	font-weight: normal;
	line-height: 1.25em;
	margin: 0 0 2px;
}

.entry-head {
	margin: 0 0 12px 0;
	}

.entry-content {
	color: #3B5A6F;
	font-size: 1em;
	font-family: Arial, sans-serif;
	line-height: 1.35em;
	margin-bottom: 1em;
}

.entry-edit a {
	border: none;
	padding: 2px;
	padding-left: 23px;
	background: url('../../images/pencil.png') left center no-repeat;
	height: 16px;
	}

.entry-tags {
	display: block;
	margin: 2px 0;
	padding: 0 0 0 20px;
	background: url('images/tag.png') left center no-repeat !important;
	background: url('images/tag.gif') left center no-repeat;
	}

.entry-tags a {
	text-transform: lowercase;
	}

.entry-content p { /* this prevents body text from wrapping */
	clear: left;
}

.entry-content ul,
.entry-content ol {
	list-style-type: square;
	margin: 0 0 13px;
	}	

/* Custom profiles */	
.feed-block {
	float: left;
	font-family: Arial, sans-serif;
	padding: 40px 0 20px 0;
}	

#twitter-feed {
	background: url(images/twitter.png) top left no-repeat;
}

.post #flickrrss {
	background: url(images/flickr.png) top left no-repeat;
}

#twitter-feed .tb_tweetlist div, #twitter-feed ul.feedlist li {
	padding: 4px;
	margin: 0 0 6px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #D4DADD;
}

div.tb_tweetlist {
	border: 0 none !important;
}

#twitter-feed form {
	background: none;
}

#tweetblender {
	padding: 0 !important;
} 

/* Facebook and twitter count boxes on bottom of each post */
.social-sharing {
	margin-bottom: 15px;
}

.social-sharing .fb-like, .social-sharing .tweet-button {

}
	
/* Comments */
.comments {
	float: left;
	width: 470px;
	}

.comment-edit a {
	border: none;
	padding: 2px;
	padding-left: 23px;
	margin-left: 10px;
	background: url('../../images/comment_edit.png') left center no-repeat;
	height: 16px;
	}

.commentslink {
	padding: 2px 0 2px 20px;
	background: url('../../images/comment.png') left center no-repeat !important;
	background: url('../../images/comment.gif') left center no-repeat;
	margin-right: 10px;
	z-index: 2;
	}

a.commentslink.end {
	float: right;
	}

.quoter_comment {
	padding: 2px 0 2px 20px;
	background: url('../images/comment.png') left center no-repeat !important;
	background: url('../images/comment.gif') left center no-repeat;
	margin-left: 5px;
	}	

.commentsrsslink {
	background: url('images/feed.png') 0 2px no-repeat !important;
	background: url('images/feed.gif') left top no-repeat;
	padding: 2px 0 0 20px;
	}

.trackbacklink {
	background: url('images/arrow_refresh.png') 0 2px no-repeat;
	padding: 2px 0 2px 20px;
	}

#commentlist {
	margin-bottom: 20px;
	float: left;
}

#commentlist li {
	list-style-type: none;
	margin: 5px 0 0;
	}

#commentlist li {
	width: 450px;
	padding: 10px 10px 0; 
	float: left;
}

#commentlist li div {
	width: 100%;
	float: left;
}

#commentlist li .avatar {
	height:36px;
	width:36px;
	margin-right: 4px;
}

#commentlist li.alt, #commentlist li.alt a {
	background-color: #ebedee;
	}

.comment-author {
	width: 100%;
	margin: 0 0 4px;
}

.comment-author span {
	float: left;
	margin-right: 4px;
}

.comment-author span.date {
	float: right;
}

.comment-text {
	margin-top: 10px;
	line-height: 1.4em;
}

.comment-content p,
.comment-content ul,
.comment-content ol,
.comment-content div,
.comment-content blockquote {
	margin: 4px 0 0;
	}

#commentlist li .comment-meta {
	padding: 4px 0 2px 20px;
	background: url('../../images/time.png') left center no-repeat !important;
	background: url('../../images/time.gif') left center no-repeat;
	display: block;
	}

li.bypostauthor blockquote {
	background: url('../../images/quote.png') no-repeat 10px 0 !important;
	background: url('../../images/quote.gif') no-repeat 10px 0;              
	}

#leavecomment, .comments #loading, #comments-closed-msg {
	text-align: center;
	margin: 30px 0 20px !important;
	color: #ddd;
	font-size: 2em;
	letter-spacing: -2px;
	}

.comments form {
	background: none;
	padding: 1px 0 10px;
	}	
	
/* SECONDARY ELEMENT */
#sidebar {
	line-height: 1.5em;
	width: 290px;
	float: left;
	top: 56px;
	border: 1px solid #D4DADD;
}

/* Share box */
.share-box {
}

.share-box .fb-like, .share-box .twitter {
	float: left;
	width: 65px;
	margin: 0 10px 0 0;
}

#sharer {
	float: left;
	width: 100%;
	margin-bottom: 25px;
}

.secondary {
	padding: 8px 10px;
	float: left;
	width: 270px;
}

.secondary div, .secondary ul {
	float: left;
	width: 100%;
}

.single #sidebar {
	top: 91px;
}	

#sidebar h2, #sidebar h4 { 
	font-weight: normal;
	font-size: 1.1em;
	margin-bottom: 0.75em;
	border-bottom: 1px solid #D4DADD;
	color: #3B5A6F;
	font-family: Georgia, serif;
}

.secondary div p {
	margin-top: 0.5em;
}

.secondary ul, .secondary ol {
	margin: 5px 0 15px;
}
       
.secondary ul ul ul, .secondary ol ol ol, .secondary div div div {
	margin: 0 0 0 20px;
}

.secondary ol {
	margin-left: 15px;
}

.secondary ul li, .secondary ol li, ul.related_post li {
	padding: 1px 0;
}
	
#sidebar p, #sidebar ul ul, #sidebar-inner ul, .sidebar-list, #commentlist li, .comments p {
	font-family: Arial, sans-serif;
}	

.about-text {
	background-color: #D4DADD;
	padding: 4px 10px;
}

.about-text p {
	padding-bottom: 0;
}

#sidebar .about-text h4 {
	border-bottom: 1px solid #ebedee;
}

.secondary iframe {
	float: left;
	margin: 5px 5px 15px 0;
} 

.secondary iframe.twitter-share-button {
	margin-top: 4px;
}

#sidebar h5 {
	font-weight: bold;
}
	
/* Sidebar Menus */
ul#contribute li {
	display: inline;
}

ul.menu li a {
	font-size: 1em;
	margin: 0;
}

/* Widgets */
.widget {
	float: left;
	width: 100%;
	margin-bottom: 1.5em;
}

.widget_tag_cloud {
	line-height: 2em;
	text-align: justify;
	background: url('images/tag.png') 255px 5px no-repeat !important;
	background: url('images/tag.gif') 255px 5px no-repeat;
	}

.widget_tag_cloud li {
	display: inline;
	}

.widget_tag_cloud a {
	font-family: Arial, sans-serif;
	text-decoration: none;
	/* white-space: nowrap; can prevent wrapping but no good for long link titles */
}

.widget_tag_cloud a:hover {
	text-decoration: underline;
}

.widget_rss, .widget_recent_entries, .widget_recent_comments, .widget_showtimeRSS {
	background: url('../../images/feed.png') top right no-repeat !important;
	background: url('../../images/feed.gif') top right no-repeat;
}

/* Image Widgets */
#showtimerss ul li, ul.showtimerss li, #flickrrss ul li, .widget_rssimages ul li {
	display: block;
	float: left;
	padding: 0;
	overflow: hidden;
	margin: 0 12px 6px 0;
}

ul.showtimerss {
	width: 100%;
}

ul.showtimerss img {
	width: 51px;
	height: 51px;
}

.widget_rssimages ul li {
	width: 75px;
	height: 75px;
}

.widget_showtimeRSS li img {
	border-bottom: 2px solid #FFF;
	width: 51px;
	height: 51px;
}

/* Flickr RSS Widget */
li#flickrrss a {
	margin: 0 0 2px 0;
} 

/* Various Tags and Classes */
blockquote {
	font-style: italic;
	line-height: 1.5em;
	margin: 20px 0;
	padding: 0 20px 0 50px;
	background: url('images/quote.png') no-repeat 10px 0 !important;
	background: url('images/quote.gif') no-repeat 10px 0;
	}

#s {
	width: 79%;
	}

/* AM - images in posts */
.entry-content img.small {
	margin-right: 5px;
}

/* AM - videos in posts */
.entry-content object, .entry-content div {
	margin-bottom: 1.25em;
}

/* Captions */
small.caption {
	padding: 4px 0;
}

.wp-caption-text {
	font-size: 0.95em;
	width: 470px;
	padding: 0;
	border-bottom: 1px dashed #D4DADD;
	margin: 0 0 1.5em;
}

/* nice menu */
#info { margin:auto; width:600px; color:#333333; padding:10px; background:#f4f4f4; border:1px solid #DDD; }

#nicemenu.snapshot { 
	float: right; 
	margin: -20px -4px 0 0;
	}

#nicemenu a { text-decoration:none; }

#nicemenu li { display:inline; position:relative; }

#nicemenu li span { position:relative; z-index:10; padding:4px 4px 4px 0px;  border-bottom:none; }	

#nicemenu li span a { font-weight:bold; padding:0 6px 0px 2px;  }	

#nicemenu li span.over { padding:4px 4px 4px 0px;  }

*+html #nicemenu li span.over {  padding-bottom:3px; } /* IE6 */

#nicemenu li span.active { padding:4px 4px 4px 0px;  }

*+html #nicemenu li span.active {  border-top:solid 2px #E5E5E5; padding-bottom:3px; }

#nicemenu li span.active a { }

#nicemenu li span.active a:hover { text-decoration:none; }	

#nicemenu img.arrow { padding-left:5px; cursor:pointer; vertical-align: top; }
	
#nicemenu div.sub_menu { 
	display:none; 
	position:absolute; 
	left: -18px; 
	top: 0; 
	margin-top:18px; 
	border: 1px dotted #D1D1D1;
	padding: 4px; 
	top: 2px; 
	width: 115px; 
	background: #FFFFFF;
	z-index: 1; 
}
	
* html #nicemenu div.sub_menu { margin-top:23px; } /* IE6 */

*+html #nicemenu div.sub_menu { margin-top:23px; } /* IE7 */

#nicemenu div.sub_menu a:link, 

#nicemenu div.sub_menu a:visited, 

#nicemenu div.sub_menu a:hover{ display:block; font-size:11px; padding:4px;}	

#nicemenu a.item_line { border-top:solid 1px #E5E5E5; padding-top:6px !important; margin-top:3px; }

/* Attachment Gallery */
#snapshot.attachment div#main-content #content-col {
	width: 540px;
}

.attachment #sidebar {
	width: 330px;
	top: 79px;
}
	
.attachment-page span.gallery {
	position: absolute;
	top: 8px;
	right: 0;
	color: #3b5a6f;	
}	

.secondary span a {
	margin-left: 10px;
	}

#sidebar.attachment img,
.attachment-thumbnail,
.entry-content .gallery img {
	margin: 3px;
	border-bottom: 2px solid #fff;
	}

#sidebar.attachment img {
	border-bottom: 2px solid #EBEDEE;
}

.gallery dt.gallery-icon a:hover {
	background: none;
	text-decoration: none;
}

.gallery dd.gallery-caption {
	display: none;
}

.gallery img {
	border-left: none !important;
	border-right: none !important;
	border-top: 2px solid #fff !important;
	border-bottom: 2px solid #fff !important;
}

#gallery-nav .attachment-thumbnail, .image-attachment img, .image-attachment img:hover, .gallery-item {
	margin: 0 !important;
}

.additional-info h4 {
	margin: 1em 0;
	}

.image-meta span {
	font-weight: bold;
	display: block;
	float: left;
	width: 100px;
	}

.navigation {
	float: left;
	text-align: center;
	margin: 10px 0;
	padding: 0;
	width: 100%;
	}

.comments .navigation {
	margin: 10px 0;
	}

.navigation .nav-previous,
.navigation .left {
	float: left;
	width: 50%;
	text-align: left;
	}

.navigation .nav-next,
.navigation .right {
	float: right;
	width: 50%;
	text-align: right;
	}

img.wp-smiley {
	border: none !important;
	padding: 0 0 0 5px !important;
	}

/* Lists */
.archive-list {
	list-style: none;
	margin: 10px 0 0 0 !important;
	padding-left: 0px !important;
	}

.archive-list li {
	display: block;
	float: left;
	margin: 0 10px 0 0 !important;
	padding: 2px 0 2px 10px !important;
	width: 150px;
	}

.archive-list li:hover {
	background-color: #EDEDED;
	}

.image-meta,
.entry-content ol, .entry-content ul {
	padding: 0 0 0 35px;
	}

.image-meta li,
.entry-content ol li, .entry-content ul li {
	margin: 0 0 3px;
	}

ol li {
	list-style: decimal outside;
	}

/* Search */
#search {
	margin: 20px 0 12px;
	}
	
#search h2, .widget_search h2 {
	margin-bottom: 0 !important;
}

.search-results {
	width: auto !important;
}

input[type=text], textarea {
	padding: 1px;
	}

.feedicon { /* Next to Comment Section Headline */
	border: 0 !important;
	padding: 0 !important;
	}

.feedlink img { /* On the sidebar */
	height: 16px;
	width: 16px;
	border: none;
	/*position: absolute;
	right: 0;*/
	}

a.feedlink {
	text-decoration: none;
}

.feedlink { /* On the sidebar */
	border: none;
	padding: 2px;
	padding-right: 20px;
	background: url('../images/feed.png') right center no-repeat;
	height: 16px;
	position: absolute;
	top: 0;
	right: 0;
	}

ul.feedlist li {
	padding: 0 0 2px 0;
}

/* Various Tags and Classes */
.center {
	text-align: center;
	}

.alignright {
	float: right;
	}

.alignleft, img[align="left"] {
	float: left;
	margin: 0 5px 0 0;
	}

img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright, img[align="right"] {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

small {
	font-size: 0.9em;
	line-height: 1.5em;
	}

small, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Monospace;
	}

hr {
	display: none;
	}
	
/* Google Maps Support */
.entry-content .map div {
	margin: 0;
	}

/* LCF Flexible Learning archive */
.tag-flexible-learning .about-text {
	background: #D4DADD url(images/flexible.png) top left no-repeat;
}

.tag-flexible-learning .about-text {
	height: 42px;
}

.tag-flexible-learning .about-text p {
	padding-left: 50px;
}

#course-block li {
	float: left;
}

/* Contact Form 7 */
form ol {
	padding-left: 0 !important;
}

form ol li {
	list-style-type: none;
}
div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 .watermark {
	color: #888;
}

/* hide wordpress stats smiley */
img#wpstats{width:0px;height:0px;overflow:hidden}