/*

Theme Name: NadaSurf

Author: Olov

Description: NadaSurf theme based on Toolbox

*/

/* =Fonts etc

-------------------------------------------------------------- */



body {font-family:'Palatino',Georgia; background-color:#FFF;}

a {text-decoration:none; color:#0194fc; } 

a:hover {text-decoration:underline;}

h1.small-title {font-size:18px;margin:0px;padding:0px;}

h1.medium-title {font-weight:bold; font-size:24px;margin:0px;padding:0px;margin-top:10px;}

a.btn {text-align:center; font-family:'lucida grande',helvetica,arial; font-size:12px;border:1px solid #999;padding:6px; border-radius:2px; margin:0px; color:#FFF; background-color:#999;display:inline-block;}

p {font-size:15px;line-height:22px;}

/* =Structure

-------------------------------------------------------------- */



#page {

	display: block;

	width:1000px;

	margin:0 auto;

	padding:10px;

	border:1px solid #CCC;	

	margin-bottom:40px;

	margin-top:40px;	

	background-color:#EEE;

	/*background-image:url(/wp-content/themes/nadasurf/img/newspaper.png);*/

}

#main {	

	background-image:url(/wp-content/themes/nadasurf/img/bg.png);

	overflow:hidden;

	clear:both;

	margin-bottom:15px;	

}

#main-wide {	

	background-image:url(/wp-content/themes/nadasurf/img/bg_wide.png);

	overflow:hidden;

	clear:both;

	margin-bottom:15px;

}

#primary {

	float:left;

	width:499px;

}

#primary-wide {

	float:left;

	width:682px;

	overflow:hidden;

}

#secondary { float:left; width:162px; margin-left:21px; overflow:hidden; font-family:'lucida grande',helvetica.arial; font-size:12px;}

#tertiary {	float:left; width:296px;  margin-left:21px;}



#content {

	padding-bottom:10px;

	/*border-bottom:1px solid #000;*/

	clear:both;

	overflow:hidden;

	/*margin: 0 280px 0 0;*/

}

#colophon {

	clear: both;

	display: block;

	width: 100%;

}

/* Increase the size of the content area for templates without sidebars */

.full-width #content,

.image-attachment #content,

.error404 #content {

	margin: 0;

	overflow:hidden;

}



/* Text meant only for screen readers */

.screen-reader-text,

.assistive-text {

	position: absolute !important;

	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

	clip: rect(1px, 1px, 1px, 1px);

}



/* Alignment */

.alignleft {

	display: inline;

	float: left;

}

.alignright {

	display: inline;

	float: right;

}

.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}





/* =Header

-------------------------------------------------------------- */

#branding {

	margin-top:10px;

	text-align:center;	

	position:relative;

}

ul.connect {

	position:absolute;

	right:2px;	

	font-family:'lucida grande',helvetica,arial;

	font-size:12px;	

	margin: 0 0 20px 0;

	padding:0;

}

ul.connect li {list-style:none; display:inline-block; margin-left:4px; line-height:14px;}

ul.connect img {padding-right:4px; vertical-align:baseline;}

.connect a {

	font-weight:bold;

	color:#000;

	border: 0;

}

#branding .today-date {display:block; margin-bottom:10px; text-transform:uppercase; font-size:14px;}

#site-title {

	font-family: 'Merriweather';

	font-size: 3.5em;

	font-weight: normal;

	margin: 0;	

	text-transform:none;

	padding-top:20px;

	padding-bottom:0px;

}

#site-title a {color:#000;border:0;f/*ont-family:'georgia';*/}

#site-description {

	font-size: 1em;

	font-weight: normal;

	margin: 0 0 1em;

}





/* =Menu

-------------------------------------------------------------- */



#access {

	display: block;

	float: left;

	margin: 0 auto 1.5em;

	width: 100%;

	border-top:1px solid #000;

	border-bottom:2px solid #000;	

}

#access ul {

	list-style: none;

	margin: 0;

	padding-left: 0;

	text-align:center;

}

#access li {

	/*float: left;*/

	display:inline-block;

	position: relative;

}

