@charset "utf-8";
.meanmenus {
    display:none;
}

header nav {
text-align: center;
background: #efefef;
}
header nav ul {
margin: 0;
padding: 1em;
list-style-type: none;
}
header nav ul li {
display: inline;
margin-left: 1em;
}
header nav ul li:first-child {
margin-left: 0;
}
header nav ul li ul {
display: none;
}

section, article, header {


width: 100%;
}
article {

}

.topheader {
	background-color: #0e151d;
	height: auto;
	width: 100%;
	padding: 15px 0;
}

.welcome_text {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 300;
	color: #FFFFFF;
	padding: 0 0 0 40px;
	float: left;
}
.clear {
	clear: both;
}
.icon_container {
	height: 14px;
	width: 93px;
	float: right;
	margin: 0 40px 0 0;
}
.icon {
	height: 14px;
	width: 15px;
	float: left;
	margin: 0 11px 0 0;
}
.instagram {
    background-image:url(http://static.tumblr.com/0ccgvfs/SKln8g0oz/sc_icon1.png);
}
.instagram:hover {
    background-image:url(http://static.tumblr.com/0ccgvfs/Dlbn8g0pp/sc_icon1_hover.png);
}
.flicker {
    background-image:url(http://static.tumblr.com/0ccgvfs/W64n8g0qa/sc_icon2.png);
}
.flicker:hover {
    background-image:url(http://static.tumblr.com/0ccgvfs/Duen8g0qw/sc_icon2_hover.png);
}
.twitter {
    background-image:url(http://static.tumblr.com/0ccgvfs/2zzn8g0rj/sc_icon3.png);
}
.twitter:hover {
    background-image:url(http://static.tumblr.com/0ccgvfs/vZin8g0s4/sc_icon3_hover.png);
}
.facebook {
    background-image:url(http://static.tumblr.com/0ccgvfs/u70n8g0ts/sc_icon4.png);
	margin:0px;
}
.facebook:hover {
    background-image:url(http://static.tumblr.com/0ccgvfs/GsQn8g0ud/sc_icon4_hover.png);
	margin:0px;
}


@media (min-width:250px) and (max-width: 350px) {
.welcome_text {
    float: none !important;
    text-align: center !important;
	padding: 0 !important;
}
.icon_container {
    float: none !important;
    margin: 15px auto !important;
}
}


.header {
	height: auto;
	width: 100%;
	padding-top: 26px;
	padding-bottom: 26px;
	background-color: #1a2129;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #232b35;
}
.logo {
	float: left;
	padding: 0 0 0 40px;
}
.tumb_menu {
	margin: 11px 0 0 0;
	padding: 0px;
	float: right;

}
.tumb_menu li {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #FFFFFF;
	list-style-type: none;
	float: left;
	padding: 12px 0;
	margin: 0 0 0 17px;
}
.tumb_menu li a{
    color:#fff;
	text-decoration:none;
	padding: 12px 13px;
	position:relative;
}
.tumb_menu li a:hover{
    background:#0e151d;
	border-radius: 3px;
	border-top:solid 1px #2b3541;
	border-bottom:solid 1px #0a0d10;
	padding: 12px 13px;
	
}
.tumb_menu li a.selected{
    background:#de2727;
	border-radius: 3px;
	border-top:solid 1px #f64c4c;
	padding: 12px 13px;
}
.tumb_menu li a:hover .arr {
    background-image:url(http://static.tumblr.com/0ccgvfs/ACSn8lfb8/menu_arow_hover.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	height:20px;
	width:100%;
	display:block;
	position:absolute;
	display:block;
}
.tumb_menu li a.selected .arr {
    background-image:url(http://static.tumblr.com/0ccgvfs/TSSn8lfaf/menu_arow_active.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	height:19px;
	width:100%;
	display:block;
	position:absolute;
	display:block;
}

.my-like {
    cursor:pointer;
}
@media (min-width:250px) and (max-width: 875px) {
.logo {
    display: block !important;
    float: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
}
}
@media (min-width:530px) and (max-width: 875px) {
.tumb_menu {
    float: none !important;
    margin: 20px auto 0 !important;
}
}
@media (min-width:415px) and (max-width: 530px) {
.tumb_menu {
    float: none !important;
    margin: 20px auto 0 !important;
    width: 415px !important;
}
.tumb_menu li {
    margin: 0 !important;
}
}
@media (min-width:250px) and (max-width: 415px) {
.tumb_menu {
    display:none!important;
}
.header {
    padding:20px 0 80px 0 !important;
}
.bannertext_container {
    margin: -285px auto 127px !important;
}
}
@media (min-width:250px) and (max-width: 330px) {
.logo {
    display: block !important;
    float: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    width: 95% !important;
}
}


.header_bottomdesign {
	background-image: url(http://static.tumblr.com/0ccgvfs/WWkn8g05b/headerbottom_design.png);
	background-repeat: repeat-x;
	height: 7px;
	width: 100%;
	position:relative;
	z-index:99;
}
.bannertext_container {
	height: 175px;
	max-width: 500px;
	margin: -253px auto 93px;
	position:relative;
	z-index:99;
	   text-align: center;
}
.bannertext_container h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 37px;
	font-weight: 700;
	color: #1a2129;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.bannertext_container h4 {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #141414;
	text-align: center;
	padding: 0px;
	margin: 10px 0 0 0;
}
.bannertext_container button {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #FFFFFF;
	padding:12px 30px;
	margin:28px auto 0;
	background-color: #de2727;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-radius: 3px;
	display:block;
	text-shadow: 1px 0 2px #612e2e;
}
.bannertext_container a {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #FFFFFF;
	padding:12px 30px;
	margin:28px auto 0;
	background-color: #de2727;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-radius: 3px;
	display:inline-block;
	text-shadow: 1px 0 2px #612e2e;
	text-decoration:none;

;
}




.image_box {
	height: auto;
	width: 275px;
	border: 1px solid #cccccc;
	border-radius: 5px;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 25px;
	float: left;
}
.image_box:hover {
    background-image:url(http://static.tumblr.com/0ccgvfs/DgCn8g0bw/hover_pattern.png);
	background-repeat:repeat;
}
.gallery_image {
	border: 4px solid #FFFFFF;
	display: block;
	margin: 12px auto 0;
	box-shadow: 0 0 1px #848484;
	border-radius: 2px;
	width:90%;
}
.detail-gallery_image {
    padding-top:20px;
    text-align:center;
    
}
.details_container figcaption p, .image_box figcaption p {
    
    margin:0px;
    
}
.share_box {
	height: 41px;
	width: 275px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
	margin: 10px 0 0 0;
	background-color: #f5f5f5;
	border-radius: 0 0 5px 5px;
}
.image_box:hover .share_box{
    background:#0e151d;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0e151d;
}
.image_date {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #616161;
	background-image: url(http://static.tumblr.com/0ccgvfs/4Kan8g0ez/imagedetail_icon1.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 20px;
	margin: 12px 0 0 15px;
	float: left;
}
.image_box:hover .image_date{
    color:#f3f3f3;
	background-image: url(http://static.tumblr.com/0ccgvfs/kIjn8g0g3/imagedetail_icon1_hover.png);
}
.share_imagebox {
	height: 13px;
	width: 64px;
	float: right;
	margin: 13px 15px 0 0;
}
.share_image {
	height: 13px;
	width: 16px;
	float: left;
	margin: 0 8px 0 0 ;
}
.image1 {
    background-image:url(http://static.tumblr.com/0ccgvfs/sdGn8g0hk/imagedetail_icon2.png);
}
.image_box:hover .image1{
    background-image:url(http://static.tumblr.com/0ccgvfs/ZSAn8jzw9/imagedetail_icon2_hover.png);
}
.image2 {
    background-image:url(http://static.tumblr.com/0ccgvfs/akhn8g0jv/imagedetail_icon3.png);
}
.image_box:hover .image2{
    background-image:url(http://static.tumblr.com/0ccgvfs/3SUn8g0kl/imagedetail_icon3_hover.png);
}
.image3 {
    background-image:url(http://static.tumblr.com/0ccgvfs/JyKn8g0l8/imagedetail_icon4.png);
	margin:0;
}
.image_box:hover .image3{
    background-image:url(http://static.tumblr.com/0ccgvfs/Px3n8g0lu/imagedetail_icon4_hover.png);
}
.my-liked {
    	height: 13px;
	height: 13px;
	width: 16px;
	float: left;
    
        background-image:url(http://static.tumblr.com/0ccgvfs/3cdn8l7hf/liked.png);
        cursor:pointer;
}
.image_container {
	height: auto;
	max-width: 906px;
	margin: 0 0 0 15px;
	padding:0 0 40px 0;
}

@media (min-width:650px) and (max-width: 960px) {
.image_container {
    height: auto;
    max-width: 630px !important;
	margin:0 auto !important;
}
}

@media (min-width:350px) and (max-width: 650px) {
.image_container {
    height: auto;
    margin:0 auto !important;
    max-width: 330px !important;
}
}

@media (min-width:250px) and (max-width: 350px) {
.image_box {
    float: none !important;
    margin: 25px auto !important;
}
.image_container {
    height: auto;
    margin:0 auto !important;
    max-width: 290px !important;
}
}


.footer {
	background-color: #0e151d;
	height: auto;
	width: 100%;
	padding: 25px 0;
}
.copyright {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 300;
	color: #8c959f;
	float: left;
	padding: 0 0 0 40px;
}
.copyright a {
color: #fff;
text-decoration:none;
}
.icon_container_footer {
	height: 14px;
	width: 93px;
	float: right;
	margin: 0 40px 0 0;
}

@media (min-width:250px) and (max-width: 630px) {
.copyright {
    float: none !important;
    padding: 0 !important;
    text-align: center !important;
}
.icon_container_footer {
    float: none !important;
    margin: 30px auto 0!important;
}
}


.container {
	display: block;
	margin: 0px auto;
}

#iview {
	display: block;
	max-width: 100%;
	min-width: 300px;
	margin-top: -6px;
/*	background: #000;
	background: rgba(0, 0, 0, 0.7);*/
	/*padding: 5px;*/
	/*border-radius: 5px;*/
	position: relative;
/*	-webkit-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);
	box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);*/
	/*margin: 40px auto;*/
	overflow: hidden;
	border-bottom: solid 1px #b0b0b0;
}

#iview .iviewSlider {
	display: block;
	width: 100%;
	height: 347px;
	overflow: hidden;
	background-position: center center!important;
	/*border-radius: 4px;*/
}



#iview div.iview-directionNav {
	position: absolute;
	top: 47%;
	left: 0px;
	z-index: 9;
	width: 100%;
}

#iview div.iview-directionNav a {
	display: block;
	cursor: pointer;
	position: absolute;
	width: 27px;
	height: 27px;
	background-image: url(http://static.tumblr.com/0ccgvfs/u5Un8g07w/bg_direction_nav.png);
	text-indent: -9999px;
	-webkit-transition: left 0.3s ease-in-out;
	-webkit-transition-property: left,right;
	-moz-transition: left 0.3s ease-in-out;
	-moz-transition-property: left,right;
	-o-transition: left 0.3s ease-in-out;
	-o-transition-property: left,right;
	-ms-transition: left 0.3s ease-in-out;
	-ms-transition-property: left,right;
	transition: left 0.3s ease-in-out; 
	transition-property: left,right;
}

#iview div.iview-directionNav a.iview-nextNav {
	right: 20px;
	background-position: 27px 0px;
}

#iview div.iview-directionNav a.iview-prevNav {
	left: 20px;
	background-position: 0px 0px
}

#iview.iview-hover div.iview-directionNav a.iview-nextNav {
	right: 20px;
}

#iview.iview-hover div.iview-directionNav a.iview-prevNav {
	left: 20px;
}

.iview-caption {
/*	background: url('../images/caption-bg.png');*/
	color: #FFF;
	border-radius: 3px;
	padding: 10px 15px;
	font-family: Verdana;
	font-size: 12px;
	text-shadow: #000 1px 1px 0px;
}

.iview-caption.caption1 {
	text-shadow: none;
}

.iview-caption.caption2 {
	background: #FFF;
	color: #000;
	text-shadow: none;
}

.iview-caption.caption3 {
	background: #c4302b;
	box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px;
	text-shadow: none;
}

#iview-preloader {
	border: #666 1px solid;
	width: 150px
}

#iview-preloader div {
	background: #666;
}
#iview-timer {
	border-radius: 10px;
	display:none!important;
}

#iview-timer div {
	border-radius: 10px;
}


/* The slider */
.iviewSlider {
	overflow: hidden;
}

/* The timer in the Slider */
#iview-timer {
	position: absolute;
	z-index: 100;
	border-radius: 5px;
	cursor: pointer;
	top: 10px !important;
	/*bottom:30px!important;*/
}

#iview-timer div {
	border-radius: 3px;
}

/* The Preloader in the Slider */
#iview-preloader {
	position: absolute;
	z-index: 1000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: #000 1px solid;
	padding: 1px;
	width: 100px;
	height: 3px;
}
#iview-preloader div {
	float: left;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	height: 3px;
	background: #000;
	width: 0px;
}

/* The strips and boxes in the Slider */
.iview-strip {
	display:block;
	position:absolute;
	z-index:5;
}
.iview-block {
	display:block;
	position:absolute;
	z-index:5;
}

/* Direction nav styles (e.g. Next & Prev) */
.iview-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.iview-prevNav {
	left:0px;
}
.iview-nextNav {
	right:0px;
}

/* Control nav styles (e.g. 1,2,3...) */
.iview-controlNav {
	position:absolute;
	z-index:9;
}
.iview-controlNav a {
	z-index:9;
	cursor:pointer;
}
.iview-controlNav a.selected {
	font-weight:bold;
}
.iview-controlNav .iview-items ul {
	list-style: none;
}
.iview-controlNav .iview-items ul li {
	display: inline;
	position: relative;
}
.iview-controlNav .iview-tooltip {
	position: absolute;
}

/* The captions in the Slider */
.iview-caption {
	position:absolute;
	z-index:4;
	overflow: hidden;
	cursor: default;
}

/* The video show in the Slider */
.iview-video-show {
	background: #000;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 101;
}
.iview-video-show .iview-video-container {
	position: relative;
	width: 100%;
	height: 100%;
}
.iview-video-show .iview-video-container a.iview-video-close {
	position: absolute;
	right: 10px;
	top: 10px;
	background: #222;
	color: #FFF;
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 29px;
	font-size: 22px;
	font-weight: bold;
	overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.iview-video-show .iview-video-container a.iview-video-close:hover {
	background: #444;
}



/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
    height:50px;
	float: left;
	width: 100%;
	position: absolute;
	top:145px;
	padding: 0;
	min-height: 42px;
	z-index: 999999;
	background: none repeat scroll 0 0 #1a2129;
}

.mean-container a.meanmenu-reveal {
	width: 30px;
	height: 22px;
	padding: 0;
	position:relative;
	left:10px!important;
	top:12px;
	margin-left:auto;
	margin-right:auto;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size:14px;
	display: block;
	font-family: 'Open Sans', 'sans-serif';
	font-weight: 300;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 5px;
	margin-top: 3px;
}

.mean-container .mean-nav {
    background: none repeat scroll 0 0 #0C1923;
    float: none !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    width: 100%;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
	background: none repeat scroll 0 0 #1a2129;
    border-bottom: 1px solid #0c1014;
    border-top: 1px solid #28323d;
}
.mean-container .mean-nav ul li:last-child {
	position: relative;
	float: left;
	width: 100%;
	background: none repeat scroll 0 0 #1a2129;
    border-bottom: 1px solid #0c1014;
    border-top: 1px solid #28323d;
	border-radius: 0 0 10px 10px;
}
.mean-container .mean-nav ul li:hover {
	position: relative;
	float: left;
	width: 100%;
	background: none repeat scroll 0 0 #324151;
    border-bottom: 1px solid #0c1014;
    border-top: 1px solid #28323d;
}
.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 80%;
	padding: 10px 44px 10px 20px;
	margin: 0;
	text-align: left;
	color: #fff;
	text-decoration: none;
	font-family: 'Open Sans', 'sans-serif';
	font-weight: 300;
	font-size:14px;
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 50px;
	height: 32px;
	padding: 4px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.2);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.details_container {
    	font-family: 'Roboto', sans-serif;
    	font-size: 12px;
}
.details_container a{
    	font-family: 'Roboto', sans-serif;
    	text-decoration:none;
    	color:#000;
}

.mean-remove {
	display: none !important;
}


@media (min-width:250px) and (max-width: 350px) {
.mean-container .mean-bar {
	top:190px!important;
	}
}


@media (min-width:250px) and (max-width: 910px) {
.detail_image {
    margin: 40px auto 0 !important;
    width: 92% !important;
}
.details_container {
    width: 92% !important;
}
}
.image_button {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: 300;
	color: {color:Text};
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
	border-radius: 4px;
	margin:0 6px 0 0;
	padding: 4px 7px;
	float: left;
}
.image_button:hover {
    color: #fff;
	text-decoration: none;
	background-color: #1a2129;
	border: 1px solid #1a2129;
}
.linkcontainer {
	height: auto;
	width: 100%;
	margin: 30px 0 10px 0;
}

.detail_sharebox {
	width:100%;
	height:41px;
	border: solid 1px #cccccc;
	border-radius: 5px;
	margin: 20px auto 40px;
}

.detail_sharebox:hover {
    background:#0e151d;
	border:solid 1px #0e151d;
}

.detail_image {
	display: block;
	margin: 40px auto 0!important;
	border: 4px solid #ffffff;
	box-shadow: 0 0 1px #848484;
	border-radius: 4px;
}
.details_container {
	height: auto;
	max-width: 875px;
	margin: 0 auto;
}


.footer_bottomdesign { 
	background-image: url(http://static.tumblr.com/0ccgvfs/Gu3n8hynq/footerbottom_design.png);
	background-repeat: repeat-x;
	height: 7px;
	width: 100%;
	position:relative;
	z-index:99;
	margin-top:20px;
}
.image_comment_container {
	background-color: #1a2129;
height: auto;
width:100%;
}
.comment_cont {
max-width: 875px;
margin: 0 auto;
}
@media (min-width:250px) and (max-width: 360px) {
.image_button {
    display: block !important;
    float: none !important;
	margin: 8px 0 0 0!important;
}
}