/*

Theme Name: Kate Gabor
Theme URI: http://www.bluemonkeyproductions.se
Version: 1.0
Author: Tobias Jonnarth

*/

/*Övergripande*/
@charset"UTF-8";
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{margin:0; padding:0;}

body {
	background-image: url(images/essentials/mainBG.jpg);
	font:12px/18px"Lucida Grande","Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color:#333;
	text-align: left;
	margin: 0;
}

#ornamentals{ background:url(images/ornamentals.png) center top no-repeat;}

  .clear {
  clear:both;
  height:0;
  }
  
/*länkar*/

a img {border: 0px;}


/*text*/
p{margin-bottom:18px;}
h1{font-weight:bold;font-size:24px;line-height:36px;margin-bottom:18px;}
h2{font-weight:bold;font-size:16px;line-height:18px;margin-bottom:18px;}
h3{font-weight:bold;font-size:1em;line-height:18px;}
h4{font-weight:bold;font-size:10px;line-height:18px;}


/*innehåll*/

.wrap {
	width: 980px;
	margin: 0 auto;
}

.yHead{ width: 100%; background:url(images/essentials/headerBG.jpg); height:93px;}
.topInfo{float: right; margin-top: 40px; font-family: "Dj Gross"; font-size: 14px; color:#999999;}
.bodyTop{ height: 14px; background:url(images/essentials/topMain.png) no-repeat;}
.bodyMain{ background: url(images/essentials/bodyMain.png); padding: 20px;}
.bodyFooter{ height: 12px; background:url(images/essentials/footerMain.png) no-repeat;}
.tagInfo{ margin-top: 40px; font-family: "Dj Gross"; font-size: 12px; color:#CCCCCC; text-align:left; border-bottom: 2px solid #CCCCCC; margin-bottom: 50px;}
.tagInfo a{ color:#CCCCCC !important; }
.can{ text-align: center; margin-top: -100px; margin-bottom: -20px; background:url(images/essentials/yelah.se-can.png) top center no-repeat; width: 680px; height: 408px; margin-left: auto; margin-right: auto;}

@font-face {
    font-family: "Dj Gross";
    src: url(DJGROSS.ttf);
}


/*Meny*/

#topMenu{
margin-bottom:-1px;
height: 80px;
}

#logoHolder{
float:left;
width: 40%;
margin-top:7px;
}

.mainMenu{
margin-left: 380px;
z-index: 999;
}

.mainMenu ul{
height: 44px;
border-left: 1px solid #7d7d7d;
margin-bottom: -3px;
z-index: 999;
}

.mainMenu ul li{
background: url(images/essentials/menuBG.jpg);
border-top: 1px solid #7d7d7d;
float: left;
list-style:none;
color: #FFF;
font-size: 19px;
font-weight:100;
text-align: center;
border-right: 2px groove #CCCCCC;
height: 31px;
padding-top: 12px;
padding-left: 10px;
padding-right: 10px;
z-index: 999;
}

.mainMenu ul li a{
list-style:none;
color: #FFF;
font-size: 19px;
font-weight:100;
z-index: 999;
}

.mainMenu ul li#active{
height: 35px;
margin-bottom: -2px;
}

.mainMenu ul li#laster{
border-right: 0;
}

.mainMenu ul li.current-menu-item{
}
.mainMenu ul li.current-menu-item a{
color:#999999;
}

/*Slideshow*/
#slideShowHolder{ background:#FFFFFF; border: 1px solid #999999; height: 400px; margin-top: 20px; padding: 10px;}
#slideShowPic{ background:#000; border: 1px solid #999999; height: 397px; width: 955px;}

/*content page pic*/
#contentPageHolder{ background:#FFFFFF; border: 1px solid #999999; margin-top: 20px; padding: 10px; text-align: center;}
#contentPagePic{ background:url(images/transparentHolder.png) no-repeat; width: 342px; height: 116px; position: relative; left: 614px; top: 296px; margin-top: -146px; text-align: left; padding: 15px; color: #FFFFFF;}
#contentPagePic p{ font-size: 18px; font-weight: 100; margin-bottom: 10px;}
#contentPagePic h2{ font-size: 24px; margin-bottom: 15px; margin-top: 3px;}

