/*Start: Reset CSS*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, hr, big, cite, code, del, dfn, em, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
#wrapper form, #wrapper input, #wrapper textarea, #wrapper select, #wrapper button { margin:0;   vertical-align:baseline; letter-spacing: .05em; overflow:hidden;}
#wrapper textarea {overflow:auto;}
#wrapper input[type="checkbox"] {  vertical-align: text-bottom; }
#wrapper input[type="radio"] {vertical-align: text-bottom;}

#wrapper table {border-collapse: collapse;border-spacing: 0;}
#wrapper caption, th, td {text-align: left;font-weight: normal;}
#wrapper img{ vertical-align:bottom;}

strong {font-weight: 700;}
em {font-style: italic;}
a {text-decoration:none; color:#636466}
/*a:hover {text-decoration:underline}*/
html {height: 100%;	}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {display: inline-block;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);	
}
/*END: Reset CSS*/


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 8, 2012 */
@font-face {
    font-family: 'gunplayregular';
    src: url('gunplay-webfont.eot');
    src: url('gunplay-webfont.eot?#iefix') format('embedded-opentype'),
         url('gunplay-webfont.woff') format('woff'),
         url('gunplay-webfont.ttf') format('truetype'),
         url('gunplay-webfont.svg#gunplayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'swis721_ltcn_btlight_italic';
    src: url('swz721lc-webfont.eot');
    src: url('swz721lc-webfont.eot?#iefix') format('embedded-opentype'),
         url('swz721lc-webfont.woff') format('woff'),
         url('swz721lc-webfont.ttf') format('truetype'),
         url('swz721lc-webfont.svg#swis721_ltcn_btlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*Start: Global Styling*/
body{font-family:Verdana, Geneva, sans-serif; font-size:10px; height:100%; background-color:#47D322; color:#fff; }
.font-gunplay{font-family:gunplayregular, Impact, "Arial Black", sans-serif; }
.font-swis721{font-family:'swis721_ltcn_btlight_italic', Verdana, Geneva, sans-serif; line-height:20px; }
.bg-white{ background-color:White;}
#wrapper { height:100%; width:90%; margin:0 auto; position:relative; }
#wrapper .centeralign{text-align:center;}
#wrapper .floatleft {float:left;}
#wrapper .floatright {float:right; padding-left:4px;}
#wrapper .floatnone {float:none;}
#wrapper .floatleftpadding{float:left; padding-right:10px; clear:both; padding-bottom:10px;}
#wrapper .floatleftborder {float:left; border-right:1px solid #000000;} 
#wrapper .text-align-left{ text-align:left;}
#wrapper .text-align-right{ text-align:right;}
#wrapper .text-align-center{ text-align:center;}
#wrapper .text-small{ font-size:0.9em;}
#wrapper .text-big{ font-size:1.2em;}
#wrapper .no-bg{ background:none;}
#wrapper .no-border{ border: none;}
#wrapper .no-margin{ margin:0;}


/*Start: Intro Page*/
.btn-skip{ cursor:pointer; position:absolute; right:0; top:20px; color:#178829; font-size:13px; padding:3px 5px; background-color:#8BF781; border-radius:5px; }
.btn-skip:hover{background-color:#0B8600;color:#fff;}
.intro-wrapper{ height:100%; width:100%; display:table; overflow:hidden;}
.inner-intro-wrapper{ display:table-cell; vertical-align:middle;}
.intro-text-small{  text-align:center; /*font-size:2.5em;*/ font-size:25px; display:block;}
.intro-text-small span{ display:none;}
.intro-text-large{font-size:4.5em; display:none; margin-top:30px}
.intro-text-large p{ margin-bottom:0.5em; opacity:0; filter: alpha(opacity=0);}
/*End: Intro Page*/

/*Start: Home Page*/
.story-list-wrapper{ font-size:7.5em; overflow:hidden; height:100%;}
.story-list-wrapper a{ cursor:pointer; display:block; color:#fff; margin:0.4em 0; line-height:1em; opacity:0.5; filter: alpha(opacity=50);}
.copyright{ color:#fff; font-size:13px; position:absolute; bottom:10px;  right:0;}
.copyright a{ color:#fff;}
@media only screen and (orientation: portrait)
{
    .story-list-wrapper a{margin:0.8em 0;}
}
/*End: Home Page*/

/*Start: Story Details*/
.story-details-wrapper{ padding:45px 0; color:#4E4E4E;}
.story-details-wrapper h1{ font-size:6em; color:#47D322; margin-bottom:20px; display:block;}
.story-details-wrapper .desc{ color:#888888; font-size:1.5em; /*overflow:hidden;*/ display:block;}
.story-details-wrapper .desc p{ margin-bottom:20px; color:#4E4E4E;}
.photo-gallery{ overflow:hidden; width:504px; float:left; margin-right:20px; margin-bottom:10px; display:block;}
.photo-gallery li{ float:left;  padding:0 10px 10px 0; }
/*.photo-gallery li img{box-shadow:2px 2px 10px #888;}*/
.thmb-sqr{width:524px;}		
.thmb-sqr li{ width:121px;}

@media only screen and (orientation: portrait)
{
    .story-details-wrapper .desc{ clear:both; margin-top:10px;}
    .photo-gallery{width:252px; float:none; margin:0 auto;}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation:landscape)
{
    .story-details-wrapper .desc{ clear:both; margin-top:10px;}
    .photo-gallery{width:252px; float:none; margin:0 auto;}
}



.btn-back{ display:none; text-align:right;}

/*End: Story Details*/