#access a {

	display: block;

	line-height: 2em;

	padding: 0 10px;

	text-decoration: none;

	color:#000;

/*	font-family:helvetica;

	font-weight:bold;

	font-size:14px;*/

	font-size:14px;

	text-transform:uppercase;

}

#access ul ul {

	box-shadow: 0 3px 3px rgba(0,0,0,0.2);

	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);

	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);

	display: none;

	float: left;

	position: absolute;

	top: 2em;

	left: 0;

	z-index: 99999;

}

#access ul ul ul {

	left: 100%;

	top: 0;

}

#access ul ul a {

	background: #dedede;

	line-height: 1em;

	padding: .5em .5em .5em 1em;

	width: 10em;

	height: auto;

}

#access li:hover > a,

#access ul ul :hover > a {

	/*background: #dedede;*/

}

#access ul ul a:hover {

	background: #cecece;

}

#access ul li:hover > ul {

	display: block;

}





/* =Content

-------------------------------------------------------------- */



#content h1.entry-title {margin-top:0px; padding-top:0px;}

#content h1.entry-title a {color:#000;}

article {padding-bottom:10px;}

.first-page article.notrecent {width:244px; float:left;padding-top:20px;padding-right:5px;}

.first-page article.notrecent:last-child {padding-right:0px;padding-left:5px;}

.first-page article h1.entry-title {font-weight:bold; font-size:18px;}

.first-page article.mostrecent h1.entry-title {text-transform:uppercase; text-align:center; font-style:italic; font-size:24px; padding-top:20px!important;}

article .entry-meta {

	clear: both;

	display: block;

}

.first-page  article.mostrecent .entry-meta {

	text-align:center;

}



.first-page article.mostrecent .entry-date {border-top:1px solid #000; border-bottom:1px solid #000; width:250px; font-family:'lucida grande',helvetica,arial; font-size:14px; padding-top:4px; padding-bottom:4px;}

.first-page  article.notrecent .entry-date {display:none;}

.entry-content {line-height:20px; font-family:'Palatino',georgia; font-size:15px;padding-right:5px}

.single-author .entry-meta .byline {

	display: none;

}

#content nav {

	display: block;

	overflow: hidden;

}

#content nav .nav-previous {

	float: left;

	width: 50%;

}

#content nav .nav-next {

	float: right;

	text-align: right;

	width: 50%;

}

#content #nav-above {

	display: none;

}

.paged #content #nav-above,

.single #content #nav-above {

	display: block;

}

#nav-below {

	margin: 1em 0 0;

}

.page-link {

	clear: both;

	margin: 0 0 1em;

}

.page .edit-link {

	clear: both;

}

