/*  
Theme Name: Angry Creative 2011
Theme URI: -
Description: Theme for Angry Creative
Version: 6.0
Author: Angry Creative
Author URI: http://www.angrycreative.se
*/

body {
	font-size: 62.5%;  /* reset 1em to 10px. */
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
}

a:link, a:visited {
	color: #07acd4;
	text-decoration: none;
}

a:hover, a:visited:hover {
	color: #0bcfff;
	text-decoration: none;
}

h1 {
	font-size:52px;
        font-weight: normal;
}


h2 {
	font-size:36px;
        font-weight: normal;
}

h3 {
	font-size:25px;
        font-weight: normal;
        letter-spacing: -1px;
}

h4 {
	font-size:20px;
        font-weight: normal;
}

h5 {
	font-size:17px;
        font-weight: normal;
}

h6 {
	font-size:14px;
        font-weight: normal;
}

/* BACKGROUND & FLOATING TAIL ----------------------------------------------- */


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

html, body { /* sets gradient background */
	height: 100%;
	background: #f1f0f0;
}

.wrapper { /* makes the tail float & wraps the content to a certain size */
	width: 768px !important;

}

.wrap2 { /* here you place the header image that goes outside the wrapper. MAKE SURE this image aligns with wrap3 */
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	width: 960px !important;
}

.wrap3 { /* sets bg of content & initiates sticky footer */
/*	height: auto !important;
	height: 100%;
	margin: 0 auto -81px; */ /* the bottom margin is the negative value of the footer's height */
/*	min-height: 100%;
*/
}

.footer , .push {

	/*height: 81px;*/ /* .push must be the same height as .footer */

}
/*
.push {
	width:100%;
	clear:both;
}
*/
.footer {
	clear: both;
	width:100%;

}


/* FRAMEWORK ------------------------------------------------------------- */


.container {
margin-left: 165px;

float: left;

width: 680px;

padding: 20px 20px 20px 20px;

background: #ffffff;
}

.containerBottom {
float: left;

width: 720px;
height: 25px;

margin-left:165px;

background: #ffffff url('images/background/container-bottom.gif') no-repeat bottom center;
}

.containerTop {
float: left;

width: 720px;
height: 25px;

margin-left:165px;

background: #ffffff url('images/background/container-top.gif') no-repeat top center;
}

.sectionDivider {
float: left;

width: 720px;
height: 40px;

margin-left:165px;

background: #f1f1f1 url('images/sections/sectiondividerbg.gif') no-repeat left center;
text-align: center;

}

.sectionDivider p {
width:100%;
padding: 10px 0px;
text-align: center;
font-size: 14px;
}

.postContainer {
padding: 20px 10px;
width: 700px;
}

.sideList {
float: right;
width: 205px;
margin-right: -45px;
background:url("images/sections/selectorbg.gif") repeat-x scroll left top #6dd7f0;
}

.sideList ul {
padding: 7px 0px 9px 13px;
}

.sideList ul li {
list-style-type: none;
padding: 5px 0px 5px 24px;
background: transparent url("images/post/check.png") no-repeat scroll left center;
font-size: 14px;
text-shadow:1px 1px 0px #c7f1fb;
}


.sideListBottom {
background: #ffffff url('images/sections/selectorbottom.gif') no-repeat right top;
width: 205px;
height: 11px;
}

.listPost {
border-bottom: 1px solid #000000;
padding-bottom: 15px;
margin-bottom: 30px;
float: left;
}

.projectLink {
float: left;
width: 313px;
padding: 15px 0px 15px 17px;
background: #f8f8f8;

font-size: 14px;
}

.projectLink a {
color: #000000;
}
.projectLink a:hover {
color: #434343;
}

.last {
border: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}

/* HEM ------------------------------------------------------------------- */

#hem {
float: left;
padding-top: 30px;
}

#greeting {
width: 768px;
height: 290px;
margin-left:141px;
float: left;
background: #ffffff url('images/sections/greetingbg.jpg') no-repeat top center;
}

#greetingBottom {
background: #ffffff url('images/sections/bottomhead.jpg') no-repeat 516px top;
}

#greetingTopic {
width: 524px;
}

