/*!
 *  The Ever Evolving and Never Quite Finished Stylesheet 
 *  -------------------------------------------------------

 *0. RESET
 *1. HTML/CONTAINERS/SECTIONS
 *2. COLORS
 *3. IMAGES
 *4. LINKS
 *5. FLOAT & PAD
 *6. BASIC LIST UL OL
 *7. FORMS & SEARCH
 *8. SOCIAL ICONS
 *10.HEADERS/FOOTERS  
 *  Contact
 *  -------------------------------------------------------
 *  Email: holly@hollyworks.com
 *  Twitter: http://twitter.com/hollyworks2go
 *  HollyWorks.com
*/


/* 0. RESET & FIXES TO BOOTSTRAP  */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block;}

body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

  
.cf:before,
.cf:after {
 content: " "; /* 1 */
 display: table; /* 2 */
}

.cf:after {
 clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
 *zoom: 1;
}

/* Fix Google Maps canvas  Wrap your Google Maps embed in a `.google-map-canvas`  */
.google-map-canvas,
.google-map-canvas * { .box-sizing(content-box); }

.img-responsive { width:100%; max-width: 100%; height:auto; }


*::-moz-selection {
background: none repeat scroll 0 0 #EC2125;
color: #FFFFFF;
}


/* FIXES AND TWEAKS */