.edit-link {background-color:#555; display:block; border-radius:10px; width:100px; padding:5px; margin:10px; text-align:center;}

.edit-link a {color:#FFF; font-family:'lucida grande',Helvetica,arial; font-size:13px; font-weight:bold;}

.first-page article.mostrecent {border-bottom:1px solid #000;}



/* 404 page */

.error404 .widget {

	float: left;

	width: 33%;

}

.error404 .widget .widgettitle,

.error404 .widget ul {

	margin-right: 1em;

}

.error404 .widget_tag_cloud {

	clear: both;

	float: none;

	width: 100%;

}



/* Notices */

.post .notice,

.error404 #searchform {

	background: #eee;

	display: block;

	padding: 1em;

}



/* Image Attachments */

.image-attachment div.entry-meta {

	float: left;

}

.image-attachment nav {

	float: right;

	margin: 0 0 1em 0;

}

.image-attachment .entry-content {

	clear: both;

}

.image-attachment .entry-content .entry-attachment {

	background: #eee;

	margin: 0 0 1em;

	padding: 1em;

	text-align: center;

}

.image-attachment .entry-content .attachment {

	display: block;

	margin: 0 auto;

	text-align: center;

}



/* Aside Posts */

.format-aside .entry-header {

	display: none;

}

.single .format-aside .entry-header {

	display: block;

}

.format-aside .entry-content,

.format-aside .entry-summary {

	padding-top: 1em;

}

.single .format-aside .entry-content,

.single .format-aside .entry-summary {

	padding-top: 0;

}



/* Gallery Posts */

.format-gallery .gallery-thumb {

	float: left;

	margin: 0 1em 0 0;

}



/* Image Posts */

.format-image .entry-header {

	display: none;

}

.single .format-image .entry-header {

	display: block;

}

.format-image .entry-content,

.format-image .entry-summary {

	padding-top: 1em;

}

.single .format-image .entry-content,

.single .format-image .entry-summary {

	padding-top: 0;

}





/* =Images

-------------------------------------------------------------- */



a img {

	border: none;

}

p img {

	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */

}

/*

Resize images to fit the main content area.

- Applies only to images uploaded via WordPress by targeting size-* classes.

- Other images will be left alone. Use "size-auto" class to apply to other images.

*/

img.size-auto,

img.size-full,

img.size-large,

img.size-medium,

.attachment img,

.widget-area img {

	max-width: 100%; /* When images are too wide for containing element, force them to fit. */

	height: auto; /* Override height to match resized width for correct aspect ratio. */

}

img.alignleft {

	margin-right: 1em;

}

img.alignright {

	margin-left: 1em;

}

.wp-caption {

	padding: .5em;

	text-align: center;

}

.wp-caption img {

	margin: .25em;

}

.wp-caption .wp-caption-text {

	margin: .5em;

}

.gallery-caption {

}

.wp-smiley {

	margin: 0;

}





/* =Forms

-------------------------------------------------------------- */



#searchform label {

	display: none;

}

#searchform input#s {

	width: 60%;

}

input[type=text],

input#s {

	margin: 0 1em 0 0;

	width: 60%;

}

textarea {

	width: 80%;

}



/* Class for labelling required form items */

.required {

	color: #cc0033;

}





/* =Comments

-------------------------------------------------------------- */



article.comment {

	display: block;

}

#respond input[type=text] {

	display: block;

	width: 60%;

}

#respond textarea {

	display: block;

	margin: 0 0 1em;

	width: 80%;

}

#respond .form-allowed-tags {

	clear: both;

	width: 80%;

}

#respond .form-allowed-tags code {

	display: block;

}





/* =Widgets

-------------------------------------------------------------- */



.widget {

	display: block; margin-top:0; border-top:2px solid #000; padding-top:2px; font-family:'lucida grande',helvetica,arial; font-size:12px; margin-bottom:12px;

}

