/* PHOTOS */

#bg-1337 {
background-color: rgba(0,2,5,0.95);
}

.css-1337 {
background-color: rgba(255,255,255,0);
box-shadow: 0px 2px 2px rgba(0,0,0,0);
padding: 0px;
}

#bg-1337 .postImg {
        margin-top: 48px;
        background-color: rgba(255,255,255,0.025);
        padding: 12px;
}

#bg-1337 h1 { margin-bottom: 64px; color: white;}
#bg-1337 h1 a { color: white;}

.content.css-1337 {padding-top: 48px; border-top: 1px solid rgba(255,255,255,0.1);}
.content.css-1337 p {color: white;}

#bg-1337 a {color: rgba(255,255,255,1);}
#bg-1337 .brand {display:none;}
#bg-1337 .sig {display:none;}
#bg-1337 .icon-arrow-left, #bg-1337 .icon-arrow-right {border: 2px solid rgba(255,255,255,1);}

@media only screen and (min-width: 480px) and (max-width: 767px)  {
#bg-1337 .postImg {
        background-color: rgba(255,255,255,0.05);
        padding: 1px;
}
}

@media only screen and (max-width: 480px) {
#bg-1337 .postImg {
        background-color: rgba(255,255,255,0.05);
        padding: 1px;
        border: none;
}
}

/* END PHOTOS */

/* CHALK */

#bg-1560 {
background-color: rgba(0,2,5,0.95);
background-image: url("../images/chalk.jpg");
background-position: center top;
background-repeat: no-repeat;
background-size: auto;
}

.css-1560 {
background-color: rgba(255,255,255,0);
box-shadow: 0px 2px 2px rgba(0,0,0,0);
padding: 0px;
}

#bg-1560 .postImg {
        margin-top: 48px;
        background-color: rgba(255,255,255,0.025);
        padding: 12px;
}

@font-face {
	font-family: "chalk1";
	src: url(../fonts/Return_To_Sender.ttf) format("truetype");
	}
@font-face {
	font-family: "chalk2";
	src: url(../fonts/a_song_for_jennifer.ttf) format("truetype");
	}
@font-face {
	font-family: "chalk3";
	src: url(../fonts/Chalk-hand-lettering.ttf) format("truetype");
	}
@font-face {
	font-family: "chalk4";
	src: url(../fonts/HandyGeorge.ttf) format("truetype");
	}
@font-face {
	font-family: "chalk5";
	src: url(../fonts/Bergamot-Ornaments.ttf) format("truetype");
	}

.chalkboard {width: 50%; margin: 0px auto; margin-top: -96px; padding: 40px 0px; border-top: 6px dotted white; border-bottom: 6px dotted white;}
.chalk1 {color: white; text-align: center; font-family: 'chalk1', sans-serif; font-size: 110px; line-height: 100%; margin-top: 12px; margin-bottom: -12px;}
.chalk2 {color: white; text-align: center; font-family: 'chalk2', sans-serif; font-size: 48px; line-height: 100%;}
.chalk3 {color: white; text-align: center; font-family: 'chalk3', sans-serif; font-size: 52px; line-height: 100%;}
.chalk4 {color: white; text-align: center; font-family: 'chalk4', sans-serif; font-size: 52px; line-height: 100%;}
.chalk5 {color: white; text-align: center; font-family: 'chalk5', sans-serif; font-size: 60px; line-height: 100%;}

#bg-1560 h1 { margin-bottom: 64px; color: rgba(0,0,0,0);}
#bg-1560 .dominant { color: rgba(0,0,0,0);}
#bg-1560 .dominant a { color: rgba(0,0,0,0);}
#bg-1560 h1 a { color: rgba(0,0,0,0);}


.content.css-1560 {padding-top: 48px; border-top: 1px solid rgba(255,255,255,0);}
.content.css-1560 p {color: white;}