#greetingText {
width: 524px;
}

ul.socialize {
float: left;
list-style-type: none;
margin-left: 0px !important;
font-size: 16px;
}

ul.socialize li {
display: inline;
float: left;
padding: 2px 0px 2px 30px !important;
margin: 0px 20px 0px 0px  !important;
}

ul.socialize li a {
color: #000000 !important;
text-shadow:2px 2px 0px #dedfdf;
}

ul.socialize li a:hover {
color: #414040 !important;
}

ul.socialize li#facebook {
background: #ffffff url('images/sections/facebook.gif') no-repeat left top;
}

ul.socialize li#twitter{
background: #ffffff url('images/sections/twitter.gif') no-repeat left top;
}

ul.socialize li#linkedin{
background: #ffffff url('images/sections/linkedin.gif') no-repeat left top;
}

ul.socialize li#blogg{
background: #ffffff url('images/sections/blogg.gif') no-repeat left top;
}

/* PORTFOLIO ------------------------------------------------------------- */

#portfolio {
float: left;
}

.portfolioSelector {
float: left;
width: 768px;
margin-left:141px;
background: #6dd7f0 url('images/sections/selectorbg.gif') repeat-x left top;
}

.portfolioSelector ul {
list-style-type: none;
float: left;
margin-left: 43px;
}

.portfolioSelector li {
font-size: 17px;
text-shadow:2px 2px 0 #e1fbff;
color: #000000;
float: left;
outline: none;
cursor:pointer;
padding: 17px 5px 17px 0px;
}

.portfolioSelector li.select a {
text-shadow:2px 2px 0 #e1fbff;
color: #000000;
outline: none;
float: left;
padding: 12px 8px 16px 8px;
}

.portfolioSelector li.select a:hover {
text-shadow:2px 2px 0 #e1fbff;
color: #000000;
}

.portfolioSelector li.select a:hover {
color: #414040;
}

.portfolioSelector li.selected a {
text-shadow:2px 2px 0 #e1fbff;
color: #000000;
background: transparent url('images/sections/portfolioselectbg.png') no-repeat center top;
padding: 12px 17px 16px 17px;
}

.portfolioSelectorBottom {
float: left;

width: 768px;
height: 11px;

margin-left:141px;

background: transparent url('images/sections/selectorbottom.gif') no-repeat left top;
}

.post {
float: left;
width: 330px;
margin: 0px 10px 15px;

border-bottom: 1px solid #000000;
padding-bottom: 10px;
}

.postNoLine {
float: left;
width: 330px;
margin: 0px 10px;
}

.postNoMargin {
float: left;
width: 330px;
margin: 0px;
}

.categoryOverlayContainer {
float: left;
bottom: -180px;
margin-top: -54px;
margin-left: -8px;
z-index: 31;

position: relative;
}

.categoryOverlay {
float: left;
background: #e7e5e5 url('images/post/categoryoverlay.gif') no-repeat left top;
/*height: 54px;*/
z-index: 31;
}

.categoryOverlay p {
padding: 14px 20px;
font-size: 14px;
text-shadow:2px 2px 0 #f6f6f6;
}


.categoryOverlayBottom {
clear: both;
background: transparent url('images/post/categoryoverlaybottom.png') no-repeat left bottom;
float: left;
width: 8px;
height: 8px;
z-index: 31;
}

#portfolio .postThumb {
margin-bottom: 10px;
}

#portfolio .postTopic {
width: 100%;
}


/* PROJEKT -------------------------------------------------------------- */

#projekt {
float: left;
}

.project_object {
float: right;
}

.project_container {
float:left;
width:330px;
margin: 0px 10px;
}

#accordion .ui-accordion-content {
display:none;
border-bottom:1px solid #000000;
float:left;
width: 330px;
margin:0 0px 15px;
padding-bottom:10px;
}
#accordion .ui-accordion-content-active {
display:block;
overflow: visible;
}

#accordion .ui-accordion-header {
clear: both;
}

#accordion .ui-state-active {
background: url('images/arrow-up.gif') no-repeat left center;
border-bottom:0px solid #000000;
padding-left: 30px;
float:left;
width: 300px;
margin:0 0px 5px;
padding-bottom:0px;
}

