/*
	Theme Name: Fapowy
	Theme URI: http://wpthemes.jayj.dk/fapowy
	Description: The Fapowy theme
	Author: Jayjdk
	Author URI: http://themeforest.net/user/jayjdk
	Version: 1.0
	
	Change colors in styles/*.css (* = name of the current color scheme)
*/


/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr { 
	margin: 0;
	padding: 0;
}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img, abbr, acronym { border:0; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal;}
:focus { outline: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
/* End reset */

body {	
	font: 14px Georgia, Georgia, sans-serif;
}

#wrapper {
	width: 980px;
	margin: 0 auto;
}

a {
	text-decoration: none;
}

p { 
	line-height: 1.6;
}

p, hr, pre, table, 
#content, .entry-meta, .single-widget, .wp-post-image, 
.widget, .googlemap, .breadcrumb-trail, .margin20 {
	margin-bottom: 20px;
}

	/* Headings */
	h1, h2, h3, h4, h5, h6 {
		margin-bottom: 10px;
	}
	
	h1,
	h2 {
		font: 32px 'Droid Serif', Georgia Georgia, sans-serif; /* Droid Serif will be loaded from Google Font API */
		font-weight: bold;
		letter-spacing: -1px;
	}
	
	h3 {
		font-size: 28px;
		letter-spacing: -1px;
	}
	
	h4 { font-size: 22px; }
	h5 { font-size: 18px; }
	h6 { font-size: 16px; }
	
	.page-title {
		font-size: 20px;
		margin: 0 0 20px 0;
	}
	
	.page-title span {
		font: italic 20px Georgia, "Bitstream Charter", serif;
	}

	/* Lists */
	ul,
	ol {
		margin: 0 0 20px 20px;
		line-height: 26px;
	}
	
	ul { list-style: square; }
	ol { list-style: decimal; }
	ol ol { list-style: upper-alpha; }
	ol ol ol { list-style: lower-roman; }
	ol ol ol ol { list-style: lower-alpha; }
	ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
	
	dl { margin: 0 0 24px 0; line-height: 1.5; }
	dt { font-weight: bold; }
	dd { margin-bottom: 20px; }

	/* Other HTML elements */
	strong { font-weight: bold; }
	cite, em, i, q { font-style: italic; }
	
	blockquote {
		font: italic 16px/26px Georgia, "Georgia", Georgia, serif;
		padding: 0 30px;
	}
	
	blockquote cite { font-style: normal; }
	
	pre {
		line-height: 18px;
		padding: 20px;
		white-space: pre-wrap;
	}
	
	hr {
		border: 0;
		height: 1px;
		clear: both;
	}
	
	iframe {
		border: none;	
	}

/* Header */
#header {
	padding: 0 10px;
	position: relative;
}

#site-title {
	float: left;
	margin: 60px 0 30px;
	
	/* Text */
	font-size: 54px;
	font-weight: bold;
	letter-spacing: -1px;
}

#site-description {
	font: 16px Georgia, "Times New Roman", Times, serif;
	float: left;
	position: relative;
	top: 100px; left: 10px;
}

/* Menu */

.menu {
	float: right;
	list-style: none;
	margin: 80px 0 0;
}

.menu li {
	float: left;
	margin-left: 30px;
	padding-bottom: 10px;
	position: relative;	
}

.menu a {
	display: block;
	font-size: 18px;
	font-weight: bold;
}

	/* Dropdown */
	.menu ul {
		display: none;
		margin: 0;
		line-height: normal;
		list-style: none;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1000; /* Maybe a bit to high, but it have to be higher than the ones the slider adds */
	}
	
	.menu li:hover > ul {
		display: block;
	}
	
	.menu ul li {
		margin: 0;
		padding-bottom: 0;
		float: none;
	}
	
	.menu ul a {
		font-size: 16px;
		padding: 15px 60px 15px 10px;
	}
	
	/* Triangle */
	#header .sub-menu:after {
		content: "\00a0";
		display: block; 
		width: 0;
		height: 0;
		line-height: 0;
		position: absolute;
		z-index: -1;
		top: -20px;
		left: 5px;
	}

/* Content */
#content {
	padding: 20px;
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* Slider */
#slider {
	list-style: none;
	margin: 20px auto;
}

