/******************************************************************

Theme Name: Frantic

Theme URI: http://wpthemes.co.nz/frantic-theme/

Description: Simple blog theme

Author: WPThemes NZ

Author URI: http://wpthemes.co.nz/

Version: 1.4.1

Tags: red, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, sticky-post, translation-ready

License: GNU General Public License v2.0

License URI: http://www.gnu.org/licenses/gpl-2.0.html



******************************************************************/

@import url(library/css/default.css);

@import url(http://fonts.googleapis.com/css?family=Anton);

/******************************************************************

GENERAL LAYOUT STYLES

******************************************************************/

body { 

	background:url(library/images/bg.png) repeat-x 0 0 #282828;

	font-family:Tahoma, Geneva, sans-serif;

}



#container, .wrap { 

	width: 100%;

	margin: 0 auto;

	padding: 0;

	max-width: 970px; /* remove or edit to adjust width */

	min-width: 970px; /* remove or edit to adjust width */

}

	

	/* layout options ( all have margins right & left of 1%) */

	.col60 { width: 6.333%; } /* width 60px / grid_1 */

	.col140 { width: 14.667%; } /* width 140px / grid_2 */

	.col220 { width: 23.0%; } /* width 220px / grid_3 */

	.col300 { width: 31.333%; } /* width 300px / grid_4 */

	.col380 { width: 39.667%; } /* width 380px / grid_5 */

	.col480 { width: 48.0%; } /* width 480px / grid_6 */

	.col540 { width: 56.333%; } /* width 540px / grid_7 */

	.col620 { width: 64.667%; } /* width 620px / grid_8 */

	.col700 { width: 73.0%; } /* width 700px / grid_9 */

	.col780 { width: 81.333%; } /* width 780px / grid_10 */

	.col860 { width: 89.667%; } /* width 860px / grid_11 */

	.col940 { width: 98.0%; } /* width 940px / grid_12 */

	

	/* layout & column defaults */

	.col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 { display: inline; float: left; margin-left: 1%; margin-right: 1%; position: relative; }

	

	/* default styles & fixes */

	#main { margin-left: 0; } /* fixes alignment (defaulted at col620) */

	#sidebar1 { margin-right: 0; } /* fixes alignment (defaulted at col300) */

	

/******************************************************************

LINK STYLES

******************************************************************/



