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

Theme Name: MLEVCOM
Theme Author: Vcommunications
Author URI: http://www.vcommunications.co.uk/

**********************************************************************************************

0.  CSS Reset  -------------------------  All Theme Files
1.  Basic Setup  -----------------------  All Theme Files
2.  Header Styles  ---------------------  header.php
3.  Navigation and Menu Styles  --------  header.php
4.  Search Form  -----------------------  searchform.php
5.  Main Content Styles  ---------------  index.php, single.php, page.php
6.  Home Page Styles  ------------------  home.php
7.  Video Container  -------------------  home.php, single.php
8.  Multiple Post Pages  ---------------  index.php
9.  Single Post Pages  -----------------  single.php, page.php
10. Post Comment Styles  ---------------  comments.php
11. Sidebar and Widgets  ---------------  sidebar.php, cat-posts.php, related-posts.php
12. Footer Styles  ---------------------  footer.php
13. Share This  ------------------------  oerwrite styles

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

@import url("pt-sans/stylesheet.css");

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

0. CSS Reset  -------------------------  All Theme Files

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

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
width:100%;
}

fieldset, img {border: 0;}

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

ol, ul {list-style: none;}
caption, th {text-align: left;}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

h4, h5, h6 {
color: rgb(0, 164, 229);
}

q:before, q:after {content: '';}
abbr, acronym {border: 0;}


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

1. Basic Setup  -----------------------  All Theme Files

*********************************************************************************************/
body {
width: auto;
height: auto;
font-family: 'PTSansRegular', sans-serif;
color: #DDD;
font-size: 12px;
line-height: 20px;
overflow-x:hidden;
}

html>body {
min-height: 1200px;
height: auto;
}

a:link, a:visited {
color: orange;
}

a:hover {
text-decoration:underline !important;
}

h1 {font-size: 24px;}
h2 {font-size: 18px;}
h3 {font-size: 14px;}
h1, h2, h3, h4, h5, h6, strong { font-family: 'PTSansCaptionRegular', arial, helvetica, sans-serif; }

#header h1 {
padding: 32px 0;
}

h2 {
margin: 0 0 5px 0;
}

abbr,acronym {
border-bottom: 1px dotted;
cursor: help;
}

em {font-style: italic;}
ol,ul {margin: 0;}
ol li {list-style: decimal outside;}
ul li {list-style: none;}

th,td {
border: 1px solid;
padding: 8px;
vertical-align: top;
}

table.noborder th, table.noborder td {
border:none;
}

th {
font-weight:bold;
}

blockquote {
color: #666666;
padding: 0 0 0 15px;
font-style: italic;
border-left: 1px solid #999999;
}

caption {
margin-bottom: 8px;
text-align: center;
}

p,fieldset,table {margin-bottom: 15px;}
a:link, a:visited {text-decoration: none;}

:focus {
outline: 0;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}


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

2. Header Styles  ---------------------  header.php

*********************************************************************************************/
#header {
width: 100%;
background: url(images/white-fade-bg.png) repeat-x #DFDDD8;
border-bottom: 1px solid #555555;
z-index:600000;
position: fixed;
min-height:74px;
top:0px;
}

#header-inside, #menu-inside {
width: 960px;
margin: 0px auto;
}

#header-left { /* For the Menu */
float: left;
padding: 42px 0px 0px 0px;
position: relative;
}

#header-right { /* For the Logo */
float: right;
}

#header-right img { /* For the Optional Header Ad */
float: right;
margin: 15px 15px 15px 0px;
}


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

3. Navigation and Menu Styles  --------  header.php

*********************************************************************************************/
#navigation {
width: 100%;
float: left;
}

#navigation-inside {
width: 960px;
margin: 0px auto;
}

.call-num {
color: rgb(0, 164, 229);
font-size: 15px;
text-shadow: 1px 1px #FFF;
padding: 9px 12px !important;
}

li.call-num:hover {
background: none !important;
}

.menu, .menu * { /* SuperFish Menu Styles */
margin: 0;
padding: 0;
list-style: none;
}