#accordion .ui-state-default {
background: url('images/arrow-down.gif') no-repeat left 5px;
border-bottom:1px solid #000000;
padding-left: 30px;
float:left;
width: 300px;
margin:0 0px 15px;
padding-bottom:10px;
}

#accordion .postTopic {
outline:none;
cursor:pointer;
}


/* TJANSTER -------------------------------------------------------------- */

#tjanster {
float: left;
}

.mediumpost {
float: left;
width: 420px;
margin: 0px 20px 0px 20px;
}


/* PROCESS -------------------------------------------------------------- */


#process {
float: left;
}

/* KUNDER -------------------------------------------------------------- */

#kunder {
float: left;
}

#kunder .postNoLine {
height: 125px;
}
.clientList {
width: 700px;
float:left;
}

.theClient {
border-top:1px solid #000000;
float:left;
font-size:15px;
height:20px;
margin:0 10px;
padding:10px 0;
text-align:left;
text-decoration:none !important;
width:330px;
}

.theClient a {
color: #000000;
}


/* PARTNERS -------------------------------------------------------------- */

#partners {
float: left;
}

.partnerOverlayContainer {
height: 132px;
float: left;

margin-left: -28px;
}

.partnerOverlay {
float: left;
background: #e7e5e5 url('images/sections/partneroverlay.png') no-repeat left top;
height: 124px;
width: 188px;
}

.partnerOverlay .postThumb {
margin-left: 20px;
margin-top: 25px;
}

.partnerOverlayBottom {
clear: both;
background: transparent url('images/sections/partneroverlaybottom.png') no-repeat left bottom;
float: left;
width: 8px;
height: 8px;
}

#partners .mediumpost {
width:320px;
}

/* KONTAKT --------------------------------------------------------------- */

#kontakt {
float: left;
}

.contactRightContainer {
float: right;
width: 350px;
}

.contactLeftContainer {
float: left;
width: 350px;
}

.mallContainer {
float: left;
width: 245px;
margin-left: 15px;
}

#whereabouts {
margin-bottom: 0px;
}

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

#goodbye {
width: 768px;
height: 252px;
margin-left:141px;
float: left;
background: #ffffff url('images/sections/goodbyebg.jpg') no-repeat top center;
}

/* MENU ------------------------------------------------------------------ */

#menu {
width: 130px;
float: left;
position: fixed;
padding-top: 30px;
}

#menu ul {
list-style: none;
}

#menu li {
font-size: 16px;
font-style: italic;

text-align: right;
}

.page_item {
padding: 6px 22px 6px 0px;
}

.page_item a {
	color: #000000;
}

.page_item a:hover {
	color: #424242;
}

.current_page_item {
background: #ffffff url('images/menu/menu-active.gif') no-repeat right top;

width: 108px;
height: 30px;

padding: 12px 22px 0px 0px;
}

.current_page_item a {

}


.current_page_item a:hover {

}

/* TEXT ------------------------------------------------------------------ */

blockquote {
clear: both;
	background:transparent url(images/post/quote-r.png) no-repeat scroll right bottom !important;
	color: #000000 !important;
	float:right;
	font-weight:bold;
	letter-spacing:-1px;
	margin:10px 0px;
	padding:0 30px 5px 0;
	text-align:left;
	/* width:570px; */
}

blockquote p {
float: right;
	background:transparent url(images/post/quote-l.png) no-repeat scroll left top !important;
	border:0 none;
	font-size:18px !important;
	line-height:1.3em !important;
	padding:5px 2px 10px 35px !important;
	margin-bottom: 0px !important;
}

.postThumb {
	float: left;
}

.postThumb img {
	border: 0px;
	padding: 0px;
}

.postText {
	float: left;
	margin-top: 5px;
	clear: both;
	width: 100%;
}

.postText ul {
font-size: 14px;
	line-height: 16px;

	margin-top: 10px;

	margin-bottom: 10px;

	margin-left: 44px;

}

.postText ul li {

	padding: 3px;

}

.postText ol {
font-size: 14px;
	line-height: 16px;

	margin-left: 48px;

	margin-top: 10px;

	margin-bottom: 10px;

}