#bg-1560 .brand-title  a {color: rgba(255,255,255,1);}
#bg-1560 .main-menu a {color: rgba(255,255,255,1);}
#bg-1560 .respond a {color: rgba(255,255,255,1);}
#bg-1560 .dateBox {color: rgba(255,255,255,1);}
#bg-1560 .dominant a {color: rgba(255,255,255,1);}
#bg-1560 .dateBox a {color: rgba(255,255,255,1);}
#bg-1560 .twitter {color: rgba(255,255,255,1);}
#bg-1560 .twitter a {color: rgba(255,255,255,1);}
#bg-1560 .nav {color: rgba(255,255,255,1);}
#bg-1560 .nav a {color: rgba(255,255,255,1);}
#bg-1560 .brand {color: rgba(255,255,255,1);}
#bg-1560 .brand {display:none;}
#bg-1560 .sig {display:none;}
#bg-1560 .icon-arrow-left, #bg-1560 .icon-arrow-right {border: 2px solid rgba(255,255,255,1);}

@media only screen and (min-width: 480px) and (max-width: 767px)  {
#bg-1560 .postImg {
        background-color: rgba(255,255,255,0.05);
        padding: 1px;
}

.chalkboard {width: 50%; margin: 0px auto; margin-top: -96px; padding: 20px 0px; border-top: 4px dotted white; border-bottom: 4px dotted white;}
.chalk1 {color: white; text-align: center; font-family: 'chalk1', sans-serif; font-size: 64px; line-height: 100%; margin-top: 12px; margin-bottom: -12px;}
.chalk2 {color: white; text-align: center; font-family: 'chalk2', sans-serif; font-size: 30px; line-height: 100%;}
.chalk3 {color: white; text-align: center; font-family: 'chalk3', sans-serif; font-size: 42px; line-height: 100%;}
.chalk4 {color: white; text-align: center; font-family: 'chalk4', sans-serif; font-size: 30px; line-height: 100%;}
.chalk5 {color: white; text-align: center; font-family: 'chalk5', sans-serif; font-size: 50px; line-height: 100%;}

}

@media only screen and (max-width: 480px) {
#bg-1560 .postImg {
        background-color: rgba(255,255,255,0.05);
        padding: 1px;
        border: none;
}

.chalkboard {width: 50%; margin: 0px auto; margin-top: -96px; padding: 20px 0px; border-top: 4px dotted white; border-bottom: 4px dotted white;}
.chalk1 {color: white; text-align: center; font-family: 'chalk1', sans-serif; font-size: 48px; line-height: 100%; margin-top: 6px; margin-bottom: -6px;}
.chalk2 {color: white; text-align: center; font-family: 'chalk2', sans-serif; font-size: 24px; line-height: 100%;}
.chalk3 {color: white; text-align: center; font-family: 'chalk3', sans-serif; font-size: 30px; line-height: 100%;}
.chalk4 {color: white; text-align: center; font-family: 'chalk4', sans-serif; font-size: 24px; line-height: 100%;}
.chalk5 {color: white; text-align: center; font-family: 'chalk5', sans-serif; font-size: 40px; line-height: 100%;}

}

/* END CHALK */

/* CHRISTMAS */

@font-face {
	font-family: "Xmas";
	src: url(../fonts/Amatic-Bold.ttf) format("truetype");
	}

#bg-1118{
background-image: url("wallpaper.png"), url("../images/bg-1118.jpg");
background-position: center top, center top;
background-repeat: repeat, no-repeat;
background-size: auto, auto;
background-color: rgb(64,118,141);
}

.css-1118 {
background-color: rgba(255,255,255,0);
box-shadow: 0px 2px 2px rgba(0,0,0,0);
color: white;
padding: 0px;
}

.content.css-1118 {padding-top: 48px; border-top: 1px solid rgba(255,255,255,0.1);}

