/* @override http://magazine.jajja.com/wp-content/themes/jajjamag/style.css */







/*



Theme Name: Jajja Magazine



Theme URI: http://magazine.jajja.com/



Description: WordPress tema JajjaMag version 1.0 skapat av Intelliweb



Version: 1.0



Author: Intelliweb



Author URI: http://www.intelliweb.se/



Tags: 



*/







.vcard {



	font-size: 14px;



}







.commentmetadata {



	font-size: 11px;



	padding-top: 8px;



	padding-bottom: 8px;



}







/*reset*/



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 



	margin:0;



	padding:0;



}







table {



	border-collapse:collapse;



	border-spacing:0;



}







fieldset,img { 



	border:0;



}







address,caption,cite,code,dfn,em,strong,th,var {



	font-style:normal;



	font-weight:normal;



}







ol,ul {



	list-style:none;



}







caption,th {



	text-align:left;



}







h1,h2,h3,h4,h5,h6 {



	font-size:100%;



	font-weight:normal;



}







q:before,q:after {



	content:'';



}







abbr,acronym { 



	border:0;



}







em {



	font-style:italic



}







a {



	outline:none;



}







strong {



  font-weight:bold;



}



/*end reset*/











body {



	font-family: Arial, Helvetica, sans-serif;



	color: #747577;



}







h1,h2,h3{



	margin: 15px 0;



}







h1 {



	font-size: 24px;



}







h2 {



	font-size: 18px;
}







p {



	margin-bottom: 15px;



}







a {



	color: #141215;



	text-decoration: none;



}







a:hover {



	color: #d5001a;



}







.clr {



	clear: both;



}







.alignleft {



	float: left;



}







.alignright {



	float: right;



}







.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size:1px;
}







.wrapper {



	width: 1010px;



	margin: 0 auto;
	padding-right: 20px;
	padding-left: 20px;
}







/* Header Group */







#top {



	position: relative;



	height: 143px;



	overflow: hidden;



}







#top p.date {



	background: #d5001a;



	color: #ffffff;



	float: left;



	margin-right: 14px;



	padding: 39px 0 6px 0;



	text-align: center;



	width: 69px;



}







#top p.date span {



	border-bottom: 3px solid #fff;



	display: block;



	font-size: 52px;



	margin: 0 5px 5px 5px;



}







a.logo {



	float: left;



}







p.kronikor {



	background: url(images/kronikor.jpg) no-repeat scroll right top;



	color: #141215;



	font-size: 18px;



	font-style: italic;



	float: left;



	width: 139px;



	padding: 27px 180px 47px 0;



	margin-left: 62px;



	text-align:right;
	height: 69px;
}







p.kronikor a



{



	font-size: 18px;



}







p.kronikor span {



	display: block;



	font-size: 11px;



	text-align: right;
	color: #777;
	font-weight: normal;
	font-style: normal;
	margin-top: 9px;
	margin-bottom: 0;
}







div.search {



	background: url(images/search.png) no-repeat;



	width: 253px;



	height: 61px;



	float: left;



	position: absolute;



	right: 0;



	top: 22px;



}







div.search form {



	padding: 8px 0 0 13px ;	



}







div.search form label {



	display: block;



	font-size: 12px;



	padding-bottom: 5px;



}







div.search form .textbox {



	background:transparent none repeat scroll 0 0;



	border: 0 none;



	font-size: 15px;



	width: 180px;



	padding: 3px 0;



	margin: 0 5px 0 0;



}







div.search form .searchbutton {



	background: url(images/search-button.png) no-repeat;



	border: 0 none;



	color: #fff;



	font-weight: bold;



	font-size: 12px;



	width: 37px;



	height: 22px;



}







a.rssfeed {



	display: block;



	position: absolute;



	right: 10px;



	top: 114px;



}







a.rssfeed img {



	margin-left: 10px;



}







/* breadcrumbs */







#breadcrumbs {



	font-size: 12px;



	height: 33px;



	line-height: 33px;



}