.container, .row, *.*, .sidebar, .sidebar-search, .callout, .mehdi {
  -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.col-md-3 {
padding-left: 0px;
padding-right: 0px;
}

.row {
margin-left: 0;
margin-right: 0;
}

/* 1. HTML & CONTAINER */

html, header, footer, body {
width:100%;
margin:0;
padding:0;
}

html {
height: 100%;
}


/* container cannot have position:relative or flexnav dropmenus don't work */

.container {
clear: both;
width:100%;
max-width:960px;
margin:0 auto;
padding:0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}



.content {
}

 
.section {width:100%;}







/* 2. COLORS */

body {color:#555555;}

.white  {color:#ffffff;}
 .white-wall {background-color:#ffffff;}


h5 a {color:#333333;}
.toggle a {color:#333333;}


/* 3. IMAGES */
 
img {max-width:100%; height:auto;}

.rounded {border-radius: 6px 6px 6px 6px;}
.round {border-radius: 500px 500px 500px 500px;}
.avatar {border-radius: 50px 50px 50px 50px; margin-right:4px;margin-bottom:15px;}




/* 4. LINK COLORS AND ICONS */

 

a.white {color:#ffffff; text-decoration:none;}
a.white:hover {color:#c933c4; text-decoration:none;}
a.white:visited {color:#ffffff; text-decoration:none;}

a.gray {color:#747474; text-decoration:none;}
a.gray:hover {color:#ffffff; text-decoration:none;}
a.gray:visited {color:#747474; text-decoration:none;}



.content a:link {text-decoration:none;color: #1a72b6;}
.content a:hover { color: #2185d2; border-bottom:1px dotted #cee9fe; }
.content a:visited { padding:2px 4px; color: #1a72b6; text-decoration:none; background-color:#d1e1ee;}
.content a:active { color: #5baff7; text-decoration:none;}

a[href$=".pdf"] {
 background: url("../img/pdf.png") no-repeat scroll right center rgba(0, 0, 0, 0);
 padding: 5px 18px 5px 0;
 font-weight:bold;
 color:#d72c19;
}

 
 

/* 5. FLOAT AND PAD */


.right {float:right;}
.left {float:left;}
.hide, .hidden, #abstract {display: none;}
.show {display: block;}


.pad50 {padding:50px;}
.pad40 {padding:40px;}
.pad30 {padding:30px;}
.pad20 {padding:20px;}
.pad10 {padding:10px;}
.padcontent {padding:30px 20px 15px 40px;}
.padfoot {padding:30px 0 15px 0;}




/* 6. BASIC LISTS OL UL */


.content ul {margin-left: 20px;padding: 0;list-style: none;}
.content ul li {margin-left:30px; margin-bottom:10px;}
.content ul.snug li {margin-left:30px; margin-bottom:5px;}
.content ul.bullets li:before {color:#454545; content: "\f105";font-family: FontAwesome !important;font-size: 11px;padding-right: 10px;}

ul.nobull {list-style: none;}



 

/* 7. FORMS - glowing input */

input[type=text], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
padding: 3px 0px 3px 3px;
border: 1px solid #ddd;
}
 
input[type=text]:focus, textarea:focus {
box-shadow: 0 0 5px rgba(178, 220, 33, 1);
padding: 3px 0px 3px 3px;
border: 1px solid rgba(194, 203, 263, 1);
}


#aj_submit.magnifying-glass {
display:inline-block;
border:0;
float:right;
width:30px;
height:30px;
background: url(../img/viewerwhite.png) no-repeat center center;
}





/* 8. SOCIAL ICONS */

header .container ul.social-icons,  ul.social-icons{
list-style-type:none;
display:block;
cursor: pointer;
height: 32px;
line-height: 32px;
/* float:right; */
width:160px;
height:32px;
margin:0;
margin:0;
}

header .container ul.social-icons  li, .container ul.social-icons  li,  ul.social-icons  li  {
width: 32px;
height:32px;
display:inline-block;
text-indent:-9999px;
margin:0 5px 0 0;
float:left;
}

header .container ul.social-icons  li a, .container ul.social-icons  li a, ul.social-icons  li a{
width: 32px;
height:32px;
display:block;
text-indent:-9999px;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

header .container ul.social-icons  li a.facebook, .container ul.social-icons  li a.facebook, ul.social-icons  li a.facebook {background: url('../img/facebook.png') no-repeat;}
header .container ul.social-icons  li a.twitter, .container ul.social-icons  li a.twitter, ul.social-icons  li a.twitter{background: url('../img/twitter.png') no-repeat;}
header .container ul.social-icons  li a.youtube, .container ul.social-icons  li a.youtube, ul.social-icons  li a.youtube  {background: url('../img/youtube.png') no-repeat;}
header .container ul.social-icons  li a.email, .container ul.social-icons  li a.email, ul.social-icons  li a.email  {background: url('../img/email.png') no-repeat;}
header .container ul.social-icons  li a.linkedin, .container ul.social-icons  li a.linkedin,  ul.social-icons  li a.linkedin {background: url('../img/linkedin.png') no-repeat;}

header .container ul.social-icons  li a:hover, .container ul.social-icons  li a:hover,  ul.social-icons  li a:hover{
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}









/* 9. HEADERS AND FOOTERS & OVERLAY */






footer {
width:100%;
background: #747474;
background: none repeat scroll 0 0 rgba(116, 116, 116, 0.50);
clear: both;
padding: 30px 0;
margin:0 auto;
}

 
 
 

/* 0. IMPORTS */

@font-face{
  font-family:'FontAwesome';
  src:url('../font/fontawesome-webfont.eot?v=3.0.1');
  src:url('../font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
  url('../font/fontawesome-webfont.woff?v=3.0.1') format('woff'),
  url('../font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
  font-weight:normal;
  font-style:normal }


/* 1. FONT STACKS */

.arial {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
.arialblack {font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;}
.caslon {font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;}
.georgia {font-family: Georgia, Times, "Times New Roman", serif;}
.gillsans {font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;}
.goudy {font-family: "Goudy Old Style", Garamond, "Big Caslon", "Times New Roman", serif;}
.helvetica {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}







/* 4. FANCYPANTS */


.text-shadow {text-shadow: 0px 0px 3px #444;}


.rule {margin-bottom: 1em;border-bottom: 1px dotted #e8e8e8;}

.caption {font-size:11px; line-height:12px; margin:0; padding:0; color:#747474; text-align:right;display:inline-block; width:100%;}

.photo-caption {margin:10px; padding:4px;}




figure {
display: table;
width: 300px;
margin:10px;
padding:5px;
}

/* responsive */
figure.res { 
width:98%;
}


figcaption, p.teaser {
display: block;
font-family: "myriad-pro",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 11px;
line-height: 17px;
margin: 5px 0;
text-align: left;
color:#555555;
}



.aside-byline {
font-family: 'Open Sans', 'myriad-pro' ,sans-serif;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
color:#555555;
padding:0 6px 0 0;
}



body, html {
font-family: 'Open Sans', 'myriad-pro' ,sans-serif;
font-style: normal;
font-weight: 400;
}


p, .content ul, .content ol, content p  { font-size: 15px; line-height: 24px; 
margin:0 0 20px 0;
font-family: 'Open Sans', 'myriad-pro' ,sans-serif;
font-style: normal;
font-weight: 400;
padding:0;
}



p.compact {
font-size: 13px;
line-height: 20px;
}


p.lead  { font-size: 22px; line-height: 28px; 
margin:0 0 30px 0;
font-family: "myriad-pro",sans-serif;
font-style: normal;
font-weight: 300;
}


p.tiny {
font-size: 11px;
line-height: 15px;
}



p.fin:after {content:url('../img/fin.png');}

table.bibtable tr {
	border-bottom: 2px solid #000;
}

table.bibtable td {
	padding: 5px;
}

table.bibtable td + td {
	text-align: right;
}

div.authorgrid {
	width: 150px;
	height: 230px;
	float: left;
	margin: 5px; 
	
}


.amp {
color: #747474;
font-family: Baskerville,"Goudy Old Style","Palatino","Book Antiqua","Warnock Pro",serif;
font-size: 1.3em;
font-style: italic;
font-weight: lighter;
line-height: 1em;
}


 
.footer-text {
font-size: 11px;
line-height: 15px;
color#747474;
display:inline;
}


/*MN: These styles will be applied on the side bar to make the <p> tags more flexibles for editors*/
.sidebar-features-edit {margin-left:15px;}
div.sidebar-features-edit p{font-size:12px; line-height:20px; color:#555555; display: table; line-height: 1.4; }
div.sidebar-features-edit p img{border-radius: 50px 50px 50px 50px; margin-right:4px;margin-bottom:15px; float:left}
div.sidebar-features-edit p i{font-family: 'Open Sans' !important;font-style: italic; font-weight: 400;}

.forthcoming_scroll{height:600px; overflow:auto;}

.expandable-content {
    display: none;
}

.expanded-content {
    display: block;
    font-size: 0.9em;
    margin-top: 0.5em;
}

.expanded-content p {
    display: block;
    font-size: 1.03em;
    margin-top: 0.5em;
}

.expanded-content{
    display: block;
    font-size: 0.92em;
}

.toggle {
    background: url(/siteimages/arrow_expandable.png) no-repeat right 6px;
    display: inline-block;
	/*color: #4d4d4d;
	font-size: 0.9em;*/
    font-weight: bold;
	font-family: "Open Sans",sans-serif;
	padding:0px; 
    /*padding-right: 10px;*/
}


.toggle.expanded {
    background-image: url(/siteimages/arrow_expanded.png);
}

.toggle_content{
	padding-top:20px;	
}