@charset "utf-8";
/*
	Title: Style Sheet for Flushnik Studios
	Website: http://www.flushnik.com
	Email: contact@flushnik.com
	
	Author: Vanshnookenraggen
	Author Email: vanshnookenraggen@gmail.com
	Author Website: http://www.vanshnookenraggen.com
*/

/* Font calls */

@font-face { font-family:GothamUltra; src:url('/GothamHTF-Ultra.otf'); }

@font-face { font-family:GothamBold; src:url('/GothamHTF-Bold.otf'); }

@font-face { font-family:GothamBook; src:url('/GothamHTF-Book.otf'); }


body { background-color:#CCC; color:#000; padding:0; margin:0; font-family:Helvetica, Verdana, Geneva, Arial, sans-serif; }

/* Elements */

#wrap { width:970px; height:100%; text-align:center; margin:50px auto; padding:0; }

/* Header */

#header { width:100%; height:auto; float:left; z-index:5; }

/* Title Bar */

#titlebar { width:960px; background-color:#FFF; height:80px; position:relative; border:1px solid #111; padding:10px 0 0; margin-bottom:-1px;}

#logo { float:left; width:493px; height:67px; background-image:url(img/logo1.gif); margin:0 0 5px 5px;}

#nav { position:absolute; bottom:-13px; left:20px; text-align:left; z-index:10; }

#nav ul { display:inline; color:#000; font-size:1em; }

#nav ul li { display:inline; list-style:none; padding:0; margin-left:-1px; background-color:#FFF; }

#nav ul li a {font-family:GothamBook, Verdana, Geneva, Arial, sans-serif;  text-decoration:none; color:#000; background-color:#F3F3F3; padding:7px 10px; margin-left:-4px; border:1px solid #111; }

#nav ul li a:hover { background-color:#F00; color:#FFF; }

#nav_blog { padding:0 6px 0; cursor:pointer; }

#sn_icons { float:right; height:100%; }

#sn_icons ul { display:inline; }

#sn_icons ul li { display:inline; list-style:none; padding:0; }

#sn_icons ul li a img { border:none; background-color:#FFF; padding:0; }


/* Banner */

#banner { width:960px; height:400px; margin:0; border:0; z-index:5; position:relative; border:1px solid #111; background-color:#FFF; }

#banner_cont { width:260px; height:auto; padding-top:0px; margin:0; float:right; text-align:center; background-color:#FFF; }

#banner_cont h3 { line-height:1em; }

#banner_cont .entry { margin:0 auto; padding:0 0 2px; height:auto; width:100%; text-align:center; }

#banner_cont ul { margin:0 auto; padding-top:10px; width:250px; }

#banner_cont ul li { text-align:center; font-size:1em; }

#banner_cont ul li ul { margin:0 auto; padding:0px; widows:250px; }


#blogtitle { width:100px; font-size:1.5em; font-style:normal; font-weight:700; margin:0; padding:10px; background-color:#F93; position:relative; top:-25px; left:20px; border:1px solid #111; text-align:center; z-index:10; cursor:pointer; }


/* Blog */

#blog { width:960px; height:auto; padding:0; margin:2px auto -3px; float:left; z-index:1; border:1px solid #111; background-color:#FFF }

#content { width:700px; height:auto; padding:0; float:left; text-align:left; margin-top:30px;}

.post { padding:40px; margin-bottom:25px; }

#page { width:100%; height:auto; padding:0; float:left; text-align:left; margin-top:30px;}

/* Blog Sidebar */

#rightmenu { width:220px; height:auto; padding-right:40px; margin:64px 0 0; float:right; text-align:left; }

/* Footer */

#footer { width:960px; height:auto; float:left; padding:20px 0; margin:2px auto 100px; border:1px solid #111; text-align:center; background:#FFF; }

/* Comments */

div#comments { width:700px; height:auto; padding:40px; float:left; text-align:left; display:block; }

/* Text */

a { color:#F00; }

a:hover { background-color:#FFF; color:#09F; }


p { font-size:.9em; font-style:normal; font-weight:normal; }

h1 { font-family:GothamBold, Verdana, Geneva, Arial, sans-serif; font-size:2em; font-style:normal; margin:0; padding:0; border-bottom:1px dashed #999; line-height:1em; display:block; }

h2 { font-family:GothamBold, Verdana, Geneva, Arial, sans-serif; font-size:1.5em; font-style:normal; margin:0; padding:5px; border-bottom:1px dashed #000; }

h3 { font-size:1.2em; font-style:normal; font-weight:500; }

h4 { font-size:1em; font-style:normal; font-weight:normal; }

blockquote { background:url('img/quote.png') top left no-repeat #F3F3F3; text-align:justify; padding:10px; border:1px dashed #999; text-indent:50px; }

strong { font-weight:bold; }

small { font-size:.9em; font-style:normal; font-weight:normal; color:#999; line-height:1em; }

/* Lists */

ul { list-style:none; margin:0 auto; padding:0; text-align:left; }

ul li { background-color:#FFF; margin-bottom:10px; margin-left:5px; padding-bottom:5px; }

ul li h2 { text-align:center; }

ul li ul { list-style:none; margin-bottom:10px; padding:0; text-align:left; width:66%; }

ul li ul li a { margin:10px 0 0 0; padding:2px; font-size:1em; border-bottom:1px dotted #CCC; width:90%; }

ul li ul li a:hover { background-color:#000; color:#F03; }

/* Images  */

img { padding:5px; margin:5px; background-color:#F3F3F3; border:1px solid #CCC; }


/* Alignments */

.alignright { float:right; }

.alignleft { float:left; }

.aligncenter { text-align:center; }

.clear { clear:both; } 

.none { display:none; }

/* Slider Code */

#slider {
   width: 700px; /* important to be same as image width */
   height: 400px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   float:left;
   margin:0;
   padding:0;
}

#slider img { margin:0; padding:0; border:none; }

ul#sliderContent {
   width: 700px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

li.sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   margin:0;
   padding:0;
}

li.sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}