.widget-title {font-size:15px; border-top:1px solid #000; margin-top:0; padding-top:2px; font-weight:normal; line-height:18px; font-family:georgia; text-align:left;}

.widget-area .widget_search {

	overflow: hidden;

}

.widget-area .widget_search input {

	float: left;

}

.widget ul {margin:0; padding:0;}

.widget li {list-style:none; border-bottom:1px solid #CCC; padding-top:5px; padding-bottom:5px;}

.widget li:first-child {padding-top:0;}

.widget li:last-child {border:0; padding-bottom:0;}



.widget div.video-thumb:nth-child(5n) {margin-right:10px;}

.widget div.video-thumb:nth-child(2n) {margin-right:0px;}

.widget_twitter .from-meta {display:none;}

.widget_twitter .entry-content,

.widget_twitter .twitter-user

.widget_twitter .time-meta {font-size:12px;font-family:'lucida grande',helvetica,arial;}

.widget_twitter .in-reply-to-meta {display:none;}

.widget_twitter li { padding-top:2px; padding-bottom:5px;}

.widget_twitter .twitter-follow-button {margin-top:10px;}



.ngg-widget,.ngg-widget-slideshow {text-align:center;border:0px!important;padding:0px!important;margin:0;}

.shutterset_ngg-images-2 {border:0px;margin:0px;padding:0px;}

.ngg-widget img {border:0px!important;margin:0px!important;padding:0px!important;width:103px;height:auto;display:block;float:left;/*margin-left:5px!important;margin-bottom:5px!important;*/}







.widget_bandsintown_js_widget h1.widget-title {font-family:'Palatino',Georgia; text-transform:uppercase; text-align:center; font-style:italic; font-size:20px; font-weight:normal;border-top:0px;margin-bottom:10px;}

.widget_bandsintown_js_widget {border-top:1px solid #000;padding-top:10px;}









/*#casablanca {clear:both; overflow:hidden; font-weight:bold; font-size:13px; }

#casablanca img {width:141px!important; height:93px!important; display:block; margin-bottom:3px;}

#casablanca li {display:block; margin-bottom:10px; float:left; padding:0; width:140px; border:0;}

#casablanca li:nth-child(even) { margin-left:10px; }

#casablanca a.goto {font-weight:normal; margin-top:20px; display:block; float:right;}*/

/* =Footer

-------------------------------------------------------------- */



#colophon {

	padding-top:20px;

	padding-bottom:10px;	

	border-top:1px solid #000;

}

#colophon ul {margin:0;padding:0;}

#colophon li {list-style:none; display:inline-block;margin-right:10px;}

#colophon ul.menu a {color:#000;font-family:'lucida grande',helvetica,arial;text-decoration:underline;font-size:12px;}



/* Nada Surf Specifics */



/*Video Page*/

#videothumbs {width:100%;clear:both;overflow:hidden;font-size:13px;margin-top:10px;}

#mainvideo {clear:both; padding-bottom:10px; overflow:hidden;}

h2.videoheadline {font-weight:normal;margin-top:0px; padding-top:4px; border-top:1px solid #000; margin-bottom:6px; font-size:30px;}

#desciption {position:absolute;bottom:0px;right:0px;font-family:'lucida grande',helvetica,arial;font-size:14px;font-weight:bold;}



/*Gallery Page*/

.album-preview {width:198px; height:200px; float:left;padding:10px;border:1px solid #CCC;font-size:12px;margin-right:10px;margin-bottom:10px;font-family:'lucida grande',helvetica,arial;}

.album-preview-tall {height:350px;}

.album-preview:nth-child(3n) {margin-right:0px;}

.album-preview-thumb {width:199px;}

.album-preview img {width:100%;height:auto;}

.album-preview-title {font-weight:bold;display:block;}

.album-preview p {margin-top:5px;font-size:12px;line-height:16px;}

.gallery-thumb {width:133px;margin:0px;padding:0px;}

.gallery-large {width:682px;}



/*Player*/

#player {position:absolute; left:10px; bottom:10px; font-family:'lucida grande',helvetica,arial;font-size:12px;overflow:hidden;}

#more-tracks {position:absolute;left:30px;top:20px;font-weight:normal;font-size:12px;font-family:'lucida grande',helvetica,arial;text-decoration:underline;color:#000;}

/*Mini-Status*/

#mini-status {position:absolute;right:10px;bottom:10px;width:220px;text-align:left;font-family:'lucida grande';font-size:11px;line-height:16px;}

.title {display:block;text-align:center;margin-bottom:4px;}

/*Sing Up*/	

.signup {position:absolute; left:10px; bottom:10px; text-align:right;}

.signup input {border-radius:2px;border:1px solid #999; font-family:'lucida grande',helvetica,arial; font-size:12px;padding:6px; margin:0px;}

.signup input[type='text'] {width:160px;}

.signup input[type='submit'] {margin-left:5px;}

.signup a {width:10px; text-align:center; font-family:'lucida grande',helvetica,arial; font-size:12px;border:1px solid #999;padding:6px; border-radius:2px; margin:0px; color:#FFF; background-color:#999;}



#colophon .signup {position:relative;float:right;right:0px;}

#colophon .connect {position:relative;float:right; margin-right:0px;}

#colophon .connect li {margin-right:0px;}

/*Footer*/

#footer-bar-1,#footer-bar-2,#footer-bar-3  {width:330px;float:left; overflow:hidden;}

#footer-bar-3 {width:296px;float:right;}

#footer-bar-2 {margin-left:20px;margin-right:20px;}



/*albums_thumbnails widget*/

.albums_thumbnails .album {width:14%; float:left; overflow:hidden;}

.albums_thumbnails .container {width:100%;height:100%;position:relative;margin-left:5px;margin-bottom:5px;}

.albums_thumbnails .container a div {display:block; overflow:hidden;display:block;height:40px;}

.albums_thumbnails .album img {width:100%;height:auto;display:inline-block;}



/*video_thumbnails widget*/

.video_thumbnails .thumb {float:left;display:block;font-family:'lucida grande',helvetica,arial;width:16%;overflow:hidden;}

.video_thumbnails .container {width:100%;height:100%;margin-left:5px;margin-bottom:5px;}

.video_thumbnails .container img {width:100%;height:auto;}



/*Albums*/

.album-box {overflow:hidden;clear:both;font-size:14px;}

.album-box img {display:block; float:left; width:300px;}

.album-details {margin-left:20px;float:left;}

.album-details ol {margin-left:0;padding-left:2em;}

.album-details li {margin-left:0px;padding-left:0px;line-height:140%;}



#video-title {padding-top:15px;clear:both;}





.album-thumbs {margin-top:50px;}

.album-thumbs .album-preview {width:140px;float:left;padding:10px;border:1px solid #CCC;font-size:12px;margin-right:11px;margin-bottom:10px;font-family:'lucida grande',helvetica,arial;}

.album-thumbs .album-preview-tall {height:175px;}

.album-thumbs .album-preview:nth-child(4n) {margin-right:0px;}







/*wide footer bar*/

#footer-bar-wide .widget-title {border:0px;}

#footer-bar-wide .widget {border-top:1px solid #000;}

#footer-bar-wide a {color:#000;font-weight:bold;margin-top:5px;font-size:11px;}



#footer-bar-wide .albums_thumbnails .album {width:136px; margin-right:8px;}

#footer-bar-wide .albums_thumbnails .album:last-child  {margin:0px;}

#footer-bar-wide .albums_thumbnails .container {width:137px;margin:0px;padding:0px;}



#footer-bar-wide .video_thumbnails .thumb {width:160px; margin-right:8px;}

#footer-bar-wide .video_thumbnails .thumb:last-child  {margin:0px;}

#footer-bar-wide .video_thumbnails .container {width:160px;margin:0px!important;padding:0px!important;}



#footer-bar-wide .ngg_images .entry-content {margin-left:-8px;}

#footer-bar-wide .ngg_images img {width:160px;margin:0;padding:0;display:block;margin-left:8px!important;}

/*#footer-bar-wide .ngg_images img:last-child {display:none;}*/



/*Slides*/

#slides {position:relative;	font-family:'lucida grande',helvetica,arial;}

.slides_container {width:682px;height:455px;overflow:hidden;display:none;position:relative;}

.slides_container div {width:682px;height:455px;display:block;background-color:#000;}

.slides_container img {height:455px;width:auto;display:block;margin:0 auto;}

#slides .next,#slides .prev {

	position:absolute;

	top:107px;

	display:block;

	z-index:101;

	color:#FFF;

	background-color:#000;

	padding:5px;

	

}

#slides .prev,

#slides .next {

	display:block;

	width:30px;

	height:30px;

	background:url(arrows.png) no-repeat;

	text-indent:-9999px;

	top:160px;

	border:0;

	padding:0;

}

#slides .prev {left:15px;}

#slides .next {background-position:-30px 0;right:15px;}

#slides ul {list-style:none;margin:0;padding:0;clear:both;display:block;margin-top:10px;text-align:center;}

#slides li {margin:0;padding:0;overflow:hidden;display:inline-block;margin:5px;color:#FFF;background-color:#000;width:14px;height:14px;border-radius:7px;cursor:pointer;}

#slides li.current {background-color:#555;}

#slides li a {color:#FFF;display:block;text-indent:-9999px;}





.posted {font-family:'lucida grande','helvetica',arial; font-size:12px;}



#show-all-albums {display:block; float:right;margin:0;padding:0;}



a.casablanca-embed {display:block;width:100%;border:0;text-align:center;overflow:hidden;clear:both;position:relative;}

a.casablanca-embed .casablanca-play-btn {position:absolute; bottom:20px; right:20px; opacity:0.5;}

.casablanca-wrapper {background-color:#000;}