/*

Theme Name: Atlantica

Theme URI: http://jayj.dk

Description: Atlantica design for Jayj.dk

Dato: 28. juni 2009

Version: 1.0

Author: Jay

Author URI: http://jayj.dk



Copyright � 2009

*/



@import "css/reset.css"; 

@import "css/jcarousel.css"; 



body {

	background: #9b5c33 url(images/bg.jpg) repeat fixed;

	/*background: #BBA78E url(images/bg-ny.png) repeat fixed;*/

	color: #333333;

	font: 12px Georgia, "Times New Roman", Times, serif;

}



#wrapper {

	background: #fff;

	width: 940px;

	margin: 53px auto 0;

	padding: 0 30px 20px;

-webkit-box-shadow: 0 0 100px #222;

-moz-box-shadow: 0 0 100px #222;

}



.error404 #wrapper { -webkit-box-shadow: none;

-moz-box-shadow: none; }

#wrapper-top {

	background: url(images/sprite.png) no-repeat 0 -200px;

	height: 3px;

	width: 1000px;

	top: -3px; left: 0;

}



	/* Typografi */

	a { color: #000; text-decoration: none;}

	a:hover { text-decoration: underline; }

	.post a { color: #1780B9; border-bottom: 1px dotted #d5d0d0;}

	.post a:hover { border-bottom: none; text-decoration: none;}

	.author-info a { color: #1780B9; }

	.post-title a { border-bottom: none; color: #000;}

	.img { border: none!important; }

	

	.post h2 { font-size: 26px; }

	h3 { color: #1780B9; font-size: 20px; margin: 15px 0 9px; }

	.post h4, #comments h4, #respond h4 { font-size: 18px; margin: 10px 0 5px; }

	.post h5 { font-size: 16px; border-bottom: 1px dotted #c2c2c2; margin: 10px 0 5px; padding-bottom: 3px;}

	.post h6 { font-size: 14px; font-weight: bold;}

	

	.post ul, .post ol { margin: 20px 0 30px; }

	.post ul li, .post ol li { margin: 0 0 10px 35px; padding-left: 5px; line-height: 22px;}

	.post ul li { list-style: disc; }

	.post ol li { list-style: decimal;}

	

	/*pre { background: #eeeeee; border: 1px solid #d5d0d0; padding: 10px;}*/

	blockquote {

		color: #666;

		font: italic 12px Georgia, "Times New Roman", Times, serif;

		margin: 10px 0 0;

		padding: 0 100px 0 20px;

	}

	.post cite { margin: 0 0 0 20px; } 

	.post cite a { color: #292929; }

	pre code { padding: 0; background: none; }

	code { padding: 0 3px; background: #eee; }



/* Header */



#header {

	background: url(images/header.png) no-repeat bottom; 

	height: 120px;

}

#header h1 a, #header h2 a{

	background: url(images/logo.png) no-repeat;

	display: block;

	width: 193px; height: 78px;

	margin: 30px 10px 10px;

	float: left;

	text-indent: -9999px;

}



/* Menu */



ul#menu {

	border: 1px solid #000;

	border-left: none; border-right: none;

	height: 39px;

	font-size: 14px;

}

ul#menu li{ background: url(images/dot.jpg) no-repeat right 19px; padding: 0 10px; }

ul#menu li a { display: block; padding: 11px 15px; }

ul#menu li.current_page_item a{ background: url(images/current_page_item.gif) no-repeat center bottom;}

ul#menu li.current_page_item-two a{ background: url(images/current_page_item.gif) no-repeat 25px bottom;}

ul#menu li.current_page_item a:hover, #menu li.current_page_item-two a:hover{ text-decoration: none;}

ul#menu li.first a, #menu li.first{ padding-left: 5px;}

	

	/* Search */

	

	ul#menu li.search {

		background: none;

		right: 0;

		margin-top: 4px;

		padding: 0;

	}

	form.search input.s { background: #fbfbfb; border: 1px solid #c2c2c2; padding: 4px 4px 3px 4px; }

	form.search input.searchsubmit {

		background: url(images/sprite.png) no-repeat -835px -4px;

		border: none;

		height: 24px;

		width: 25px;

		text-indent: -9999px;

		top: 4px; right: 0;

		opacity: 0.8;

		-moz-opacity: 0.8;

	}

	form.search input.searchsubmit:hover { 	opacity: 1; -moz-opacity: 1; }

	div.post input.searchsubmit { top: 2px; right: 0;}

	

/* Twitter */



.twitter {

	border: 1px solid #000;

	border-left: none; border-right: none;

	margin-top: 10px;

	padding: 3px 0;

	height: 95px;

}

.twitter:hover .close {

	background: url(images/sprite.png) 0 -106px;

	height: 11px;

	width: 11px;

	top: 1px; left: 2px;

}

.twitter ul { 

	border-right: 1px solid #000;

	margin-left: 35px;

	width: 479px;

	height: 100%;

}

.twitter li { color: #505050; font-style: italic; padding-right: 50px;}

.twitter span.twitter-timestamp {

	color: #c2c2c2;

	font-size: 11px;

	right: 30px; bottom: -17px;

}

.twitter .follow-twitter {

	background: url(images/sprite.png) no-repeat 2px 0;

	border-left: 1px solid #000;

	width: 310px;

	height: 100%;

	text-align: center;

}

.twitter .follow-twitter h4 { font-size: 32px; margin-top: 18px; text-transform: uppercase;}

.twitter .follow-twitter a { color: #333; text-decoration: none; }

.twitter .follow-twitter:hover, .twitter .follow-twitter:hover a { color: black; }



	/* Page title */

	.pagetitle {

		border-bottom: 1px dotted #c2c2c2;

		padding: 12px 0;

		text-align: center;

	}

	.pagetitle h4, .pagetitle h1 {

		display: inline;

		font-size: 16px;

		padding: 0 10px;

	}



/* Main */

#section, #sidebare{ margin-top: 30px; }

#section { width: 605px; }



/* Post */



.post {

	border-bottom: 1px dotted #c2c2c2;

	margin-bottom: 30px;

	padding-bottom: 30px;

}

body.single .post { margin-bottom: 0; }

.post p { line-height: 24px; margin-bottom: 18px; }



h3.aftermore {

	padding-top: 30px;

}



	/* Post titel */

	.post .post-title {  margin-bottom: 14px;  }

	.post-title a:hover { text-decoration: underline; }

	.post .post-title h2, .post .post-title h1{ font-size: 26px; margin-top: 8px; }

	.post .post-title h2 { padding-right: 100px;}

	.post .post-title p { font-size: 12px; line-height: normal; }

	.post .post-title p a, .post .post-title p span { color: #aaa;}

	.post-date {

		background: url(images/sprite.png) no-repeat -318px -8px;

		margin-right: 15px;

		height: 60px;

		width: 60px;

	}

	.post-date p {

		font-size: 11px;

		text-align: center;

		padding-top: 14px;

		text-transform: capitalize;

	}

	.post-date span { color: #333; display: block; font-size: 16px;}

	

	.comment-num-wrapper { top: 15px; right: 5px;}

	a.comment-num { 

		background: #333;

		color: #fff;

		padding: 6px 10px;

		-webkit-border-radius: 3px;

		-moz-border-radius: 3px;

	}

	a.comment-num:hover { background: #000;  }

	.comment-num-arrow {

		background: url(images/sprite.png) 0 -97px;

		height: 6px;

		width: 7px;

		top: 6px; left: 18px;

	}



	/* Social */

	.social { margin-bottom: 30px;}

	.social a {

		background: url(images/social.png) no-repeat;

		display: block; 

		margin-top: 10px;

		text-indent: -9999px;

		height: 50px; 

		width: 50px;

	}

	.social a.facebook{ background-position: -216px 0; margin-right: 19px; }

	.social a.s-twitter{ background-position: -378px 0; margin-right: 19px; }

	.social a.digg{ background-position: 0 bottom; margin-right: 24px;}

	.social a.delicious{ background-position: -50px 0; margin-right: 25px;}

	.social a.designfloat{ background-position: -102px 0; margin-right: 29px;}

	.social a.email{ background-position: -161px 0; }



/* Sidebar */



#sidebar {

	border-left: 1px dotted #c2c2c2;

	float: right;

	padding-left: 24px;

	width: 280px;

}

#sidebar h3 { color: #000; font-size: 18px; margin-bottom: 12px;}

#sidebar .widget { border-bottom: 1px dotted #c2c2c2; padding-bottom: 25px; margin-bottom: 20px;}

#sidebar li { list-style: none;}

#sidebar li a {

	background: url(images/sprite.png) no-repeat 0 -156px;

	color: #1780b9;

	font-style: italic;

	line-height: 26px;

	padding-left: 15px;

}

	/* WP 125 */

	.wp125ad img { float: left; margin: 0 10px 10px 0;}

	

	img.themeforest-wordpress-ad {

		margin-top: 10px;

	}



/* Navigation */



.navigation{

	border-top: 1px dotted #c2c2c2;

	padding-top: 15px;

	width: 100%;

}

.navigation a{ color: #b3b3b3; font-size: 18px; }

.navigation span { color: #b3b3b3; font-size: 24px; }

.navigation a:hover span { color: #000; }

.navigation a:hover { color: #333;}



/* Footer */

#footer #footer-top {

	background: url(images/sprite.png) no-repeat 0 -209px;

	height: 3px;

	width: 1000px;

	margin: 0 auto;

}

#footer-inner {

	width: 1000px;

	margin: 0 auto;

	min-height: 225px;

}

#footer h4 {

	color: #fff;

	font-size: 20px;

	margin-bottom: 15px;

	text-shadow: #83422c 1px 1px 1px; 

}

#footer img.bird-paint, #footer img.bird-follow { z-index: 2; top: 60px;}

#footer img.bird-paint { left: 1px; }

#footer img.bird-follow { right: -13px;  }

#footer #lastest-templates {margin: 40px 0 0 88px;}

#footer #lastest-templates li{

	background: #542b10;

	border: 1px solid #ad6a37;

	margin-right: 20px;

}

#footer #lastest-templates img{ border: 1px solid #2c180b; margin: 5px 5px 2px;}



#footer #footer-twitter {

	background: url(images/sprite.png) -397px 0;

	height: 93px;

	margin-top: 79px;

	width: 437px;

	margin-right: 30px;

}

#footer #footer-twitter p { padding: 0 90px 0 15px; }

#footer h4.twitter-logo { left: 540px; top: 29px;}

#footer h4.twitter-logo a{

	background: url(images/twitter-logo.png);

	display: block;

	height: 40px;

	width: 193px;

	text-indent: -9999px;

}

#footer .powered-by { right: 0; top: 2px; }

#footer .end-text {

	color: #fff;

	font-size: 14px;

	-webkit-transform:rotate(-3deg);

	bottom: 3px; left: 0;

}



/* Kommentar */



#comments { margin-top: 10px; }

#comments h4, #respond h4{ 

	background: url(images/icons/fav.png) no-repeat 0 0;

	font-size: 24px;

	margin: 20px 0;

	padding-left: 42px;

	height: 32px;

	line-height: 32px;

}

#comments h4 { background: url(images/icons/fav.png) no-repeat 0 0; margin: 20px 0; }

#respond h4 { background: url(images/icons/pencil.png) no-repeat 0 0; margin: 25px 0 20px;}

ol.commentlist { margin-bottom: 20px; }



ol.commentlist li, .download-item {

	border: 1px dashed #d9d6ca;

	padding: 20px;

	margin-bottom: 30px;

}

ol.guestbook li { margin-left: 0; list-style: none;}

ol.guestbook cite { margin-left: 0;}

ol.commentlist li.odd, .odd { background: #fafaf3;}

ol.commentlist li.even { background: #fff;}





	/* 2. level */

	ol.commentlist li ul li { margin-bottom: 20px; border: 1px dashed #d1c2a5; } 

	ol.commentlist li ul.children { margin-top: 50px; }



/* Kommentar meta */

ol.commentlist li cite{ font-size: 18px; font-style: normal; }

ol.commentlist li .comment-meta { height: 53px; margin-left: 75px; padding-top: 7px; }	



/* Kommentar indhold */



div.comment-text { margin: 10px 50px 0 0; }



div.reply a { color: #d9d6ca; right: 10px; bottom: 5px; }

div.reply a:hover { color: #aa9977; }





/* Kommentarform */



#cancel-comment-reply small a { color: #1780B9; font-size: 11px; }

#respond form { margin: 15px 0; }

#respond form p, form#bookform p{ margin-bottom: 10px; width: 500px; }



#respond label, #respond input, #respond textarea, form#bookform label, form#bookform input, form#bookform textarea{ font: 16px Georgia, "Times New Roman", Times, serif; }



#respond label, form#bookform label { margin: 8px 0 0 10px; }

#respond input[type=text], form#bookform input[type=text] { padding: 5px; width: 211px; }

#respond textarea, form#bookform textarea{ padding: 5px 3px; width: 490px; overflow: auto;}



input[type=text], textarea { border: 1px dashed #d9d6ca; }

input[type=text]:focus, input[type=text]:hover, textarea:focus, textarea:hover, input#submit:hover, ol.commentlist li.comment-author-admin, ol.commentlist li:hover, ol.guestbook li.admin { border: 1px dashed #aa9977; }

#comments .box { background: #efefef url(images/icons/bullet_star.png) no-repeat 15px center; margin: 20px 0 25px; padding: 10px 20px 10px 45px; }

.testfield { display: none; }



/* Portfolio */



div.portfolio { padding-bottom: 30px; }

div.portfolio img.alignleft { margin-right: 15px; }

div.portfolio .portfolio-meta {

	bottom: 30px; right: 0;

	width: 441px;

}

div.portfolio a.btn, div.portfolio .portfolio-meta ul{ 

	border: 1px solid #d9d6ca;

	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

}

div.portfolio .portfolio-meta ul{ margin:0;}

div.portfolio .portfolio-meta ul li { 

	background: url(images/plus.png) no-repeat center right;

	line-height: normal; 

	margin: 0;

	list-style: none;

	padding: 0 14px 0 0;

	margin-right: 8px;

}

div.portfolio .portfolio-meta ul li.last { background: none; padding: 0; margin: 0; }



	/* Single portfolio */

	img.portfolio-small {

		border: 1px solid #c2c2c2;

		padding: 3px;

		margin-bottom: 15px;

	}

	div.image-details img { margin-right: 29px!important; }

	div.image-details img.last { margin-right: 0!important; }

	

	.portfolio-single .download a { font-size: 16px;}

	.portfolio-single .download small { font-size: 11px; }

	

	div.portfolio-single { border-bottom: none; }

	div.portfolio-single .portfolio-meta { 

		margin-top: 30px;

		width: 100%;

		bottom: 0; 

	}

	.slider-single img { border: 1px solid #c2c2c2; padding:3px; }

	.slider-single a.back {

		color: #1780B9;

		font-style: italic;

		margin-top: 10px;

	}



/* Kontakt */



div.wpcf7 {

	background: url(images/contact_bg.png) no-repeat;

	border: 1px solid #aa9977;

	margin-bottom: 30px!important;

	padding: 20px 0 0!important;

	width: 600px;

	height: 482px;

}

.wpcf7 p { margin: 0 0 10px 20px; font-size: 16px; text-indent: 3px; }

span.wpcf7-not-valid-tip-no-ajax {

	background: #fff; /* fallback color */

	background: rgba(255, 255, 255, 0.5);

	border: 1px solid #beac8c;

	z-index: 2;

	top: -5px; right: -150px;

	padding: 1px 0 2px;

}

.wpcf7 textarea { overflow: auto; min-width: 400px; }

.wpcf7 input, .wpcf7 textarea {

	background: #d0c2a5; /* fallback color */

	background: rgba(208, 194, 165, 0.7);

	border: 2px solid #beac8c;

	color: #786951;

	font: 14px Georgia, "Times New Roman", Times, serif;

	padding: 5px 4px;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

	filter:alpha(opacity=70);

}

.wpcf7 input:hover, .wpcf7 textarea:hover, .wpcf7 input:focus, .wpcf7 textarea:focus {

	background: #d0c2a5; /* fallback color */

	background: rgba(208, 194, 165, 0.8);

	border: 2px solid #b19e7d;

	color: #423a2e;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

	filter:alpha(opacity=80);

}

.wpcf7 input[type=submit] {

	border: 2px solid #b19e7d;

	color: #423a2e;

	padding: 5px 28px;

	margin-left: -1px;

	-ms-filter:none;

	filter:none;

}

.wpcf7 input[type=submit]:hover { border: 2px solid #958569;}



/* Author side */

.author-info {

	background: #F9F4F0;

	border: 1px dashed #E4D8C0;

	padding: 10px;

	margin-bottom: 30px;

}

.author-info img.avatar { 

	background: #fafafa;

	border: 3px solid #e0d1b4;

	padding: 1px;

	margin-right: 10px;

}

.author-info h2 { font-size: 22px; margin-top: 3px; }

.author-info p{ margin-top: 5px; }

.author-info dt{ font-weight: bold; margin-bottom: 3px; }

.author-info dd{ margin: 0 0 10px 15px;}



/* 404 */



/* 404 */



.error404 #wrapper { background: none; padding: 0; padding-bottom: 100px; }

#error404-bg {

	background: url(images/404_bg.png) no-repeat;

	width: 1000px;

	height: 950px;

	position: relative;



}

#error404-menu {

	overflow: hidden;

	position: relative;

	top: 109px;

}



#error404-menu ul {

	height: 39px;

	font-size: 14px;

	margin-left: 14px;

}



#error404-menu li {

	float: left;

	padding: 0 10px;

}



#error404-menu li.page_item a, #error404-menu li a {

	display: block;

	padding: 6px 15px 11px;

	text-decoration: none;

}



#error404-menu li.page_item a {

	opacity: 0;

	-moz-opacity: 0;

	-khtml-opacity: 0;

	filter: alpha(opacity=0); 

}





	.error404 .search { float: right; margin-right: 10px;}

	.error404 .search .searchsubmit{ right: 10px; top: 5px;}

	

#error404-content {

	margin: 300px 0 0 20px;

}

#error404-content h1 {

	background: url(images/404_title.png) no-repeat;

	height: 125px;

	width: 580px;

	text-indent: -9999px;

}



#error404-content form {

	margin-top: 100px;

}



#error404-content span {

	background: url(images/404_input.png) no-repeat;

	display: block;

	float: left;

	height: 79px;

	width: 239px;

}

#error404-content input[type=text] {

	background: none;

	border: none;

	color: #f4e3d3;

	font: 18px Georgia, "Times New Roman", Times, serif;

	margin-top: 28px;

	padding-left: 45px;

	text-shadow: #4f3523 1px 1px 1px;

}



#error404-content input[type=submit] {

	background: url(images/404_submit.png) no-repeat;

	border: none;

	margin: 26px 0 0 3px;

	height: 31px;

	width: 112px;

	text-indent: -9999px;

	opacity: 0.8;

}

