body{ background: #f8f8f8 url(https://cdn1.cdnme.se/4254924/6-3/hiawol_rander_5434ed062a6b226db3af35f1.jpg) repeat; background-attachment: normal; margin: 0px auto; width: 1000px; background-position: top; } text-align:center; color:#CAAAB5; } a:link { text-decoration: none; color: #ffa2b1;} a:visited { text-decoration: none; color: none;} a { color: #ffa2b1; text-decoration: none; } a:hover {color: #fcbac1; text-decoration: none; } #wrapper { text-align: left; width: 1000px; margin: 0px auto; padding: 0px auto; vertical-align: top; } #wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #header { height: 378px; text-align: center; width: 760px; float: left; border: 5px solid #ffffff; background: url(http://cdn1.cdnme.se/4254924/6-3/4314112777_ac217c7312_z_2_524ee2779606ee1907d88f49.jpg); margin: 15px 0px 5px 0px; padding: 0px 0px 0px 0px; -moz-box-shadow: 0 0 5px #cccccc; -webkit-box-shadow: 0 0 5px #cccccc; box-shadow: 0 0 5px #cccccc; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #side { margin-right:0; margin-top: -445px; background: none; border-width: 0px; border-style: double; border-color: #E6E5E5; float: right; padding-bottom: 0px; width:220px; } #box { width: 220px; background: #ffffff; border: 0px double #E6E5E5; padding: 0px 0px 0px 0px; margin: 0px 0px 15px 0px; -moz-box-shadow: 0 0 5px #cccccc; -webkit-box-shadow: 0 0 5px #cccccc; box-shadow: 0 0 5px #cccccc; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #box2 { width: 720px; background: #ffffff; border: 1px solid #E6E5E5; padding: 0px 0px 0px 0px; margin: 0px 10px 15px 10px; } #content { overflow: inherit; width: 770px; float: left; background: none; padding: 0px 0px 20px 0px; voice-family:"\"}\""; voice-family:inherit; text-align: justify; vertical-align: top; margin: 0px; } #contentbox { width: 770px; background: #ffffff; border: 0px solid #c9c9c9; padding: 0px 0px 10px 0px; margin: 0px 0px 15px 0px; -moz-box-shadow: 0 0 5px #cccccc; -webkit-box-shadow: 0 0 5px #cccccc; box-shadow: 0 0 5px #cccccc; } #header a { color: #CAAAB5; text-decoration: none; } #header a:hover { color: #ec96c6;text-decoration:none;} h1 { font-family: Open Sans Condensed, serif; font-size: 60px; letter-spacing: 1px; font-weight: normal; background: none; color: #ffa2b1; margin-top: 270px; text-transform: uppercase; margin-bottom: 0px; margin-left: 20px; padding-right: 0px; text-align: left; border-top: 0px solid #f1f1f1; } h2 { font-family: Tahoma, Franklin Gothic, Century Gothic; font-size: 17px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; background: none; color: #888; margin-top: -10px; margin-bottom:0px; margin-left: 35px; padding-right:0px; text-align: left; padding-bottom:5px; border-bottom: 0px solid #f1f1f1; } h8 { font-family: Open Sans Condensed, serif; letter-spacing: 0px; font-weight: normal; font-size: 23px; text-align:center; padding-bottom: 0px; padding-top: 5px; padding-right: 0px; background: none; color: #333333; text-transform: uppercase; } /** Entry headers **/ h3 { background: #ffffff; font-family: 'Open Sans Condensed', sans-serif, arial, tahoma; text-align: left; letter-spacing: 0px; font-size: 40px; font-weight: normal; padding: 17px 0px 10px 0px; color: #ffa2b1; margin: 0px 0px 5px 0px; text-transform: uppercase; border-right-width: 0px; border-right-style: solid; border-right-color: #e1e2e2; border-top-width: 0px; border-top-style: dashed; border-top-color: #f1f1f1; border-left-width: 0px; border-left-style: double; border-left-color: #e1e2e2; border-bottom: 0px dotted #333333; text-shadow: none; } .navheader { font-family: Open Sans Condensed, Century Gothic; letter-spacing: 1px; font-weight: normal; font-size: 21px; text-align:center; padding-bottom: 0px; padding-top: 1px; background: #ffa2b1; padding-left: 0px; color: #ffffff; text-transform: uppercase; margin-bottom: 3px; margin-top: 0px; margin-left: 0px; margin-right: 0px; border-bottom: 2px solid #E6E5E5; border-top-left-radius: 5px; border-top-right-radius: 5px; } .nav { font-family: tahoma, Trebuchet MS, arial, Franklin Gothic; font-size: 10px; font-weight: normal; text-transform: uppercase; text-align:left; letter-spacing: 1px; } .nav ul { padding: 0px 0px 2px; font-weight: normal; margin: 0px; text-transform: uppercase; width: 212px; text-align:left; letter-spacing: 1px; } .nav li { list-style: none; padding: 3px 4px 5px; font-weight: normal; margin: 0px; text-transform: uppercase; width: 212px; text-align:left; letter-spacing: 1px; border-bottom: 0px solid #e4e4e4; } .nav a { color: #888888;text-decoration:none; background:none; } .nav a:hover { color: #cccccc; text-decoration:none; font-weight: normal; letter-spacing: 1px; margin-left: 0px; } /** Post's body text **/ .entrybody { font-family: Tahoma, arial, Century Gothic, Franklin Gothic, verdana; font-size: 12px; font-weight: normal; color: #666; text-align: justify; line-height: 150%; margin: 0px 0px 0px 0px; background: #FFFFFF; padding: 5px 15px 20px 15px; -moz-box-shadow: 0 0 5px #cccccc; -webkit-box-shadow: 0 0 5px #cccccc; box-shadow: 0 0 5px #cccccc; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .entrybody a { color: #ffa2b1; text-decoration: none; } .entrybody a:hover { color: #ffe2e4; letter-spacing: 0px;} strong { font-weight: 700; color: #515151; } em { letter-spacing: 0px; font-weight: 500; color: #777; } .image { padding-bottom: 5px; display: block; margin-left: auto; margin-right: auto; min-width: 740px; max-width: 740px; } /** 'Posted by' txt **/ .entrymeta { letter-spacing: 0px; font-family: Georgia, Helvetica, Verdana, arial, Trebuchet MS, tahoma; font-size: 40px; font-weight: normal; text-transform: uppercase; color: #999999; text-align: right; background: #ffffff; padding: 0px 10px 0px 0px; margin: -10px 0px 0px 0px; border-bottom: 0px solid #f1f1f1; border-top: 0px dashed #cccccc; text-shadow: none; } .entrymeta a { color: #999999; letter-spacing: 1px; text-transform: normal;} .entrymeta a:hover { color: #ffe2e4; letter-spacing: 1px; } .entrymeta2 { background: #ffffff; letter-spacing: 1px; font-style: none; font-family: Tahoma, sans-serif, arial, verdana; text-transform: uppercase; font-size: 10px; font-weight: lighter; color: #888888; text-align: left; padding: 1px 0px 1px 0px; margin: 0px 0px 0px 0px; border-bottom: 3px solid #f1f1f1; border-top: 0px dotted #333333; text-shadow: none; } .entrymeta2 a { color: #ffa2b1; letter-spacing: 1px; text-transform: normal;;} .entrymeta2 a:hover { color: #ffe2e4; letter-spacing: 1px; } .commentheader { color: #333333; letter-spacing: 1px; width: 800px; text-decoration: inline; font-size: 32px; font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; font-family: Open Sans Condensed; text-transform: uppercase; background: #ffffff; text-shadow: none; } .commentheader a { color: #333333; letter-spacing: 4px; } .commentheader a:hover { color: #ffa2b1; letter-spacing: 4px;} .commentbox { -moz-box-shadow: 0 0 5px #cccccc; -webkit-box-shadow: 0 0 5px #cccccc; box-shadow: 0 0 5px #cccccc; margin: 15px auto; padding: 5px 0px 0px 0px; width: 740px; border: 0px solid #cccccc; background: #ffffff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .commenttext { font-family: Tahoma, Trebuchet MS, Arial, verdana; font-size: 12px; background: #ffffff; text-shadow: none; font-weight: normal; text-align: justify; color: #666; font-weight: 550; line-height: 150%; margin: 0px 0px 0px 0px; padding: 10px 15px 10px 15px; border-bottom-width: 0px; border-bottom-style: solid; border-bottom: 0px solid #000000; border-right: 0px solid #000000; border-left: 0px solid #000000; } .commentmeta { font-family: Arial, verdana; font-size: 9px; font-weight: normal; border-top: 0px solid #ffffff; border-right: 0px solid #000000; border-left: 0px solid #000000; border-bottom: 0px solid #000000; color: #cccccc; letter-spacing: 2px; text-transform: uppercase; background: #313030; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 22px; } .commentmeta a { color: #FCBAC1; letter-spacing: 2px; } .commentmeta a:hover { color: #f1f1f1; letter-spacing: 2px;} .commentform { font-family: Open Sans Condensed, Trebuchet MS, tahoma, arial, sans-serif; width: 710px; font-size: 18px; letter-spacing: 1px; font-weight: normal; text-transform: uppercase; color: #ffffff; background: #ffa2b1; border: 0px solid #cccccc; margin: 20px 0px 20px 15px; padding: 10px 10px 10px 20px; -moz-box-shadow: 0 0 5px #cccccc; -webkit-box-shadow: 0 0 5px #cccccc; box-shadow: 0 0 5px #cccccc; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .response { font-family: Tahoma, Trebuchet MS, verdana; font-size: 12px; font-style: oblique; text-align: justify; font-weight: normal; color: #888; text-shadow: none; background: #ffffff; line-height: 150%; margin: 0px 0px 0px 0px; padding: 10px 15px 10px 15px; border-top: 1px dashed #f1f1f1; border-right: 0px solid #000000; border-left: 0px solid #000000; } .response-by { font-family: 'Give You Glory', cursive; font-size: 0px; letter-spacing: 0px; font-weight: normal; color: none; line-height: 130%; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; border-bottom: 0px solid #9e9e9e; background: none; text-align: right; } .response-from { font-family: Tahoma, Trebuchet MS; font-size: 13px; letter-spacing: 0px; font-weight: bold; color: #ffa2b1; width: 700px; padding: 10px 5px 10px 5px; margin: 0px 0px 0px 0px; } .separator { border-top: 0px dashed #FFFFFF; border-bottom: 0px solid #E6E5E5; margin: 15px 0px 15px 0px } hr { border-top: 1px dashed #dddddd; border-bottom: 0px dotted #cccccc; border-left: 0px dotted #cccccc; border-right: 0px dotted #cccccc; background: none; width: 740px; } .default { font-family: georgia, Helvetica, Sans-serif; font-size: 14px; color: #333; font-weight: normal; padding: 0px 0px 10px 0px; padding-left: 10px; text-transform: Capitalize; } .subside { font-family: Century gothic, Arial, Helvetica, Sans-serif; font-size: 11px; font-weight: normal; padding: 0px 0px 0px 0px; } .xmlButton { border:0px solid; border-color:#FC9 #630 #330 #F96; padding:0 3px; font:bold 10px Verdana, Arial, Helvetica, Sans-serif; color:#FFF; background:#F60; text-decoration:none; margin:0; } .image { padding:0px; margin-left: 0px; } .thumbnail { background-color:#FFFFFF; padding:2px; margin: 0px 6px 6px 0px; } .video{ padding: 0px 0px 0px 0px; } .fieldName{ font-family: Century gothic, arial, sans-serif; font-size: 11px; margin: 0px 0px 12px 0px } select{ font-family: Century gothic, arial, sans-serif; font-size: 11px; } #calendar { color: #333333; font-family: Century gothic, Verdana, sans-serif; padding: 0px; text-align: left; background-color: #FFFFFF; margin: 12px 0px 12px 0px; padding: 10px; } #calendar table { padding: 1px; /*border-collapse: collapse;*/ border: 0px; } #calendar table caption { color: #666666; font-family : Arial, Helvetica, Sans-serif; font-size : 0.7em; border-bottom: 1px solid #85D1BD; text-align: left; font-weight: bold; text-transform: uppercase; padding: 3px; letter-spacing: .3em; } #calendar table th { text-align: center; font-weight: bold; font-size: xx-small; } #calendar table tr td { border: 1px solid #85D1BD; text-align: center; font-size: xx-small; } #calendar table tr ul{ color: #666666; list-style: dot; margin: 0px 0px 0px 20px; padding: 4 0 5 0; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 0.7em; } #calendar table tr td.cssDayMouseOver { border: 1px dotted red; cursor: hand; } #calendar table tr td.cssDayMouseOut { border: 1px solid #666666; } #calendar table tr td.cssEntryBox { border: 1px solid gray; padding: 6px; text-align: left; background: #FFFFFF; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 0.8em; color: #666666; } #calendar table tr td ul li { color: #666666; } #calendar table tr td div.cssDayEntryHeader { font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 0.8em; text-align: left; font-weight: bold; padding: 4; } #calendar table tr td div.cssDayAvailable { text-decoration: underline; text-weight: bold; } form { padding: 10px; background-color: #FFFFFF; margin: 0px 0px 10px; } #profile { font-family: Tahoma, Trebuchet MS, arial, Franklin Gothic, Century Gothic; color: #888888; font-size: 12px; word-spacing: 0px; font-weight: normal; text-align: justify; text-transform: none; margin: 0px 0px 0px 0px; padding: 10px 5px 10px 5px; } #profile a { color: #ffa2b1; letter-spacing: 0px; text-decoration:none;} #profile a:hover { color: #ffe2e4; letter-spacing: 0px; text-decoration:none;} #follows { margin: 0px 0px 0px 0px; padding: 10px 1px 5px 1px; } #follows a { opacity: 0.9;} #follows a:hover { opacity: 0.5;} #follows2 { margin: 0px 0px 0px 0px; padding: 0px 2px 0px 2px; } #follows2 a { opacity: 0.9;} #follows2 a:hover { opacity: 0.5;} #profile h4{ font-family: Century Gothic, Franklin Gothic, Helvetica, Sans-serif; font-size: 13px; font-weight: normal; color: #cccccc; text-transform: normal; padding: 0px 0px 0px 0px; margin: 0px 0px 6px 0px; } #profile p{ } input{ background: #ffffff; border: 0px solid #cccccc; font-family: verdana; color: #515151; padding: 3px; font-weight: normal; font-size: 13px; float: center; -moz-box-shadow: 0 0 5px #cccccc; -webkit-box-shadow: 0 0 5px #cccccc; box-shadow: 0 0 5px #cccccc; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .formbutton { font-family: tahoma; font-size: 16px; letter-spacing: 1px; text-transform: uppercase; background: #ffffff; color: #FCBAC1; border: 0px solid #cccccc; margin-left: 30px; margin-bottom: 20px; -moz-box-shadow: 0 0 5px #cccccc; -webkit-box-shadow: 0 0 5px #cccccc; box-shadow: 0 0 5px #cccccc; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .formbutton:hover { font-family: tahoma; text-transform: uppercase; letter-spacing: 1px; font-size: 16px; background: #f1f1f1; color: #cccccc; border: 0px solid #cccccc; margin-left: 30px; margin-bottom: 20px; -moz-box-shadow: 0 0 5px #cccccc; -webkit-box-shadow: 0 0 5px #cccccc; box-shadow: 0 0 5px #cccccc; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } textarea{ background: #ffffff; border: 0px solid #cccccc; font-family: verdana; color: #515151; font-weight: normal; font-size: 14px; max-width: 355px; height: 164px; float: center; margin-bottom: 2px; padding: 3px; -moz-box-shadow: 0 0 5px #cccccc; -webkit-box-shadow: 0 0 5px #cccccc; box-shadow: 0 0 5px #cccccc; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .a { color: #888888; } .a:hover { color: #cccccc;text-decoration:none; } #navbar2 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background: none; text-transform: normal; border: 0px dotted rgb(254, 113, 123); } #navbar2 { padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; height: 39px; width: 770px; background: #ffffff; text-align: center; border-top: 0px solid #cccccc; border-left: 0px solid #cccccc; border-right: 0px solid #cccccc; -moz-box-shadow: 0 0 5px #cccccc; -webkit-box-shadow: 0 0 5px #cccccc; box-shadow: 0 0 5px #cccccc; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; } #navbar2 li { list-style: none; background: #ffffff; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; float: left; } /* Ändra till right om du vill ha menyn till höger istället*/ #navbar2 li a { display: block; padding: 7px 0px 2px 13px; margin: 0px 0px 0px 0px background: #ffffff; /*Ändra färgen på menyflikarna här*/ color: #333333; /*Ändra färgen på texten här*/ text-decoration: none; text-transform: uppercase; border-bottom: 0px solid #fe717b; letter-spacing: 0px; text-align: center; font-weight: normal; background-size: auto auto; font-family: Open Sans Condensed, arial, Century Gothic, serif, Franklin Gothic, verdana; /*Ändra typsnittet här*/ font-size: 19px; } /*Ändra storleken på texten här*/ #navbar2 li ul { display: none; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; width: 180px auto; /* Ändra bredden på undermenyn här */ background: #ffffff; } #navbar2 li:hover ul, #navbar li.hover ul { display: block; position: absolute; margin: 0px 10px 0px 0px; padding: 0; z-index: 1; } #navbar2 li:hover li, #navbar li.hover li { float: none; } #navbar2 li:hover li a, #navbar li.hover li a { background: #ffffff; border-right: 0px solid #515151; border-left: 0px solid #f1f1f1; border-bottom: 0px solid #515151; font-size: 11px; padding: 5px 10px; margin: 0px 0px 0px 0px; font-family: tahoma,Microsoft Sans Serif, verdana; text-align: left; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; font-weight: normal; text-transform: uppercase; color: #999999; } /*ändra textfärgen på undermenyn här*/ #navbar2 a:hover { background: #ffffff; border-bottom: 0px solid #ffffff; text-decoration: none; text-transform: uppercase; color: #ffa2b1;} /*Ändra färgen när man håller musen över undermenyn*/ #navbar2 li li a:hover { background: #ffffff; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; margin-left: 0px; border-right: 0px solid #515151; border-left: 0px solid #515151; border-bottom: 0px solid #515151; text-decoration: none; font-weight: normal; font-size: 11px; letter-spacing: 0px; color: #ffa2b1;} /*Ändra färgen när man håller musen över undermenyn*/ #footerddb{ width: 100%; height: 20px; text-align: center; font-family: verdana; font-size: 10px; margin-top: 5px; clear: both; color: #ffffff; }