#bg-1118 a {color: rgba(255,255,255,1);}
#bg-1118 .brand {display:none;}
#bg-1118 .sig {display:none;}
.css-1118 h1 { font-family: 'Xmas', "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 60px; line-height: 125%;}
.css-1118 p { width: 320px; margin: 0px auto; font-family: 'Xmas', "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 24px; line-height: 125%; letter-spacing: 1px;}
#bg-1118 .icon-arrow-left, #bg-1118 .icon-arrow-right {border: 2px solid rgba(255,255,255,1);}

@media only screen and (max-width: 767px) {
.css-1118 h1 { font-family: 'Xmas', "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 48px; line-height: 125%;}
.css-1118 p { width: 220px; margin: 0px auto; font-family: 'Xmas', "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 16px; line-height: 125%; letter-spacing: 1px;}
}

/* END CHRISTMAS */

/* DINOSAUR */

@font-face {
	font-family: "Xmas";
	src: url(../fonts/Amatic-Bold.ttf) format("truetype");
	}

#bg-1462{
background-image: url("../images/bg-1462.png");
background-position: center top;
background-repeat: no-repeat;
background-size: auto;
}

.css-1462 h1 { font-family: 'Xmas', "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 60px; line-height: 125%;}
.css-1462 p { width: 500px; margin: 0px auto; font-family: 'Xmas', "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 24px; line-height: 125%; letter-spacing: 1px;}

@media only screen and (max-width: 767px) {
.css-1462 h1 { font-family: 'Xmas', "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 48px; line-height: 125%;}
.css-1462 p { width: 220px; margin: 0px auto; font-family: 'Xmas', "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 16px; line-height: 125%; letter-spacing: 1px; }
.css-1462 p.img{width: 300px;}
}

/* END DINOSAUR */


/* LOGO*/

#bg-1129{
background-image: url("http://people.mozilla.org/~smartell/blog/20130627/1129-0.jpg");
background-position: center -448px;
background-repeat: no-repeat;
background-color: rgb(255,255,255,1);
}

.css-1129 {
background-color: rgba(255,255,255,0);
box-shadow: 0px 2px 2px rgba(0,0,0,0);
padding: 0px;
}

#bg-1129 .content {padding-top: 48px; border-top: 1px solid rgba(255,255,255,0.1); overflow: visible;}

#bg-1129 .brand {display:none;}
#bg-1129 .sig {display:none;}
#bg-1129 h1 { margin-bottom: 64px; color: white;}
#bg-1129 h1 a { color: white;}


#bg-1129 .brand-title  a {color: rgba(255,255,255,1);}
#bg-1129 .main-menu a {color: rgba(255,255,255,1);}
#bg-1129 .respond a {color: rgba(0,0,0,0.8);}
#bg-1129 .dateBox {color: rgba(255,255,255,1);}
#bg-1129 .dominant a {color: rgba(255,255,255,1);}
#bg-1129 .dateBox a {color: rgba(255,255,255,1);}
#bg-1129 .twitter {color: rgba(255,255,255,1);}
#bg-1129 .twitter a {color: rgba(255,255,255,1);}
#bg-1129 .nav {color: rgba(255,255,255,1);}
#bg-1129 .nav a {color: rgba(255,255,255,1);}
#bg-1129 .brand {color: rgba(255,255,255,1);}
#bg-1129 .icon-arrow-left, #bg-1129 .icon-arrow-right {border: 2px solid rgba(255,255,255,1); color: rgba(255,255,255,1);}

.point-1129 {position: relative; top: -8px; display: inline; padding: 1px 4px; border-radius: 100%; background-color: #dbdbdb; color: #5e5e5e; line-height: 8px; font-size: 8px; text-align: center;}

@media only screen and (min-width: 768px) and (max-width: 991px) {
#bg-1129 .large-image-1129 {width: 100%; height: auto;}
.top-image-1129 img {width: 400px; margin-top: -60px;}
.large-image-1129 img {position: relative; max-width: 94%; max-height: 100%; height: auto; width: auto;}
.large-side-1129 {position: relative; float: right; width 500px; margin-right: -150px;}
.callout-1129 {font-family: 'Title', "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; line-height: 100%; font-size: 200%; width: 300px; margin: 60px 100px 100px 100px; color: #0095DD;}
}

@media only screen and (min-width: 480px) and (max-width: 767px)  {
#bg-1129{background-position: center -528px;}
#bg-1129 .large-image-1129 {width: 100%; height: auto;}
.top-image-1129 img {width: 280px; margin-top: -60px;}
.large-image-1129 img {position: relative; max-width: 94%; max-height: 100%; height: auto; width: auto;}
.large-side-1129 {position: relative;}
.large-side-1129 img {margin: 0px auto;}
.callout-1129 {visibility: hidden;}
}


@media only screen and (max-width: 480px) {
#bg-1129{background-position: center -492px;}
#bg-1129 .large-image-1129 {width: 100%; height: auto;}
.top-image-1129 img {width: 280px; margin-top: 0px;}
.large-image-1129 img {position: relative; max-width: 94%; max-height: 100%; height: auto; width: auto;}
.large-side-1129 {position: relative;}
.large-side-1129 img {margin: 0px auto;}
.callout-1129 {visibility: hidden;}
}

@media only screen and (min-width: 992px)  { 
#bg-1129 .large-image-1129 {width: 100%; height: 360px;}
.top-image-1129 img {margin-top: -100px;}
.large-image-1129 img {position: absolute; max-width: 100%; max-height: 100%; height: auto; width: auto; margin-left: -75px;}
.large-side-1129 {position: relative; float: right; width 500px; margin-right: -150px;}
.callout-1129 {font-family: 'Title', "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; line-height: 100%; font-size: 200%; width: 300px; margin: 60px 100px 100px 100px; color: #0095DD;}

}

/* END LOGO */

/* LIGHTBEAM */

#bg-1547 {
background-color: rgb(77,78,83);
}

.css-1547 {
background-color: rgba(255,255,255,0);
box-shadow: 0px 2px 2px rgba(0,0,0,0);
padding: 0px;
}

#bg-1547 .postImg {
        margin-top: 48px;
        background-color: rgba(255,255,255,0.025);
        padding: 12px;
}

#bg-1547 h1 { margin-bottom: 64px; color: white;}
#bg-1547 h1 a { color: white;}
.css-1547 a {color: rgba(174,224,238,1);}

.content.css-1547 {padding-top: 48px; border-top: 1px solid rgba(255,255,255,0.1);}
.content.css-1547 p {color: white;}

#bg-1547 .brand-title  a {color: rgba(255,255,255,1);}
#bg-1547 .main-menu a {color: rgba(255,255,255,1);}
#bg-1547 .respond a {color: rgba(255,255,255,1);}
#bg-1547 .dateBox {color: rgba(255,255,255,1);}
#bg-1547 .dominant a {color: rgba(255,255,255,1);}
#bg-1547 .dateBox a {color: rgba(255,255,255,1);}
#bg-1547 .twitter {color: rgba(255,255,255,1);}
#bg-1547 .twitter a {color: rgba(255,255,255,1);}
#bg-1547 .nav {color: rgba(255,255,255,1);}
#bg-1547 .nav a {color: rgba(255,255,255,1);}
#bg-1547 .brand {color: rgba(255,255,255,1);}
#bg-1547 .brand {display:none;}
#bg-1547 .sig {display:none;}
#bg-1547 .icon-arrow-left, #bg-1547 .icon-arrow-right {border: 2px solid rgba(255,255,255,1);}

@media only screen and (min-width: 480px) and (max-width: 767px)  {
#bg-1547 .postImg {
        background-color: rgba(255,255,255,0.05);
        padding: 1px;
}
}

@media only screen and (max-width: 480px) {
#bg-1547 .postImg {
        background-color: rgba(255,255,255,0.05);
        padding: 1px;
        border: none;
}
}

/* END DARK */

/* DARK */

#bg-1449 {
background-image: url("../images/bg-1449.png");
background-position: center top;
background-repeat: no-repeat;
background-size: auto;
background-color: rgb(0,0,0);
}

.css-1449 {
background-color: rgba(255,255,255,0);
box-shadow: 0px 2px 2px rgba(0,0,0,0);
padding: 0px;
}

#bg-1449 .postImg {
        margin-top: 48px;
        background-color: rgba(255,255,255,0.025);
        padding: 12px;
}

#bg-1449 h1 { margin-bottom: 64px; color: white;}
#bg-1449 h1 a { color: white;}

.content.css-1449 {padding-top: 48px; border-top: 1px solid rgba(255,255,255,0.1);}
.content.css-1449 p {color: white;}

#bg-1449 .brand-title  a {color: rgba(255,255,255,1);}
#bg-1449 .main-menu a {color: rgba(255,255,255,1);}
#bg-1449 .respond a {color: rgba(255,255,255,1);}
#bg-1449 .dateBox {color: rgba(255,255,255,1);}
#bg-1449 .dominant a {color: rgba(255,255,255,1);}
#bg-1449 .dateBox a {color: rgba(255,255,255,1);}
#bg-1449 .twitter {color: rgba(255,255,255,1);}
#bg-1449 .twitter a {color: rgba(255,255,255,1);}
#bg-1449 .nav {color: rgba(255,255,255,1);}
#bg-1449 .nav a {color: rgba(255,255,255,1);}
#bg-1449 .brand {color: rgba(255,255,255,1);}
#bg-1449 .brand {display:none;}
#bg-1449 .sig {display:none;}
#bg-1449 .icon-arrow-left, #bg-1449 .icon-arrow-right {border: 2px solid rgba(255,255,255,1);}

@media only screen and (min-width: 480px) and (max-width: 767px)  {
#bg-1449 .postImg {
        background-color: rgba(255,255,255,0.05);
        padding: 1px;
}
}

@media only screen and (max-width: 480px) {
#bg-1449 .postImg {
        background-color: rgba(255,255,255,0.05);
        padding: 1px;
        border: none;
}
}

/* END DARK */


/* DARK */

#bg-1587, #bg-1595, #bg-1598 {
background-color: rgb(77,78,83);
}