#error404-content input[type=submit]:hover { opacity: 1; }



img.justkidding, img.justkidding-ie6 {

	position: absolute;

	right: -40px;

}



/* Download */



.download-item { padding-left: 15px; }

.download-item p { line-height: normal; margin: 0;}

.download-item img { -ms-interpolation-mode: bicubic; }

.download-item h4 { margin-top: 7px; }

.download-item p { margin: 10px 0;}

.download-item small { font-size: 11px; float: left; margin: 20px 10px 0 0;}



/* Andet */

.clear { clear: both; }

input[type=submit], .twitter:hover .close { cursor: pointer; }



.aligncenter { display: block; margin: 0 auto; }

.alignleft, ul#menu li, .twitter ul, .twitter img, #section, .post-date, .social a, .navigation, #lastest-templates li, .comment-author-avatar, #respond label, form#bookform label, #respond input[type=text], form#bookform input[type=text], .portfolio-meta li, .slider-single a.back, .author-info img.avatar { float: left; }



.alignright { float: right; }



#wrapper-top, ul#menu li.search, form.search input.searchsubmit, .twitter:hover .close, span.twitter-timestamp, .comment-num-wrapper, #footer .powered-by, #footer .end-text, h4.twitter-logo, img.bird-follow, img.bird-paint, div.reply a, div.portfolio .portfolio-meta, span.wpcf7-not-valid-tip-no-ajax, .notfound .hole, .footer-notfound { position: absolute; }