#header-left .menu {

}

.menu {
font-family: 'PTSansCaptionRegular', arial, helvetica, sans-serif;
float: left;
font-size: 13px;
line-height: 0.9;
}

.menu a {
color: #555555;
display: block;
}

#sec_menu .menu a {
text-shadow:none;
color: #FFF;
-moz-opacity:.65;
filter:alpha(opacity=65);
opacity:.65;
}

#sec_menu .menu a:hover {
-moz-opacity:1;
filter:alpha(opacity=100);
opacity:1;
}

#sec_menu .menu {
background:none;
}

.menu a:hover {
color: #00A4E5;
text-shadow:1px 1px #DDD;
}

.menu ul li {
display:inline;
}

.menu ul {
position: absolute;
left:0px;
top: -15000px;
width: 960px; /* Left Offset of Sub-Menus Need to Match */
border-top:1px solid #444;
}

.menu li:hover ul,
.menu li.sfHover ul {
/* Match Top UL List Item Height */
top: 74px;
z-index: 10000;
}

ul.menu li:hover li ul,
ul.menu li.sfHover li ul {
top: -15000px;
}

ul.menu li li:hover ul,
ul.menu li li.sfHover ul {
top: 0;
}

ul.menu li li:hover li ul,
ul.menu li li.sfHover li ul {
top: -15000px;
}

ul.menu li li li:hover ul,
ul.menu li li li.sfHover ul {
top: 0;
}

.menu li {
float: left;
border-left: 1px solid #BBBBBB;
padding: 10px 12px;
}

.menu li:first-child {
border-left: none;
}

.menu li:hover {
visibility: inherit; /* Fixes IE7 Sticky Bug */
background: url('images/menu_bg_hover.png') repeat-x 0px 2px;
}

.menu li ul {
background: url('images/sec-menu-bg.png');
font-size: 12px;
margin: 0 0 0 0px;
}

.menu li li {
background: none;
}

.menu li li:hover {
background:none;
}

.menu li li ul {
background: #FFFFFF;
margin: -20px 0 0 -50px;
}

.menu li li li ul {
background: #DFDDD8;
margin: -20px 0 0 -100px;
}

ul.children li { border-left:1px solid #888888;padding:0px; }
ul.children li:hover { background:url('images/sec-menu-bg.png'); }
ul.children li a { color:white;display:block;padding:10px 12px; }
ul.children li a:hover { color: #000000;text-shadow:1px 1px #888888; }

li.twitter {
background: url(images/twitter.png) right no-repeat;
padding-right: 20px;
}

li.subscribe {
background: url(images/rss.png) right no-repeat;
padding-right: 20px;
}


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

4. Search Form  -----------------------  searchform.php

*********************************************************************************************/
#search {
float: right;
margin: 0;
}

input#s {
background: none repeat scroll 0 0 #FFFFFF;
border: medium none;
float: left;
font-size: 12px;
height: 23px;
margin: 0px 5px 0 0;
padding: 1px 5px;
width: 170px;
}

input#search-submit {
background: url(images/but_bg_blue.png) repeat;
border: medium none;
color: #FFFFFF;
float: left;
font-size: 12px;
font-weight: bold;
height: 25px;
width: 54px;
}

input#search-submit:hover {
background: url(images/but_bg_blue_hover.png) repeat;
}


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

5. Main Content Styles  ---------------  index.php, single.php, page.php

*********************************************************************************************/
#content {
width: 100%;
float: left;
border-top:1px solid #555555;
}

#banner-container, .pushdown, #video-container {
padding-top:75px;
}

#content-inside, #head-punchline {
width: 960px;
margin: 0px auto;
overflow:hidden;
}

#content-inside{
padding-top:30px;
}

#head-punchline-inside {
color: #FFFFFF;
float: left;
margin-bottom: 30px;
margin-left: 12px;
margin-top: 40px;
width: 480px;
}

#head-punchline-inside h1 {
font-weight:normal;
margin-bottom:15px;
}

