/*
Theme Name: Plucera 2010
Theme URI: http://www.plucera.se/
Description: Plucera 2010
Version: 1.0
Author: Plucera Webbyrå
Author URI: http://plucera.se/
*/

* { margin: 0px;padding: 0px; }

BODY, HTML { height: 100%; }
BODY { width: 100%;margin: 0;background-color: #fff;font: 12px/15px Arial, Tahoma, Verdana, "Trebuchet MS", sans-serif;color: #333; }

HR { float: left;width: 100%;height: 1px;margin: 10px 0 20px;border: 0;border-top: 1px dashed #ccc; }

IMG { border: none; }
IMG[onclick] { cursor: pointer; }

.row { position: relative;width: 960px;margin: 0 auto;overflow: hidden;}
.row .row { display: inline-block;width: auto;margin: 0 -20px 0 -20px; }
.column { display: inline;float: left;min-height: 10px;margin: 0 20px 0 20px;overflow: hidden; }

.grid_1 {width: 40px;}
.grid_2 {width: 120px;}
.grid_3 {width: 200px;}
.grid_4 {width: 280px;}
.grid_5 {width: 360px;}
.grid_6 {width: 440px;}
.grid_7 {width: 520px;}
.grid_8 {width: 600px;}
.grid_9 {width: 680px;}
.grid_10 {width: 760px;}
.grid_11 {width: 840px;}
.grid_12 {width: 920px;}

.text { margin: 0 6px 30px; }
.standard .top .text { margin-top: 40px; }

#main .row .row .text { margin-top: 5px; }

/* ------------ HTML - Text -------------- */

A { color: #333; }
A:hover { color: #60a0b9; }

A.doc, A.pdf, A.xls { display: block;height: 12px;padding-left: 15px;background-position: left top;background-repeat: no-repeat; }
A.doc { background-image: url("../img/bgr/doc.gif"); }
A.pdf { background-image: url("../img/bgr/pdf.gif"); }
A.xls { background-image: url("../img/bgr/xls.gif"); }

H1, H2, H3, H4 { margin: 0;padding: 0; }
H1 {  }
H2 {  }
H3 { font-size: 17px;color: #222; }
H4 { font-size: 13px;color: #60a0b9; }

H1, DIV#h1, H2, #sort_on P, #main .row .row H3 {
	margin-bottom: 10px;
	padding-bottom: 2px;

	color: #60a0b9;
	font-size: 36px;
	line-height: 0;
	text-transform: lowercase;
}
H1 SPAN, DIV#h1 SPAN, H2 SPAN, H3 SPAN  { color: #232323;font-size: 16px;font-weight: normal; }
H1 SPAN, H2 SPAN, H3 SPAN, H4 SPAN, H5 SPAN {  }

#top H1, DIV#h1 { position: absolute;left: 26px;bottom: 20px;margin: 0;font-size: 60px;	font-weight: bold;text-transform: none; }
#top H1 SPAN, DIV#h1 SPAN { color: #232323;font-size: 24px;font-weight: normal; }

.bird H2 { position: absolute;left: 59px;bottom: -2px;margin-bottom: 0px; }

#main .row .row H2 { margin-left: 83px;font-size: 32px; }
#main .row .row H3 { margin-top: 34px;margin-left: 18px;font-size: 16px; }
H3 SPAN { font-size: 13px; }

#shortcuts H2 { margin-bottom: 30px; }
#shortcuts .flickr H2 { margin-bottom: 11px; }

.blogg H1, .blogg H2 { text-transform: none; }

P, OL, UL, TABLE { margin: 0 0 10px 0; }

/* ------------ HTML - Formulär -------------- */

FORM { margin: 0;padding: 0;border: none; }

INPUT, SELECT, BUTTON, TEXTAREA { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; }

INPUT, SELECT, TEXTAREA { border: 1px solid #babbbd; }
SELECT { background-color: #fff; }
OPTION { padding: 0 0 0 0.5em; }

LABEL { color: #60a0b9;font-weight: bold; }

INPUT, TEXTAREA { width: 238px;height: 18px;margin: 3px 0 0;padding: 4px 5px 0;background-color: #ebebeb; }
INPUT:focus, INPUT:hover, TEXTAREA:focus, TEXTAREA:hover { border: 1px solid #60a0b9;background-color: #eee; }

TEXTAREA { height: 110px; }
TEXTAREA#comment { width: 575px; }

INPUT#submit, INPUT#searchsubmit {
	width: 80px;
	height: 24px;
	padding: 0 0 2px;
	background-color: #ebebeb;
	border: 1px solid #babbbd;
	cursor: pointer;

	color: #444;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
INPUT#submit:hover, INPUT#submit:focus { border: 1px solid #60a0b9;background-color: #eee;color: #222; }

TEXTAREA[id*="q"] { width: 475px; height: 75px; }
SPAN[id*="q"] INPUT{ width: auto; margin-left: 10px;}
.wpcf7-checkbox SPAN { width: 475px; display: block; }
SPAN.wpcf7-list-item-label { display: inline; position: relative; top: -4px;}

.blogg INPUT#submit { width: 150px; }

FORM.wpcf7-form P { position: relative; }

.wpcf7-not-valid-tip {
	position: absolute;
	height: 19px;
	padding: 7px 2px 2px 7px;
	left: 215px;
	top: -8px;
	border: none;
	background-color: #eee;

	color: red;
	font-size: 11px;
	z-index: 100;
}
.wpcf7-validation-errors { border: 1px dashed #ddd; }
.wpcf7-response-output { margin: 0;padding: 5px;color: red; }

.wordpress .wpcf7-not-valid-tip,
.wordpress .wpcf7-response-output {
	width: 175px;
	height: 16px;
	top: 18px;
	left: 252px;
	padding: 5px 2px 3px 7px;
	background-color: #cccccc;
}
.wordpress .wpcf7-response-output {
	float: right;
	width: 140px;
	padding: 0;
	border: none;
	background-color: transparent;

	color: red;
	font-size: 11px;
}
.wordpress wpcf7-mail-sent-ok { margin-top: 9px;color: #222; }

.wordpress INPUT#submit { float: left; }
.wordpress .ajax-loader { margin: 7px 0 0 4px; }

P.has-wp { height: 43px; }
#has-wp INPUT, #has-wp SPAN { width: auto; float: left; }
#has-wp INPUT { clear: left; }
#has-wp SPAN SPAN { margin: 4px; }

#searchform LABEL { color: #333;font-size: 11px;text-transform: uppercase; }

#searchform INPUT { background-color: #aaa;border: 1px solid #888;color: #fff; }
#searchform INPUT:focus, #searchform INPUT:hover { background-color: #999;border: 1px solid #222; }

#searchform INPUT#searchsubmit { margin: 8px 0 30px; }

/* ------------ HTML - Listor -------------- */

OL OL, OL UL, UL OL, UL UL { margin: 6px 0 0 0;padding: 0; }
OL LI, UL LI { margin: 0 30px 4px 30px;padding: 0;list-style-type: decimal; }
UL LI { list-style-type: circle; }
OL OL LI, UL OL LI { list-style-type: lower-alpha; }
OL UL LI, UL UL LI { list-style-type: disc; }

#blogposts {  }
#blogposts LI { margin: 0 0 15px;list-style-type: none; }
#blogposts SPAN { color: #f7931d;font-size: 11px;font-weight: bold; }
.firstpost A { font-size: 18px;font-weight: bold;text-decoration: none; }

.medarbetare .grid_8 UL { float: left;width: 30%;margin-right: 3%; }
.medarbetare .grid_8 UL LI { margin: 0;list-style-type: none; }
.medarbetare .grid_8 UL LI SPAN { color: #60a0b9; }

.medarbetare .grid_8 OL { margin-top: 10px;}
.medarbetare .grid_8 OL LI { margin: 0 0 3px 17px;font-size: 12px;font-weight: bold;  }

.kontakt .grid_8 UL { float: left;width: 31%;margin: 0 2% 0 0; }
.kontakt .grid_8 LI { margin: 0;list-style-type: none; }
.kontakt .grid_8 LI STRONG { display: block;margin-top: 10px; }

/* ------------ HTML - Tabeller -------------- */

TABLE { width: 100%; }
TD, TH { padding: 8px 6px;text-align: left; }
TH { font-weight: bold; }
THEAD TD, THEAD TH { background-color: #666;border-bottom: 1px dashed #aaa;text-transform: uppercase; }
TBODY TD, TBODY TH { border-bottom: 1px dashed #aaa; }
TFOOT TD, TFOOT TH { background-color: #999; }

/* ------------ Specialstilar -------------- */

.l { text-align: left; }/*#edit#*/
.c { text-align: center; }/*#edit#*/
.r { text-align: right; }/*#edit#*/

.right { float: right; }
.left { float: left; }
.hidden { display: none; }

/* ------------ Header -------------- */

#top { background: url("img/bg/top.png") left top repeat-x; position: relative; }
#top .row { height: 340px;overflow: visible; }

#logo { position: absolute;top: 57px;left: 50%;width: 205px;height: 153px;margin-left: -514px;padding: 20px 58px 0;background: url("img/bg/logo.png") left top no-repeat;z-index: 500; }

#mainMenu {
	position: absolute;
	top: 0;
	left: -4px;
	margin: 0;
	padding: 0;
}
#mainMenu LI { float: left;margin: 0;padding: 0;list-style-type: none; }
#mainMenu A, #mainMenu A:hover {
	float: left;
	display: block;
	height: 27px;
	margin: 0 10px 0 0;
	padding: 16px 21px 0 26px;

	color: #fff;
	font-size: 13px;
	text-decoration: none;
	text-transform: lowercase;
}
#mainMenu LI.current_page_item { background: url("img/bg/mainMenu_left.png") left top no-repeat; }
#mainMenu LI.current_page_item A { background: url("img/bg/mainMenu_right.png") right top no-repeat;font-weight: bold; }
#mainMenu A:hover, #mainMenu LI.current_page_item A:hover { color: #f7931d; }

IMG.blue { position: absolute;left: 340px;bottom: 101px; }
IMG.green { position: absolute;right: 9px;top: 7px; }

DIV.bird { position: absolute;right: 9px;top: 40px;width: 335px;height: 125px;background: url("img/bg/bird_top.gif") left top no-repeat;overflow: visible;z-index: 2; }

.gravatar { position: absolute;right: 21px;bottom: -5px;width: 48px;height: 48px;padding: 9px 9px 0;background: url("img/bg/gravatar.png") left top no-repeat; }
.gravatar #gr_img { display: none; width: 48px;height: 47px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px; border-radius: 3px; }

#twitter {
	position: absolute;
	right: -5px;
	top: 165px;
	background: url("img/bg/twitter.png") left bottom no-repeat;
	z-index: 1;

	font-size: 11px;
}
#twitter_top { width: 250px;padding: 35px 40px 20px;background-color: red;background: url("img/bg/twitter_top.png") left top no-repeat; }
#twitter_top P { display: none; }

.tweet_info { font-style: italic; }
.tweet_info SPAN { font-weight: bold; }

#tweet_load { width: 100%;height: 43px;background: url("img/bg/load.gif") center top no-repeat; }

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

#main { background: url("img/bg/main_top.png") left top repeat-x; }
.container { background: url("img/bg/main_bottom.png") left bottom repeat-x; }
#main .row {  }
.container .container { float: left;background: url("img/bg/container.png") right bottom no-repeat; }

.home .top { overflow: hidden; }
.home .grid_8 { overflow: visible; }
.home .grid_8 P { margin-bottom: 15px; }
.home .grid_4, .standard .grid_4  { margin: 0;padding: 0 20px;background: url("img/bg/home_grid_4.png") left top repeat-x; }
.home .grid_4  {  }

.home .row .row .grid_4, .standard .row .row .grid_4  { min-height: 335px;height: 335px;padding-top: 10px;background: url("img/bg/love_wordpress.png") left top no-repeat;cursor: pointer; }

.portfolio { font-size: 11px; }
.portfolio .row { background: #ebebeb url("img/bg/portfolio_top.gif") left top repeat-x; }
.portfolio .middle { height: 65px;background-image: none;background-color: #232323; }
.portfolio .bottom { background: #ebebeb url("img/bg/portfolio_bottom.gif") left top; }
.portfolio .bottom .grid_12 { margin: 0;padding: 0 20px;background: url("img/bg/portfolio_bottom.png") left bottom repeat-x; }

.medarbetare .top .grid_8 { overflow: visible; }

.home .top .grid_8 .text { margin: 40px 7px 25px; }
#shortcuts .flickr .text, .standard .grid_4 .text { margin: 40px 0 25px; }
.home .text { margin: 40px 0 15px; }
#shortcuts .text { margin: 40px 26px 25px 6px; }

.frame_img, .project {
	margin-left: -27px;
	padding: 22px 26px 30px;
	background: url("img/bg/current_projects.png") left top no-repeat;
}
.project { cursor: pointer; }

.hframe {
	background:url("img/bg/shortcuts_column.png") no-repeat scroll left bottom transparent;
	height: 330px;
	padding: 25px;
	width: 250px;
	margin-top:30px;
}

#shortcuts { background: url("img/bg/shortcuts.png") left top repeat-x; }
#shortcuts .row {  }

#shortcuts .grid_4 { height: 485px;margin: 0;padding: 0 20px;background: url("img/bg/shortcuts_column.png") left bottom no-repeat; }
#shortcuts .flickr { background: url("img/bg/home_flickr.png") left top repeat-x; }

.flickr_large, .flickr_large2 { width: 240px;height: 180px;margin-left: -6px;padding: 22px 26px 30px;background: url("img/bg/flickr_large.png") left top no-repeat; }
.flickr_large2 { width: 180px;height: 240px;background: url("img/bg/flickr_large2.png") left top no-repeat; }

.flickr_large .img,
.flickr_large2 .img {
	position: relative;
	width: 240px;
	height: 180px;
	background: url("img/bg/load.gif") center center no-repeat;
	cursor: pointer;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.flickr_large2 .img { width: 180px;height: 240px;background: url("img/inline/flickr_2.jpg") left top no-repeat; }

.flickr P {
	position: absolute;
	bottom: 10px;
	margin: 0;
	width: 92%;
	padding: 7px 4%;
	background-color: #fff;
	opacity: 0.8;

	font-weight: bold;
}
.flickr_tmb, .kontakt .grid_8 IMG { float: left; cursor: pointer; margin-top: 5px;padding: 7px 8px 9px;background: url("img/bg/flickr_tmb.png") left top no-repeat; }
.flickr_tmb .img { width: 75px; height: 75px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.one { margin-left: -3px;margin-right: 3.5px; }
.three { float: right;margin-right: -3px; }

P DIV {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.kontakt .grid_8 IMG { float: none;margin-top: -5px;margin-left: -3px; }

/* ------------ portfolio -------------- */

.portfolio .top .text { margin-bottom: 0; }

UL#sort { margin: 0;padding: 0; }
UL#sort LI { float:left;margin: 19px 25px 0 0;padding: 0 0 2px;list-style-type: none; }
UL#sort LI A { display: block;float:left;cursor: pointer;color: #fff;font-size: 30px;font-weight: bold;text-decoration: none; }
UL#sort LI A SPAN { color: #f7931d;font-size: 14px;font-weight: normal; }
UL#sort LI.check A, UL#sort LI.check A:hover { color: #777; }

.referens { float: left;width: 32%;margin: 15px 1% 0 0;height: 110px; }
.referens H2 { margin-top: 9px;font-size: 12px;color: #434344;text-transform: none; }
.referens IMG { float: left;margin-left: -10px;padding: 17px 20px 23px;background: url("img/bg/tmb_frame.png") left top no-repeat;cursor: pointer; }
.referens P { margin: 0 0 6px; }

#sort_on { position: absolute;right: 85px;top: 28px;height: 60px;background: url("img/bg/sort_on.gif") left top no-repeat; }
#sort_on P { float: left;height: 43px;padding: 17px 30px 0 15px;background: url("img/bg/sort_on_p.gif") right top no-repeat;color: #60a0b9;font-size: 30px;font-weight: bold; }
#sort_bird { position: absolute;right: 40px;bottom: 0; }

/* ------------ blogg -------------- */

#blog_side {  }
#blog_side LI { margin: 0;list-style-type: none; }

#blog_side H2 { margin: 0; }

#blog_side UL { margin: 0 0 30px; }
#blog_side UL LI { margin: 0 0 4px; }

.navigation .alignleft, .navigation .alignright { position: absolute;top: 18px;font-size: 11px; }
.navigation .alignleft { left: 25px; }
.navigation .alignright { right: 345px; }

.postmetadata { margin: 20px 0 20px;padding: 6px;background-color: #ebebeb;border: 1px dashed #aaa;color: #222;font-weight: bold; }
.postmetadata A { color: #444;font-weight: normal; }
.postmetadata A:hover { color: #60a0b9; }

.date { font-size: 11px;font-weight: bold;color: #60a0b9; }

/* ------------ footer -------------- */

#bottom { position: relative;background-color: #232323;color: #fff;font-size: 11px; }
#bottom .row { position: absolute;bottom: 0;width: 100%;height: 225px; }
#bottom .column { display: block;float: none;margin: 0 auto; }

#bottom A { color: #fff; }
#bottom A:hover { color: #60a0b9; }
#bottom P { clear: both; }
#bottom .social P { clear: none; }

#btmMenu { float: left;width: 250px;margin: 20px 0 30px; }
#btmMenu LI { margin: 0 0 3px;list-style-type: none; }
#btmMenu A, btmMenu A:hover { color: #999;font-size: 15px;font-weight: bold;text-decoration: none;text-transform: lowercase; }
#btmMenu LI.current_page_item A { color: #fff }
#btmMenu A:hover, #btmMenu LI.current_page_item A:hover { color: #f7931d; }

#bottom P, #btmMenu { margin-right: 6px;margin-left: 6px; }

.social { float: left;width: 250px;margin: 20px 0 0 64px; }
.social H2 { margin: 0;padding-left: 50px;color: #fff;font-size: 28px;background: url("img/inline/twitter_logo.gif") left top no-repeat; }
.social H2#fb { margin: 0 0 25px;background-image: url("img/inline/facebook_logo.gif"); }
.social H2#wp { background-image: url("img/inline/wordpress_logo.gif"); }
.social H2 SPAN { color: #fff; }
.social H2 SPAN.em { display: inline;color: #60a0b9; }
.social H2 A { text-decoration: none; }
#bottom .social P { margin: 0 0 0 50px; }
.social P A { margin-right: 6px;font-weight: bold; }

.wp { width: 270px;margin: 20px 0 0 69px; }