/*  
Theme Name: Urvision
Theme URI: http://www.dinwebb.nu/
Version: 2.0
Description: Design & Programmering av <a href="http://www.dinwebb.nu">Dinwebb.nu</a>.
Author: Spathon @ Dinwebb.nu
Author URI: http://www.dinwebb.nu
*/


/* Standard inst?llningar */
@import "css/reset.css";

/*-------------------------------------------------------------------------------------------*/
/*
/*   GENERAL  
/*
/*-------------------------------------------------------------------------------------------*/
/* always force a scrollbar in non-IE */ 
html { overflow-y: scroll; background: #30373F url(images/world.png) no-repeat center 40px; }
body  { color: #c9c9c9; font: 14px/1.4 Arial,Helvetica,Sans-serif;}

/*   Links   */
a {color: #85BCE8;}
a:hover {text-decoration: none; border: none;}
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

/*   Headers   */
h1, h2, h3, h4, h5, h6  {margin: 0 0 10px;  color: #fff; font: normal normal 14px/1.1 Georgia, Times, "Times New Roman", serif; }
h1 {font-size: 27px; } 
h2 {font-size: 27px;} 
h3 {font-size: 20px;} 
h4 {font-size: 20px; margin: 0;} 
h5 {font-size: 14px; margin: 0;} /**/
h6 {font-size: 14px; border-bottom: 0px solid #fff; margin: 0; padding: 0 0 5px; background: url(images/border.gif) repeat-x left bottom;}

img {vertical-align: top;}

p  {margin: 0 0 10px;}

strong {color: #fff; font-weight: bold;}

/*   table   */
td { vertical-align: top; } 

/*   Form   */
select, input, textarea, button { margin: 0; color: #545454; font: 13px/1.4 Arial,Helvetica,Sans-serif; background: #fff; border: 1px solid #dfdfdf; width: 200px; }
input, textarea { padding: 5px; }
textarea {overflow: auto;}

/*   Text selection   */
::-moz-selection {background: #00a1d8; color:#fff; text-shadow: none; }
::selection { background:#00a1d8; color:#fff; text-shadow: none; } 

/*   Edit   */
.redigera a,
.edit-puff-link  {position: absolute; top: 0; right: 0px; background: url(images/edit.png) no-repeat; width: 16px; height: 16px; text-indent: -9999px; overflow: hidden;}

/*   Knapp   */
.gform_wrapper .button,
.knapp { padding: 4px 45px 8px 0; background: url(images/knapp2.png) no-repeat right top; line-height: 35px; color: #fff; }
.knapp:hover {background-position: right bottom;}




/*-------------------------------------------------------------------------------------------*/
/*
/*   Header 
/*
/*-------------------------------------------------------------------------------------------*/
#container  {width: 940px; margin: 0 auto;}


#header {height: 108px; position: relative;}

.flags { width: 52px; height: 18px; float: right; background: url(images/flags.png) no-repeat; margin: 25px 0 0; text-indent: -9999em;}
.swe { width: 20px; height: 18px; display: block; float: left; margin: 0 2px 0;}
.eng { width: 20px; height: 18px; display: block; float: left;}

/*   Logo   */
#logo {margin: 0; padding: 0;}
#logo a {width: 168px; height: 47px; position: absolute; left: 50%; top: 31px; margin: 0 0 0 -84px; background: url(images/urvision-logo.png) no-repeat; display: block; text-indent: -999em; overflow: hidden; text-align: left; direction: ltr;}


/* NAV
************************************/
#mainNav  { }
.main-nav {position: absolute; bottom: 22px; left: 0; }
#navRight {left: auto; right: 0px;}
#mainNav li {display: inline;}
#mainNav a  { display:block; padding:0 40px 0 0; color: #fff; float: left; text-decoration: none; font-weight: bold; font-size: 13px;}
#navRight a {padding: 0 0 0 40px;}
#mainNav a:hover, 
#mainNav .current_page_item a  { color: #85BCE8; }

/* Lvl 2 */
#nav ul {display: none;}


/*-------------------------------------------------------------------------------------------*/
/*
/*   Sales area
/*
/*-------------------------------------------------------------------------------------------*/
#sales_area {position: relative; height: 345px; width: 920px; background: url(images/sales.jpg) no-repeat; margin: 0 10px 40px;}
.knob {width: 30px; height: 31px; background: url(images/knob.png); position: absolute;}
.knob-tl {left: 10px; top: 10px;}
.knob-tr {top: 10px; right: 7px;}
.knob-bl {bottom: 6px; left: 10px;}
.knob-br {bottom: 6px; right: 7px;}
.sales-puff {padding: 40px 170px; text-align: center; color: #85BCE8; text-shadow: 0 -1px 0 #06365C; font-weight: bold;}
.sales-puff h3 {color: #fff; font-size: 35px; line-height: 1.2; margin: 0 0 30px; text-shadow: 0 -1px 0 #000;}
.sales-puff p {padding: 0 0 20px;}
.sales-puff .knapp {font-size: 20px; font-family: Georgia; font-weight: normal;}




/*-------------------------------------------------------------------------------------------*/
/*
/*   Sidebar left
/*
/*-------------------------------------------------------------------------------------------*/
#sidebar_left {background: #292e37; width: 240px; float: left; border-top: 1px solid #20242a; border-bottom: 1px solid #484f5b; margin: 0 10px; padding: 15px 25px;
	-moz-border-radius: 5px;
}

#subNav a {text-decoration: none; font-weight: bold; color: #fff; line-height: 32px;}
#subNav a:hover,
#subNav .current_page_item a {color: #8bb6e6}


/*-------------------------------------------------------------------------------------------*/
/*
/*   Content/main/entry
/*
/*-------------------------------------------------------------------------------------------*/
.content {padding: 30px 0;}

#main {}
.box-sidebar {width: 620px; float: right;}

.normal-page {width: 460px; float: left; padding: 0 10px;}
.thumb {border: 0px solid #fff; margin: 0 0 20px;}



/*   post   */
.hentry {position: relative;}
.thumb img,
.hentry img {border: 5px solid #fff;}
.bok-thumb img {border: none;}
.post  { margin: 0 0 30px 0; padding: 0 0 25px 0; background: none; border-bottom: 1px solid #eee; }
.post-title {}
.post-meta{ margin: 0 0 15px 0; text-transform: uppercase; font-size: 11px; color: #595959; font-weight: bold; }


/*   entry   */
.entry {}
.entry ul, 
.entry ol { margin-left: 1.8em; }
.entry ol { list-style-type: decimal; }
.entry ul { list-style-type: disc; }




/*-------------------------------------------------------------------------------------------*/
/*
/*   Sidebar Right
/*
/*-------------------------------------------------------------------------------------------*/
#thumb_sidebar { float: right; width: 450px;}





/*-------------------------------------------------------------------------------------------*/
/*
/*   Footer
/*
/*-------------------------------------------------------------------------------------------*/

/* 2.7 Footer */
#footer  { background: url(images/border.gif) repeat-x; padding: 20px 0 50px; clear: both; color: #676D74; font-size: 12px; }
#footer a {color: #676D74;}

.dinwebb {float: left; text-indent: -9999em; width: 68px; height: 10px; background: url(images/dinwebb.png); position: relative; top: 2px; }
.copy-text {float: right;}






/*-------------------------------------------------------------------------------------------*/
/*
/*   Widgets
/*
/*-------------------------------------------------------------------------------------------*/
.widget  { margin: 0 0 20px 0; }
.widget-title {}

/*   Puff   */
.ps_puff {position: relative; margin: 0 20px 20px;}







/*-------------------------------------------------------------------------------------------*/
/*
/*   Misc
/*
/*-------------------------------------------------------------------------------------------*/


/* 6.4 Gravity Forms  */
.gform_wrapper {}
.gform_wrapper ul,
.gform_wrapper ol,
.gform_wrapper li {padding: 0; margin: 0; list-style: none;}

.gform_fields {position: relative;}
.gform_wrapper .gfield { margin: 0 0 10px; width: 50%; float: left; }
.gform_wrapper .ps-wide {width: 100%; float: none;}
.gfield_required {display: none;}
.gform_wrapper label {font-size: 12px;}
.gform_wrapper input,
.gform_wrapper select,
.gform_wrapper textarea {border: 0px solid #292e37; border-bottom: 1px solid #484f5b; border-top: 1px solid #20242a; background: #292e37; color: #fff;
	-moz-border-radius: 5px;
}
.gform_wrapper input {}
.gform_wrapper select {}
.gform_wrapper textarea{ width: 430px; height: 100px;}

.gfield_description {font-size: 10px; padding: 3px 0 0;}

.gform_wrapper .button {border: 0px solid #888; cursor: pointer; padding: 0 0px 2px; width: 90px; text-align: left; font-family: Georgia, Times, "Times New Roman", serif; text-decoration: underline; height: 36px; line-height: 36px; margin: 0 0 0 170px; display: block;}
.button:hover {background-position: right bottom; text-decoration: none;}
.gform_edit_link {display: none;}

.gform_footer {position: relative;}
.gform_ajax_spinner {position: absolute; left: 50px; bottom: 1px;}
.gfield_error input,
.gfield_error textarea {border-color: #911}
.validation_error, 
.validation_message {display: none}




/*-------------------------------------------------------------------------------------------*/
/*
/*   Puff content
/*
/*-------------------------------------------------------------------------------------------*/

.content-puff {padding: 20px 0 0px; background: url(images/border.gif) repeat-x left top; position: relative; }
.pre-text {position: absolute; top: -10px; left: 0px; right: 0px; text-align: center; }
.pre-text span {background: #30373F; padding: 3px 10px; color: #677D8F; text-shadow: 0 -1px 0 #17202C; font-weight: bold; font-size: 13px;}

.content-puff .ps_puff {width: 320px; float: left; height: 100%; font-size: 12px; padding: 0 0 40px; margin: 0;}
.content-puff .puff-nr-3 {width: 300px; }
.content-puff .widget-title,
.content-puff .widget-title a {color: #fff; text-decoration: none; margin: 0 0 15px;}
.content-puff .puff-content {padding: 0 65px 0 0;}
.content-puff .puff-nr-3 .puff-content {padding: 0 40px 0 0;}
.content-puff .puff-lank {color: #fff; text-decoration: none; background: url(images/puff-links.png); display: block; width: 295px; position: absolute; left:0; bottom: 0px; padding: 3px 0 15px 10px; font-size: 12px; font-weight: bold;}
.content-puff .puff-nr-1 .puff-lank {background-position: 0 -140px;}
.content-puff .puff-nr-2 .puff-lank {background-position: 0 -70px;}
.content-puff .puff-lank:hover {left: 1px; color: #85BCE8; }








/*-------------------------------------------------------------------------------------------*/
/*
/*   Home
/*
/*-------------------------------------------------------------------------------------------*/

#home_puff {padding-bottom: 30px;}

#home_content {margin: 0 0 30px 0; padding: 30px 0 0; background: url(images/border.gif) repeat-x left top;}
.home-thumb {width: 340px; border: 0px solid #fff; height: 190px; float: left; background: #7E8C9B; margin: 0 30px 0 0;}
.home-thumb img {border: 5px solid #fff;}

#kunder {padding: 18px 0; background: url(images/border.gif) repeat-x;}
.kund {height: 42px; width: 80px; background: url(images/kunder.png) no-repeat; float: left; margin: 0 121px 0 0; position: relative; text-indent: -99999px; overflow: hidden;}
.kund-2 {width: 140px; background-position: 0px -50px; height: 36px; top: 5px;}
.kund-3 {width: 50px; background-position: 0px -90px; height: 30px; top: 4px;}
.kund-4 {width: 130px; background-position: 0px -120px; height: 20px; margin: 0; top: 9px;}
.kund-5 {width: 55px; background-position: 0px -140px; height: 40px; top: 0px;}





/*-------------------------------------------------------------------------------------------*/
/*
/*   Bok
/*
/*-------------------------------------------------------------------------------------------*/

.boken {margin: 0 0 20px 140px; position: relative;}
.boken h5 a {color: #fff;}
.bok-thumb {float: left; margin: 0 0 0 -140px;}



td {padding: 5px 10px; border:1px solid #292e37;}