.css-1587, .css-1595, .css-1598 {
background-color: rgba(255,255,255,0);
box-shadow: 0px 2px 2px rgba(0,0,0,0);
padding: 0px;
}

#bg-1587 .postImg, #bg-1595 .postImg, #bg-1598 .postImg {
        margin-top: 48px;
        background-color: rgba(255,255,255,0.025);
        padding: 0px;
        border: 12px solid rgba(0,0,0,0.2);
}

#bg-1587 h1, #bg-1595 h1, #bg-1598 h1 { margin-bottom: 64px; color: white;}
#bg-1587 h1 a, #bg-1595 h1 a, #bg-1598 h1 a { color: white;}

.content.css-1587, .content.css-1595, .content.css-1598 {padding-top: 48px; border-top: 1px solid rgba(255,255,255,0.1);}
.content.css-1587 p, .content.css-1595 p, .content.css-1598 p {color: white;}

#bg-1587 h2, #bg-1595 h2, #bg-1598 h2 {color: rgba(255,255,255,1);}

#bg-1587 .brand-title  a, #bg-1595 .brand-title  a, #bg-1598 .brand-title  a {color: rgba(255,255,255,1);}
#bg-1587 .main-menu a, #bg-1595 .main-menu a, #bg-1598 .main-menu a {color: rgba(255,255,255,1);}
#bg-1587 .respond a, #bg-1595 .respond a, #bg-1598 .respond a {color: rgba(255,255,255,1);}
#bg-1587 .dateBox, #bg-1595 .dateBox, #bg-1598 .dateBox {color: rgba(255,255,255,1);}
#bg-1587 .dominant a, #bg-1595 .dominant a, #bg-1598 .dominant a {color: rgba(255,255,255,1);}
#bg-1587 .dateBox a, #bg-1595 .dateBox a, #bg-1598 .dateBox a {color: rgba(255,255,255,1);}
#bg-1587 .twitter, #bg-1595 .twitter, #bg-1598 .twitter {color: rgba(255,255,255,1);}
#bg-1587 .twitter a, #bg-1595 .twitter a, #bg-1598 .twitter a {color: rgba(255,255,255,1);}
#bg-1587 .nav, #bg-1595 .nav, #bg-1598 .nav {color: rgba(255,255,255,1);}
#bg-1587 .nav a, #bg-1595 .nav a, #bg-1598 .nav a {color: rgba(255,255,255,1);}
#bg-1587 .brand, #bg-1595 .brand, #bg-1598 .brand {color: rgba(255,255,255,1);}
#bg-1587 .brand, #bg-1595 .brand, #bg-1598 .brand {display:none;}
#bg-1587 .sig, #bg-1595 .sig, #bg-1598 .sig {display:none;}
#bg-1587 .icon-arrow-left, #bg-1587 .icon-arrow-right, #bg-1595 .icon-arrow-left, #bg-1595 .icon-arrow-right, #bg-1598 .icon-arrow-left, #bg-1598 .icon-arrow-right {border: 2px solid rgba(255,255,255,1);}

@media only screen and (min-width: 480px) and (max-width: 767px)  {
#bg-1587 .postImg, #bg-1595 .postImg, #bg-1598 .postImg {
        background-color: rgba(255,255,255,0.05);
        padding: 0px;
}
}

@media only screen and (max-width: 480px) {
#bg-1587 .postImg, #bg-1595 .postImg, #bg-1598 .postImg {
        background-color: rgba(255,255,255,0.05);
        padding: 1px;
        border: none;
}
}

/* END DARK */