/*
Theme Name: Quadric CMS
Theme URI: http://quadric.dk/
Description: Quadric CMS, by Johan at <a href="http://kraftvaerk.net">kraftvaerk</a>. Embeddable flash video and multi language support.
Version: 0.1
Author: Johan Bouveng
Date: January 23, 2009
*/

/* simple reset */
body,div,ul,ol,li,form,fieldset,input,h1,p{margin:0;padding:0;}
fieldset,img{border:0;}
ol,ul{list-style:none;}

/* utility classes */
.left{float:left;}
.right{float:right;}
.hidden{display:none;}
.border{border:1px solid #ccc; display:block;}

/* clear fix */
.clr,.row{display:inline-block;}
.clr,.row{display:block;overflow:hidden;position:relative;}
.clr:after,.row:after{content:".";clear:both;display:block;height:0;visibility:hidden;}

/* layout */
body{color:#333;font-family:arial,verdana,sans-serif;font-size:12px;line-height:1.2em;background:#F0F0ED url("img/pagebg-2col-new.gif") repeat-y 50% 0;}
html,body{height:100%;}
h1,h2,h3,h4,h5,h6{margin-bottom:0.25em;margin-top:0.5em;}
h1{font-size:25px;margin-top:0;}
h1 a:link{text-decoration:none;color:#333;}
h1 a:visited{text-decoration:none;color:#333;}
h1 a:hover{text-decoration:underline;}
h3,h4{margin-bottom:1em;}
p{margin-bottom:1em;}
a:link{color:#0A284C;}
a:visited{color:#999;}
a:hover{color:#E46917;}

/* page */
#page{width:760px;margin:0 auto -60px;/* for our sticky footer*/min-height:100%;height:auto !important;height:100%;}
#page #push{height:60px;}

/* header */
#header{height:85px;background:#fff;position:relative;border-bottom:1px solid #ccc;margin-bottom:1px;}
#logo{position:absolute;top:25px;right:90px;}
#language{display:block;background:#f0f0f0;font-size:15px;color:#666;float:left;padding:3px 15px;text-decoration:none;/* css 3*/border-radius-bottomleft:5px;border-radius-bottomright:5px;/* vendor specifics */-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-khtml-border-radius-bottomleft:5px;-khtml-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;}
#language:hover{background:#ddd;color:#000;}
#rss{display:block;position:absolute;right:0;top:-33px;}

/* blog menu */
#blog-menu{position:relative;}
#blog-menu .subscribe{float:right;clear:both;text-decoration:underline;}

/* navigation */
#nav{position:absolute;bottom:0;left:0;}
#nav li{float:left;font-weight:bold;}
#nav a,#nav a:visited{border-bottom:4px solid #fff;color:#666;display:block;padding:30px 8px 10px;text-decoration:none;}
#nav a:hover{border-color:#ff7300;color:#000;}
#nav .current_page_item a,#nav .current_page_parent a{border-color:#6f8fa2;color:#000;}

/* menu */
ul.menu{margin-bottom:2em;}
ul.menu li{border-bottom:2px solid #fff;}
ul.menu a,ul.menu a:visited{border-left:3px solid #f6f6f6;color:#333;display:block;padding:2px 0 2px 8px;text-decoration:none;}
ul.menu li.current_page_item a,ul.menu li.current_page_item a:visited{background-color:#fff;font-weight:bold;color:#000;border-color:#6f8fa2;}
ul.menu a:hover{border-color:#ff7300;}
ul.menu li.current_page_item a:hover{border-color:#6f8fa2;color:#333;}
ul.menu li.right a{text-decoration:underline;}

/* intro */
#intro{background:url("img/introbg.gif") repeat-y 0 0;border-top:1px solid #fff;border-bottom:1px solid #fff;padding:5px 10px 5px 10px;color:#fff;}
#intro h1{font-size:25px;font-weight:normal;letter-spacing:-0.025em;margin-bottom:0.5em;line-height:1em;}
#part1{float:left;width:490px;padding-right:10px;}
#part2{float:right;width:240px;}
#intro #part1 { padding-top: 15px; padding-bottom: 5px; }

/* content */
#col1{width:500px;float:left;padding:20px 0 10px 0;}
#col1.wide{width:760px;}
#col1 .inner{margin-bottom:30px;}
#col1 h1{font-weight:normal;line-height:0.9em;letter-spacing:-0.025em;margin-bottom:0.8em;}
#col1 h2{font-weight:normal;font-size:15px;margin-bottom:1.5em;letter-spacing:-0.025em;color:#999;}
#col1 img.alignleft{float:left;margin-right:2em;}
#col1 img.alignright{float:right;margin-left:2em;}
#col1 ul{margin:0 0 1.25em 1.25em;}
#col1 ul li{margin:0.2em 0;list-style-image:url("img/ul-li.gif");line-height:1.25em;}
#col1 .frame img{padding:5px;border:1px solid #ccc;}
#col1 .post{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #ddd;}
#col2{width:230px;float:right;padding:20px 10px 10px 10px;}
#col2 h4{padding-left:10px;}
#col2 p{margin-bottom:2em;}
#col2 cite{display:block;font-size:14px;}
#content.consulting-sub #col2{padding:0;width:240px;}
#content.consulting-sub #col2 #diagram{margin:25px 0 0 0;}
#content.index #col1{padding-top:10px;}

/* mailing list widget */
#content .wpmlwidget{list-style-type:none;padding-left:10px;margin-bottom:3em;}
#content .wpmlwidget h2{font-size:12px;}
#content .wpmlwidget p{margin-bottom:5px;}
#content .wpmlwidget label{color:#333;display:none;}
#content .wpmlwidget fieldset{border:0;padding:5px 0px 0px 0px;}
#content .colpad{padding-left:10px;}
#content .orange{color:#ff7300;}
#content .orange a{color:#ff7300;}
#content .orange a:hover{text-decoration:none;}

/* cforms */
#content div.failure{background:#FFDFDF;border:1px solid #DF7D7D;padding:5px;margin-bottom:2em;}
#content div.success,#content div.waiting{background:#ffc;border:1px solid #aa0;margin-bottom:2em;padding:5px;}
#content .cform{margin-bottom:2em;width:350px;}
#col2 .cform{width:220px;}
#content .cform label{display:block;text-align:left;width:auto;}
#content .cform label span{width:auto;}
#content .cform input.single,#content .cform textarea{width:100%;border:1px solid #ccc;padding:3px;}
#content .cform input#sendbutton{width:auto;}
#content .cform li{margin:0 0 10px 0 !important;}
#content .linklove{display:none;}

/* clientlist */
#content ul.clientlist {color: #999;}
#content ul.clientlist a{text-decoration: none;color: #999;}
#content ul.clientlist a:hover{color: #E46917;}

/* videos */
#content.index .wordtube object{width:500px;height:581px;outline:none;}
#col1 .wordtube object{width:500px;height:281px;margin-bottom:20px;}

#content.about .wordtube object{width:500px;height:581px;outline:none;}

/* features */
#features{width:760px;height:125px;background:#efefef;margin:10px 0;}
#features .box{width:228px;height:125px;float:left;border-right:1px solid #ccc;padding:10px 10px 0 10px;position:relative;}
#features .last{border:0;}
#features h3{font-weight:normal;line-height:1em;letter-spacing:-0.025em;margin:0 0 3px 0;font-size:15px;}
#features img{display:block;float:left;border:1px solid #ccc;}
#features .inner{float:right;width:105px;}
#features a.link{text-decoration:none;position:absolute;bottom:15px;right:10px;color:#999;}
#features a.link:hover{color:#E46917;}

/* linklist */
#content #linklist{list-style-type:none;margin:0;font-size:10px;}
#content #linklist li{list-style-image:none;margin-bottom:0.5em;}
#content #linklist strong{width:140px;display:block;float:left;}
#content #linklist a{text-decoration:none;color:#999;}
#content #linklist a:hover{color:#E46917;}

/* diagram */
ul#diagram{position:relative;width:240px;height:180px;background:#fff url("img/diagram.gif") no-repeat 0 0;float:right;margin:0 0 1em 1em;}
ul#diagram li{position:absolute;list-style-image:none;margin:0;}
#diagram a{position:absolute;display:block;text-indent:-5000px;background:transparent url("img/diagram-hover.gif") no-repeat 0 200px;width:100%;height:100%;overflow:hidden;}
#dportfolio{left:0;top:0;height:52px;width:240px;}
#dportfolio a:hover,#dportfolio a.selected{background-position:1px 0;}
#dmarketing{top:0;left:168px;width:72px;height:180px;}
#dmarketing a:hover,#dmarketing a.selected{background-position:-167px 0;}
#devidence{top:128px;left:0px;height:52px;width:240px;}
#devidence a:hover,#devidence a.selected{background-position:1px -128px;}
#dstrategy{top:52px;left:73px;height:76px;width:95px;}
#dstrategy a:hover,#dstrategy a.selected{background-position:-72px -52px;}
#duniqueness{top:0;left:0px;height:180px;width:73px;}
#duniqueness a:hover,#duniqueness a.selected{background-position:1px 0;}
#diagram-l{height:331px;width:494px;margin-bottom:2em;}
#diagram-l img{display:block;position:absolute;}
#diagram-l #diagram{position:absolute;width:494px;height:331px;background:transparent;margin:0;}
#diagram-l #diagram a{background:transparent no-repeat url("img/diagram-large-hover.gif") 0 -350px;z-index:5;}
#diagram-l.uk #diagram a{background:transparent no-repeat url("img/diagram-large-hover-uk.gif") 0 -350px;z-index:5;}
#diagram-l #dportfolio{left:0;top:0;height:90px;width:494px;margin:0;list-style-image:none;}
#diagram-l #dportfolio a:hover,#diagram-l #dportfolio a.selected{background-position:0 0;margin:0;list-style-image:none;}
#diagram-l #dmarketing{top:0;left:344px;width:150px;height:331px;margin:0;list-style-image:none;}
#diagram-l #dmarketing a:hover,#diagram-l #dmarketing a.selected{background-position:-344px 0;margin:0;list-style-image:none;}
#diagram-l #devidence{top:241px;left:0px;height:90px;width:494px;margin:0;list-style-image:none;}
#diagram-l #devidence a:hover,#diagram-l #devidence a.selected{background-position:0 -241px;margin:0;list-style-image:none;}
#diagram-l #dstrategy{top:90px;left:150px;height:151px;width:194px;margin:0;list-style-image:none;}
#diagram-l #dstrategy a:hover,#diagram-l #dstrategy a.selected{background-position:-150px -90px;margin:0;list-style-image:none;}
#diagram-l #duniqueness{top:0;left:0;height:331px;width:150px;margin:0;list-style-image:none;}
#diagram-l #duniqueness a:hover,#diagram-l #duniqueness a.selected{background-position:0 0;margin:0;list-style-image:none;}

/* case-box */
#caseboxes{width:500px;}
.case-box{border:1px solid #ccc;width:230px;height:230px;float:left;margin:0 18px 18px 0;}
.case-box img{display:block;}
.case-box h3{font-weight:normal;font-size:14px;margin:2em 0 0.5em 0;letter-spacing:-0.025em;text-align:left;line-height:1em;padding:0 1em 0 1em;}
.case-box a{text-decoration:none;color:#999;}
.case-box a:hover{text-decoration:none;color:#E46917;}

/* share & email */
#share{display:block;}
#share_mail{display:block;margin-left:5px;}
#share img,#share_email{display:block;}

/* comments */
#col1 .commentlist{margin-bottom:40px;}
#col1 .comment-author,#col1 .comment-meta{margin-bottom:1em;}
#col1 .comment-author a,#col1 .comment-author cite{font-style:normal;font-size:18px;color:#333;}
#col1 .commentlist .odd{background:#f5f5f5;}
#col1 .commentlist li.comment > div{padding:10px;}

/* footer */
#footer{font-size:11px;background:#fff;color:#999;border-top:1px solid #ccc;text-align:center;width:760px;margin:0 auto;padding-top:20px;height:39px;}
#footer a{color:#999999;}