/* @override http://localhost/portfolio/www/wp-content/themes/BLANK-Theme/style.css */

/*   
Theme Name: BLANK Theme
Theme URI: http://digwp.com
Description: This is just a BLANK starter WordPress Theme template -- WordPress v2.9.1
Author: Chris Coyier
Author URI: http://chriscoyier.net
Version: 1
*/

/* Presentera film med hjŠlp av frames


Skapa sprite

design som ett photoshop dokument, med guidelines.

Favicon

ny design till kontakt

Lista buggar,

ny blogg design

styla follow boxen

nytt head

fixa cv.

fler case, 

AP newsreader
Kaltura
AP Whitelabel
Kiwi AB
Diverse MTV, Hinyc


*/

#top{
height: 5px;
width: 100%;
background: #00c6ff;
}

a { -webkit-transition: color .2s ease-out; }

object {margin-top: 10px;}

@media screen {

* { margin: 0; padding: 0; outline: none;}
html {background: url(images/bggrid.gi) #fff repeat-x;}
body { background: url(images/bggrid.gi) repeat-x; font: 14px/1.4 Georgia, Serif; margin:0; padding: 0;}
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

#page-wrap { width: 960px; margin: 0 auto; /*position: relative;*/}
.casenav-wrapper { width: 960px; margin: 0 auto; position: relative;}

#header{margin: 0 auto; width: 960px; padding-top: 20px;}

.minilogo{float: left; margin-top: 5px;}

#header h1{
	display: none;
}

/*
#header h1 {text-indent: -9999px; height: 184px; width: 179px; margin: 0 auto;}
#header h1 a.home{display: block; height: 184px; width: 179px; background: url(images/sprite.png); background-position-y: 0px;}
#header h1 a.home:hover {background: url(images/sprite.png); background-position-y: -184px;}
#header h1 a.home:active {background: url(images/sprite.png); background-position-y: 182px;}
*/
.minilogo {text-indent: -9999px; height: 79px; width: 82px; margin: 0 auto;}
.minilogo a.single{display: block; height: 79px; width: 82px; background: url(images/diamondsareforever.png); background-position-y: 0px;}
.minilogo a.single:hover {background: url(images/diamondsareforever.png); background-position-y: 79px;}
.minilogo a.single:active {background: url(images/diamondsareforever.png); background-position-y: -79px;}

h1, h2, h3 { font-weight: normal; margin: 0; }
h1 { }
h2 {

	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: -0.1;
	color: #352808;
 }
 
h3 { font-family: Helvetica, Arial, sans-serif;}

hr { background: #ccc; border: none; height: 1px; }

img{border: none;}
p { margin: 0 0 10px 0; }
a { }
a:hover { } 

blockquote { }
blockquote p { }



ul, ol { margin: 0 0 10px 0; }

#post { float: left; margin-bottom: 10px;}


.entry {  margin-bottom: 20px;}
.entry a { }

.casedescription {
	margin-top: 20px;
	margin-bottom: 20px;
}

h2.casetitle {
	padding: 20px;
	width: 240px; 
	text-align: center;
	color:#fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 32px;
	line-height: 30px;
	font-style: uppercase;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: -0.1;
	display: table-cell;
	vertical-align: middle;
	height: 160px;
}

.valign{
	display: table;
	float: left;
	background: url(images/welcomebg.png2) #97c0cc;
	height: 200px;
	min-height: 200px;
}

.casedescription p {
	margin-bottom: 10px;
	width: 300px;
	float: left; 
	background: url(images/welcomebg.png2) #ccf4ff;
	padding: 20px; 
	color:#352808;
	font-family:Cambria,serif;
	font-size:16px;
	font-weight:normal;
	letter-spacing:normal;
	line-height:1.75em;   
	overflow: hidden;
	height: 160px;
	min-height: 160px;
	
}

.welcome {width: 900px; background: url(images/welcomebg.pn); margin-bottom: 10px; position: relative; padding: 30px; margin-top: 25px;}

.welcome p {font-family: Cambria, serif;
font-size: 32px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.2em;
text-align: center;
color: #352808;
}

.welcome span{
color: #954552;
font-style: italic;

}

.closewelcome{width: 14px; height: 14px; background: url(images/close.png); position: absolute; top: 10px; right: 10px; cursor: pointer;}
.closewelcome:hover{background: url(images/close.png) 14px 14px;}

.second {margin-left: 20px; float: left;}

.entry {text-align: left;}

#footer {clear: both; padding-top: 100px; padding-bottom: 100px;}
#footer h1{font-size: 28px; text-indent: 0; height: auto;}

.post img{margin-right: 5px; margin-bottom: 5px; margin-top: 10px; cursor: ;}

.case {background: aqua; width: 960px;}



/*
   styles for cj image flipbox
----------------------------------*/
div.cj_image_flipbox {
   display: block;
   width: 100%;
   height: auto;
}
div.cj_image_flipbox_block {
   position: relative;
   display: block;
   width: 470px;
   height: 300px;
   overflow: hidden;
   margin-bottom: 10px;
   float: left;
}
div.cj_image_flipbox_block br {
   display: none;
}


.nextpost a {width: 41px; height:35px; background: url(images/next.png) -5px 0px; text-indent: -9999px; float: left;}
.nextpost a:hover {background-position-x: 0px;}

.previouspost a {display: block; width: 41px; height:35px; background: url(images/previous.png) 5px 0px; text-indent: -9999px; float: left;}
.previouspost a:hover {background-position-x: 0px;}

#nextprevhome{ margin: 0 auto; width: 176px; padding-top: 60px;}

.homebutton {float: left; margin: 0 auto; padding: 0 30px;}

::-moz-selection{
background: #fbdbe8;
color: #f55b99;
} 

::selection {
background: #fbdbe8;
color: #f55b99;
}

.casebutton {
	width: 192px;
	height: 35px;
	line-height: 35px;
	font-size: 1.2em;
	background: url(images/casemenu.png) no-repeat;
	text-align: center;
	z-index: 999;	
	position: absolute;
	top:0px;
	left:380px;
}

ul.casenav {
	list-style: none;
	margin: 0 auto;
	width: 192px;
	height: 35px;
	line-height: 35px;
	font-size: 1.2em;
	text-align: center;

}
ul.casenav li {
	margin: 0;
}
ul.casenav li a{
	color: #000;
	display: block;
	text-decoration: none;
	text-align: center;
}

a.casetitle{
	color: #fff;
	text-decoration: none;
}

ul.casenav li a:hover{
	background: url(topnav_hover.gif) no-repeat center top;
}

ul.casenav li ul.subnav {
	list-style: none;
	margin-left: 24px;
	background: #fff;
	padding: 10px 5px 5px 5px;
	display: none;
	width: 134px;	
	position: absolute;
	top:31px;
	left: 380px;
	z-index: 1;
	box-shadow: 0px 0px 4px #878560;
   -o-box-shadow: 0px 0px 4px #878560;
   -webkit-box-shadow: 0px 0px 4px #878560;
   -moz-box-shadow: 0px 0px 4px #878560;
}

ul.casenav li ul.subnav li{
	margin: 0; padding: 0;
	width: 134px;
}
html ul.casenav li ul.subnav li a {
	width: 134px;
	background: #fff url(dropdown_linkbg.gif) no-repeat 10px center;
}
html ul.casenav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #bff1ff;
}

.activecase a {background: #ffbfbf !important; color:#fff;}



pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }

#error404{
width: 100%; height: 100%; background: url(images/404.jpg); background-position: center center; position: absolute; left: 0px; top: 0px; overflow: hidden; color: #fff; z-index: 2000;}

.info{ width: 275px; height: 400px; background: url(images/box.png); position: absolute; top: 25px; right: 25px;}
.more {width: 247px; height: 70px; background: #000; position: absolute;  left: 22px; top: 325px; color: #fff; text-align: center; line-height: 70px;}
.text {width: 247px; height: 70px; position: absolute; left: 50px; top: 25px; color: #000;}

.hello{width: 100%; height: 100%; background: url(images/photo.jpg); background-position: center center; position: absolute; left: 0px; top: 0px; overflow: hidden; color: #fff; z-index: 2; cursor: pointer;}

.fixed{position: fixed; top:0; left:0;}

#menu-wrap{width: 100%; background: url(images/menuborder.png); background-position: center;}

#menu{ height: 69px; width:843px; background: url(images/menusprite.png) no-repeat; margin: 0 auto; margin-bottom: 14px;}

#menu ul li{display: inline; list-style-type: none;}

#menu ul li.empty {display: block; float: left; height: 69px; width: 142px;}

#menu ul li a.cvbutton{display: block; float: left; height: 69px; width: 142px;}
#menu ul li a.cvbutton:hover {}

#menu ul li a.followbutton{display: block; float: left; height: 69px; width: 142px;}
#menu ul li a.followbutton:hover {}

#menu ul li a.blogbutton{display: block; float: left; height: 69px; width: 142px;}
#menu ul li a.blogbutton:hover {}

#menu ul li a.contactbutton{display: block; float: left; height: 69px; width: 142px;}
#menu ul li a.contactbutton:hover {}

} /* END screen media */


#message
{
/* display: block before hiding */
display: block;
display: none;

/* link is above all other elements */
z-index: 999;

/* link doesn't hide text behind it */
opacity: .8;

/* link stays at same place on page */
position: fixed;

/* link goes at the bottom of the page */
top: 100%;
margin-top: -96px; /* = height + preferred bottom margin */

/* link is centered */
right: 10px;

/* make it big and easy to see (size, style to preferences) */
width: 82px;
line-height: 64px;
height: 86px;
font-size: 24px;
text-align: center;
background: url(images/backtotop.png) no-repeat 0 0;
}

#message:hover { opacity: 1; background: url(images/backtotop.png) no-repeat 0 -87px;}

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */


.excerpt, .followbox, .cvbox {padding: 25px; text-align: center;}

.followbox h2, .followbox hr, .cvbox h2, .cvbox hr{
margin-bottom: 5px;
}


.excerpt a{
	font-family: Cambria, serif;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.5em;
	text-decoration: underline;
	padding: 5px 10px;
	color: #fe5454;
	text-align: center;
	/*color: #352808;
	background: #00c6ff;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px;*/
}

.followbox a, .cvbox a {
	font-family: Cambria, serif;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.5em;
	text-decoration: underline;
	padding: 5px 10px;
	color: #fe5454;
	/*color: #352808;
	background: #00c6ff;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px;*/
}

.excerpt a:hover, .followbox a:hover, .cvbox a:hover {
	color: #352808;
}

.excerpt h2, .followbox h2, .cvbox h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: -0.1;
	line-height: 1.4em;
	text-align: center;
	color: #000;
}

.excerpt h2 span, .followbox h2 span, .cvbox h2 span{
	font-size: 36px;
	line-height: 36px;
	margin-top: 10px;
}

.excerpt h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: -0.1;
	line-height: 1.4em;
	text-align: center;
	color: #000;
	margin-bottom: 10px;
}

.excerpt p, .followbox p{
	font-family: Cambria, serif;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.5em;
	color: #352808;
	text-align: center;
}

.cvbox p {
	font-family: Cambria, serif;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.5em;
	color: #352808;
	text-align: center;
	margin-bottom: 15px;
	padding-bottom: 0;
}

.contacttitle{
	font-family: Cambria, serif;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.5em;
	color: #352808;
	padding-right: 10px;
}

#footer a{
	font-family: Cambria, serif;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.5em;
	color: #f55b99;}

#footer a:hover{
		color: #352808;
}	

#footer a:active{
		color: #000;
}

/*
.roles ul li {
	display: inline;	
	font-family: Cambria, serif;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.5em;
	text-decoration: underline;
	padding: 5px 10px;
	text-align: center;
	margin:0;
	padding: 0;
	}
	
.roles {text-align: center;}

.roles ul{height: 25px;} */