#breadcrumbs a {



	margin-left: 15px;



}











/* top navigation */







#topnav {



	height: 29px;



}







/* top menu left */







ul.menuleft {



	width: 567px;



	height: 29px;



	float: left;



}







ul.menuleft li {



	display: inline;



	float: left;



}







ul.menuleft li a {



	background: url(images/menu-left.png) no-repeat;



	display: block;



	float: left;



	line-height: 29px;



	text-indent: -9999px;



}







ul.menuleft li a.item-1 {



	background-position: 0 0;



	width: 142px;



}







ul.menuleft li a.item-2 {



	background-position: -142px 0;



	width: 141px;



}







ul.menuleft li a.item-3 {



	background-position: -283px 0;



	width: 142px;



}







ul.menuleft li a.item-4 {



	background-position: -425px 0;



	width: 141px;



}







/* hover and active state */







ul.menuleft li a.item-1:hover , ul.menuleft li.active a.tem-1 {



	background-position: 0 -28px;



}







ul.menuleft li a.item-2:hover , ul.menuleft li.active a.item-2 {



	background-position: -142px -28px;



}







ul.menuleft li a.item-3:hover , ul.menuleft li.active a.item-3 {



	background-position: -283px -28px;



}







ul.menuleft li a.item-4:hover , ul.menuleft li.active a.item-4 {



	background-position: -425px -28px;



}







/* top menu right */







ul.menuright {



	width: 425px;



	height: 29px;



	float: right;



}







ul.menuright li {



	display: inline;



	float: left;



}







ul.menuright li a {	



	background: url(images/menu-right.png) no-repeat;



	display: block;



	float: left;



	line-height: 29px;	



	text-indent: -9999px;



}







ul.menuright li a.item-1 {



	background-position: 0 0;



	width: 142px;



}







ul.menuright li a.item-2 {



	background-position: -142px 0;



	width: 141px;



}







ul.menuright li a.item-3 {



	background-position: -283px 0;



	width: 142px;



}







/* hover and active state */







ul.menuright li a.item-1:hover , ul.menuright li.active a.item-1 {



	background-position: 0 -28px;



}







ul.menuright li a.item-2:hover , ul.menuright li.active a.item-2 {



	background-position: -142px -28px;



}







ul.menuright li a.item-3:hover , ul.menuright li.active a.item-3 {



	background-position: -283px -28px;



}







/* Mainbody Group */







#mainbody {



	background: url(images/mainbody.png) repeat-x scroll left top;



}	



	



#mainbody-bg {



	background: url(images/mainbody-bg.png) repeat-x scroll left bottom;



	padding: 30px 0 80px 0;



	font-size: 13px;



}	







/* content */



	



#content {



	float: left;



	width: 470px;



	min-height: 500px;



}







.slideshow {



	margin-bottom: 18px;



}







.slideshow h3 {



	color: #000;



	font-size: 12px;



	font-weight: bold;



	width: 221px;



	height: 28px;



	line-height: 28px;



	padding-left: 15px;



	margin: 0;



}







.slideshow h3.thematic



{



	background:#cf1718;



	color: #ffffff;



	height:28px;



	margin:0;



	min-width:220px;



	-moz-border-radius:3px 3px 0 0;



	-webkit-border-top-right-radius: 3px;



	-webkit-border-top-left-radius: 3px;



}







.post {



	border-bottom: 1px solid #dcdcdd;



	line-height:16px;



	margin-bottom: 21px;



}







.post p



{



	margin-bottom:0;



	padding-bottom:12px;



}







.slideshow.single



{



	margin-bottom:13px;



}







.post.single



{



	border:none;



}







.post.single .title, .post.single .title a



{



	border:none;



	line-height: 30px;



	margin-top:0;



	margin-bottom:11px;



}







.post.single .date



{



	border-bottom: 1px solid #dcdcdd;



	margin-bottom:8px;



}