.divider-margin {
border-top: 1px solid #DFDDD8;
width: 960px;
height: 2px;
float: left;
margin: 30px 0 30px 0;
}

.divider-top {
/*border-top: 1px solid #DFDDD8;
border-bottom: 1px solid #fcfcfc;*/
width: 960px;
height: 0px;
float: left;
margin: 30px 0 0 0;
}

.divider {
border-top: 1px solid #DFDDD8;
width: 960px;
height: 1px;
float: left;
margin: 0;
}


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

6. Home Page Styles  ------------------  home.php

*********************************************************************************************/
#hometitle {
color: white;
font-size: 17px;
margin: 20px 0 0 !important;
text-align: center;
text-shadow: 1px 1px 2px #000000;
width: 100%;
}

#channels-title {
width: 960px;
float: left;
color: #FFFFFF;
margin: 30px 0 0 0;
padding: 12px 0 10px 0;
}

#channels-title p {
float: left;
font-size: 16px;
font-weight: bold;
margin: 0;
padding: 8px 0 0 0;
}

#channels {
width: 100%;
float: left;
padding-top:30px;
position:relative;
z-index:1;
}

#channels-inside {
width: 960px;
margin: 0px auto;
}

#channels-wrapper {
background: url('images/dark-bg.png');
width: 960px;
float: left;
margin: 0px;
padding: 0 0 32px 0;
}

#channels h3 {
color: #FFFFFF;
width: 960px;
height: 40px;
float: left;
font-size: 18px;
font-weight: normal;
margin: 30px 0 -10px 0;
padding: 12px 0 0 0;
text-align: center;
}

#channels h4 {
/*color: #FFFFFF;
position: absolute;
margin: 120px 0 0 12px;
font-size: 14px;*/
}

.post-image-home {
width: 200px;
height: 150px;
float: left;
margin: 20px 0 0 32px;
position: relative;
}

.inner_bg {
background: url(images/post-frame.png) 0 0;
width: 200px;
height: 150px;
position: absolute;
top:0px;
left:0px;
}

.inner_bg:hover {
background: url(images/post-frame.png) 0 -150px;
}

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

7. Video Container  -------------------  home.php, single.php

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

#banner-container {
text-shadow:1px 1px #000;
background: url("images/dark-bg.png");
position:relative;
width: 100%;
float: left;
overflow:hidden;
}

#banner-container-inside {
width: 960px;
min-height:190px;
margin: 0px auto;
overflow:hidden;
}

#video-container {
background:url(images/dark-bg.png) repeat;
position:relative;
width: 100%;
border-top: 1px solid #222222;
border-bottom: 1px solid #555555;
}

#video-container-single {
width: 960px;
float: left;
margin: 0 0 30px 0;
}

#video-container-inside {
padding-top:18px;
display:table;
width: 960px;
margin: 0px auto;
}

#video-top {
width: 960px;
height: 10px;
float: left;
}

#video {
width: 960px;
float: left;
padding: 0px 0 20px 0;
position:relative;
}

#video-single {
width: 960px;
float: left;
padding: 10px 0 10px 0;
}

.video-embed {
margin: 0 auto 30px auto;
text-align: center;
}

.video-embed-home {
float: left;
padding: 0 0 0 20px;
}

.video-desc {
width: 300px;
float: left;
position:relative;
padding: 0 0 0 20px;
}

.video-desc a {
text-decoration: underline;
}

.video_inner h2 a {
color:#FFF;
text-decoration: none;
}

.video_inner {
position:absolute;
}

.video_inner p {
color:#FFF;
text-shadow:1px 1px #444;
}

a.continue-reading {
background: url(images/but_bg_blue.png) repeat;
color: #FFFFFF;
font-family: 'PTSansRegular', sans-serif;
float: left;
padding: 8px 15px 8px 15px;
text-decoration: none;
margin-right:15px;
}

.inner_bg a.continue-reading {
font-size: 14px;
left: 12px;
position: absolute;
top: 102px;
}

