/*
Theme Name: Vizibly Bigscreen
Theme URI: http://vizibly.se/
Description: Vizibly Bigscreen theme with large background images
Author: Vizibly AB
Version: 0.1
*/
@import url('editor-style.css');
/*	Reset
 	  by Eric Meyer, meyerweb.com
----------------------------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,
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;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}


html, body {height: 100%;}
body{font: 14px Arial,Helvetica,Sans-serif; background:url(images/bg.jpg) center center no-repeat fixed;color:#ccc;overflow:hidden;}

/*	Common
----------------------------------------------------------------------------- */

.hidden,.hide{display:none;}

.edit-link{display:none;}


/*	Typography
----------------------------------------------------------------------------- */

#site-title{margin:20px;}

h1, h2, h3, h4, h5, h6  { margin:0 0 20px 0; font-family:Arial, Helvetica,Sans-serif; color: #999; font-weight:normal; }
h1  {font-size: 1.8em } 
h2  {font-size: 1.8em;} 
h3  {font-size: 1.6em;} 
h4  {font-size: 1.2em;} 
h5  {font-size: 1em;} 
h6  {font-size: 0.8em;}
p {margin:0 0 20px 0; font:14px/24px Arial, Helvetica,Sans-serif; }
hr { background-color: #e6e6e6;	border:0; height: 1px; margin-bottom: 20px; }
input, textarea { padding: 7px 7px 7px 7px; border-color: #ccc #ddd #ddd #ccc; border-width:1px; border-style:solid;}

/* Hyperlinks */

a:link, a:visited  { color: #437fa7; text-decoration:none;}
a:hover {text-decoration:underline;}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}

/*	Layout
----------------------------------------------------------------------------- */

#wrapper {min-height: 100%;width:100%;position:relative;background:none transparent;padding:0;margin:0;}

#before-content,#after-content{background:transparent !important; clear: both;}

#header{position:absolute;top:0;left:0;background:transparent;z-index:9999;overflow:visible;}
#header .col-full{width:auto;margin:0;}
#header #branding{display:none;}

#social{position:absolute;top:0;right:0;margin:3px 10px 0 0;}
#social .icon-fb{display:block;float:right;background:url(images/facebook.png) no-repeat;width:26px;height:26px;margin-top:3px;text-indent:-9999px; margin-left: 7px;}
#social .icon-rss{display:block;float:right;background:url(images/rss.png) no-repeat;width:26px;height:26px;margin-top:3px;text-indent:-9999px;}

#container{overflow:auto;position:absolute;top:50%;margin-top:-282px;left:50%;margin-left:-470px;background:url("images/transparent-90.png");}

#main {height:500px;}

#content{ float: left; width: 630px !important; height: 460px; margin: 20px 0 20px 20px !important; }
#content ul { list-style: disc inside none; margin-bottom: 20px; }
#content ul li { margin-bottom: 5px; }

#header,#footer{width:100%;overflow:hidden; min-width: 940px;}
.col-full{width:940px;margin:0 auto;}
#before-content,#after-content{overflow:hidden;}

#footer{margin-top:-114px;height:114px;clear:both;position:absolute;bottom:0;left:0;background:url(images/footer_bg.png) top left repeat-x;margin-bottom:0;}

/*	Navigation
----------------------------------------------------------------------------- */

#nav{background:url(images/menu_bg.png) bottom center repeat-x;width:100%;height:49px;}
#nav li a:hover, #nav li.current-menu-item a{background:0 none; text-decoration: none;}
#nav li{float:left;line-height:100%;border-right:1px solid #333;margin:0;}
#nav li a{border-right:1px solid #000;display:block;padding: 0 10px;color:#999;text-transform:uppercase;font-size:14px; line-height: 39px;}
#nav li a:hover, #nav li.current-menu-item ul li a:hover, #nav li.current-menu-item a{background:#222;color:#fff;}
#nav li{position:relative;}
#nav li:hover ul {display:block;}
#nav li ul{display:none;padding-top:1px;position:absolute;top:40px;left:0;background:#222;-moz-box-shadow: 10px 10px 5px #000;-webkit-box-shadow: 0px 2px 4px #000;box-shadow: 0px 2px 4px #000;}
#nav li.current-menu-item ul li a,
#nav li ul li{border-bottom:0px solid #333;background:url(images/menu_bg.png) top left repeat-x;}
#nav li ul li a{width:200px;border-bottom:1px solid #000;}


/*	Post
----------------------------------------------------------------------------- */
.post {border-bottom:1px solid #dedede;padding-bottom:10px;margin-bottom:20px;overflow:hidden;}
.post .title,.title_meta h2{margin:0 0 10px 0;}
.meta{color:#aaa;}


/*	Widgets
----------------------------------------------------------------------------- */
#sidebar{width:250px;padding:20px;float:right;}

#sidebar .widget{padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #333;}

#footer-left, #footer-center, #footer-right { padding: 20px 10px 10px 10px; }
#footer-left{float:left; text-align: left;}
#footer-center { width: 500px; position: absolute; left: 50%; margin-left: -250px; text-align: center; }
#footer-right{float:right; text-align: right;}

/* Search form */
#sidebar .widget_search{padding-bottom:20px;}
.searchform  { background:#fff; width: 99%; position: relative; border-color: #DCE0E4 #D7DBDE #D7DBDE; border-radius: 3px 3px 3px 3px; border-style: solid;border-width: 1px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09); }
.searchform input.s  {  padding: 8px 30px 8px 8px; width:85%; margin:0; border:none; background: none; color:#aaa;  }
.searchform input.search-submit { position: absolute; top:10px; right:10px; border:none; margin:0; padding:0; }

/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 5.1 Comments */
.meta-comments,
#comments,.comments,
#respond{display:none;}

#comments {position:relative;margin:40px 0 0;}
#comments h3  { color:#333; font-weight:normal; margin-bottom:20px; }
#comments .comment{margin-top:10px;width:100%;list-style-type:none;}
#comments .comment .comment-container  { position:relative; padding: 20px; }
#comments .comment-head  { margin: 0 0 15px 0; }
#comments  .avatar  { float:left; margin: 0 15px 10px 0; }
#comments  .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; }
#comments .comment-head .name  { margin: 0; font-weight: bold; font-size: 15px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; }
#comments .comment-entry p  { margin: 0 0 10px 0;}
#comments .reply { padding-top:10px; }
#comments .reply a { }
#comments .reply a:hover { }

#comments ul.children{margin:10px 10px 0 25px;padding:0; }
#comments ul.children li {border-top:1px solid #dedede;padding-top:20px; }
#comments .cancel-comment-reply{margin:10px 0;}

#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}

#comments h3#pings { margin-top:25px; }
#comments .pingbacks li.pingback { margin:10px 0; }
#comments .pingbacks li.pingback .reply { display:none; }

/* 5.2 Comments Form */
#respond{border-top:1px solid #dedede;margin-top:20px;padding-top:20px;}
#respond h3  { color:#292a2b; font-weight:normal; margin-bottom:20px;}
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }
#respond label { font-size:11px; color:#777; }

#commentform  {	margin: 15px 0 0 0;  }
#commentform label  { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; }
#commentform input.txt, #commentform textarea { font:14px/14px Arial, Helvetica, sans-serif; border-color: #ccc #ddd #ddd #ccc; border-width:1px; border-style:solid;}
#commentform input.txt  { color:#333; background: #fff; width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; }
#commentform textarea  { color:#333; background: #fff; width: 95% !important; padding: 5px 7px; }


.submit {padding: 7px 7px 7px 7px; border-color: #ccc #ddd #ddd #ccc; border-width:1px; border-style:solid;}
.submit:hover {}
.reply a { background: url(images/btn-reply.png) no-repeat top left; font-size: 10px; padding: 6px 6px; text-transform:uppercase; color: #63665e !important; font-weight: bold;}

/* 5.3 Pingbacks / Trackbacks */
h3#pings  { margin: 25px 0 10px 0; }
.pinglist li  { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author  { font-weight: bold; font-size: 15px; }
.pinglist li .date  { font-size: 11px; }
.pinglist li .pingcontent  { display: block; margin: 10px 0; }

/*	Plugins
----------------------------------------------------------------------------- */
#supersize { position: absolute; left: 0; top: 0; }
#supersize img { height:100%; width:100%; display:none; }
#supersize .activeslide, #supersize .activeslide img{ display:inline; }

.jspContainer { width: 630px !important; height: 460px !important; padding: 0 !important; }
.jspPane { padding: 0 !important; }
.jspScrollable {  }
.jspVerticalBar{ width: 10px !important; }
.jspTrack{ height: 460px !important; background: #333 !important; }
.jspDrag{ background: #ccc !important; }

.ngg-gallery-thumbnail img:hover {background-color: #eee !important;}