.comment-body {



	border-bottom: 1px solid #dcdcdd;



	margin-bottom: 25px;



}







img.avatar.photo {



	padding-right: 4px;



}











.title {



	margin-bottom: 10px;
}







.title a {



	border-bottom: 1px dashed #868688;
	line-height: 25px;
}







.post p.date {



	font-size: 11px;



	color: #b9bbbc;



	margin-bottom:0;



	padding-bottom:3px;



}











.leftcol {



	float: left;



	width: 46%;



}






.rightcol {



	float: right;



	width: 46%;



}


.leftcol p, .rightcol p{
	min-height: 100px;
}
.leftcol p.date, .rightcol p.date{
	min-height: 0px;
}




.navigation {



	color: #141215;



	font-size: 12px;



	margin: 40px 0 30px 0;	



}







.navigation .alignleft a{



	background: transparent url(images/prev.png) no-repeat scroll left center;



	padding-left: 15px;



}







.navigation .alignright a{



	background: transparent url(images/next.png) no-repeat scroll right center;



	padding-right: 15px;



}







.banner {



	background:#D60067 none repeat scroll 0 0;



	color:#FFFFFF;



	height: 52px;



	line-height: 52px;



	text-align: center;



}











/* subscribe form */



div#subscribe {

	margin-top: 0;

	margin-bottom: 20px;

	padding: 10px 10px 0 10px;

	background: transparent url(images/comment.png) repeat-y;

	clear: both;

	float: none;

	height: 129px;

}



.subscribe-form {

	/* background: transparent url(images/comment.png) no-repeat; */

	margin: 0;

	padding: 0;

}



.subscribe-form h2 {

	display: block;

	margin: 0;

	padding: 0;



}



#subscriber-info div {

	float:left;	

	width:180px;

	margin: 10px 0 0 0;

}





#subscriber-info div.subscribe-form-wide-input {

	width: 250px;

}





#subscriber-info div.last_subscribe_input {

	width:65px;

}





#subscribe-btn {

	margin: 10px 0 0 0;

}



.subscribe-form .button {

	background: url(images/comment-button-green.png) no-repeat;

	border: 0 none;

	color: #ffffff;

	font-size:12px;

	font-weight: bold;

	width: 54px;

	height: 24px;

	margin: 13px 0 0 10px;

	cursor: pointer;

}









/* comment form */







.commentform {



	background: transparent url(images/comment.png) no-repeat;



	height: 139px;



	font-size: 11px;



}







#comment-writer-info div {



	float:left;	



	width:182px;



	margin: 9px 0 0 14px;



}







#comment-writer-comment {



	margin: 9px 0 0 14px;



}







.commentform .button {



	background: url(images/comment-button.png) no-repeat;



	border: 0 none;



	color: #ffffff;



	font-size:12px;



	font-weight: bold;

	

	margin-left:10px;

	

	margin-top:31px;

	

	padding-top:0;

	

	vertical-align:top;



	width: 54px;



	height: 24px;



}







p.commentarer {



	font-size: 12px;



	margin: 10px 0;



}



.comment-textbox

{

	background:url(images/comment-textbox.gif) no-repeat;

	border:none;

	font-size:11px;

	height:21px;

	padding: 2px 5px 0px;

	width: 175px;
	margin-top: 2px;
}



.comment-textarea

{

	background:url(images/comment-textarea.gif) no-repeat;

	border:none;

	font-size:11px;

	padding:0px 0px 0 5px;

	height:56px;

	width:370px;
	margin-top: 2px;
}







/* sidebar1 */







#sidebar1 {



	float: left;



	margin: 0 24px;



	width: 242px;



} 







.widget {



	font-size:11px;



	margin-bottom: 25px;



}







.widget h3.title {



	background: transparent url(images/widget-title.png) no-repeat;



	color: #141215;



	font-size: 12px;



	height: 28px;



	line-height: 28px;



	margin: 0;



	padding-left: 12px;



}







.widget ul



{



	background: #f1f2f2;



}







.widget ul li {



	padding: 7px 10px 7px 13px;



	border-bottom: 1px solid #d5d6d6;



}







.widget ul li a {



	color: #747577;



	float: left;



	font-size:11px;



	width: 80%;



}







.widget span {



	color: #b9bbbc;



	float: right;



}







.widget-dark {



	background: #707174 url(images/widget-dark.jpg) repeat-x;



}







.widget-dark h3 {



	background: transparent url(images/widget-title-dark.png) no-repeat;



	color: #ffffff;



	font-size: 12px;



	height: 28px;



	line-height: 28px;



	margin: 0;



	padding-left: 15px;



}







p.googlekop{



	color: #ffffff;



	font-size: 13px;



	text-align: center;



	padding-bottom: 15px;



}







p.googlekop span {



	display: block;



	font-size: 68px;



	font-weight: bold;



}







.contact {



	margin-bottom: 21px;



}







.contact ul li {



	padding: 4px 0;



}







.contact ul li.email {



	background: url(images/email.png) no-repeat scroll left center;



	padding-left: 32px;



}







.contact ul li.print {



	background: url(images/print.png) no-repeat scroll left center;



	padding-left: 32px;



}







.contact ul li.link {



	background: url(images/link.png) no-repeat scroll left center;



	padding-left: 32px;



}







.contact ul li.rss {



	background: url(images/rss.png) no-repeat scroll left center;



	padding-left: 32px;



}











/* sidebar2 */



#sidebar2 {



	float: left;



	width: 250px;



} 







#sidebar2 img



{



	margin-bottom:11px;



}







.banner-1, .banner-2, .banner-3 {



	background: #d60067;



	color: #ffffff;



	margin-bottom: 25px;



	text-align: center;



}







.banner-1 {



	height: 350px;



	line-height: 350px;



}







.banner-2 {



	height: 105px;



	line-height: 105px;



}







.banner-3 {



	height: 350px;



	line-height: 350px;



}















/* Footer Group */











#footer {



	color: #b9bbbc;



	font-size: 11px;



	min-height: 200px;



	padding-top: 30px;
	
	margin-bottom: 50px;



}







#footer a {



	color: #747577;



}







.footer-box {



	float: left;



	



}







#box2 {



	margin: 0 40px;



}







span.category a



{



	color:#b9bbbc;



}







.dynamic ul li



{



	clear: both;



	min-height:16px;



	padding: 7px 10px 7px 13px;



	border-bottom: 1px solid #d5d6d6;



}







.dynamic ul li:after {



	content: ".";



	display: block;



	height: 0;



	clear: both;



	visibility: hidden;



	font-size:1px;



}







.dynamic ul li a



{



	font-size:11px;



	width: 80%;



}







#sidebar2 .widget



{



	background:none;



}







#sidebar2 .widget ul



{



	background: #f1f2f2;



	width: 243px;



}







#sidebar2 .widget img



{



	margin:0 0 13px 0;



}







.noborder



{



	border:none;



}







.comment-template h2.title a



{



	border:none;



	color:#747577;



}







.clear



{



	clear:both;



}







.hidden



{



	display:none;



}







#post_pemalink



{



	padding:5px;



	width:13em;



}







.comment-template h2.title.comment, .comment-template h2.title.comment a



{



	color:#000;



	margin-bottom:0;



	margin-top:0;



	padding-bottom:7px;



	padding-top:0;



}







.comment-template .navigation



{



	margin:0;



}


div.footer-bottom-wrapper {
	margin: 0 auto; 
	width: 1010px; 
	clear: both; 
	padding-top: 20px;
}

div.footer-text-wrapper p {
	float: left; 
	width: 472px;
}

div.footer-text-wrapper p:first-child {
	margin-right: 40px;
}

div.footer-links-wrapper div {
	width:166px;  /* 171px */
	height: 15px;
	float:left;
	padding-right: 5px;
	overflow: hidden;
}

div.footer-links-wrapper div a {

}