a.continue-reading:hover,  a.post-frame-channel:hover {
background: url(images/but_bg_blue_hover.png) repeat;
}

#video h2 {
margin: 0 0 5px 0;
padding: 0;
text-shadow:1px 1px #444;
}

#video-bottom {
width: 960px;
height: 10px;
float: left;
}

#post-nav {
width: 960px;
position: relative;
}

.previous-post a {
background: url(images/left.png) 0 0;
position: absolute;
width: 46px;
height: 46px;
top: 20px;
left: -35px;
z-index: 500000;
}

.previous-post a:hover {
background: url(images/left.png) 0 -46px;
}

.next-post a {
background: url(images/right.png) 0 0;
position: absolute;
width: 46px;
height: 46px;
top: 20px;
right: -35px;
z-index: 500000;
}

.next-post a:hover {
background: url(images/right.png) 0 -46px;
}


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

8. Multiple Post Pages  ---------------  index.php

*********************************************************************************************/
#breadcrumbs, #sec_menu {
width: 936px;
float: left;
padding:5px 12px;
background:url("images/sec-menu-bg.png") repeat scroll 0 0 transparent;
}

#breadcrumbs {
padding:12px !important;
}

#breadcrumbs a {
color:#00A4E5;
}

#sec_menu {
position:relative;
z-index:50;
}

#breadcrumbs p {
float: left;
font-size: 14px;
margin: 0;
padding: 2px 0 0 0;
}

#breadcrumbs span {
float:left;
}

.multiple {
width: 960px;
float: left;
margin: 0 0 30px 0;
padding: 0 0 15px 0;
background: url("images/dark-bg.png") repeat scroll 0 0 transparent;
}

.post-meta {
float: left;
margin: 0;
min-height: 190px;
min-width: 240px;
padding: 0 40px 0 0;
}

.entry-multiple {
width: 630px;
float: left;
}

.entry {
width:660px;
float:left;
padding:15px;
background: url(images/dark-bg.png);
}

.entry p {
color:#DDD;
}

.entry iframe {
float:left;
clear:none;
}

.colone {
margin:0px 30px 30px 0px;
}

.entry h3 {
color: rgb(0, 164, 229);
clear:both;
border-bottom:1px solid #DDDDDD;
padding-bottom:5px;
margin-bottom:10px;
}

.widget h4 a:after, .entry a:after{
content:" \00BB";
}

.gallery-icon a:after{
content:"";
text-decoration:none;
}

.details {
border-bottom: 1px solid #BBBBBB;
float: left;
margin: 0 0 15px;
padding: 0;
width: 660px;
}

.deatils 
.details-single {
margin: 0;
}

.details li {
display: inline;
float: left;
padding:10px 30px 10px 5px;
background: none !important;
}

.date {
background: url(images/date-dark.png) left no-repeat;
padding: 0 0 0 25px;
}

.author {
background: url(images/author-dark.png) left no-repeat;
padding: 0 0 0 25px;
}

.comments {
background: url(images/comments-dark.png) left no-repeat;
padding: 0 0 0 25px;
}

.category {
background: url(images/category-dark.png) left no-repeat;
padding: 0 0 0 25px;
}

.post-image {
float: left;
padding: 20px 0 20px 40px;
}

.single .post-image {
padding: 0px;
}

.single .post-meta {
padding-right: 30px;
}

.post-frame-video {
background: url(images/post-frame.png) 0 0;
width: 200px;
height: 150px;
position: absolute;
}

.post-frame-video:hover {
background: url(images/post-frame.png) 0 -150px;
}

.post-frame-post {
background: url(images/post-frame.png) 0 0;
width: 200px;
height: 150px;
position: absolute;
}

.post-frame-post:hover {
background: url(images/post-frame.png) 0 -150px;
}

#pagination {
padding: 18px 12px 6px 12px;
}

#pagination a {
font-size: 14px;
}

#nav-back {
width: 468px;
float: left;
}

#nav-back a:before {
content: "< ";
}