a { color:#f00; }

a:hover {}

a:active {} /* on click */

a:link { 

	-webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */

}



/******************************************************************

TEXT SELECTION STYLES

******************************************************************/



/* Safari, Chrome, iPhones, iPads */

::-webkit-selection { 

	background: #6fc2f6; 

	color:#fff; 

	text-shadow : none; 

}



/* Firefox */

::-moz-selection { 

	background: #6fc2f6; 

	color:#fff; 

	text-shadow : none; 

}



/* The Rest of em */

::selection { 

	background: #6fc2f6; 

	color:#fff; 

	text-shadow : none; 

}





/******************************************************************

WORDPRESS BODY CLASSES

want to style a page via body class? go ahead

******************************************************************/



body.rtl {}

body.home {} /* home page */

body.blog {} 

body.archive {} /* archive page */

body.date {} /* date archive page */

	body.date-paged-1 {} /* replace the number to the corresponding page number */

body.search {} /* search page */

	body.search-results {} /* search result page */

	body.search-no-results {} /* no results search page */

	body.search-paged-1 {} /* individual paged search (i.e. body.search-paged-3) */

body.error404 {} /* 404 page */

body.single {} /* single post page */

	body.postid-1 {} /* individual post page by id (i.e. body.postid-73) */

	body.single-paged-1 {} /* individual paged single (i.e. body.single-paged-3) */

body.attachment {} /* attatchment page */

	body.attachmentid-1 {} /* individual attatchment page (i.e. body.attachmentid-763) */

	body.attachment-mime-type {} /* style mime type pages 

body.author {} /* author page */

	body.author-nicename {} /* user nicename (i.e. body.author-samueladams) */

	body.author-paged-1 {} /* paged author archives (i.e. body.author-paged-4) for page 4 */

body.category {} /* category page */

	body.category-1 {} /* individual category page (i.e. body.category-6) */

	body.category-paged-1 {} /* replace the number to the corresponding page number */

body.tag {} /* tag page */

	body.tag-slug {} /* individual tag page (i.e. body.tag-news) */

	body.tag-paged-1 {} /* replace the number to the corresponding page number */

body.page-template {} /* custom page template page */

	body.page-template-page-php {} /* individual page template (i.e. body.page-template-contact-php */

	body.page-paged-1 {} /* replace the number to the corresponding page number */

	body.page-parent {}

	body.page-child {}

	body.parent-pageid-1 {} /* replace the number to the corresponding page number */

body.logged-in {} /* if user is logged in */

body.paged {} /* paged items like search results or archives */

	body.paged-1 {} /* individual paged (i.e. body.paged-3) */

	

/* new browser classes */

body.browser-lynx {} /* lynx browsers */

body.browser-gecko {} /* firefox browsers */

body.browser-opera {} /* opera browsers */

body.browser-ns4 {} /* ns4 browsers */

body.browser-safari {} /* safari browsers */

body.browser-chrome {} /* chrome browsers */

body.browser-ie {} /* ie browsers ( aka dinosaurs) */

body.browser-iphone {} /* iphones (expirimental, best to use Media Queries) */





/******************************************************************

HEADLINES & TITLES

******************************************************************/



h1, .h1,

h2, .h2 {

	font-family: 'Anton', sans-serif;

	font-weight:normal;

	text-transform:uppercase;

}

h2, .h2 {



}

h3, .h3 {}

h4, .h4 {}

h5, .h5 {}


h6, .h6 {

		color:#740007;
		font-size:12px;
		font-weight:bold;
		padding:0 0 2px 0;
		text-transform:uppercase;
	
}



h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { color:#555 }



h1 a:hover, .h1 a:hover, 

h2 a:hover, .h2 a:hover, 

h3 a:hover, .h3 a:hover, 

h4 a:hover, .h4 a:hover, 

h5 a:hover, .h5 a:hover { color:#f00 }








/******************************************************************

POSTS & CONTENT STYLES

******************************************************************/

#content-wrap { background:url(library/images/bg-content-wrap.jpg) repeat-y 1px top }

#content {

	background:url(library/images/bg-content2.jpg) no-repeat left top;

	border:1px solid #bc4320;

	border-top:0;

	box-shadow:0px 3px 10px #444;

}



body.attachment #content,

body.page-template-full-width-php #content {

	background:url(library/images/bg-content-full.jpg) no-repeat left top #f3f0eb;

}

	#main { 

		

		padding-bottom:30px;

	}

		article[id*=post-] {

			margin-left:30px;

			margin-right:30px;

			word-wrap: break-word;

		}

		

		body.home article[id*=post-],

		body.archive article[id*=post-], 

		body.search article[id*=post-] {

			

			background:url(library/images/line-breaker2.png) no-repeat 50% bottom;

		}

		

		body.archive article[id*=post-], 

		body.search article[id*=post-] {

			font-size:0.85em;

			line-height:1.3em;

		}

		

		.archive-header {

			margin:40px 30px 0 50px;

		}

	

		/* want to style individual post classes? Booya! */

		.post-id {} /* post by id (i.e. post-3) */

		.post {} /* general post style */

		.page {} /* general article on a page style */

		.attachment {} /* general style on an attatchment */

		.sticky {} /* sticky post style */

		.hentry {} /* hentry class */

		.category-slug {} /* style by category (i.e. category-videos) */

		.tag-slug {} /* style by tag (i.e. tag-news) */

	

		/* post meta */

		.meta {

			margin:0 0 1.5em 0;

		}

			.meta time {}

			

		/* post content */

		.post_content { 

			overflow:hidden;

			word-wrap: break-word;

		 }

			

			.post_content p,

			.post_content h1,

			.post_content h2,

			.post_content h3,

			.post_content h4,

			.post_content h5 {

				margin:0 0 1.5em 0;

			}

			.post_content ul, .post_content ol, .post_content table, .post_content dl {}

			.post_content ul, .post_content ol {}

			.post_content li {}

			.post_content ul li {}

			.post_content ol li {}

			

			.post_content blockquote {}

			.post_content blockquote:before {} /* this adds the quote before the blockquote */

			

			.post_content dl {}

			.post_content dt {}

			.post_content dd {}

			

			.post_content img {}

			.post_content video {}

			.post_content object {}

			

			.wp-caption {}

			.wp-caption img {}

			.wp-caption p.wp-caption-text {}

			

			/* image gallery styles */

			.gallery dl {}

			.gallery dt {}

			.gallery dd {}

			.gallery dl a {}

			.gallery dl img {}

			.gallery-caption {}

			

			.size-full {}

			.size-large {}

			.size-medium {}

			.size-thumbnail {}

			

		article[id*=post-] footer {}

		

