/*
Theme Name: hgrosse
Author: Hunter Grosse
Author URI: http://huntergrosse.com/
Version: 1.0
*/

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

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

}

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

}

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

}

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

}

body{margin:30px 0 20px 0;padding:0;border:0;background-color:#313131;background-image:url(/images/background.jpg);background-attachment:fixed;}

.page-template-creative-php{margin:40px}
body, div, p{font-family:Verdana, Arial, Helvetica;font-size:1.1;color:#222;}
a:active, a:visited, a:link{font-family:Verdana, Arial, Helvetica;font-size:1.1em;color:#222;text-decoration:none}
a:hover{font-family:Verdana, Arial, Helvetica;font-size:1.1em;color:#555;text-decoration:none}
h1{font-family:Verdana, Arial, Helvetica;;font-size:1.8 em;font-weight:normal;color:#666}
h2{font-family:Verdana, Arial, Helvetica;;font-size:1.4 em;font-weight:normal;color:#0099ff}
h3{color:#888;font-weight:normal}

#blog-title a, #blog-title h1 a, #blog-title h1{font-size:40px;padding:0;margin:0}

#blog-title a:hover, #blog-title h1 a:hover{text-decoration:none}

#blog-description{font-size:18px}

h4, h5, h6, #blog-description, .entry-meta, .entry-utility, .comment-meta, #form-allowed-tags code, #copyright{color:#aaa}
.entry-meta, .entry-meta a, .entry-utility, .entry-utility a, .comment-meta, .comment-meta a, #copyright, #copyright a{font-size:13px}

#sidebar ul, #hsidebar ul, #fsidebar ul, #footer .menu, #footer .menu li{padding:0;margin:0;display:inline;list-style:none;}

#fmenu .menu ul li a{font-size:16px;margin-right:5px;}

#respond h3{clear:left}
.widget-title{margin-bottom:5px}

#search{margin-bottom:-39px;float:right}
html>/**/body #search{margin-top:9px;float:right}

#s{width:193px;float:right}

#searchsubmit{width:60px;height:28px;float:right}
@media screen and (-webkit-min-device-pixel-ratio:0){#searchsubmit{margin-top:2px}}
.error404 #content #searchform, .search #content #searchform{margin-top:55px;float:left}

#wrapper{width:960px;min-height:700px;margin:-25px auto 0 auto; padding:20px; background:#fff;
	-moz-border-radius: 1em 1em 2.5em 2.5em;
	border-radius: 1em 1em 2.5em 2.5em;
	-moz-box-shadow: 0px 0px 10px 10px #313131;
  -webkit-box-shadow: 0px 0px 10px 10px #313131;
  box-shadow: 0px 0px 10px 10px #313131;
	}

#header{clear:left}

#container{width:900px;padding:0 20px 0 20px;margin:0 auto;}
.page-template-bloggg-php #container{float:right;}
.hentry{text-align:justify;line-height:20px}

#sidebar li, #hsidebar li, #fsidebar li, #footer .menu ul li{list-style:none}

#sidebar{width:250px;padding:0 10px 10px 10px;border-left:#ccc 1px solid;margin:1px 0 0 10px;float:right}
.page-template-sidebar-left-php #sidebar{padding:0 10px 10px 10px;border-left:none;border-right:#ccc 1px solid;margin:1px 10px 0 0;float:left}
html>/**/body #sidebar{width:250px;padding:0 0 14px 14px;border-left:#ccc 1px solid;margin:18px 0 0 10px;float:right}
html>/**/.page-template-Bloggg-php #sidebar{width:250px;padding:0 0 14px 14px;border-left:none;border-right:#ccc 1px solid;margin:18px 10px 0 0;float:left}

#hsidebar .widget-container, #fsidebar .widget-container{padding-right:25px;margin-bottom:30px;float:left}

#footer{clear:both}
html>/**/body #footer{padding-top:20px;clear:both}

#footer #fmenu{text-align:center;margin-top:20px;clear:both}

#footer .menu li a{color:#666;margin-right:20px}

#copyright{text-align:center;line-height:100px}
textarea, input{background:#f7f7f7;padding:5px;border:#eee 1px solid}
input[type=submit]{cursor:pointer}
a img{border:none}
a{outline:none}

.post{padding-bottom:20px;border-bottom:#ccc 1px dashed;margin-bottom:10px;}
.entry-title{margin-bottom:2px}
.single .entry-title{text-align:left;line-height:30px;margin-top:12px;margin-bottom:10px}
.entry-title a{font-size:22px}
.nav-previous{text-align:left}
.nav-next{text-align:right}
.comments ul{padding:0;margin:0}
.comment, .trackback, .pingback{list-style:none;padding:10px;margin:10px 0 10px 0}
.odd{background:#f8f8f8}

#form-allowed-tags code{font-size:12px}

#respond input, #respond textarea{margin:0 5px 5px 0;overflow:auto}

#respond textarea{width:628px;height:100px}
.avatar{width:32px;height:32px;margin:0 5px 5px 0;float:left}

.sticky{background:#f7f7f7;padding:5px 15px 15px 15px;margin-top:18px}
.bypostauthor{background:#f7f7f7;padding:4px}
blockquote{background:#f7f7f7;padding:0 10px 0 10px;border:#bbb 4px double}
.wp-caption{background:#f7f7f7;padding:15px 5px 1px 15px;margin:20px 0 20px 0}
.wp-caption-text{text-align:center}
.gallery-caption{border:#ccc 1px solid}
.alignleft{text-align:center;margin:0 10px 10px 0;float:left}
.alignright{text-align:center;margin:0 0 10px 10px;float:right}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}
.size-thumbnail{margin:5px}

#nav{margin:20px 0 30px 0; text-align:center; }

#nav ul, #nav ul li{
display:inline;
margin:0;
padding:0 0 6px 0;
list-style:none;

}

#nav ul li{position:relative;
}

#nav ul li a{
display:inline-block;
font-family: 'CantarellRegular', georgia;
font-size:1.4em;
color:#0099ff;
text-decoration:none;
padding-bottom:-3px;
margin:-5px 10px -10px 0;
border-bottom:#fff 3px solid;
}

#nav ul li a:hover{
display:inline-block;
font-family:'CantarellRegular', georgia;
font-size:1.4em;
color:#0099ff;
text-decoration:none;
padding-bottom:-3pxpx;
margin:-5px 10px -10px 0;
border-bottom:#ec008c 3px solid;
}

#nav li ul{
display:none;
position:absolute;
top:23px;
left:0}

#nav ul li:hover ul{display:inline-block}

#nav ul ul, #nav ul li:hover ul ul, #nav ul ul li:hover ul ul{display:none}

#nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul{display:block}

#nav ul li:hover ul li a, #nav ul ul li:hover ul li a, #nav ul ul ul li:hover ul li a{
background:#fff;
border:#ccc 1px solid;
margin-top:1px
}

html>/**/body #nav ul li:hover ul li a, #nav ul ul li:hover ul li a, #nav ul ul ul li:hover ul li a{
background:#fff;
border:#ccc 1px solid;
margin-top:-1px;
}

#nav ul li:hover ul li a{
width:150px;
padding:5px}

#nav ul ul li:hover ul li a{
width:145px;
padding:5px 5px 5px 10px}

#nav ul ul ul li:hover ul li a{
width:140px;
padding:5px 5px 5px 15px}

#nav-above, #comment-notes{display:none}

img.center {   display: block;   margin-left: auto;   margin-right: auto; }







.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { 
position: relative;
overflow: hidden; 
margin: 0 50px 0 50px;
padding: 0;
background: #fff;

}
.slideViewer ul {  /*your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0; 
padding: 0;
}
.slideViewer ul li {
float:left;
}

/*typographic info*/
.slideViewer span.typo{ 
padding: 6px; /* do not modify padding */
background: #fff;
color: #000;
font: normal 12px Verdana;
text-align:center;
}

.thumbSlider { /*the thumbnails slider*/
overflow: hidden;
width: 1%;
background: #fff;
}
.thumbSlider ul { 
list-style-type: none;
margin: 0; 
padding: 0;
}
.thumbSlider ul li{ 
float:left;
margin: 0;
}
.thumbSlider a{
color: #fff;
text-decoration: none;
}
.thumbSlider a img{
border: 0;
display: block;
padding: 0;
}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}

a.left, a.right { /*the left and right buttons (links)*/
background: transparent; /* could be any color  */
color: #ff0000;
font: bold 16px Arial;
overflow: hidden;
}
a.left span, a.right span{

}
a.left img, a.right img{
border: 0;
}
a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span {
visibility: hidden;
}
a:focus {outline:none;}


$(window).bind("load", function() {
    $("div#norml").slideViewerPro();
});

$(window).bind("load", function() {
    $("div#contact").slideViewerPro();
});

$(window).bind("load", function() {
    $("div#web").slideViewerPro();
});