#slider img {
	margin: 0;
}

#slider .overlay {
	padding: 5px;
	position: absolute;
	bottom: 40px; left: 5px;
}

	/* Roundabout slider */
	.roundabout-holder {
		height: 280px;
		width: 900px;
	}
	
	/* Make the width lower if the users screen resolution is lower than 1300px */
	@media screen and (max-width: 1099px) and (min-width: 520px) {
		.roundabout-holder {
			width: 570px;
		}
	}
	
	@media screen and (max-width: 1299px) and (min-width: 1100px) {
		.roundabout-holder {
			width: 636px;
		}
	}
	
	.roundabout-moveable-item {
		height: 280px; 
		width: 600px;
		cursor: pointer;
		-webkit-transition: opacity .2s linear;
		-moz-transition: opacity .2s linear;
		transition: opacity .2s linear;
	}
	
	.roundabout-moveable-item img {
		height: 100%;
		width: 100%;
	}
	
	.roundabout-in-focus {
		cursor: auto;
		margin: 0;
	}
	/* End Roundabout slider */
	

/* Main */
#main {
	float: left;
	width: 610px;
	margin-top: 40px;
}

#main.full {
	width: 938px;
}

#intro {
	font: italic 18px Georgia, "Times New Roman", Times, serif;
	padding: 40px 100px 0;
	text-align: center;	
}

#intro p {
	margin: 0;
}

/* Post */

.post {
	margin-bottom: 40px;
	position: relative;
}

.more-link {
	font-size: 15px;
	font-weight: bold;
}

	/* Post meta and breadcrumb */
	.entry-title, 
	.entry-meta {
		margin-right: 75px; /* Make sure the title don't conflict with the date */
	}
	
	.entry-utility { margin-right: 0; }
	
	.entry-utility,
	.breadcrumbs {
		font-size: 12px;
	}
	
	/* Post date */
	.entry-date {
		display: inline-block;
		font-size: 18px;
		font-weight: bold;
		line-height: normal;
		padding: 5px 10px;
		text-transform: uppercase;
		text-align: center;
		position: absolute;
		top: 0; right: 0;
	}
	
	.entry-date span {
		display: block;
		font-size: 36px;
	}
	
	.entry-date small { /* Year */
		display: block;
		font-size: 12px;
	}
	
	/* Single widgets */
	.single-widget {
		padding-top: 20px;
	}
	
	/* Author bio */
	.entry-author-info {
		margin: 20px 0 0;
		overflow: hidden;
		clear: both;
	}
	
	.author .entry-author-info {
		margin-bottom: 20px;	
	}
	
	.entry-author-info .avatar {
		float: left;
		margin: 0 -95px 0 0;
	}
	
	.author-description {
		float: left;
		margin: 0 0 0 95px;
	}
	
	.entry-author-info h4 {
		font-size: 20px;
	}
	
	.entry-author-info p {
		margin: 0;
	}
	
	/* Social */
	.social {
		overflow: hidden;
	}
	
	.social .alignleft {
		width: 180px;
		margin-right: 5px;
	}
	
	.social ul {
		float: right;
		overflow: hidden;
		margin: 0;
		list-style: none;
	}
	
	.social li { 
		float: left;
	}
	
	.social ul a {
		display: block;
		margin-left: 5px;
	}

	/* Sociable plugin */ .sociable { float: right; }
	
	/* Navigation */
	.navigation {
		font-size: 15px;
		font-weight: bold;
		padding: 10px;
		overflow: hidden;
	}
	
	.navigation p {
		margin: 0;
	}
	
	/* WP-PageNavi plugin styling */
	.wp-pagenavi {
		margin-bottom: 20px;	
	}
	
	.wp-pagenavi .pages {
		margin-right: 3px;
	}
	
	.wp-pagenavi .current {
		font-weight: bold;
		padding: 6px 10px;
	}
	
	.wp-pagenavi .extend {
		margin: 2px;
	}
	
	.wp-pagenavi a {
		margin: 0 2px;
		padding: 6px 10px;
	}

	/* Layout shortcodes */
	.one-half, .one-third, .two-third, .three-fourth, .one-fourth {
		float: left;
		margin: 0 4% 20px 0;
		line-height: 1.6;
	}
	
	.one-half {
		width: 48%;	
	}
	
	.one-third {
		width: 30.6%;
	}
	
	.two-third {
		width: 65.4%;	
	}
	
	.one-fourth {
		width: 22%;	
	}
	
	/* Archives */
	.search-results .entry-title,
	.archive .entry-title {
		font-size: 26px;	
	}
	

