/*   
Theme Name: Verizon Youth Speaks
Theme URI: 
Description: Custom Theme developed for Verizon Youth Speaks MiniSite.
Author: MVMT
Author URI: http://mvmt.com/
Template: thematic
Version: 0.1
.
.
*/


/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('3c-r-fixed-primary-988px.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors
   For demonstration purposes we're using the default Thematic style
   For major changes I recommend copying over the default styles into this file */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


/* =Category Menu
-------------------------------------------------------------- */
#category-access{ border-bottom:1px solid #ccc;height:20px;font-size:12px;  padding:8px 0;overflow:visible;z-index:150}
/* uncomment the following two selectors in case your category list wraps into a second row
#category-access{height:96px}
body.ie7 #category-access{height:64px}
*/
.menu-title{color:#666;float:left;font-style:italic;line-height:20px;margin-right:10px}
#category-access .sf-menu{ border-color:transparent}
#category-access .sf-menu a{border:1px solid transparent;margin-right:3px;padding:3px 6px;}
#category-access .sf-menu li:hover, #category-access .sf-menu li:hover a, #category-access .sf-menu li.sfHover, #category-access .sf-menu li.sfHover a, 
#category-access .sf-menu a:focus, #category-access .sf-menu a:hover, #category-access .sf-menu a:active{ background: #fafafa; outline:0;  border-color:#ccc}
#category-access .sf-menu ul a{ background:#fafafa;border-color:#ccc;border-right:none;border-bottom:none;margin-right:0}

/* =Default Widgets
-------------------------------------------------------------- */
#crown h3{font-size:17px; padding:0 0 4px 0}
#crown #thematic-power-blog-subscribe{padding:0 0 44px 0; position:relative}
#crown #thematic-power-blog-subscribe h3{position:absolute; top:0; left:0}
#crown #thematic-power-blog-subscribe ul{list-style:none; margin:0; position:absolute; top:0; right:0}
#crown #thematic-power-blog-subscribe ul li{padding:0}
#crown #thematic-power-blog-subscribe a{background:url(images/feed-icon-14x14.gif) no-repeat 10px 6px;  border:1px solid #ccc;  -webkit-border-radius:.35em;  -moz-border-radius:.35em;  border-radius:.35em;  padding:6px 16px 6px 32px;   text-decoration:none}
/* Fix for the a-tag border bug in IE7 */
body.ie7 #crown #thematic-power-blog-subscribe a{float:left}
#thematic-power-blog-about ul{ list-style:none;  margin-left:0}
#thematic-power-blog-about a.more{ display:block;  text-align:right}

/* =Global Elements
-------------------------------------------------------------- */
body {font-family:"Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;}
body, input, textarea{font-size:13px;line-height:22px}
h1, h2, h3, h4, h5, h6 {font-weight:600;}
a, a:link, a:visited {color:#ED1B35;}
a:hover{}

#header{height:150px;background:transparent url('img/header-bg.jpg') top center repeat-x;/* background:#36a7a5; */margin-top:0}
#branding{margin-bottom:22px;padding:0;height:150px;background:transparent url('img/branding-bg.png') center left no-repeat; /* Bottom padding is the same height as the image called above */}
#blog-description{display:none;}
#branding a {height:150px;display:block;}
#branding .hide {visibility:hidden;}

#leader{border-bottom:1px solid #ccc;margin-bottom:-22px;padding:22px 0 11px 0}
#header-adspace{padding:0;margin:0;text-align:center;position:relative;z-index:30}
#header-adspace-container{width:988px;margin:0 auto;height:0;overflow:visible;position:relative;z-index:31}
#header-adspace .aside{float:right;right:0;padding:25px 0 0;margin:0;z-index:32}

#main {padding-top:22px;}
#content{background: #FCF3B2 url('img/sidebar-bg.jpg') top center repeat-x;}
.hentry{}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {font-style:normal;} 
#content .entry-title {padding:20px 0 0 20px;}
.entry-meta, .entry-utility {font-size:11px;}
.entry-content {color:#666;padding-left:20px;}
div.sociable {background:#FCF3B2;padding:10px;margin-bottom:font-size:16px;}
#videocomment {background:#EC8E1C;padding:10px;margin-bottom:font-size:16px;}
#videocomment a {color:#fff;}

#content .aside {border:none;padding:10px 0 0 0;}
.crown-aside{ color:#666;  padding-top:22px;  margin:0}
.attachment-jpeg .crown-aside, .attachment.png .crown-aside{ display:none}
.crown-aside a, .crown-aside a:link, .crown-aside a:visited {color:#ED1B35;}
.crown-aside a:active, .crown-aside a:hover{ color:#000}
.crown-aside ul{ padding:0 20px;}
.crown-aside ul ul{ border:none; padding:0; display:block; margin:20px 0;}
.crown-aside ul .widgetcontainer { display:block; margin:0 0 20px;}
.main-aside{ padding-top:22px}
.main-aside ul{ padding:0 20px;width:272px;}
.main-aside ul ul{ padding:0}
.aside, .aside input{ font-size:12px;}
.aside h3 {font-style:normal;font-weight:600;}
.aside ul ul {margin-left:0;}
.aside ul li{list-style:none;margin-left:0;}

#sidebar {overflow:visible;background: #FCF3B2 url('img/sidebar-bg.jpg') top center repeat-x;}
#text-400697801{margin:-22px 0 22px -20px;}
#crown{border:1px solid #ccc;border-width:1px 0 1px 0;}
#index-top {margin:22px auto;padding:18px;border:1px solid #CCC;border-width:1px 0;background:transparent;display:table;float:none;width:610px;position:relative;}
#index-top #video {width:610px;height:380px;background:#444;float:left;display:inline;position:relative;}
#index-top #video object, #index-top #video param {float:left;display:inline;}
#index-top #video-description {background:#FFF;float:left;padding:22px 22px 8px;clear:both;width:566px;}
#index-top #video-description h2 {font-size:24px;padding:0 0 10px;}
#index-top #video-thumb-container {background:transparent;display:block;padding-top:18px;clear:both;height:100px;}
#index-top #video-thumb-container h4 {font-size:24px;padding:22px 0 10px 10px;}
#index-top #video-thumb-container .video-thumb {background:#FFF;float:left;display:block;height:100px;width:100px;margin:0 11px 22px;padding-bottom:0;overflow:hidden;position:relative;}
#index-top #video-thumb-container .video-thumb h4 {position:absolute;bottom:0;padding:5px;font-size:11px;line-height:12px;}
#index-top #video-thumb-container .video-thumb.first {margin-left:0;}
#index-top #video-thumb-container .video-thumb.last {margin-right:0;}
#content #index-insert.aside {border:none;margin:0 0 22px;padding-bottom:44px;}
#content #index-insert.aside ul {padding:0;margin:0}
#content #index-insert.aside ul li {padding:0;margin:0}
#primary{border:1px solid #ccc; border-width:0;  padding:22px 0 11px 0;  width:215px}
#secondary{border:1px solid #ccc; border-width:0; /* keeping a border on the left for no-js */ margin-left:-1px; /* offsets the 1px border on the left */ padding:22px 0 11px 0;width:215px}

#breadcrumb-nav{border-top:1px solid #ccc;  color:#666;  font-size:13px;  line-height:18px;  margin-bottom:-22px}
#breadcrumb-nav a{color:#666}
#breadcrumb-nav a:active, #breadcrumb-nav a:hover{color:#FF4B33}
#breadcrumb-nav-container{margin:0 auto;padding:11px 0;width:988px}
#breadcrumb-nav-container p{ margin:0}
#footer{}
#footer p {font-size:14px;margin-bottom:0;}

.wp-pagenavi span.pages{padding:4px !important}