#nav-forward a:after {
content: " >";
}

#nav-forward {
width: 468px;
float: right;
text-align: right;
}


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

9. Single Post Pages  -----------------  single.php, page.php

*********************************************************************************************/
.single {
width: 100%;
float: left;
margin: 0 0 15px 0;
}

.single-page {
width: 960px;
float: left;
margin: 0 0 -15px 0;
}

.entry-single, .entry-single-vid {
float: left;
}

.entry-single a, .entry-multiple a {
text-decoration: underline;
}

.entry-single h2 a, .entry-multiple h2 a {
text-decoration: none;
}

.entry ul, .entry-single ul, .entry-multiple ul {
margin: 0 0 15px 0;
}

.entry ul li, .entry-single ul li, .entry-multiple ul li {
background: url(images/bullet.png) top left no-repeat;
padding-left: 18px;
padding-top: 0;
}

.entry ol, .entry-single ol, .entry-multiple ol {
margin: 0 15px 15px 20px;
}

p img {
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 5px;
margin: 0 0 2px 15px;
clear:both;
}

img.alignleft {
padding:5px 5px 5px 0;
margin: 0 15px 2px 0;
clear:both;
}

.wp-caption {
background: #DFDDD8;
text-align: center;
padding: 15px 10px 10px 10px;
margin: 0 0 20px 20px;
}

.wp-caption img {
padding: 0;
margin: 0 0 5px;
}

.wp-caption-text {
margin: 10px 0 0;
padding: 0;
}

.wp-caption .wp-caption-text, .wp-caption .wp-caption-dd {
font-size: 12px !important;
text-align: center;
margin: 0;
padding: 0;
}


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

10. Post Comment Styles  ---------------  comments.php

*********************************************************************************************/
#comments {
width: 100%;
float: left;
margin: 0 0 30px 0;
}

#comments-meta {
background: #DFDDD8;
color: #464648;
width: 100%;
float: left;
margin: 0 0 0 0;
padding: 12px;
}

#comments-meta p {
float: left;
font-size: 14px;
margin: 0;
padding: 5px 0 5px 0;
}

/* Begin Comment Styles */
.avatar {
background: #DFDDD8;
margin: 0 20px -35px 10px;
padding: 12px;
}

.comment-author {
width: 300px;
position: absolute;
margin: 0 0 0 -10px;
}

.fn {
margin: 0 0 0 -5px;
}

.comment-meta {
width: 300px;
position: absolute;
margin: 0 0 0 90px;
padding: 0;
}

#comments ol li {
list-style: none;
}

ol.commentlist li {
border-bottom: 1px solid #777;
width: 100%;
float: left;
padding: 30px 0 20px 0;
min-height: 80px;
}

ol.commentlist li.alt {
border-bottom: 1px solid #DFDDD8;
width: 960px;
float: left;
padding: 30px 0 20px 0;
min-height: 80px;
}

ol.commentlist li p {
width: 630px;
float: left;
margin: 0 0 15px 330px;
}

ol.commentlist li ul.children {
list-style: none;
text-indent: 0;
}

ol.commentlist li ul.children li {
border-bottom: none;
padding: 25px 0 0 0;
}

ol.commentlist li ul.children li.alt {
border-bottom: none;
padding: 25px 0 0 0;
}

ol.commentlist li ul.children li.depth-2 {margin: 0;}
ol.commentlist li ul.children li.depth-3 {margin: 0;}
ol.commentlist li ul.children li.depth-4 {margin: 0;}
ol.commentlist li ul.children li.depth-5 {margin: 0;}

ol.commentlist li div.reply {
background: #7AC142;
font-size: 10px;
border: none;
position: absolute;
margin: 48px 0 0 90px;
padding: 0 6px 0 6px;
}

ol.commentlist li div.reply a {
color: #FFFFFF;
}

/* Begin Form Styles */
#leave-reply {
background: #DFDDD8;
color: #464648;
width: 100%;
float: left;
margin: -36px 0 30px 0;
padding: 12px;
}