/* Sidebar */
#sidebar {
	float: right;
	width: 300px;
	margin-top: 40px;
}

.widget {
	padding-bottom: 20px;
	overflow: hidden;
}

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

.widget h3 {
	margin-bottom: 10px;
}

.widget ul {
	margin-bottom: 0;
}

.widget li a {
	display: block;
}

	/* Author List widget */
	.authors-widget {
		font-size: 12px;
	}
	
	.authors-widget a {
		display: inline-block;
		font-size: 14px;
	}
	
	/* Nav Menu widget */
	.widget_nav_menu {
		padding: 10px 5px;
	}
	
	.widget_nav_menu ul {
		float: none;
		line-height: 28px;
		list-style: square;
		margin: 0 0 0 20px;
	}
	
	.widget_nav_menu li {
		float: none;
		margin-left: 0;
	}
	
		/* Children */
		.widget_nav_menu li ul {
			display: block;
			position: relative;
			top: 0; left: 0;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}
		
		.widget_nav_menu li li a {
			border-bottom: none;
			font-size: 14px;
			padding: 0;
		}
	
	/* Flickr widget */
	.flickr_badge_image {
		float: left;
		margin: 0 10px 10px 0;
		opacity: 1;
		-webkit-transition: opacity .2s linear;
		-moz-transition: opacity .2s linear;
		transition: opacity .2s linear;
	}
	
	.flickr_badge_image:hover {
		opacity: .85;
	}
	
	/* Twitter widget */
	.twitter-widget li a {
		display: inline;
	}
		
	/* Calender widget */
	#calendar_wrap {
		position: relative;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	#wp-calendar {
		border-top: none;
	}
	
	#wp-calendar caption {
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 0;
		padding: 8px 0 7px;
		width: 101%;
		text-align: center;	
		text-transform: capitalize;

		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	
	#wp-calendar thead th {
		background: none;
		text-align: center;
	}
	
	#wp-calendar tbody td {
		text-align: center;
	}
	
	#wp-calendar tbody td a {
		display: block;
		font-weight: bold;
	}
	
	#wp-calendar tfoot td {
		border: none;
		padding: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	
	#prev a, 
	#next a {
		display: block;
		position: absolute;
		top: 0;
		text-indent: -9999px;
	}
	
	#prev a:hover, #next a:hover {
		opacity: .85;	
	}
		
/* Footer */
#footer {
	padding: 0 20px;
}

#footer h3 {
	font-size: 22px;	
}

#footer-cols {
	overflow: hidden;
	margin-top: 20px;
}

.footer-col {
	float: left;
	width: 220px;
	margin: 0 20px 20px 0;
}

.footer-col ul {
	margin-bottom: 0;
}

/* Comments */
#comments h3 {
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 10px;
	letter-spacing: 0;
}

/*h3*/#comments-title {
	padding-bottom: 5px;
	margin-bottom: 0;
}

/* Commentlist */
.commentlist {
	list-style: none;
	margin: 0;
}

.commentlist li {
	line-height: 24px;
	padding: 20px 0 20px 55px;
	position: relative;
}

.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

.pingback p { margin-bottom: 0; }

ol.noavatar li {
	padding-left: 10px; /* If avatars are disabled */
} 

	/* Children */
	.commentlist .children {
		list-style: none;
		margin: 0;
	}
	
	.commentlist .children li {
		margin: 10px 0 0;
	}

	/* Comment body */
	#comments .comment-body ul {
		list-style: square;
		margin-bottom: 20px;
	}
	
	#comments .comment-body ol {
		list-style: decimal;
		margin-bottom: 20px;
	}
	
	#comments .comment-body li {
		background: transparent;
		border: none;
		padding: 0;
	}
	
	#comments .comment-body p:last-child {
		margin-bottom: 5px;
	}
	
	#comments .comment-body blockquote p:last-child {
		margin-bottom: 20px;
	}

	/* Commenter info */
	.commentlist .avatar {
		position: absolute;
		top: 25px;
		left: 5px;
	}
	
	.comment-author cite {
		font-weight: bold;
	}
	
	.comment-meta {
		font-size: 12px;
		margin: 0 0 20px 0;
	}

	/* Reply */
	.reply {
		font-size: 12px;
	}

