/*   
Theme Name: MediaBreakers
Theme URI: http://mediabreakers.com
Description: Theme for MediaBreakers
Author: Sean O'Grady
Author URI: http://miralize.com
Version: 2.0
*/

/* Basic Structure */

@font-face {
	font-family: 'Folks';
	src: url('fonts/Folks-Bold.eot');
	src: local('Folks Bold'), local('Folks-Bold'), url('fonts/Folks-Bold.woff') format('woff'), url('fonts/Folks-Bold.ttf') format('truetype'), url('fonts/Folks-Bold.svg#Folks-Bold') format('svg');
	font-weight: bold;
}

@font-face {
	font-family: 'Folks';
	src: url('fonts/Folks-Normal.eot');
	src: local('Folks Regular'), local('Folks-Normal'), url('fonts/Folks-Normal.woff') format('woff'), url('fonts/Folks-Normal.ttf') format('truetype'), url('fonts/Folks-Normal.svg#Folks-Normal') format('svg');
	font-weight: normal;
}

@font-face {
	font-family: 'Folks';
	src: url('fonts/Folks-Light.eot');
	src: local('Folks-Light Regular'), local('Folks-Light'), url('fonts/Folks-Light.woff') format('woff'), url('fonts/Folks-Light.ttf') format('truetype'), url('fonts/Folks-Light.svg#Folks-Light') format('svg');
	font-weight: light;
}


html {font-size: 16px;}