.postText ol ul {

	margin-bottom: 0px;

	margin-top: 0px;

}

.postText ul ol {

	margin-bottom: 0px;

	margin-top: 0px;

}

.postText p {
	line-height: 24px;
	font-size: 15px;
	margin-bottom: 14px;

}

.postText a:link, .postText a:visited {
	color: #07acd4;
	text-decoration: none;

}

.postText a:hover, .postText a:visited:hover {
	color: #0bcfff;
	text-decoration: none;

}

.postText object {
background:none repeat scroll 0 0 #F3F2F2;
border:1px solid #E1E1E1;
float:left;
margin-top:0;
padding:6px;
}

.postTopic {
	color: #000000;
	float: left;
	clear: both;
	text-decoration:none;
	margin-bottom: 0px;
}

.postExcerpt {

	float: left;
	width: 100%;
	color: #000000;
	font-size: 20px;
font-style: italic;
	text-decoration:none;
	margin-top: 6px;
	clear: both;
}



.more-link {

	clear: both;
	float: right;
	font-weight: bold;
}



/* IMAGES ---------------------------------------------------------------- */

.size-thumbnail {
border:1px solid #E1E1E1;
float:left;
margin-top:0;
padding:6px;
background: #F3F2F2 url('images/post/imagehover.png') no-repeat center;
}

/*
#portfolio .wp-post-image:hover {
opacity: 0.5;
z-index: 30;
}
*/
.size-full {
	border: 0px;
}

.size-medium {
background:none repeat scroll 0 0 #F3F2F2;
border:1px solid #E1E1E1;
float:left;
margin-top:0;
padding:6px;
}

img.wpGallery {

	border: 1px dotted #cc0000;

	background: #ffffcc no-repeat scroll center center;

	width: 99%;

	height: 250px;

}

.wp-caption {
	border: 1px solid #E1E1E1;
	text-align: center;
	background-color: #F3F2F2;
	margin: 10px 0px !important;

}

.wp-caption img {
border:0px solid #E1E1E1;
	margin: 0px auto;
background: none;
	padding: 5px;
}

.wp-caption-dd {
	font-size: 1.2em;
	line-height: 17px;
	padding: 0 4px 2px;
	margin: 0;
}

.wp-caption-text {
margin-bottom: 5px !important;
}

.alignleft {

	float: left;

}

.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.alignright {

	float: right;

}

.alignnone {
	margin: 0px 0px 10px 0px;
}

/* TABLES & OTHER ELEMENTS ----------------------------------------------- */



td {

	padding-bottom: 14px;

	line-height: 15px;

	color: #000000;/*font-size: 14px;*/

}

pre {

	font: 1.2em/1.8em "Courier New", monospace;

}

/* NEXT / PREVIOUS POST -------------------------------------------------- */



.nextPrev {
	float: left;
	width:600px;
	margin:0px 25px 0;

}

.prev {
	margin-top: 10px;
	float:left;
	text-align: left;
	width: 50%;
	color: #000000;
	font-size: 14px;
	padding-bottom: 15px;

}

.prev a:link, .prev a:visited {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 25px;
	background: url(images/leftposts.png) no-repeat center left;
	text-decoration:none;
	font-size: 14px;
	color:#000000;
        font-weight: bold;
}

.prev a:hover, .prev a:hover:visited {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 25px;
	background: url(images/leftposts-on.png) no-repeat center left;
	font-size: 14px;
	text-decoration:none;
	color: #616161;
}

.next {
	margin-top: 10px;
	float: right;
	text-align: right;
	width: 50%;
	color: #000000;
	font-size: 14px;
	padding-bottom: 15px;

}

.next a:link, .next a:visited {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 25px;
	background: url(images/rightposts.png) no-repeat center right;
	text-decoration:none;
font-size: 14px;
	color:#000000;
        font-weight: bold;

}

.next a:hover, .next a:hover:visited {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 25px;
	background: url(images/rightposts-on.png) no-repeat center right;
	font-size: 14px;
	color: #616161;
	text-decoration:none;

}



/* MISC  --------------------------------------------- */


/* http://sonspring.com/journal/clearing-floats */


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}