/*  
Theme Name: AtLink
Theme URI: http://atlink.it
Description: tema di atlink.it, marzo 2012.
Version: 0.1
Author: atlink
Author URI: http://atlink.it
License: AtLink
License URI: http://www.atlink.it/licenses/
Tags: two-columns, fixed, light, wp-pages, featured slider, etc...
	By downloading and using this theme, you agree to the following terms:
    - All variations of this theme have to remain GPL
    - You may use this theme for personal or commercial projects
    - You may modify, translate or distribute


*********************************************************************
NOTA:
il site & la description di questo blog sono grafici...
*********************************************************************
*/

/*font che usiamo per gli h1 e per tutta la typo del sito*/

@import url(http://fonts.googleapis.com/css?family=Oswald);


﻿/* @font-face kit by Fonts2u (http://www.fonts2u.com) */ 
	@font-face {
	font-family:"Oswald";
	src:url("inc/fonts/Oswald.eot") format("eot"),
	src:url("inc/fonts/Oswald.eot?#iefix") format('embedded-opentype'),
	
	url("inc/fonts/Oswald.woff") format("woff"),
	url("inc/fonts/Oswald.ttf") format("truetype"),
	url("inc/fonts/Oswald.svg#Oswald") format("svg");
	font-weight:normal;
	font-style:normal;
	}


/* 	Font che usiamo per il menu
 ***************************/

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('inc/fonts/bebasneue-webfont.eot');
    src: url('inc/fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/bebasneue-webfont.woff') format('woff'),
         url('inc/fonts/bebasneue-webfont.ttf') format('truetype'),
         url('inc/fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/**
/*inconfondibile font di atlink logo - probabilmente non la useremo, dato che probabilmente sarà grafica la storia*/
@font-face {
    font-family: 'SFIntellivisedRegular';
    src: url('inc/fonts/sf_intellivised-webfont.eot');
    src: url('inc/fonts/sf_intellivised-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/sf_intellivised-webfont.woff') format('woff'),
         url('inc/fonts/sf_intellivised-webfont.ttf') format('truetype'),
         url('inc/fonts/sf_intellivised-webfont.svg#SFIntellivisedRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

**/

/*add miriad here*/


/* Reset needed styles
*******************************/
html,body,div,span,form,h1,h2,h3,h4,p,blockquote{margin:0;padding:0;border:0;outline: 0;}
:focus {outline: 0;}
body {line-height: 1;}
html {height: 100%;margin-bottom: 1px;}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1em;
}
table td,
table th {
    padding:5px;
    border:1px solid #aaa;
}
blockquote    {
    margin:0 0 1em 1em;
    padding-left:1em;
    border-left:2px solid #DBDBDB;
}
strong        { font-weight: bold; }
em            { font-style: italic; }
pre           { border: 1px solid #ddd; margin-bottom: 1.2em; padding:1.2em; }
ins           { text-decoration:none; } /*remove underline from text*/
del           { text-decoration:line-through; }
acronym       { border-bottom:1px dotted #666; }


/* Typography
*******************************/
body {
    font:normal 12px Arial, Helvetica, sans-serif;
    background:url(images/fondo_cyber_grande.gif) no-repeat top right #FFF;	
}
h1,h2,h3,h4,h5,h6 {
    font:normal 12px "BebasNeueRegular",Oswald, Arial, Helvetica, sans-serif;
}
pre,
var,
code { 
    font-family:'helvetica neue', Arial, Helvetica, sans-serif;
}
h3,
#sidebar,
.postdata,
.entry-content {
	font-family:'helvetica neue',Arial, Helvetica, sans-serif;
}
#header h2 {
    font-family:'helvetica neue',Arial, Helvetica, sans-serif;
}


/* Header elements
*******************************/
h1 {
    font-size:2.60em;
}
h2 {  /* stile dell'H2 quando non e' usato come link: vedi ricerca not found*/
    font-size:2.10em;
    line-height:1.6;
      text-transform: uppercase;
	 color:#464646;
     font-family:BebasNeueRegular,Oswald,'helvetica neue',Arial, Helvetica, sans-serif;
}
h3 {
    font-size:1.50em;
     color:#464646;
     text-transform: uppercase;
      font-family:BebasNeueRegular,Oswald,'helvetica neue',Arial, Helvetica, sans-serif;
	}
h4 {
    font-size:1.25em;
    color:#152942;
}
h5 {
    font-size:1em;
    color:#152942;
}
h6 {
    font-size:.92em;
    color:#152942;
}

/* Text elements
*******************************/
ul,ol,p,dl {
    line-height:1.8;
}
ul,ol         {margin: 0 0 1em .8em;}
ul            {list-style-type:disc;}
ol            {list-style-type:decimal;}
p,dl	      {margin: 0 0 1em 0; text-align: left;}
strong        {font-weight: bold; }
em            {font-style: italic; }
ins           {text-decoration:none;}
del           {text-decoration:line-through;}
img           {border:0;outline:0;}
blockquote {
    border-left: 2px solid #D2D6D8;
	margin:0 0 0 3.2em;
	padding: 0 0 0 1.6em;
	font-size:1em;
	font-family:'helvetica neue',Arial, Helvetica, sans-serif;
	color: #888;
}

/* Links
**************************/
a:link,
a:visited,
a:hover,
a:active{
    color:#0066CC;
    border-bottom: #3b506b;
}

/* Wordpress styles
*******************************/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.alignleft {
   float: left;
   margin:0 1em 1em 0;
}
.alignright {
   float: right;
   margin:0 0 1em 1em;
}
.wp-caption {
   border: 1px solid #ccc;
   text-align: center;
   padding-top: 4px;
   margin-bottom: 1em;
}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
#content .post .wp-caption img {
    /*enable image padding*/
    max-width:592px;
    height: auto;
    
}
.wp-caption p.wp-caption-text {
   font-size: .92em;
   color: #444;
   line-height:1.4;
   padding: 0 4px 4px;
   margin: 0;
}

/* Layout
*******************************/
body {
    color: #565656;
/*    background:url(images/bg.gif) 0 0 repeat-x #fff;*/
/*-webkit-transition: all 0.2s ease !important;
 -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;*/
 margin:0;
 padding:0;
 }




#root{
    width:930px;
    margin:0 auto;
}

/* Header
*******************************/


#header-wrapper {
   height: 154px; /*was 148*/
}

/*fondo header*/
.vertical {
background:url(images/header_background.png) #FFF;
}

	#header {
    width:900px;
    margin:0 auto;
 	  height:164px;   /**/
   	 color:#fff;
  	  padding:0 0 0 0;
  	  background:url(images/header_background.png) repeat scroll 0 0 #FFF; 
  	  }
  	  
  
  	  	
  	  .prelogo {
    background: none repeat scroll 0 0 #D2D6D8;
    float: left;
    height: 126px;
    max-width: 900px;
    position: absolute;
    width: 100%;
    z-index: 0;
      	margin-top:8px;
}





/**/
#lb-wrap{
	position:absolute;
	z-index: 2;
	width:900px;
	height: 134px; /*was 126*/
	background: url(images/header_background.png) repeat scroll 0 0 #FFF;
}

#logo-block {
  background: url("images/atlinklogo.png") no-repeat scroll 0 -2px transparent;
  height: 150px;
  margin: auto;
  padding: 0;
  width: 900px;
  position:absolute;
  margin-top:8px;
}

	/**
 	* frecce (complemento logo)
 	***/

#atlink-arrows{
width:139px;  /**/
height:145px;	/**/
background:url(images/freccelogo.png) no-repeat;
	position:absolute;
	z-index:1;
	margin-top:27px; /**/
	left:-79px; /*58px <=> 60px*/
/*		left:-44px;			 centra "arrows" al centro dalla [A] di Atlink*/
}


	/*div che contiene sitetitle*/
	#header #sitetitle  {
	width:300px;
	/*margin-left:154px;*/
	background:#000;
	width:200px;
	padding:2px;
	text-align:center;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	position:absolute;
	right:10px;;
	}

	#header #sitetitle h1 {
	font-size:20px;	
	font-family: 'SFIntellivisedRegular';
	z-index:2;
	}
	
	#header #sitetitle h1 a {
	color:#FFF;	
	z-index:2;
	}
	
	#header #sitedesc {
	width:auto;
	margin-top:8px;
	float:left;
	margin-left:5px;

	}

#header #sitedesc h2 {
/* stile dell'h2: "internet networking solutions" */
	font-size:16px;
	font-family: 'SFIntellivisedRegular';
	color:#FFF;
	line-height:22px;
	text-align:right;
	background: #525658;
	padding:0 6px 0 6px;
	}	

#header #sitedesc h1 {
	font-size:6em;
	color:#505050;
	font-family: 'SFIntellivisedRegular';
	text-shadow: -1px -1px 0px #202020, 1px 1px 0px #FFF;

	}

#header a {
    color:#fff;
    text-decoration:none;
}
#header h2 {
    line-height:1.3;
    font-size:1em;
    color:#fff;
}



/* Navigation
*******************************/

.navigation {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
	font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	}
	
.navigation a:link,
.navigation a:visited {
	padding:6px 0 0 0;
	margin-right:18px;
	height:26px;
	border-bottom:3px solid #D2D6D8;
	text-decoration:none;
	font-size:1.09em;
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #ff4b33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}

/* Content
*******************************/
#content-old {
    width:590px;
    margin:20px 50px 30px 0;
    float:left;
    background:#FFF;
}

#content {
    width:600px;
    margin:0px 10px 30px;
    padding:5px;
    float:left;
    background:#FFF;
    border:1px solid #CCC;
}

#content .post {
    padding-bottom:1.5em;
    margin-bottom:1.5em;
    border-bottom:1px solid #bbc2c6;
}
#content .single {
    border-bottom:0;
}

/* wp-Page heading
************************/
#content h2 a {
    text-decoration:none;
/*    font-family:"SFIntellivisedRegular";*/
     font-family:Oswald,BebasNeueRegular,'helvetica neue',Arial, Helvetica, sans-serif;
     text-transform: uppercase;
	 color:#666;
	/* text-shadow:#EEE -1px -1px -1px, #999 -1px -1px -1px*/;
font-size:0.9em; /*decidere se e quale delle due fonts usare, e nel caso bilanciare il size*/
}

#content h2 a:hover {
	 color:#0066CC;
	  color:red;
}
#content h2 a:link,
#content h2 a:visited,
#content h2 a:hover
{
    color:#464646;
}


/*#content h3 {
    margin-bottom:20px;
    line-height:2.1;
    border-bottom:1px solid #D2D6D8;
     
}*/


#content  h3 {
    font-size:1.4em;
     color:#615661;
     text-transform: uppercase;
      font-family:Oswald,'helvetica neue',Arial, Helvetica, sans-serif;
	/*???*/
	/* border-bottom:1px solid #D2D6D8;*/
	margin-bottom:10px;
    }




#content h2 a:hover {
    color:#465c79;
}
.postdata {
    padding:.67em 0;
    margin-bottom:.67em;
    border:1px solid #eee;
    border-left:0;
    border-right:0;
    color:#898989;
}
.postdata a {
    color:#354a56;
    text-decoration:none;
    font-size: .92em;
    padding: .1em;
}
.postdata a:hover {
	background: #5F747F;
	color: #fff;
}
.postdata .vcard,
.postdata .published {
	font-family:georgia, 'times new roman', serif; 
	font-variant: small-caps;
	text-transform: lowercase;
}
p.tags {
    line-height:1.2;
    margin-bottom: 0;
    clear:both;
	font: italic normal 1.17em georgia, 'times new roman', serif; 
}
p.tags a {
	text-decoration: none;
}
p.tags a:hover {
	border-bottom: 1px solid #354a56;
}
.entry h1{color:#152942}

.entry-content {
    overflow: hidden;
    zoom:1;
}
/* Sidebar
*******************************/
#sidebar {
    width:270px;
    float:left;
    margin:5px 0;
      margin:0 0;
        background:#FFF;
        padding:10px;
     min-height:350px;
        max-height:900px;
        font-family:Oswald;
        border:1px solid #CCC;
margin-bottom:10px;
}
#sidebar h3 {
	margin-bottom:12px;
    padding-bottom:6px;
	border-bottom:1px dashed #CCC
}

#sidebar .box {
    margin-bottom:18px;
}
#sidebar .box a {
	color:#465c79;
	text-decoration:none;
}
#sidebar .box a:hover {
	color:#0C225F;
}
#sidebar .box a:visited {
	color:#7E929E;
}
#sidebar .box li li a {
    padding-left:0px;
}
#sidebar .box li li li a {
    padding-left:10px;
}
#sidebar .box .textwidget {
	line-height:1.6;
	font-size:.92em;
}

/*#sidebar .webmailbox {
	padding:6px;
	border:1px solid #CCC;
	background: url(images/webmail2.png) no-repeat top right;
	float:left;
	width:90%;
	text-transform: uppercase;
}*/



#sidebar .webmailbox  {width: 100%; margin-top: 10px; margin-bottom: 10px; float: left; clear:both;}
#sidebar .webmailbox  fieldset {width: 100%; height:auto; background:none; border: none;}
#sidebar .webmailbox  input {width: 200px; border: 1px solid #CCC; background: transparent; padding: 8px; color: #666;font-family:arial;font-size:11px; text-transform: none; vertical-align: middle; float: left;}
#sidebar .webmailbox  button {width: 218px; border: 1px solid #CCC; background: transparent; padding: 8px; color: #666;font-family:arial;font-size:11px; text-transform: none; vertical-align: middle; float: left;}
#sidebar .webmailbox  button:hover{background:#EEE;float: left; clear:both;}
#sidebar .webmailbox .username {margin-left:3px;width: 32px; height: 32px; margin-bottom:6px;background: url("images/username.png") transparent 50% 50% no-repeat; cursor: pointer; border: none; vertical-align: middle; float: left;}
#sidebar .webmailbox .password {margin-left:3px;width: 32px; height: 32px; margin-bottom:6px;background: url("images/password.png") transparent 50% 50% no-repeat; cursor: pointer; border: none; vertical-align: middle; float: left;}
#sidebar .alreadylogged {
	margin-top:4px;
	margin-left:10px;
	font-family:'helvetica neue',helvetica,arial,sans-serif;
	float:left;
	width:100%;
	}

#sidebar .alreadylogged a:link,#sidebar .alreadylogged a:visited,#sidebar .alreadylogged a:active  {
	color:#666;
}

#sidebar .alreadylogged a:hover {
	color:#3B506B;
}

		#sidebar .contattibox {margin-top:10px; float: left; width:100%; display:block;margin-left:8px}
	
	 #sidebar .contattibox p {width: 200px; border: 1px solid transparent; background: transparent; padding: 0px; color: #666;font-family:arial;font-size:11px; text-transform: none; vertical-align: middle; float: left;}

	#sidebar .contattibox a:link,
	#sidebar .contattibox a:visited,
	#sidebar .contattibox a:active 
	{
		color:#505050;
		border-bottom:1px dashed #888;
		text-decoration: none;
	}
	
#sidebar .webmailbanner {
	width:100%;
	float:left;
	margin-left:12px;
	clear:right;
	/*background:#004400;*/
	margin-bottom:-10px; /*ovviamente da rivedere*/
	}


	#sidebar .telefono {
	background:#008800;
	float:left;
	display:block;
	clear:left;
	}



#sidebar ul {
    margin:0;
    padding:0;
    list-style:none;
    text-transform: uppercase;
}



/*widgetting*/
#sidebar .box h3,
#sidebar .box h3:link,
#sidebar .box h3:active,
#sidebar .box h3:visited
{
	color:#505050;
	text-transform: uppercase;
	}


/*stila i link dentro ai widget (box)*/
#sidebar .box a:link,
#sidebar .box a:active,
#sidebar .box a:visited {color:#505050; }

#sidebar .box a:hover {color:#666}


/*rss button*/
#sidebar .rss {
    height:59px;
    margin-bottom:2px;
}
#sidebar .rss a {
    float:right;
    width:77px;
    height:59px;
    background:url(images/rss-icon.gif) 0 0 no-repeat;
    text-indent:-9999px;
}

/*recent comments widget*/
#sidebar #recentcomments {
    padding-left:20px;
}
#sidebar  #recentcomments li.recentcomments {
    display:block;
}
#recentcomments li.recentcomments a {
    display:inline;
    border:0;
}

#wp-calendar {
	width:100%;
}
#wp-calendar caption {
	font: italic 1.17em/1.83em georgia, 'times new roman', serif; 
	text-align:right;
}
#wp-calendar th,
#wp-calendar td {
	text-align:center;
	font-size:.92em;
}
#wp-calendar a {
	font-weight: bold;
}
#wp-calendar #today {
	background:#eee;
}
#wp-calendar #prev {
	text-align: left;
}
#wp-calendar #next {
	text-align: right;
}
#sidebar .categories {
	list-style:none;
}


/* Search Form
*******************************/
/*#searchform {
	padding-bottom: 1em;
}
#searchform label {
	display: block;
	padding-bottom: 3px;
	display: none;
}
#s {
    vertical-align:middle;
    border:1px solid #ccc;
    font-size:1em;
    color:#152942;
    padding: 3px;
    height: 14px;
    float: left;
    width:170px;
}
#searchsubmit {
    background:#D2D6D8;
    border:1px solid #ccc;
    float: right;
    height: 22px;
    font-size: 12px;
    cursor: pointer;
    
}*/

/*
 * search (searchform.php)
 * */
.searchmodule {width: 100%; margin-top: 10px; margin-bottom: 10px; float: left; clear:both;}
.searchmodule fieldset {width: 100%; height: 31px; background:none; border: none;}
.searchmodule input {width: 200px; border: 1px solid #CCC; background: transparent; padding: 8px; color: #666;font-family:arial;font-size:11px; text-transform: none; vertical-align: middle;}
.searchmodule button {width: 32px; height: 32px; background: url("images/search.png") transparent 50% 50% no-repeat; cursor: pointer; border: none; vertical-align: middle;}




/* Comments
*******************************/
#comments{list-style:none}
#commentform {
    margin-top:12px;
}
#commentform input.text,
#commentform textarea {
    border:1px solid #7E929E;
    border-right-color:#E8E8E8;
    border-bottom-color:#E8E8E8;
    padding:2px;
}
#commentform input.text {
    width:200px;
}
#commentform textarea {
    width:400px;
}
#commentform input.submit {
    border:1px solid #7E929E;
    background:#E8E8E8;
    color:#152942;
}
.comment {
	list-style:none;
	margin: 0 0 20px 0;
	padding: 20px;
	background: #f9f9f9;
	border-left: 2px solid #D2D6D8;
}
.comment .details img {
    vertical-align:middle;
}

/* Footer
*******************************/
#footer {
 /*  clear:both;*/
  
    height:40px;
    background:#E8E8E8;
 border-top:1px solid #D2D6D8;
	float:left;
    width:100%;
   
	
}
#footer .footerdata {
    padding-right:8px;
  	width:960px; /*da vedere magari puo' essere pure 100%, se serve inserire piu' testo su una sola riga*/
    margin:0 auto;
    display:block;
	padding-left:30px;
	height:30px;
}
#footer img {
    vertical-align:middle;
    margin-right:10px;
}

/*il testo del footer inserito via text widget*/
#footer div.textwidget{
	float:left;
	width:900px;
	background:url(images/atlinksmall.png) no-repeat top left;
	height:23px;
	padding-left:55px;
	padding-top:3px;
	margin-top:10px;
	/*font-family: "SFIntellivisedRegular", 'helvetica neue',helvetica;*/
	font-family:  'helvetica neue',helvetica,arial, sans-serif;
	color:#606060;
	font-size:11px;
	

	} 

#content .post *{
	max-width:600px
}

#comments{clear:both}
.comment-form-comment label,.comment-form-author,.comment-form-email,.comment-form-url{display:block;width:100px}
.clearfix{clear:both}
.gallery-caption {}
.sticky{}
.bypostauthor{}



/*
 * sticky footer patch 
 * */

* {
	margin: 0;
}
html, body {
	height: 100%;
}

.wrapper {
	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -41px; /* relativo alla altezza del footer*/
}
 
.push {
 	float:left;
	height: 41px; /* stessa altezza del footer */
}

/*search results*/
.searchrestitle {
	width:100%;
	text-align:center;
	height:10px;
		font-size:20px;
	font-family:Helvetica, 'helvetica neue', arial, sans-serif;
	}

.searchrestitle em {
	font-size:20px;
	color:#000;		
}