/*3 Pics presentation*/
.frontPics{ margin-top: 50px; float: left; margin-right: 33px; text-align: center;}
#picLast{float: right; margin-right: -4px; text-align: center;}
.frontPics img{ width: 280px; height: 170px; background:#FFFFFF; border: 1px solid #999999; list-style: none; padding: 10px;}
#frontPicsClear{ background:none;}
.frontPics a{ color:#333333; text-decoration:none; text-align:center; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; font-size: 19px; padding-bottom: 18px;
background:url(images/flower-small.png) no-repeat;
background-position: center bottom;
}

/*Sidebar*/

.sidebarHolder{float: right; width: 249px; margin-right: 0px; margin-top: 10px;}
.sidebarTop{ background:url(../images/sidebarTop.jpg) no-repeat; width: 249px; height: 6px;}
.sidebarContent{ width: 219px; padding: 15px;}
.sidebarBottom{ background:url(images/sidebarFooter.jpg) no-repeat; width: 249px; height: 9px;}
.sidebarContent ul{ list-style:none;}
.sidebarContent ul li{ color: #333333; border-bottom: 1px solid #CCCCCC; padding-bottom: 8px; margin-top: 8px;}
.sidebarContent ul li a{ color: #333333;}
.sidebarContent ul h3{ color: #333; line-height: 150%; font-family: "Dj Gross"; font-size: 18px; border-bottom: 2px solid #CCCCCC;}
.sidebarContent ul h3#ice{ background:url(images/essentials/icecream.png) left bottom no-repeat; padding-left: 55px; padding-top: 53px;}
.sidebarContent ul h3#can{ background: url(images/essentials/can.png) left bottom no-repeat; padding-left: 55px; padding-top: 53px;}
.sidebarContent ul h3#sand{ background: url(images/essentials/sand.png) left bottom no-repeat; padding-left: 55px; padding-top: 53px;}


/*content*/
.content{ margin-top: 20px;}
.contentMain{float: left; width: 650px; margin-bottom: 30px;}
.contentMain img{margin-right: 10px;}
.contentMain h1{font-family: "Dj Gross"; border-bottom: 8px solid #bac8d8; width: 650px;}
.contentMain h2{font-size:24px; font-family: "Dj Gross"; border-bottom: 8px solid #bac8d8; width: 650px;}
.contentMain a{color: #666666;}

/* blockquote + links
--------------------------------------------------*/

blockquote {
background:#EFF8FB;
border:1px solid #ccc;
margin:10px 0;
padding:5px 15px;
}

a:hover {
color: #666666; !important
}

a.more {
display:block;
text-align:right;
color:#2F460D;
text-decoration:none;
margin:10px 0 0;
}

a.more:hover {
text-decoration:none;
}

/* metadata under post
--------------------------------------------------*/
.post {
margin:0 0 50px 0;
text-align:justify;
}

.post img {
background:#ccc;
border:5px solid #eee;
padding:1px;
}

.post .info {
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
background-color:#EFF8FB;
font-size:1em;
color:#333;
padding:2px 3px 3px 8px;
margin: 25px 0;
}

.info a{color: #333333;}

.date {
margin: 0 0 15px 0;
}

.post small {
margin-top:25px;
}

/* metadata sidebar ('about this post')
--------------------------------------------------*/
p.news {
background:#EFF8FB;
color:#333;
font-size:120%;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
margin:10px 0 28px;
padding:10px;
}


/* some input
--------------------------------------------------*/
input {
border:1px solid #CCC;
font:11px "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
padding:3px;
}

input:hover {
border:1px solid #262626;
}

input:focus {
border:1px solid #262626;
color:#333;
}

/* comments
--------------------------------------------------*/

.commentsType{padding: 15px; background:#FAFAFA; border: 1px solid #CCCCCC; margin-bottom: 15px;}

#comments {
font-size:0.9em;
}

#commentlist li {
margin-bottom:1.5em;
padding-bottom:1em;
list-style:none;
}

.commentlist li {
list-style:none;
}

#commentlist li a{
color:#333333;
}

#commentform {
width:350px;
text-align:left;
margin:0 0 15px 0;
}

#commentform a{
color:#333333;
}

#commentform textarea {
background:#f0f5f9;
border:1px solid #d6d3d3;
width:480px;
font: 13px "Lucida Grande", "Lucida Sans Unicode", Trebuchet MS;
}

#commentform #email,#commentform #author,#commentform #url {
font-size:1.1em;
background:#f8f7f6;
border:1px solid #d6d3d3;
width:350px;
}

#commentform input {
margin-bottom:3px;
}

#gravatar {
align:right;
}

.commentmetadata a{color: #333333;}

/* wp stuff
--------------------------------------------------*/

.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.alignleft {
float:left;
}

.alignright {
float:right;
}

.navigation {
text-align:right;
font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; width: 689px;
}
.navigation a{
color:#333333;
}

.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding:4px 0 0 0;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:10px;
}