#leave-reply p {
float: left;
font-size: 14px;
margin: 0;
padding: 5px 0 5px 0;
}

#respond {
width: 100%;
}

.comment-details {
width: 330px;
float: left;
}

.cancel-comment-reply a {
background: #7AC142;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
width: 78px;
height: 26px;
float: right;
margin: -47px 0 0 0;
padding: 6px 0 0 0;
text-align: center;
}

.cancel-comment-reply a:hover {
background: #70B23E;
}

#author, #email, #url {
background: #CCCCCC;
border: none;
font-size: 14px;
width: 274px;
height: 32px;
padding: 2px 0 0 15px;
}

#comment {
background: #CCCCCC;
border: none;
font-size: 14px;
width: 300px;
height: 142px;
padding: 15px;
}

input#submit {
background: url(images/but_bg_blue.png) repeat;
color: #FFFFFF;
font-weight: bold;
font-size: 12px;
border: none;
cursor: pointer;
width: 101px;
height: 32px;
float: right;
}

input#submit:hover {
background: url(images/but_bg_blue_hover.png) repeat;
}


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

11. Sidebar and Widgets  ---------------  sidebar.php, cat-posts.php, related-posts.php

*********************************************************************************************/
#sidebar-home, #sidebar-single, #sidebar-page {
width: 100%;
float: left;
margin: 30px 0 0 0;
}

#sidebar-multiple, #foothome {
width: 100%;
float: left;
}

#sidebar-home-inside, #sidebar-multiple-inside, #sidebar-single-inside, #sidebar-page-inside, #footwrap {
width: 960px;
margin: 0px auto;
}

#sidebar-left {
width: 300px;
float: left;
margin: 0 30px 0 0;
}

#sidebar-center {
width: 300px;
float: left;
margin: 0 30px 0 0;
}

#sidebar-right {
width: 300px;
float: left;
margin: 0;
}

#sidebar h2 {
font-size: 13px;
font-weight: bold;
}

.sidebar {
width:210px !important;
margin-left:30px;
padding-top:20px;
float:right !important;
}

.widget  {
background: url('images/dark-bg.png');
width: 270px;
float: left;
margin: 0 0 30px 0;
padding: 15px;
}

.widget-title {
color: rgb(0, 164, 229);
font-size: 18px;
margin: 0 0 20px 0;
}

.widget h4 {
font-size: 14px;
margin: 0 0 5px 0;
}

.sidebar-ad {
margin: 5px;
}

.formLeft {
float:left;
clear:left;
margin-bottom:8px;
padding:4px 2px;
}

.formRight {
float:right;
clear:right;
margin-bottom:8px;
}

.formRight input, .formRight textarea {
font-family: 'PTSansRegular',sans-serif;
font-size: 11px;
border:1px solid #BBB;
width:200px;
padding:5px;
}

.formRight input[type="submit"] {
width:212px;
}

.textwidget .formRight input[type="submit"] {
width:270px;
}

.textwidget .formRight input, .textwidget .formRight textarea {
width:258px;
}

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

12. Footer Styles  ---------------------  footer.php

*********************************************************************************************/
#footer {
width: 100%;
float: left;
}

#footer-inside {
/*border-top: 1px solid #DFDDD8;*/
width: 960px;
margin: 0px auto;
padding: 20px 0 50px 0;
}

#footer h3 {
color: #464648;
}

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

13. Share This  ---------------------  Overwrite Styles

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

#facebook { background: url("/wp-content/themes/MLEVCOM/images/links.png") repeat scroll 30px 0 transparent;display: block;float: left;height: 30px;margin: -4px 0 3px 5px;width: 30px; }
#twitter { background: url("/wp-content/themes/MLEVCOM/images/links.png") repeat scroll 0 0 transparent; display: block; float: left; height: 30px; margin: -4px 0 3px 5px; width: 30px; }
.stButton .stTwVbubble { padding:0 4px 0 2px !important; }
.stFb_left { background-image: none !important; }