/*   
Theme Name: Colour City
Theme URI: http://colourcity.ahlens.se
Description: Theme for the Colour city campaignpage
Author: Ottoboni
Author URI: http://www.ottoboni.se
Template:
Version: 1.0
*/

* { margin:0; padding:0; text-decoration:none; font-size:1em; outline:none}

code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext { font:inherit; font-size:1em }

dfn,i,cite,var,address,em { font-style:normal }

th,b,strong,h1,h2,h3,h4,h5,h6,dt{font-weight:normal}

a,img,a img,iframe,form,fieldset,abbr,acronym,object,applet,table{border:none}

caption,th,td { text-align:left }

ul,ol,dir,menu { list-style:none }

sub,sup { vertical-align:baseline }

blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

a { color:inherit }

hr { display:none }

/* Font-size */
html { font-size:125%; }
body {font-size:50%; font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif; margin:0; padding:0; height:100%; background:#fff url(images/Ahlens/Body.jpg); }

/* General */
strong,th,thead,h1,h2,h3,h4,h5,h6,dt { font-weight:bold; }
cite,em,dfn { font-style:italic; }

/* Headings */
h1 { font-size: 3.2em; margin-bottom:0.1em; line-height:1em; font-weight:normal; }
h2 { font-size: 2.1em; margin-bottom:10px; line-height:0.9em; font-weight:normal; }
h3 { font-size:2em; margin-bottom:0.2em; line-height:1.2em; }
h4 { font-size:1.6em; margin-bottom:0.2em; line-height:1.5em; }
h5 { font-size:1.4em; margin-bottom:0.2em; line-height:1.8em; }
h6 { font-size:1.3em; margin-bottom:0.2em; line-height:1.8em; }

/* Paragraph */
p { font-size:1.2em; line-height:1.3em; margin-bottom:1.5em; }

/* Links  */
p a{ color:#2d2d2d; }
a:hover{ text-decoration:underline; }

/* First/Last & Clear */
.Alpha{margin-left:0 !important;}
.Omega{margin-right:0 !important;}
.Clear {clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0; }


/* --- */

#PageWrap { width:960px; background:transparent; margin:30px auto; }

#Header { background:#fff; padding:20px 20px 0; }

#Header #Logo { width:220px; height:34px; float:left; background:#fff; margin-bottom:15px; }

#Header #MainNavigation { width:700px; float:left; background:#fff; padding-top:20px; }
#Header #MainNavigation ul { float:right; }
#Header #MainNavigation ul li { float:left; margin:0 0 0 25px; position:relative; background:#fff; }
#Header #MainNavigation ul li a { font-size:1.1em; text-transform:uppercase; font-weight:bold; padding-left: 14px; background:url(images/Ahlens/new/navarrow.png) 0 0px no-repeat; }
body.home #Header #MainNavigation ul li.home a,
#Header #MainNavigation ul li.current_page_parent a,
#Header #MainNavigation ul li.current_page_item a,
#Header #MainNavigation ul li.sfHover a,
#Header #MainNavigation ul li a:hover { background:url(images/Ahlens/new/navarrow2.png) 0 0px no-repeat; color: #090101; }
#Header #MainNavigation ul ul { float:none; }
#Header #MainNavigation ul ul li { margin:2px 0; }
#Header #MainNavigation ul ul li a { font-size:1.1em; text-transform:none; font-weight:bold; color:#666; background:transparent; padding:0; }

#Header #MainNavigation li.sfHover li a { color:#000; }
#Header #MainNavigation li.sfHover a,
#Header #MainNavigation li.sfHover li a:hover,
#Header #MainNavigation a:hover { color:#000; }
#Header #MainNavigation ul li.sfHover li a,
#Header #MainNavigation ul li.current_page_parent li a,
#Header #MainNavigation ul ul li a:hover,
#Header #MainNavigation li.sfHover li a:hover { background:transparent; }


#Header #Branding { background:#eee; height:254px; }

#Footer { background:url(images/Ahlens/new/footerbg.png); height:96px; text-align:right; padding:50px 20px 0; margin-top:15px; }
#Footer h4 { color:#fff; }
#Footer p { color:#2d2d2d; }

#Content { background:#fff; padding:20px; }

#Posts { width:610px; margin-right:20px; float:left; background:#fff; }

#Posts .Intro { padding:0 0 10px; margin:0 0 20px; border-bottom: 1px dashed #9d9d9d; }
#Posts .Intro h1 { font-size: 2.2em; color: #2d2d2d; font-weight:bold; margin:0 0 5px; }
#Posts .Intro p { margin:0 0 10px; }

#Page { width:610px; margin-right:20px; float:left; background:#fff; }

.post { padding:0 0 20px; margin:0 0 20px; }
.post .Image { margin:0 20px 0 0; float:left; }
.post .Image img { margin-bottom:10px; }
.post p.Timestamp { color:#8f8f8f; font-size:1.4em; }
.post p.Timestamp span { font-size:1.43em; font-weight:bold; }
.post h2 { font-size: 2.1em; font-weight:bold; color: black; }
.post h2.Divider { border-top: 1px dashed #9d9d9d; padding-top:15px; }
.post h2 a { color: black; }
.post h4 { font-size: 1.2em; color:#403f3f; }
.post h4 a { color:#403f3f; }
.post p { color:#403f3f; font-size: 1.1em; margin-bottom:20px; }
.post .Options a { font-weight:bold; margin-right:15px; font-size:1.2em; line-height:14px; background: }
.post .Options a.Facebook { background:url(images/Ahlens/IconFacebook.jpg) top left no-repeat; padding-left:20px; }
.post .Options a.Comments { background:url(images/Ahlens/IconComments.jpg) top left no-repeat; padding-left:20px; }

.post table.Products td { border-bottom:1px dashed #9d9d9d; padding:10px 0; }
.post table.Products tr.Last td { border:0; }

.post a .More { display:block; margin:10px 0; font-weight:bold; }

.page .post { }
.page .post h1 { margin:0 0 20px; font-size:3em; font-weight:bold; color: black; }
.page .post h1.ImageHeading { border-bottom:1px solid #9f9f9f; padding:0 0 10px; margin:0 0 20px; }

.Pagin { }
.Pagin p { float:left;  margin-right:20px; }
.Pagin ul { float:left; list-style:none; }
.Pagin li { float:left; margin-right:11px; }
.Pagin a { font-family:Times, “Times New Roman”, Georgia, serif; font-size:2.3em; font-style:italic; text-decoration:underline; }
.Pagin a:hover { color:#ed1c24 }


.CommentContainer h3#comments { font-size:2em; color:#666; margin:0 0 15px; }


.comment { width:609px; padding-top:20px; background:url(images/Ahlens/CommentTop.jpg) top left no-repeat; position:relative; margin:0 0 25px;  }
.comment .commentcontent { padding:0 25px 9px; background:url(images/Ahlens/CommentBottom.jpg) bottom left no-repeat; }
.comment .comment-meta { position:absolute; top:22px; right:25px; font-size:1.2em; color:#2d2d2d; font-weight:bold; }
.comment-author { margin:0 0 15px; }
.comment-author cite { font-size:1.8em; color:#403f3f; font-weight:bold; }
.comment-author em { color:#555; font-size:1.1em; }

#respond h3 { font-size:2em; color:#8f8f8f; margin:0 0 15px; }
#respond label { display:block; color:#8f8f8f; font-weight:bold; margin:0 0 2px; }
#respond input#author,
#respond input#email,
#respond input#url,
#respond textarea#comment{ border:0; background:url(images/Ahlens/InputBg.jpg); padding:5px; font-weight:bold; font-size:12px; color:#2f2f2f; }

#Sidebar { width:290px; margin:0; float:left; background:#fff; }
#Sidebar h2 { margin:0; }

.googleMap h4 { font-size:1.3em; color:#444; margin-bottom:5px; }
.googleMap p { font-size:1.2em; margin:0; }

#Sidebar h2.vadhanderidag { text-indent:-9999px; display:block; height:54px; width:289px; background:url(images/Ahlens/new/rightbgblue.png) top left no-repeat; margin:20px 0 10px; }
#Sidebar h2.bokatid { text-indent:-9999px; display:block; height:54px; width:289px; background:url(images/Ahlens/new/rightbggreen.png) top left no-repeat; margin:0 0 10px; }
#Sidebar h2.varenslook { text-indent:-9999px; display:block; height:209px; width:289px; background:url(images/Ahlens/H2-varenslook.png) top left no-repeat; margin:20px 0 10px; }

#Sidebar h2.calCity { font-size: 1.6em; color:#2d2d2d; font-weight:bold; margin:10px 0px 5px; }
#Sidebar p.calCity { font-size: 1.2em; color: black; margin:10px 0px 5px; }
#Sidebar h3.capitalize { font-weight:normal; font-size:2em; margin:0 0 10px; color:#2d2d2d; }
.booking a { font-weight:normal; font-size: 1.2em; margin:0 0 10px; color:#2d2d2d; }
#Sidebar h3.capitalize span { text-transform:uppercase; color:#099ddf; font-weight:bold; }

.bookingcity { margin:0 0 10px; }
.bookingcity h4 { border-bottom:1px solid #8ed2f0; background:url(images/Ahlens/bookingcityTogglePlus.png) right 7px no-repeat; color:#099ddf; font-size:2em; margin:0 0 5px; cursor:pointer; }
.bookingcity h4.Active { background:url(images/Ahlens/bookingcityToggleMinus.png) right 7px no-repeat; }
.bookingcityItem { font-size:1.2em; margin:6px 0; }
.bookingcityItem strong { padding-right:5px; text-transform:uppercase; }

p.bokningsinfo a,
.bookingcityItem a { color:#099ddf; padding-right:10px; background:url(images/Ahlens/IconArrowBlue.png) right 2px no-repeat; text-decoration:underline; }

p.bokningsinfo { color:#403f3f; margin:20px 0 20px;  padding:0 0 15px; border-bottom:1px dashed #9d9d9d; }

.imagelinks .logo { margin:0 0 10px; }


h2 div.ko-calendar-widget-title { font-size:0.54em; font-weight:bold; margin:0; }

.ko-calendar-event { font-size:1.1em; margin:0 0 5px; }

.ko-calendar-entry-title { display:inline; font-weight:bold; margin-right:5px; }
.ko-calendar-date { display:inline; }

.ko-calendar-widget-event:after,
.Clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;max-height:0;}
.ko-calendar-widget-event,
.Clearfix {display:inline-block;}
.ko-calendar-widget-event,
.Clearfix {display:block;}