body {font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; font-size: 62.5%; background: #fff; color: #2e2e2e; }

body.home {background: url(images/bg.png) repeat-x top #fff;}

#container { width: 960px; margin: 0 auto; }

#header {width: 960px; height: 100px; border-bottom: 3px double #66bae1;}

.home #header {border-bottom: none;}

#fold {height: 400px; width: 960px; overflow: hidden; margin-bottom: 10px;}

#content {width: 960px; }

#primary {width: 640px; display: inline; float: left; margin-right: 40px; display: inline;}

#secondary {width: 280px; float: left;}

#footer	{font-size: 1.1em; width: 940px; overflow: hidden; padding: 13px 10px; background: #66bae1; color: #fff; margin-bottom: 20px;}


/* Generic Classes */

.clear {clear: both;}
a {text-decoration: none; color: #66bae1; outline:none;}
a:hover {text-decoration: underline;}
strong {font-weight: bold;}
em {font-style: italic;}
.left {float: left;}
.right {float: right;}
.alignright {float: right; padding: 5px; margin: 0 0 10px 20px ; border: 1px solid #d9d9d9;  background: #e5e5e5; }
.alignleft {float: left; padding: 5px; margin: 0 20px 10px 0;  border: 1px solid #d9d9d9;  background: #e5e5e5;}
div.wp-caption {text-align: center; color: #06393f;}
div.wp-caption p {padding: 5px 7px;}

/* Container */


/* Header */

#logo h1 a, #logo h3 a  {font-size: 2.4em; display: block; float: left; text-indent: -9999px; overflow: hidden; width: 250px; height: 100px; background:url(images/logo.png) no-repeat; }
/*
ul#menu {float: right; display: block; background: #66bae1; }

ul#menu li {display: inline; float: left; padding: 0 5px; position: relative;}

ul#menu li ul {display: none;}

ul#menu li ul{ margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
border-top: 1px solid white}

#jsddm li ul li{float: none;
display: inline}

ul#menu li a {color: #fff; display: block; padding: 13px 10px; text-transform: uppercase; font-size: 1.1em; }
*/
#menu {float: right; display: block; background: #66bae1; padding: 0 5px;}
#menu, #menu ul {margin:0;list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300;}
#menu a {display:block; padding:13px 10px; font-size: 1.1em; text-transform:uppercase; color:#fff; text-decoration:none;}
#menu a:hover {color: #4e4e4e;}
#menu li.current_page_item a { color:#2e2e2e;}
#menu ul li.current_page_item a {color: #66bae1;;}
#menu li {float:left; position:relative;}
#menu ul {position:absolute; display:none; width:120px; top:40px; right:20px; padding: 0;}
#menu li.current_page_item ul a {color: #fff;} 
#menu ul a { background: #2a2a2a;}
#menu ul a:hover {background: #66bae1; color: #fff;}
#menu li ul {width:120px;}
#menu li ul a {width:120px; height:auto; float:left;  border-bottom:1px solid #c8c8c8;}
#menu ul ul {top:auto;}
#menu li ul ul {left:120px; margin:0px 0 0 10px;}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul {display:none;}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul {display:block;}
/* Primary */
.entry {padding:10px 0;position: relative;}

.entry .side {position: absolute; width: 60px; left: -70px; top:15px; } 

.date {width: 40px; padding: 8px 10px; color: #fff; text-transform: uppercase; font-family:"Folks","Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; background: #66bae1; text-align: center; letter-spacing: 1px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px;}

.commlink {background: #4a4a4a;-moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; padding: 5px; text-align: center;  font-size: 1em; text-transform: uppercase; margin: 5px 0 0;}
.commlink  a {color: #fff;}
.fbshare {margin: 10px 0; display: block;}
.tweetmeme_button {margin: 10px 3px; display: inline-block;}
.day{font-size: 2.5em; line-height: 1;}

.month {font-size: 1.8em;}

.year {font-size: 1.5em;}

.entry h1, .entry h2 {font-size: 3em; font-family:"Folks","Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; padding-bottom: 5px; }

.entry h2 {font-size: 2.6em;}

.entry h2 a {color: #66bae1;}

.entry h2 a:hover {color: #2e2e2e;}

.entry .meta {font-size: 1.2em; color: #a5a5a5; padding: 5px 0 10px; display: inline-block;}

.entry .meta a{color: #66bae1; }

.entry p {font-size: 1.2em; text-align: justify; padding-bottom: 5px; line-height: 1.6;}

.entry ul {padding: 5px 10px 0; margin: 0 10px; list-style: outside}

.entry li {font-size: 1.2em; padding-bottom: 5px;}

.more {font-size: 1.3em;}

.comment {padding: 20px; margin: 10px 0; background: #f5f5f5; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; width: 600px; overflow: hidden;}
	.children .comment {width: 474px; float: right; background: #fbfbfb;}
	
	.comment .comment-meta, .comment .comment-author {color: #2a2a2a; font-style: italic; font-family: Georgia, Times, serif; font-size: 1.2em; border-bottom: 1px solid #bababa; padding-bottom: 5px; margin-bottom: 10px;  display: inline-block;}
	.comment .comment-author {width: 64px; float: left; margin-right: 20px; border-bottom: none;}
	.comment .comment-meta a {color: #66bae1; font-weight: bold; font-family:Helvetica, Verdana, Arial, sans-serif; text-decoration: none; font-style: normal;}
	.comment .comment-author a {color: #66bae1;}
	.comment p{ font-size: 1.3em;  line-height: 1.7; color: #3a3a3a; padding-bottom: 10px;}
	.comment .reply {display: block; text-align: right; color: #2a2a2a; font-style: italic; font-family: Georgia, Times, serif; font-size: 1.2em; }
	#comments h2, #comments h3 { color: #66bae1 ; font-size: 3em;  letter-spacing: -1px; line-height: 1; padding: 10px 0;  font-family:"Folks","Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; }
	


/* Secondary */

.widget {padding:10px 0;}

.widget h3 {padding: 5px 0; color: #2e2e2e; font-size: 2.4em;font-family:"Folks","Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; }

.widget ul li, .widget p {font-size: 1.3em; padding: 5px 0 0;}

.widget ul li ul {font-size: 0.7em; padding: 5px;}


.snlinks ul li {padding-bottom:  10px;}
.twitter a{background: url(images/twitter.png) no-repeat; padding-top: 10px; width: 280px; height: 40px; text-indent: -9999px; overflow: hidden; display: block;}


.youtubelink a{background: url(images/youtube.png) no-repeat; padding-top: 10px; width: 280px; height: 40px; text-indent: -9999px; overflow: hidden; display: block;}


.mailing {background: url(images/mailing.png) no-repeat top left; padding: 50px 10px 10px; height: 240px; width: 260px; display: block;}

.mailing  h4 {text-indent: -9999px; overflow: hidden; }

.mailing p {font-size: 1.5em; color: #fff; padding:0 5px 5px; line-height: 1.5;}
/* Footer */

#footer {font-size: 1.3em;}

#footer a {color: #fff; text-decoration: underline;}


/* Homepage */

#embedvideo {margin: 20px 20px 20px 0; display: inline; padding: 10px; background: #2e2e2e; float: left; -moz-border-radius: 5px; -webkit-border-radius:5px;}

#headline {float: left; color: #fff; margin: 20px 0; display: inline; font-family:"Folks","Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; width: 320px;}

#headline h1 {font-size: 4em; line-height: 1; margin-bottom: 10px; width: 320px; }

#headline p{font-size: 3.5em; line-height: 1; font-weight: light; width: 320px; text-align: justify; color: #e4e4e4;}

#headline ul{font-size: 2em; font-weight: light;  color: #e4e4e4; width: 320px;}

#headline ul li {padding: 5px 0 0 0; list-style: outside; margin-left: 15px }


/* Our Work */

#videowork .item {width: 470px; overflow: hidden; display: inline; float: left; margin: 20px 20px 20px 0;  }

#videowork .nomargin {margin:20px 0;}

#videowork h1 {font-size: 4.2em; font-family:"Folks","Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; color: #2e2e2e; padding: 10px 0 0; width: 960px; display: inline-block; text-align: center; font-weight: bold;}

#videowork h2 {font-size: 3em; font-family:"Folks","Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; color: #66bae1; padding: 10px 0 0; width: 960px;  display: inline-block; text-align: center; margin-bottom: 10px;}

#videowork p {font-size: 1.3em; text-align: justify;}


#clientlist {width: 940px; overflow: hidden; background: #66bae1; padding:20px 10px; margin: 0 0 30px; -moz-border-radius: 5px;}

#clientlist li {display: inline; float: left; width: 168px; margin: 0 10px; text-align: center; background: #fff; -moz-border-radius: 5px; height: 110px}

#clientlist li img{margin: 0 auto; vertical-align: middle;     -moz-border-radius: 3px;
}

.item-video {width: 460px; padding: 5px 5px 2px;  background: #d9d9da; -moz-border-radius: 2px; -webkit-border-radius:2px;}

.item-video:hover {background: #9a9a9a;}

.item-entry {width: 470px; padding: 0;}

.item-entry h4 {font-size: 2.2em; font-family:"Folks","Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; padding: 5px 0; text-align: justify;}

.item-entry p {font-size: 1.2em; text-align: justify; padding-bottom: 5px; line-height: 1.6;}