/*   
Theme Name: Hardest Bars Theme
Description: This is the Hardest Bars Theme
Author: Aiden Boyle
Author URI: http://aidenboyle.co.uk
*/


@media screen {

/*-------------------------------------
 GENERAL ELEMENTS 
--------------------------------------*/

* { margin: 0; padding: 0; }
body { font: 15px Arial, "Helvetica Neue", Helvetica, sans-serif; color: #333; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

h1, h2, h3 { font-weight: normal; margin: 0 0 20px 0; }
h1 { }
h2 { }
h3 { }

p { margin: 0 0 20px 0; }
a { text-decoration: none; color: #03f; }
a:hover { color: #00ccff; }

blockquote { }
blockquote p { }

ul, ol, table { margin: 0 0 20px 0; }

a img, img a { border: none; }

.left { float: left; }
.right { float: right; }
#left { display: block; float: left; width: 640px; }
#left iframe, #left object, #left embed { max-width: 640px !important; max-height: 360 !important; }
#right { display: block; float: left; width: 260px; padding-left: 20px; }

.separator { border-top: solid 1px #D3D3D3; height: 1px; }

/*-------------------------------------
 TOP MENU ELEMENTS 
--------------------------------------*/

#top-menu-container { background: url(images/menu-bg.jpg) repeat-x; }
#top-menu { width: 960px; margin: auto; /* padding: 0 20px 0 20px; */ }
#top-menu ul { list-style: none; padding: 0; margin: 0; }
#top-menu li { display: block; float: left; text-transform: uppercase; font-size: 11px; font-weight: bold; line-height: 8px; border-left: solid 1px #6d6e71; margin-top: 11px; padding: 0 10px 0 10px; }
#top-menu li:first-child { padding-left: 0; border: none; }
#top-menu a { color: #ffffff; }

#social { display: block; float: right; }
#social a { display: block; float: left; width: 35px; height: 32px; text-indent: -9999px; }
#social a:hover { background-position: left bottom; }

a.facebook { background: url(images/icons/facebook.png) left top; }
a.twitter { background: url(images/icons/twitter.png) left top; }
a.youtube { background: url(images/icons/youtube.png) left top; }
a.instagram { color: #6d6e71 !important; text-indent: 0 !important; text-align: center !important; line-height: 34px !important; font-size: 19px !important; }
a.instagram:hover { color: #ffffff !important; }

#top-menu #searchform { display: block; float: right; margin-left: 30px; }
#s { border: solid 1px #6d6e71; width: 172px; height: 12px; padding: 3px; font-size: 11px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; }
#top-menu #s { margin-top: 6px; }
#searchsubmit { color: #FFFFFF; font-size: 11px; font-weight: bold; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; background: #6d6e71; padding: 2px 7px; border: none; }

/*-------------------------------------
 TEMPLATE ELEMENTS 
--------------------------------------*/

#shadow { width: 1000px; margin: auto; background: url(images/shadow.png) repeat-y center top; }
#page-wrap { width: 920px; padding: 20px; margin: auto; background: #fff; /*min-height: 960px;*/ margin-bottom: 50px; }


/*-------------------------------------
 TEMPLATE ELEMENTS 
--------------------------------------*/

#share { display: block; background: #f0f0f0; border: dashed 1px #ccc; padding: 8px 5px 5px 5px; margin-bottom: 20px; }
#share .meta { display: block; float: left; font-size: 13px; padding-top: 2px; padding-left: 5px; }
#share #fcbk_share { display: block; float: right; padding-top: 3px; margin-right: 10px; width: 70px !important; height: auto !important; clear: none !important; }
#share #twitter-button { display: block; float: right; margin-bottom: 0; }
#share #twitter-button iframe { width: 100px !important; }

.page #share #fcbk_share { display: block; float: left; padding-top: 3px; margin-right: 10px; width: 70px !important; height: auto !important; clear: none !important; }
.page #share #twitter-button { display: block; float: left; margin-bottom: 0; }


/*-------------------------------------
 HEADER ELEMENTS 
--------------------------------------*/

#header { margin-bottom: 20px; }
	#logo { display: block; float: left; }
	#logo img { display: block; }
	#header h1 { display: block; float: left; font-size: 29px; font-weight: bold; letter-spacing: -1px; text-transform: uppercase; padding: 25px 10px; margin-bottom: 0; }
	#header h1 a { color: #333; }

/*-------------------------------------
 NAVIGATION ELEMENTS 
--------------------------------------*/

#nav { margin-bottom: 20px; padding: 10px 0 10px 0; border-top: solid 1px #D3D3D3; border-bottom: solid 1px #D3D3D3; }
#nav ul { list-style: none; padding: 0; margin: 0; }
#nav li { display: block; float: left; text-transform: uppercase; padding: 0 10px 0 10px; border-left: solid 1px #D3D3D3; }
#nav li:first-child { border: none; padding-left: 0; }
#nav a { display: block; color: #333; border-bottom: solid 1px transparent; }
#nav a:hover { border-bottom: solid 1px #666; }

/*-------------------------------------
 FEATURED SLIDER ELEMENTS 
--------------------------------------*/

#featured-slider { display: block; float: left; width: calc(100% - 42px); padding: 20px; height: 280px; background: #F3F3F3; border: solid 1px #E1E1E1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; color: #333; }

.slideShow li { list-style: none; }
.slideShow .caption { background: url(images/popup-bg.png) repeat; position: absolute; left: 0; bottom: 10px; padding: 10px; color: #fff; text-transform: uppercase; }
.slideShow .caption a { color: #fff; }
.slideShow li img { display: block; width: 878px; height: 280px; }

/*-------------------------------------
 FEATURED VIDEO ELEMENTS 
--------------------------------------*/

#featured-video { display: block; float: left; width: 276px; height: 230px; background: #F3F3F3; border: solid 1px #E1E1E1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; color: #333; padding: 20px; }

#featured-video iframe,
#featured-video object,
#featured-video embed { width: 276px; height: 230px; }

/*-------------------------------------
 FRONTPAGE CONTENT BARS ELEMENTS 
--------------------------------------*/

#episodes .top-heading,
#freestyles .top-heading,
#videos .top-heading, 
#downloads .top-heading { padding: 10px 0 15px 0; margin-bottom: 20px; border-bottom: solid 1px #D3D3D3; font-size: 30px; letter-spacing: -3px; text-transform: uppercase; }

#episodes .top-heading a,
#freestyles .top-heading a,
#videos .top-heading a, 
#downloads .top-heading a { display: block; float: right; color: #333; font-size: 15px; letter-spacing: normal; margin-top: 12px; }

#episodes .top-heading a:hover,
#freestyles .top-heading a:hover,
#videos .top-heading a:hover, 
#downloads .top-heading a:hover { border-bottom: solid 1px #666; }


/*-------------------------------------
 EPISODES & VIDEOS ELEMENTS 
--------------------------------------*/

/* frontpage */
.home .episode-post { margin-top: 0; width: 152px; height: 150px; } /* episode post */
.home .video-post { margin-top: 0; width: 152px; height: 180px; } /* video post */
.home .ep-thumb, .home .vp-thumb { width: 152px; height: auto; margin-bottom: 10px; }

/* page */
#video-date { display: block; font-size: 21px; text-transform: uppercase; border-bottom: solid 1px #F3F3F3; margin-top: 10px; margin-bottom: 20px; padding-bottom: 10px; }

.episode-post { display: block; background: #F3F3F3; border: solid 1px #D3D3D3; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; width: 180px; float: left; height: 170px; overflow: hidden; padding: 10px; margin: 0 5px 10px 5px; text-align: center; }
.video-post { display: block; background: #F3F3F3; border: solid 1px #D3D3D3; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; width: 180px; float: left; height: 200px; overflow: hidden; padding: 10px; margin: 0 5px 10px 5px; text-align: center; }
.episode-post:hover, .video-post:hover { background: #E3E3E3; }

a.entry { color: #333; display: block; height: inherit; }
.ep-thumb, .vp-thumb { width: 180px; height: auto; margin-bottom: 10px; }
.ep-title, .vp-title { font-size: 11px; text-transform: uppercase; font-weight: bold; }

/* old code
.youtube_gallery { text-align: center; position: relative; }
.youtube_gallery div { float: left; width: 200px !important; text-align: center; }
.youtube_gallery_item img { width: 90%; margin-top: 5%; border: 1px solid #D3D3D3; }
.youtube_gallery_item .ytsg_play { visibility: hidden; border: none; background: none; padding: 0; margin: 0; position: absolute; height: auto; margin-top: 3%; }
.youtube_gallery_caption { padding: 7px 0 10px 0; text-transform: uppercase; font-size: 11px; font-weight: bold; } */


/*-------------------------------------
 DOWNLOADS ELEMENTS 
--------------------------------------*/

.download-post { display: block; float: left; margin: 0 6px 10px 6px; background: #F3F3F3; border: solid 1px #E1E1E1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; width: 150px; height: 220px; overflow: hidden; text-align: center; padding: 10px; }

.download-post p { text-transform: uppercase; font-size: 11px; font-weight: bold; margin-bottom: 0; }
.download-post p a { color: #333; }

.hidden-entry { display: none; position: absolute; background: #ffffff; padding: 10px; border: solid 1px #E1E1E1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; text-align: left; }

/*-------------------------------------
 SUBMISSION ELEMENTS 
--------------------------------------*/

#post-12 .submit { display: block; width: 220px; height: auto; margin: auto; text-align: center; line-height: 60px; background: #F3F3F3; border: solid 1px #E1E1E1; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; padding: 50px; font-size: 30px; text-transform: uppercase; letter-spacing: -3px; color: #333; margin-bottom: 20px; }
#post-12 .submit:hover { background: #D3D3D3; }

/*-------------------------------------
 SEARCH ELEMENTS 
--------------------------------------*/

#search-result { border: solid 1px #d3d3d3; padding: 20px; margin-bottom: 20px; }
.result-title { display: block; font-size: 21px; text-transform: uppercase; }
.result-title a { color: #333; }
#more { display: block; float: right; color: #333; }
#more:hover { text-decoration: underline; }


/*-------------------------------------
 POST ELEMENTS 
--------------------------------------*/

.post { }
.post h2,
.page-title { border-bottom: solid 1px #D3D3D3; font-size: 30px; text-transform: uppercase; letter-spacing: -3px; padding-bottom: 15px; }
.single-title { display: block; font-size: 21px; text-transform: uppercase; border-bottom: solid 1px #F3F3F3; margin-top: 10px; margin-bottom: 20px; padding-bottom: 10px; }


/*-------------------------------------
 RELATED ELEMENTS 
--------------------------------------*/

#related { margin-top: 70px; }
#related h3 { text-transform: uppercase; border-bottom: solid 1px #D3D3D3; }


/*-------------------------------------
 COMMENTS ELEMENTS 
--------------------------------------*/

#comments { margin-top: 70px; }

/*-------------------------------------
 SIDEBAR ELEMENTS 
--------------------------------------*/

#sidebar {  }
#sidebar h2, #sidebar h3 { display: block; font-size: 21px; text-transform: uppercase; border-bottom: solid 1px #F3F3F3; margin-top: 10px; margin-bottom: 20px; padding-bottom: 10px; }

.widget { margin-bottom: 40px; }

/* twitter widget */
.twitter-avatar { display: none; }
.widget_twitter ul { margin: 0; padding: 0; list-style: none; width: 100%; height: 265px; overflow: auto; }
.widget_twitter li { margin-top: 10px; margin-right: 20px; padding-top: 10px; border-top: dashed 1px #d3d3d3; }
.widget_twitter li:first-child { margin: 0; padding: 0; border: none; }
.widget_twitter .intent-meta a { margin-left: 5px; }
.widget_twitter .intent-meta a:first-child { margin-left: 0; }
.follow-button { margin-top: 20px; }

/*-------------------------------------
 NAVIGATION ELEMENTS 
--------------------------------------*/

.pagenavi { width: 100%; margin: 20px 0 20px 0; padding: 10px 0 10px 0; border-top: solid 1px #D3D3D3; }
.pagenavi a { padding: 5px 6px 4px 6px; margin: 3px; text-decoration: none; color: #666; }
.pagenavi a:hover { color: #000; }
.pagenavi span.pages { padding: 5px 6px 4px 6px; margin: 3px; color: #825a2d; font-weight: bold; border: 1px solid #999; }
.pagenavi span.current { padding: 5px 6px 4px 6px; margin: 3px; font-weight: bold; border-bottom: 2px solid #666; color: #000; }
.pagenavi span.expand { padding: 5px 6px 4px 6px; margin: 3px; }

/* old code
.pagenavi { margin: 20px 0 20px 0; padding: 5px 1px 5px; float: left; width: 98%; background: url(images/pagination_bg.gif) no-repeat center; }
.pagenavi a { padding: 5px 6px 4px 6px; margin: 3px; text-decoration: none; border: 1px solid #ccc; color: #666; background-color: inherit; }
.pagenavi a:hover { border: 1px solid #444; color: #444; background-color: #eee; }
.pagenavi span.pages { padding: 5px 6px 4px 6px; margin: 3px; color: #825a2d; font-weight: bold; border: 1px solid #999; background-color: inherit; }
.pagenavi span.current { padding: 5px 6px 4px 6px; margin: 3px; font-weight: bold; border: 1px solid #666; color: #444; background-color: #eee; }
.pagenavi span.expand { padding: 5px 6px 4px 6px; margin: 3px; border: 1px solid #ccc; color: #444;  background-color: inherit; }
.pagenavi .first, .pagenavi .last { border: 1px solid #aaa; }
.pagenavi .single_page { border: 1px dashed #ccc; } */

/*-------------------------------------
 CONTACT ELEMENTS 
--------------------------------------*/

.wpcf7 {  }
.wpcf7 input[type=text] { border: solid 1px #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 5px; width: 264px; height: 24px; padding: 3px; }
.wpcf7 textarea { border: solid 1px #aaa; width: 334px; height: 174px; padding: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 5px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
.wpcf7 input[type=submit] { width: 60px; background: #6d6e71; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; border: none; color: #ffffff; font-weight: bold; }


/*-------------------------------------
 FOOTER ELEMENTS 
--------------------------------------*/

#footer { border-top: solid 1px #D3D3D3; margin-top: 40px; padding-top: 20px; }

#fleft { display: block; float: left; width: 300px; }
	#fleft #searchform { margin-bottom: 10px; }
#fright { display: block; float: right; }
	#fright ul { margin: 0; padding: 0; }
	#fright li { list-style: none; float: left; font-size: 11px; padding: 0 5px 0 5px; border-left: solid 1px #D3D3D3; text-transform: uppercase; line-height: 8px; }
	#fright li:first-child { border: none; padding-left: 0; }
	#fright a { color: #333; }
	#fright a:hover { border-bottom: solid 1px #666; }
	#fright p.copyright { font-size: 11px; color: #999; margin-bottom: 0; float: right; margin-top: 30px; }


} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */