/* Author:				Perfica, www.perfica.se
*  Contact:				info@perfica.se
*  Version:				1.0
*  Created:				2008
*
* Perfica.se
* CONTENTS
* -----------------
* == INCLUDE
* ----> defaults
* ----> forms
* ----> navigation
* == LAYOUT
**-----------------------------------------------------------------------------------
/* == INCLUDE
-----------------------------------------------------------------------------------*/

@import url(reset.css);
@import url(text.css);
@import url(960.css);

@import url(defaults.css);
@import url(forms.css);
@import url(navigation.css);

@import url(../js/slimbox/css/slimbox.css);

/*-----------------------------------------------------------------------------------
* == LAYOUT
* --------------------------------------------------------------------------------- */
div#container {background:url(../img/bg_container.gif);}

div#header {background:#fff; padding-bottom:15px; position:relative; zoom:1;}
	#header h1 {margin-bottom:5px; font-size:42px;}
	#header h1 a {color:#000}	

div#top_right {float: right; margin-top: 5px; }
	p.top_text {width: 200px; float: left; margin: 0; }
	ul#top_pics {float: left; margin: 0;}
	  #top_pics li {display: inline; margin-left: 5px;}

div#footer {clear:both; padding:15px; background:#000; color:#fff; margin-top:15px;}
	#footer p {margin:0;}

.date {color:#666; display:block; margin:5px 0;}
.location {font-weight:bold; color:#316A99;}

.info_box {margin: 10px 0; border: 1px dotted #c0c0c0; padding: 10px; background: #FFFFF8; }

span.mtype {font-weight: bold; }

.sub_cat_wrapper p {margin-bottom: 10px;}

div#rss_promo { margin: 10px 0; padding: 10px 0; }
	#rss_promo img {float: left; display: block; width: 30px; margin-right: 5px; }
	#rss_promo p {float: left; display: block; width: 180px; line-height: 115%; }

div#page_content {padding-bottom: 20px; border-bottom:2px solid #efefef; margin-bottom: 10px; }

div#google_translate_element {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #c0c0c0; }
	#google_translate_element select {width: 100%; }
/*-----------------------------------------------------------------------------------
* == LOGIN
* --------------------------------------------------------------------------------- */
form#login {background:#efefef; padding:5px 10px; margin-bottom:10px;}
	#login .input_text {width:170px;}
	#login fieldset, #login button {margin:10px 0 0 0;}
	
	#login ul {margin:5px 0 10px 0;}
		#login ul li {margin-bottom:5px;}

/*-----------------------------------------------------------------------------------
* == FORMS IN COLUMN (same as LOGIN, basically)
* --------------------------------------------------------------------------------- */
form.column_form {background:#efefef; padding:5px 10px; margin-bottom:10px;}
	.column_form .input_text {width:170px;}
	.column_form fieldset, #login button {margin:10px 0 0 0;}

	.column_form ul {margin:5px 0 10px 0;}
	.column_form ul li {margin-bottom:5px;}


/*-----------------------------------------------------------------------------------
* == CONTENT IMAGES (FOR ARTICLES ETC)
* --------------------------------------------------------------------------------- */	
ul.images {float:right; margin:0 0 15px 15px;}
	.images li{ margin-bottom:15px;}
	.images span {display:block; margin-top:5px; color:#666; text-align:center;}

/*-----------------------------------------------------------------------------------
* == ARTICLES
* --------------------------------------------------------------------------------- */

/* LISTINGS */
div.article_huge {margin-bottom:10px; border-bottom:2px solid #efefef;}
	.article_huge p a, .article_huge p a:visited {color:#000;}
	.article_huge h2 {background:none;}
	.article_huge h3 {}

ul.articles_big {overflow:hidden;}
	/*.articles_big li {float:left; width:228px; margin-bottom:8px;}
	.articles_big li.first {padding-right:5px; border-right:2px solid #efefef; margin-right:5px;}*/
	.articles_big h3 {margin:5px 0 0 0;}
	.articles_big p a, .articles_big p a:visited {color:#000;}
	.articles_big .alpha {clear:left;}
	
div.article_row {overflow:hidden; border-bottom:2px solid #efefef; padding-bottom:10px; margin-bottom:10px;}
	.article_row h3 {margin-top:0;}
	.article_row p a, .article_row p a:visited {color:#000;}
	.article_row .left {float:left; margin:0 15px 15px 0;}
	.article_row .right {float:right; margin:0 0 15px 15px;}
	
ul.articles_small {overflow:hidden;}
	.articles_small li {overflow:hidden; border-bottom:1px solid #ccc; margin-bottom:5px; padding-bottom:5px;}
	.articles_small h3 {margin-top:0;}
	.articles_small p a, .articles_small p a:visited {color:#000;}
	.articles_small img {float:right;}

ul.promo_articles {}
	.promo_articles li { border-bottom:1px solid #ccc; margin-bottom: 10px; }
	.promo_articles h3 {margin:0;}
	.promo_articles p a, .promo_articles p a:visited {color:#000;}

ul.reader_articles { border-top:1px solid #ccc; padding-top:5px;}
	.reader_articles li {overflow:hidden; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ccc;}
	.reader_articles img {float:left; margin:0 10px 0px 0;}
	.reader_articles h3 {margin:0;}
	.reader_articles p a, .reader_articles p a:visited {color:#000;}
	.reader_articles .date {font-size:12px; margin-bottom:0;}

ul.clean_list {}
	.clean_list li {border-bottom:1px solid #ccc; padding:2px 0;}
	.clean_list li a {}

/* VIEW */
div#top_image {margin-bottom:15px;}

/*-----------------------------------------------------------------------------------
* == GALLERIES
* --------------------------------------------------------------------------------- */
/* View */
ul.gallery_images {list-style-type:none;}
	.gallery_images li {margin-bottom:20px;}
	.gallery_images li span {display:block; margin-top:5px;}
	

/*-----------------------------------------------------------------------------------
* == POST
* --------------------------------------------------------------------------------- */
div.post {overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px; overflow:hidden;}
	.post img {float:right; margin:0 0 15px 15px;}
	.post p a, .post a:visited {color:#000;}
	.post p a:hover {color:#666; text-decoration:none;}
	
div.banners .post {}	
div.banners .post img {float:none; margin:0; margin-bottom:10px; display:block;}	

/*-----------------------------------------------------------------------------------
* == AUTHOR
* --------------------------------------------------------------------------------- */
div.author {overflow:hidden; padding:10px; background:#efefef; border:2px solid #ccc; clear:right; margin-bottom: 10px; }
	.author h3 {margin:0; font-size:16px;}
	.author img {float:left; margin:0 10px 0 0;}
	.author p {margin-bottom:0; margin-top:5px; font-style:italic; font-size:12px;}
	.author span.registered {display:block; margin-top:5px;font-size:12px; font-weight:bold;}
	
/*-----------------------------------------------------------------------------------
* == COMMENTS
* --------------------------------------------------------------------------------- */
#user_comment .post {overflow:hidden; padding-bottom:5px; padding-top:10px; margin:0; }
	#user_comment h4 {display:inline; font-size:14px;}
	#user_comment span.message {}
	#user_comment span.date {display:inline; color:#666; font-style:italic;}
	#user_comment .delete {position:absolute; top:0; right:5px; }
	#user_comment .post img {float:left;}
	#user_comment .post div {padding-right:60px; position:relative; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
	
	#user_comment .author {background:#fff; border:0;}
	
	#user_comment form.answer {display:none; margin:0;}
	#user_comment form.answer fieldset {padding:0; background:none; margin:0;}
	#user_comment form.answer textarea.huge {height:40px;}
	
	form#comment_write {margin-top:15px;}


/*-----------------------------------------------------------------------------------
* == USER PROFILES
* --------------------------------------------------------------------------------- */
div.users_profile { }

img.user_pic, img.user_nopic {float:left; margin:0 15px 5px 0;}
div.presentation {overflow:hidden;}

/*-----------------------------------------------------------------------------------
* == STAFF
* --------------------------------------------------------------------------------- */
div.staff {}
	.staff .column {float:left; margin-right:10px;}
	.staff .odd {margin-right:0;}
	.staff h4 {margin-bottom:5px;}
	.staff dl {}
	.staff dt {font-weight:bold; margin-top:5px;}
	.staff dd {}

/*-----------------------------------------------------------------------------------
* == LATEST
* --------------------------------------------------------------------------------- */	
ul.latest_videos_big, ul.latest_galleries_big {}
	.latest_videos_big li, .latest_galleries_big li {border-bottom:1px solid #ccc; margin-bottom:15px; padding-bottom:10px;}
	.latest_videos_big h3, .latest_galleries_big h3 {margin:5px 0 0px;}
	

ul.latest_videos, ul.latest_galleries {overflow:hidden;}
	.latest_videos li, .latest_galleries li {float:left;width:105px; margin-right:10px;}
	.latest_videos li.even, .latest_galleries li.even {clear:left;}
	.latest_videos li.odd, .latest_galleries li.odd {margin-right:0;}
	.latest_videos h3, .latest_galleries h3 {font-size:14px; margin:0; margin-bottom:10px;}
	
/*--------------------------------------------------------------------------------------------------------
/* ==  AddThis Toolbox
------------------------------------------------------------------------------------------------------- */

.addthis_box {text-align: right; margin: 15px 0; }

/*--------------------------------------------------------------------------------------------------------
/* ==  Adverts
------------------------------------------------------------------------------------------------------- */

.advert { display: block; padding-top: 10px; margin-bottom: 5px; background-image: url(../img/ad.gif); background-repeat: no-repeat; }
.separated { border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 10px; }
.banner_etc { background-color: #f2f2f2; padding: 10px 0; text-align: center; }
a.flash_overlay { z-index: 12; position: absolute; cursor: pointer;
	background-color: green;
	filter:alpha(opacity='2');
	-moz-opacity:0.02;
	-khtml-opacity: 0.02;
	opacity: 0.02;
}
.flashy {z-index: -1;}

/*--------------------------------------------------------------------------------------------------------
/* ==  NOTIFIER
------------------------------------------------------------------------------------------------------- */

div.notifier_container {width:420px; height:320px; padding:15px; position:fixed; left:50%; top:50%; margin-top:-175px; margin-left:-225px; display:none; background:#fff; border:5px solid #666; z-index:9999;}
	.notifier_container h2 {background:#efefef; color:#000;}
a.close_notifier {position:absolute; bottom:15px; left:15px; margin:0;}
a.notify {text-decoration:; font-family:Verdana, Arial, Helvetica, Georgia; padding:5px;}
#content a.notify {font-weight:bold; font-size:18px; }

/*-----------------------------------------------------------------------------------
* == IFRAME
* --------------------------------------------------------------------------------- */
div#iframe {display:none;width:600px; height:550px; border:5px solid #ccc; background:#efefef; padding:10px; position:fixed; top:50%; left:50%; z-index:9999; margin-left:-305px; margin-top:-275px; }
	#iframe iframe {width:600px; height:500px; background:#fff;}
	#iframe .close {color:#000; float:none; display:block; margin:5px 0 0 0px; width:75px; background:#efefef; border:1px solid #ccc; text-align:center; font-size:12px; padding:5px 0;}

/*-----------------------------------------------------------------------------------
* == PROMOTION && SLIDESHOW
* --------------------------------------------------------------------------------- */
#slideshow_container, #slideshow, #slideshow li {height:120px; width:400px;}
div#slideshow_container {float:right; margin-bottom:10px;}
	#promotion img {}
	#promotion p {}
	div#slideshow {position:relative; overflow:hidden;} 
	div#slideshow li {position:absolute;}