.wp-caption img {
border:0 none;
margin:0;
padding:0;
}


.wp-caption-dd {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}

#header h1 a:hover,#footer a:hover, .mainMenu a:hover {
text-decoration:none;
color:#666;
}

#content li,#content2 li {
border-bottom:1px solid #EFF8FB;
padding:10px;
}

a,#sidebar li a{
text-decoration:none;
}

/*Blog*/
#blogHeader{ background:url(images/blogg-stripe.jpg); height:61px; margin-top: 10px; margin-bottom: 40px; padding-top: 20px;}
#blogLeft{ width: 45%; float: left;}
#blogLeft h1{font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; font-size: 18px; margin-top: 3px; font-size: 24px; font-weight:200;}
#blogLeft h2{font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; font-size: 18px; margin-top: 3px; font-size: 24px; font-weight:200; line-height:36px ;margin-bottom:18px;}
#blogRight{ width: 45%; float: right; text-align:right}

.contentBlog{ text-align: right; margin-top: -15px; font-size: 10px; margin-bottom: 15px;}
.comments{float: right; margin-left: 10px; background:url(images/tiny-bubble.png) left center no-repeat; padding-left: 15px;}
.comments a{ color:#333333;}
.poster a{ color:#333333;}
.poster{float: right; margin-left: 10px; background:url(images/tiny-face.png) left center no-repeat; padding-left: 15px;}
.dater{float: right; margin-left: 10px; background:url(images/tiny-calendar.png) left center no-repeat; padding-left: 15px;}


/*Footer*/

#footer{background: url(images/essentials/footerBG.png) center top no-repeat; height: 306px; margin-top: -3px;}

#footerWrap {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	padding-top: 105px;
}

.footerMenu{
width: 50%;
margin-left: auto;
margin-right:auto;
}

.footerMenu ul{
margin-left: auto;
margin-right:auto;
margin-top:20px;
font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif;
background: url(images/menuBG.png) no-repeat;
background-position: center 0;
width: 480px;
height: 51px;
padding-top: 15px;
}

.footerMenu ul li{
float: left;
list-style:none;
color: #333333;
padding-left: 7px;
font-size: 19px;
padding-right: 15px;
font-weight:100;
background:url(images/menuSpot.png) center right;
background-repeat:no-repeat;
text-align:center;
}

.footerMenu ul li#active{
height: 35px;
margin-bottom: -2px;
}

.footerMenu ul li.laster{
background:none;
margin-left: 7px;
padding-right: 0;
}

.footerMenu ul li.current-menu-item{
}
.footerMenu ul li.current-menu-item a{
color:#999999;
}

.footerMenu ul li a{
color: #333333;
}


/*Copyright notice*/

.copyright {
font-size:11px;
margin-bottom:0px;
padding-left: 10px;
}

.copyright .text {
color:#FFF;
text-align: left;
}
.copyright .text a{
color:#FFF;
}

/*Social*/
#getSocial{width: 100%; height: 36px; margin-top: 50px;}
#socialRight{ float:right; width: 40%; text-align: right; margin-left: 10px; margin-right: 5px;}
#socialRight img{margin-left: 10px;}
#socialLeft{ float:left; width: 30%;}
#socialLeft a{ color: #333333; text-decoration:none; font-size: 20px; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; background:url(images/flower-medium.png) left center no-repeat; padding: 30px; padding-left: 40px;}

/*Övrigt*/

.shade{background: url(images/shadowSmall.png) no-repeat; background-position: bottom center; padding-bottom: 15px;}

.panel {
position: absolute;
top: 100px;
left: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 330px;
height: auto;
padding: 30px 30px 30px 130px;
filter: alpha(opacity=85);
opacity: .85;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #dd1ba4;
text-decoration: none;
border-bottom: 1px solid #dd1ba4;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

.panel h3 {
font-size:14px;
font-family:verdana, helvetica, arial, sans-serif;
letter-spacing:-1px;
color:#fff;
font-weight: 700;
text-transform:uppercase;
margin:0;
padding:8px 0 8px 0;
line-height: 0;
}
.panel p {
color:#cccccc;
line-height:22px;
padding: 0 0 10px;
margin: 20px 0 20px 0;
}

a.trigger{
position: absolute;
text-decoration: none;
top: 130px; left: 0;
background:url(images/essentials/info-off.png);
height:121px;
width:54px;
display: block;
}

a.trigger:hover{
position: absolute;
text-decoration: none;
top: 130px; left: 0;
}

a.active.trigger {
background:urlimages/essentials/info-on.png);
}