/*

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/bg.jpg);
	font:12px/18px"Lucida Grande","Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color:#333;
	text-align: left;
	margin: 0;
}

code {
font:120% "Courier New", "Lucida Console", Arial;
}

#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;
}

/*Meny*/

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

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

.mainMenu{
float:right;
width: 50%;
}

.mainMenu ul{
float: right;
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;
}

.mainMenu 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;
}

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

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

.mainMenu ul li.laster{
background:none;
margin-left: 7px;
padding-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;  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*/

.sidebarContainer{float: right; width: 249px; margin-right: 0px;}
.sidebarHolder{float: right; width: 249px; margin-right: 0px; margin-top: 10px;}
.sidebarTop{ background:url(images/sidebarTop.jpg) no-repeat; width: 249px; height: 6px;}
.sidebarContent{ background:url(images/sidebarContent.jpg); 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 h3{ color: #333; line-height: 150%; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; font-size: 18px; margin-bottom: 10px;}


/*content*/
.content{ margin-top: 20px;}
.contentMain{float: left; width: 690px; margin-bottom: 30px;}
.contentMain img{margin-bottom: 10px; padding: 10px; background:#FFFFFF; border: 1px solid #CCCCCC;}
.contentMain h1{font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; background:url(images/contentStripe.png) bottom center no-repeat; width: 689px;}
.contentMain h1 a{color: #333333;}
.contentMain h2{font-weight:bold;font-size:24px;line-height:36px;margin-bottom:18px; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; background:url(images/contentStripe.png) bottom center no-repeat; width: 689px;}
.contentMain h2 a{color: #333333;}

/* 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
--------------------------------------------------*/
#comments {
font-size:0.9em;
}

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

#commentlist li a{
color:#333333;
}

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

#commentform a{
color:#333333;
}

#commentform textarea {
background:#f8f7f6;
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; background:url(images/contentStripe.png) top center no-repeat; 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; margin-top: 3px; font-size:10px;}
#blogRight a{ color:#333333;}

.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/bottom-line.png) center top no-repeat; height: 180px;}

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

.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;
}

.copyright .text {
color:#333;
text-align: center;
}

/*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: 50px;
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: .75;
z-index: 999;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
z-index: 999;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
z-index: 999;
}

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

a.trigger{
position: absolute;
text-decoration: none;
top: 100px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
background:url(http://kategabor.se/wp-content/themes/kate_gabor/images/inen.png);
width: 57px;
height: 51px;
display: block;
z-index: 999;
}

a.trigger:hover{
position: absolute;
text-decoration: none;
top: 100px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
background:url(http://kategabor.se/wp-content/themes/kate_gabor/images/inen.png);
width: 57px;
height: 51px;
display: block;
z-index: 999;
}

a.active.trigger {
position: absolute;
text-decoration: none;
top: 100px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
background:url(http://kategabor.se/wp-content/themes/kate_gabor/images/inen.png);
width: 57px;
height: 51px;
display: block;
z-index: 999;}