/* Form */
input[type=text], 
input[type=password], 
textarea {
	font: 12px/18px Georgia, Georgia, sans-serif;
	padding: 6px 4px;
	
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}

input[type=submit] {
	font: 13px Georgia, Georgia, sans-serif;
	font-weight: bold;
	padding: 10px 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

input[type=submit].small {
	padding: 6px 8px;
}

input[type=submit]:hover {
	cursor: pointer;
}

#respond input[type=text],
textarea {
	margin: 0 0 10px;
	width: 98%;
}

label {
	font-size: 13px;
}

label[for] {
	cursor: pointer;	
}

	/* Searchform */
	.searchform input[type=text] {
		float: left;
		min-width: 175px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
	.searchform input[type=submit] {
		float: left;
		margin-left: 10px;
	}

/* Images */

.wp-post-image { /* Post thumbnail */
	float: left;
	margin: 0 15px 20px -40px;
}

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

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

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

	/* Image with caption */
	.wp-caption {
		line-height: 18px;
		margin-bottom: 20px;
		padding: 4px;
		text-align: center;
	}
	
	.wp-caption img {
		margin: 5px 5px 0;
	}
	
	.wp-caption .wp-caption-text {
		font-size: 12px;
		margin: 5px;
	}

	/* Gallery */
	.gallery .gallery-item {
		float: left;
		margin: 0 30px 30px 0;
		position: relative;
	}
	
	.gallery-row {
		overflow: hidden;	
	}
	
	.gallery dl {
		margin: 0;
		line-height: 0px;
	}
	
	.gallery br+br {
		display: none;
	}

	.gallery-caption {
		font-size: 12px;
		font-weight: bold;
		max-width: 120px;
		line-height: 1.5;
		padding: 10px 10px 9px;
		margin: 0;
		position: absolute;
		bottom: 30px;
		left: 5px;
	}
	
	.gallery-caption a {
		display: block;
	}
	
	
/* Buttons */
@-webkit-keyframes glowBlue {
	from { -webkit-box-shadow: 0px 0px 10px rgba(82, 168, 236, .1); }
	50% { -webkit-box-shadow: 0px 0px 10px rgba(82, 168, 236, .5); }
	to { -webkit-box-shadow: 0px 0px 10px rgba(82, 168, 236, .1); }
}

@-webkit-keyframes glowOrange {
	from { -webkit-box-shadow: 0 0 15px rgba(255,235,72,.03); }
	50% { -webkit-box-shadow: 0 0 15px rgba(255,235,72,1); }
	to { -webkit-box-shadow: 0 0 15px rgba(255,235,72,.03); }
}

.btn {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #f2f2f2), to(#ebebeb)); /* Small white line at top */
	background: -moz-linear-gradient(top, #FFFFFF, #f2f2f2 1px, #ebebeb);
	border: 1px solid #e2e2e2;
	display: inline-block;
	padding: 10px 12px;
	text-shadow: 1px 1px 1px #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.btn.small {
	font-size: 12px;
	padding: 6px 8px;
}

.btn.big {
	padding: 14px 24px;
}

.glowblue { 
	-webkit-animation-name: glowBlue;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite; 
}

.gloworange {
	-webkit-animation-name: glowOrange;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite; 
}

.btn.red {
	background: #c02905;
	background: -webkit-gradient(linear, left top, left 25, from(#ffeeee), color-stop(4%, #c02905), to(#9b1515)); 
	background: -moz-linear-gradient(top, #ffeeee, #c02905 1px, #9b1515);
	border: 1px solid #92280f;
	color: #fff;
	text-shadow: 1px 1px 1px #611c0c;
}

.btn.red:hover { border: 1px solid #611c0c; }

.btn.green {
	background: #91c750;
	background: -webkit-gradient(linear, left top, left 25, from(#f5fced), color-stop(4%, #91c750), to(#82b544)); 
	background: -moz-linear-gradient(top, #f5fced, #91c750 1px, #82b544);
	border: 1px solid #76a53d;
	color: #fff;
	text-shadow: 1px 1px 1px #4e6e28;
}

.btn.green:hover { border: 1px solid #567e26; }

.btn.blue {
	background: #2172df;
	background: -webkit-gradient(linear, left top, left 25, from(#e8f1fd), color-stop(4%, #2172df), to(#1b65c9)); 
	background: -moz-linear-gradient(top, #e8f1fd, #2172df 1px, #1b65c9);
	border: 1px solid #1c54a1;
	color: #fff;
	text-shadow: 1px 1px 1px #1c54a1;	
}

.btn.blue:hover { border: 1px solid #113362; }

.btn.black {
	background: #111;
	background: -webkit-gradient(linear, left top, left 25, from(#f5f5f5), color-stop(4%, #191919), to(#111)); 
	background: -moz-linear-gradient(top, #f5f5f5, #191919 1px, #111);
	border: 1px solid #000;
	color: #fff;
	text-shadow: 1px 1px 1px #000;	
}

.btn.black:hover { color: #e1e1e1;	}

.btn.orange {
	background: #ffae26;
	background: -webkit-gradient(linear, left top, left 25, from(#f9f0af), color-stop(4%, #efdd58), to(#ffae26)); 
	background: -moz-linear-gradient(top, #f9f0af, #efdd58 1px, #ffae26);
	border: 1px solid #e59c20;
	color: #5f3d04;
	text-shadow: 1px 1px 1px #f1e283;	
}

.btn.orange:hover { border: 1px solid #b07817; }

/* Misc */
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.clear { clear: both; }
.last { margin-right: 0!important; }

.success, .download, .error, .warning, .tip {
	line-height: 25px;
	padding: 15px;
	padding-left: 65px;
	border-radius: 3px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px;
}

.success {
	background: #e2fad6 url(images/accept.png) no-repeat 15px center;
	border: 1px solid #91db6c;
	color: #404040;
}

.download {
	background: #e2fad6 url(images/download.png) no-repeat 15px center;
	border: 1px solid #91db6c;
	color: #404040;
}

.error {
	background: #fae1d6 url(images/cancel.png) no-repeat 15px center;
	border: 1px solid #f59b73;
	color: #404040;
}

.tip {
	background: #eaf0f6 url(images/info.png) no-repeat 15px center;
	border: 1px solid #bcc6d0;
	color: #404040;
}

.warning {
	background: #fafad6 url(images/warning.png) no-repeat 15px center;
	border: 1px solid #f6d87d;
	color: #404040;
}

.noicon {
	background-image: none;	
	padding-left: 20px;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	content: " ";
}
* html .clearfix { height: 1%; } /* IE6 */
*:first-child+html .clearfix { min-height: 1%; } /* IE7 */

/*
 * Colorbox 
 *
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
	You can edit in this
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
	
        #cboxLoadedContent{
			background: #fff;
			padding: 5px;
			-webkit-box-shadow: 0px 0px 20px #4a4a4a;
		}
		
		#cboxTitle, #cboxCurrent, #cboxSlideshow {
			color: #e7e7e7;
			position: absolute;
			top: -20px;
			text-shadow: 1px 1px 1px #555;
		}
			
        #cboxTitle {
			background: #fff;
			color: #333;
			font-weight: bold;
			padding: 6px 10px;
			left: 0px;
			text-shadow: none;
		}
		
        #cboxCurrent { right: 5px; }
        #cboxSlideshow { right: 90px; }
        
		#cboxPrevious, #cboxNext, #cboxClose {
			background: url(images/controls.png) no-repeat;
			width:30px; height:30px;
			position: absolute;
			text-indent: -9999px;
			opacity: .75;
			-webkit-transition: opacity .15s linear;
			-moz-transition: opacity .15s linear;
			transition: opacity .15s linear;
		}
	
		#cboxPrevious:hover, #cboxNext:hover, #cboxClose:hover { opacity: 1; }
		
		#cboxPrevious {
			background-position: center left;
			top: 50%; left: 10px; 
			margin-top: -32px;
		}

        #cboxNext {
			background-position: bottom left;
			top: 50%; right: 10px;
			margin-top: -32px;
		}
		
		#cboxClose {
			background-position: top left;
			top: 5px; right: 5px;
			display: block;
		}

        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}