/******************************************************************

POST FORMAT STYLES

******************************************************************/

	.format-aside .format-heading {

		display:none;

	}

	

/******************************************************************

PAGE NAVI STYLES

(Special Feature)

******************************************************************/



	/* page navigation */

	.page-navigation {}

		.frantic_page_navi {}

			.frantic_page_navi li.bpn-prev-link {} /* previous link */

				.frantic_page_navi li.bpn-prev-link a {}

					.frantic_page_navi li.bpn-prev-link a:hover {}

			.frantic_page_navi li {} /* regular links */

				.frantic_page_navi li a {}

					.frantic_page_navi li a:hover {}

			.frantic_page_navi li.bpn-current {} /* current page link */

					.frantic_page_navi li.bpn-current:hover {}

			.frantic_page_navi li.bpn-next-link {} /* next page link */

				.frantic_page_navi li.bpn-next-link a {}

					.frantic_page_navi li.bpn-next-link a:hover {}

			.frantic_page_navi li.bpn-last-page-link {} /* last page link */

				.frantic_page_navi li.bpn-last-page-link a {}

					.frantic_page_navi li.bpn-last-page-link a:hover {}

			.frantic_page_navi li.bpn-first-page-link {} /* first page link */

				.frantic_page_navi li.bpn-first-page-link a {}

					.frantic_page_navi li.bpn-first-page-link a:hover {}

	

	/* fallback previous & next links */

	.wp-prev-next {}

		.wp-prev-next ul {}

			.wp-prev-next .prev-link {}

			.wp-prev-next .next-link {}

			

/******************************************************************

PAGE LINK STYLES

******************************************************************/



.page-link {

	clear: both;

	display: block;

	margin: 0 0 1.625em;

}

.page-link a {

	color: #373737;

	margin: 0;

	padding: 2px 3px;

}

.page-link a:hover {

	font-weight: bold;

}

.page-link span {

	margin-right: 6px;

}

.read-more { text-align:right }

.wp-prev-next a, .read-more a, .more-link {

	font-family: 'Anton', sans-serif;

	font-size:18px;

	text-transform:uppercase;

	text-decoration:none;

}



.wp-prev-next a:hover, .read-more a:hover, .more-link:hover {

	text-decoration:underline;

}



/******************************************************************

COMMENT STYLES

******************************************************************/



#comments {

	margin-left:30px;

	margin-right:30px;

	margin-bottom:30px;

}/* h3 comment title */

	#comments span {} /* number of comments span */

.comment-nav {}

	.comment-nav ul {}

		.comment-nav ul li {}