#wrapper, ul#menu, div.post input.searchsubmit, .twitter, .post, .post .post-title, .comment-num-arrow, #footer-inner, #footer #footer-twitter, ol.commentlist li, .download-item, div.portfolio-single .portfolio-meta, div.wpcf7, img.twitter404, #sidebar { position: relative; }



blockquote, .twitter, .pagetitle, .post .post-title, .social, #wp125adwrap_2c, .navigation, #footer-inner, ol.commentlist li, .download-item, .comment-author-avatar, #respond form p, form#bookform p, .portfolio, div.portfolio .portfolio-meta, .image-details, .author-head, .download { overflow: hidden;}



a.btn, input#submit, div.portfolio .portfolio-meta ul, a.more-link, .download-item small{ 

	background: #fbfbfb url(images/submit.png) left bottom;

	border: 1px solid #d9d6ca;

	padding: 5px 15px;

}

a.btn:hover, div.portfolio a.btn:hover, a.more-link:hover { border: 1px solid #aa9977; }



a.more-link {

	clear: both;

	float: left;

	margin: 20px 0 0;

	height: 25px; line-height: 25px;

	padding: 0 15px;

}



a.downloadbtn {

	padding: 8px 20px;

}

	/* Bokse */

	.error, .warning, .download, .success, .box, .tip, div.wpcf7-validation-errors, .wpcf7-mail-sent-ng, div.wpcf7-mail-sent-ok { padding: 5px 20px 5px 45px; }

	.error, div.wpcf7-validation-errors {

		background: #ffebe8 url(images/icons/delete.png) no-repeat 15px center;

		border: 2px solid #C00;

		border-left: none; border-right: none;

	}

	.warning, .wpcf7-mail-sent-ng {

		background: #fff6bf url(images/icons/exclamation.png) no-repeat 15px center;

		border: 2px solid #ffd324;

		border-left: none; border-right: none;

	}

	.download, a.download {

		background: url(images/icons/disk.png) no-repeat 15px center;

		border: 2px solid #b5d4fe;

		border-left: none; border-right: none;

	}

	a.download:hover { border: 2px solid #b5d4fe; border-left: none; border-right: none;}

	.success, div.wpcf7-mail-sent-ok {

		background: #e7f7d3 url(images/icons/accept.png) no-repeat 15px center;

		border: 2px solid #6c3;

		border-left: none; border-right: none;

	}

	.box {

		background: #efefef;

		border: 2px solid #d0d0d0;

		border-left: none; border-right: none;

		padding-left: 15px;

	}

	.tip {

		background: url(images/icons/information.png) no-repeat 15px center;

		border: 2px solid #b5d4fe;

		border-left: none; border-right: none;

	}

	

	blockquote.testimonial {

		background: url(images/sprite.png) no-repeat -960px 3px;

		font-style: normal;

		padding: 16px 100px 0 40px;

		margin-left: 20px;

	}





	/* Billeder */

	img.alignleft, img.alignright, img.aligncenter, .wp125ad img, .wp-post-image { border: 1px solid #c2c2c2; padding: 3px; }

	img.alignleft, .wp-post-image { margin-right: 10px; }

	.wp-post-image { float: left; }

	img.alignright { margin-left: 10px;}

	img.aligncenter { margin: 10px 0; display: block; margin: 0 auto;}

	a:hover img.alignleft, a:hover img.alignright, a:hover img.aligncenter, .wp125ad img:hover  { border: 1px solid #8F8F8F; }

	img.avatar { background: #fafafa; border: 3px solid #e0d1b4; padding: 1px;}

	

/* WP Syntax */

.wp_syntax table {border-collapse: collapse;}

.wp_syntax div, .wp_syntax td {vertical-align: top;padding: 2px 4px;}



.wp_syntax .line_numbers {

  text-align: right;

  background-color: #def;

  color: gray;

  overflow: visible;

}



/* potential overrides for other styles */

.wp_syntax { 

	margin: 0 0 1.5em 0;

}

.wp_syntax pre {

	background-color: #f9f9f9;

	border: 1px solid silver;

	margin: 0;

	font-size: 12px;

	line-height: 1.333;

	white-space: pre;

    width: 580px;

	padding: 2px 4px;

	overflow: hidden;

}