.commentlist {

	margin-left:30px;

	margin-right:30px;

	overflow:visible;

}

	.commentlist li.comment {

		border:1px solid #D2CBC0;

		box-shadow:0px 0px 10px #bdb2a2;

		overflow:visible;

	}

	.commentlist li.comment article[id*=comment-] {

		overflow:hidden;

	}

		.commentlist li[class*=depth-] {}

			.commentlist li.depth-1 {}

			.commentlist li.depth-2 {}

			.commentlist li.depth-3 {}

			.commentlist li.depth-4 {}

			.commentlist li.depth-5 {}

				.commentlist li.comment ul.children li.comment { margin-right:15px;}

				.commentlist li ul.children li.alt {}

				.commentlist li ul.children li.byuser {}

				.commentlist li ul.children li.comment {}

				.commentlist li ul.children li.depth-1 {} /* change number for different depth */

				.commentlist li ul.children li.bypostauthor {}

				.commentlist li ul.children li.comment-author-admin {}

				.commentlist li ul.children .alt {}

				.commentlist li ul.children .odd {}

				.commentlist li ul.children .even {}

			.commentlist .alt {}

			.commentlist .odd {}

			.commentlist .even {}

			.commentlist .parent {}

			.commentlist .comment {}

			.commentlist .children {}

			.commentlist .pingback {}

			.commentlist .bypostauthor {}

			.commentlist .comment-author {}

			.commentlist .comment-author-admin {}

			.commentlist .thread-alt {}

			.commentlist .thread-odd {}

			.commentlist .thread-even {}	

			.commentlist .vcard {

				padding:0 20px 0 10px;

				background:url(library/images/vcard.png) no-repeat right top;

				height:44px;

				line-height:35px;

				margin-right:-23px;

				color:#faefc3;

				font-weight:bold;

			}	

				.commentlist .vcard a {

					color:#faefc3;

					text-decoration:none;

				}

				

				.commentlist .vcard a:hover {

					text-decoration:underline;

				}

				.commentlist .vcard cite.fn {}

				.commentlist .vcard time {}

					.commentlist .vcard time a { font-weight:normal; color:#faefc3; }

						.commentlist .vcard time a:hover {}

				.commentlist .vcard img.photo {}

				.commentlist .vcard img.avatar {}

				.commentlist .vcard cite.fn a.url {}

			.commentlist .comment-meta {} 

				.commentlist .comment-meta a {}

			.commentlist .commentmetadata {}

				.commentlist .commentmetadata a {}

			.commentlist li.comment .comment_content { word-wrap: break-word; }

				.commentlist li.comment .comment_content p {}

				.commentlist li.comment ul {}

				.commentlist .comment-reply-link {

					background: url(library/images/bg-button.png) repeat-x #b11a1a;

					border:0;

					border-radius:7px;

					opacity:0.85;

					padding:3px 12px;

				}

					.commentlist a.comment-reply-link:hover {}

					

			.nocomments { margin:15px 50px 0 50px; text-align:center; font-style:italic; }



/******************************************************************

COMMENT FORM STYLES

******************************************************************/



#respond-form {

	margin-left:30px;

	margin-right:30px;

}



body.page-template-full-width-php #respond-form,

body.page-template-full-width-php .commentlist,

body.page-template-full-width-php #comments {

	width:60%;

	margin-left:auto;

	margin-right:auto;

}

#respond {

	background:url(library/images/bg-respond.jpg) no-repeat left -25px;

	padding:30px;

	box-shadow:0px 0px 10px #bdb2a2;

	border:1px solid #D2CBC0;

}

	#respond {

		margin-top:20px;

	}

	

#reply-title {

	background:url(library/images/line-breaker.png) no-repeat left bottom;

	font-family: 'Anton', sans-serif;

	font-size:2.5em;

	font-weight:normal;

	text-transform:uppercase;

	color:#c1ada7;

	border-bottom:0;

	padding-bottom:15px;

	text-shadow:0px -1px #a18d88, 1px 1px #fff;

	margin-bottom:25px;

}

#respond label {

	display:inline-block;

	min-width:80px;

	font-family: 'Anton', sans-serif;

	font-size:20px;

	font-weight:normal;

	text-transform:uppercase;

	height:30px;

	line-height:30px;

	vertical-align:top;

	color:#7f7e7e;

}



.required {

	margin-left:-12px;

	color:#f00;

}

	.required:first-child {

		margin-left:0;

	}

#respond p {

	overflow:hidden;

	margin-bottom:10px;

}



#respond p.form-submit {

	text-align:center;

	margin-bottom:0;

	overflow:visible;

}

	#comment-form-title {}

		#cancel-comment-reply-link { font-size:0.5em; font-family:Tahoma, Geneva, sans-serif; text-shadow:none; float:right; }

			#cancel-comment-reply-link a {}

	#commentform {}

		.comments-logged-in-as {}

		#comment-form-elements {}

			#comment-form-elements li {}

				#comment-form-elements label {}

				#author, #email, #url, #comment {

					border:0;

					background-color:#c1ada7;

					box-shadow:1px 1px 1px #a18d88 inset, 1px 1px 1px #fff;

				}

					#author:focus, #email:focus, #url:focus, #comment:focus {}

				#author, #email, #url {}

			#allowed_tags {}

				#comment {}

				#submit {

					background: url(library/images/bg-button.png) repeat-x #b11a1a;

					border:0;

					border-radius:7px;

					padding:3px 12px;

					color:#fff;

					margin:auto;

					box-shadow:1px 1px 0px #4f0c0c;

				}



/******************************************************************

SIDEBARS & ASIDES

******************************************************************/



#sidebar1 {}



	.widget { 

		margin-right:30px;

		padding-bottom: 15px;

	  }

		.widget li {

			padding-left:25px;

			background:url(library/images/post_bullet.png) no-repeat 5px 5px;

			word-wrap: break-word;

		}

			.post_content .widget li {

				list-style: none;

			}

			

			.widget .menu ul li {

				float: none;

				word-wrap: break-word;

			}

		

		.widget li a { color:#707070; font-size:1.1em; word-wrap:break-word; }

		

		.widgettitle, .archive-title { 

			background:url(library/images/line-breaker.png) no-repeat left bottom;

			font-family: 'Anton', sans-serif;

			font-size:1.9em;

			font-weight:normal;

			text-transform:uppercase;

			color:#c1ada7;

			border-bottom:0;

			padding-bottom:25px;

			text-shadow:0px -1px #a18d88, 1px 1px #fff;

		}

			.post_content h2.widgettitle {

				background: none;

				padding-bottom: 0;

				color: #555;

				margin-bottom: 10px;

			}

		

		.archive-title {

			background:url(library/images/line-breaker3.png) no-repeat left top;

			font-size:2.5em;

			padding:15px 0;

			margin-bottom:30px;

		}



	/* links widget */

	.widget_links {}

	.widget_links ul {}

	.widget_links ul li {}

	.widget_links ul li a {}

	

	/* meta widget */

	.widget_meta {}

	.widget_meta ul {}

	.widget_meta ul li {}

	.widget_meta ul li a {}

	

	/* pages widget */

	.widget_pages {}

	.widget_pages ul {}

	.widget_pages ul li {}

	.widget_pages ul li a {}

	

	/* recent-posts widget */

	.widget_recent_entries {}

	.widget_recent_entries ul {}

	.widget_recent_entries ul li {}

	.widget_recent_entries ul li a {}

	

	/* archives widget */

	.widget_archive {}

	.widget_archive ul {}

	.widget_archive ul li {} 

	.widget_archive ul li a {}

	.widget_archive select {}

	.widget_archive option {}

	

	/* tag-cloud widget */

	.widget_links {}

	.widget_links li:after {}

	.widget_links li:before {}

	.widget_tag_cloud {}

	.widget_tag_cloud a {}

	.widget_tag_cloud a:after {}

	.widget_tag_cloud a:before {}

	

	/* calendar widget */

	.widget_calendar {}

	#wp-calendar {

		text-align: center;

		width: 95%;

		margin:auto;

	}

	#calendar_wrap {}

	#calendar_wrap th {}

	#calendar_wrap td {}

	#wp-calendar tr td {}

	#wp-calendar caption {

		font-family:'Anton', sans-serif;

		font-size:1.5em;

		text-transform:uppercase;

		color:#7d7d7d;

		margin-bottom:15px;

	}

	#wp-calendar a {}

	#wp-calendar #today {}

	#wp-calendar #prev {}

	#wp-calendar #next {}

	#wp-calendar #next a {}

	#wp-calendar #prev a {}

	

	/* category widget */

	.widget_categories {}

	.widget_categories ul {}

	.widget_categories ul li {} 

	.widget_categories ul ul.children {}

	.widget_categories a {}

	.widget_categories select{}

	.widget_categories select#cat {}

	.widget_categories select.postform {}

	.widget_categories option {}

	.widget_categories .level-0 {}

	.widget_categories .level-1 {}

	.widget_categories .level-2 {}

	.widget_categories .level-3 {}

	

	/* recent-comments widget */

	.recentcomments {}

	#recentcomments {}

	#recentcomments li {}

	#recentcomments li a {}

	.widget_recent_comments {}

	

	/* search widget */

	#searchform {}

	.widget_search {}

	.screen-reader-text {}

	

	/* text widget */

	.textwidget {}

	.widget_text {}

	.textwidget p {}





	

/******************************************************************

IMAGE STYLES

******************************************************************/



.left img, img.left, img.alignleft {

	margin-right:1.5em;

	margin-bottom:1em;

}



.right img, img.right, img.alignright {

	margin-left:1.5em;

	margin-bottom:1em;

}



.imgthumb img {

	float:left;

	margin-right:20px;

	border:1px solid #d59580;

	box-shadow:0px 0px 5px #777;

}





.linebrk {

	background:url(library/images/line-breaker2.png) no-repeat left bottom;

	padding-bottom:15px;

	margin-bottom:30px;

}

/******************************************************************

FOOTER STYLES

******************************************************************/



footer[role=contentinfo] {

	border:0;

	margin:0;

	padding:1.5em 0;

	text-align:center;

	color: #f00;

}



	/* footer menu */

	.footer-links {}

		.footer-links ul {}

			.footer-links ul li {}

				.footer-links ul li a {}

					.footer-links ul li:last-child a {}

			.footer-links ul li a:hover, .nav ul li.current-menu-item a, .nav ul li.current_page_item a {}

			.footer-links ul li ul.sub-menu {} /* you shouldn't have that many links in the footer anyway so it's set to display none ;P */

			

	.attribution { float:none; text-align:center;}



	

/******************************************************************

MEDIA QUERIES & DEVICE STYLES

Developed by: Andy Clarke & the 320 & Up Extension

URL: http://stuffandnonsense.co.uk/projects/320andup/

******************************************************************/



@media only screen and (min-width: 480px) {

	/* insert styles here */

}



@media only screen and (min-width: 768px) {

/* insert styles here */

}



@media only screen and (min-width: 992px) {

/* insert styles here */

}



@media only screen and (min-width: 1382px) {

/* insert styles here */

}



@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

/* insert styles here */

}



/******************************************************************

PRINT STYLES

(Handled by default, but if you want to edit it, feel free)

******************************************************************/



@media print { }



/******************************************************************

IE SPECIFIC FIXES

******************************************************************/



/*

Thanks to the HTML5 Boilerplate there's an easier way

to target IE specific bugs. Simply use the html class

to target the specific version of IE.



To target the .post_content area in IE6, use:

html.ie6 .post_content { ... }



To target the .post_content area in IE7, use:

html.ie7 .post_content { ... }



To target the .post_content area in IE8, use:

html.ie8 .post_content { ... }





Much easier right? This way, you don't have to call

any more stylesheets, you can leave it at the bottom

and it will overwrite depending on the html class.

*/