/*
Theme Name: Vincenzo Paglia website
Theme URI: http://katapultadesign.eu
Description: Personal website
Version:1.5
Author: Katapulta Design
Author URI: http://katapultadesign.eu
*/
* 	{ margin:0px; padding:0px; }
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/FontAwesome.otf');  
}
/*-----------------------------------------------
						GENERAL
-----------------------------------------------*/
.clear {clear:both;}
a {
text-decoration:none;
color: #333;
}
a:hover {
color: #f07011;
}

ul li {
list-style-type:none;
}
h2 {
font-family: 'Oxygen', sans-serif;
font-size:22px;
}
h3 {
font-family: 'Oxygen', sans-serif;
font-size:18px;
}
h4 {
font-family: 'Oxygen', sans-serif;
font-size:16px;
}
h5 {
font-family: 'Oxygen', sans-serif;
font-size:14px;
}
h6 {
font-family: 'Oxygen', sans-serif;
font-size:14px;
line-height:16px;
}

a.more-link {
font-weight:bold;
padding: 0 0 0 5px;
}

/* --------------------------------------
					STRUCTURE
------------------------------------------- */
body {
font-family: 'Oxygen', sans-serif;
font-size: 12px;
line-height:140%;
background:#ffffff url(images/groovepaper.png);
background-repeat:repeat;
color: #212121;
text-align: center;
}
#wrap {
width:990px;
background: #fafafa;
border: 1px solid #f2f2f2;
margin: 0 auto;
}
/*---------------------------------------------
					HEADER PART
--------------------------------------------*/

#name {
width: 990px;
height:290px;
background: url(images/presidentePAGLIA.jpg) no-repeat;
background-position: 0px 15px;
text-align:left;
margin:0 auto;
}

/*---------------------------------
TOP MENU
----------------------------------*/
#social_tab {
width:990px;
height:44px;
background: #d0d0d0;
margin:0 auto;
}

#icons {
float:right;
margin: 16px 10px 0 0;
font-family:FontAwesome;
}
#icons ul li{
list-style-type:none;
display:inline;
font-size:24px;
padding-left:12px;
}
#icons a {
color:#7b7b7b;
}
#icons a:hover {
color:#F0B72A;
}
#flags {
float:left;
margin: 10px 0 0 10px;
}

.left_menu {
float:left;
}
.right_menu{
float:right;
}
#ita, #pl, #eng, #fra, #esp, #ger {
width: 26px;
height:26px;
}
#ger {
float:left;
padding: 0 7px 0 0;
}
a #ger {
background: url("images/ger.png") top center no-repeat;
}
a:hover #ger {
background: url("images/ger.png") bottom center no-repeat;
}
#ita {
float:left;
padding: 0 7px 0 0;
}
a #ita {
background: url("images/ita.png") top center no-repeat;
}
a:hover #ita {
background: url("images/ita.png") bottom center no-repeat;
}
#eng {
float:right;
padding: 0 0 0 7px;
}
a #eng {
background: url("images/eng.png") top center no-repeat;
}
a:hover #eng {
background: url("images/eng.png") bottom center no-repeat;
}
#esp {
float:left;
padding: 0 0 0 7px;
}
a #esp {
background: url("images/esp.png") top center no-repeat;
}
a:hover #esp {
background: url("images/esp.png") bottom center no-repeat;
}
#fra {
float:right;
padding: 0 7px 0 0;
}
a #fra {
background: url("images/fra.png") top center no-repeat;
}
a:hover #fra {
background: url("images/fra.png") bottom center no-repeat;
}
#pl {
float:right;
padding:0 7px 0 0;
}
a #pl {
background: url("images/pl.png") top center no-repeat;
}
a:hover #pl {
background: url("images/pl.png") bottom center no-repeat;
}
/* ------------------------------------------
					MENU
--------------------------------------------*/
#top_menu {
width:990px;
height:80px;
background: #fafafa url(images/redline.jpg) repeat-x;
background-position: center;
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
}
#top_menu ul li {
list-style-type: none;
display:inline;
}

.slidenav {
	margin: 10px 0 0 0;
    position: relative;
	font-size:16px;
   }

.slidenav a {
  	text-decoration: none;
}
.slidenav ul, .slidenav ul li {
    height: 36px;
    line-height: 2em;
    list-style: none;
}

.subnav ul li, .subnav ul, .slidenav-box {
    height: 34px;
	line-height: 2em;
    list-style: none;
}

.slidenav ul a, .subnav ul a {
    display: block;
    padding: 0px 10px;
}

.slidenav ul li, .subnav ul li {
    float: left;
}

.slidenav ul li ul {
    display: none;
    position: absolute;
    top: 2.2em;
    left: 0;
}

.slidenav ul li:hover ul {
    display: block;
}

.subnav ul {
    display: none;
	font-size: 12px;
}

.subnav ul a {
	text-decoration: none;
}

.slidenav-box {
    margin: 5px 0px;
   padding: 0px 20px;
}

.inactive-box {
	visibility: hidden;
}

/* ---------------------------------------------------
			CENTER PART
------------------------------------------------------- */
#center_wrap {
width:990px;
text-align:left;
margin: 0 auto;
}
#left_wrap {
width:650px;
background: #fafafa;
float:left;
margin-top:30px;
}

#center_wrap #left_wrap .title {
width:650px;
height:24px;
background: url(images/yellowline.jpg);
}
/* --------------------
	video part
---------------------*/
#left_wrap .title #video_t {
background: #fafafa;
height:24px;
width:50px;
padding: 4px 40px 4px 10px;
}
#video {
width:640px;
height:400px;
margin:20px 0 20px 10px;
}
/* -------------------
	audio part
----------------------*/
#audio {
width:650px;
margin:0 auto;
}
#audio_left {
width:295px;
height:340px;
float:left;
margin: 10px 0 10px 0;
}
#left_wrap #audio .categ h4 a{
padding: 10px 0 10px 10px;
text-transform: uppercase;
color: #666666;
font-size:12px;
}

.codeart-google-mp3-player {
margin:10px 10px 0 10px;
}
#audio_right {
width:335px;
height:340px;
float:right;
margin: 10px 0 10px 0;
}
#left_wrap #audio h2, h3 {
text-transform: uppercase;
font-size:15px;
padding: 10px 0 20px 10px;
}
#left_wrap #audio .post p {
margin: -10px 10px 20px 10px;
line-height:15px;
}
#left_wrap #audio_left .post{
margin: 0 0 0 10px;
}
#audio ul  {
margin: 10px 0 20px 15px;
}
#audio ul li {
padding: 0 0 0 5px;
list-style-type:square;
margin: 0 0 0 10px;
}
#audio_left #vagelo {
clear:both;
width:295px;
height:40px;
padding-bottom:120px;
background: url(images/vagelo.jpg) no-repeat center bottom;
}

/* -------------------------
		articles
------------------------- */
#left_wrap .title #articles_t {
background: #fafafa;
height:24px;
width:50px;
padding: 4px 50px 4px 10px;
}
#articles {
width:650px;
height:300px;
}
#articles .post h2{
margin:20px 0 20px 50px;
font-size:1.2em;
text-transform: uppercase;
}
#articles .entry p{
display:block;
padding-bottom:10px;
margin:0 20px 0 50px;
text-align:justify;
font-size:13px;
line-height:16px;
}
#articles .entry p a {
color: #b9340b;
font-weight:bold;
}
#articles .entry p a:hover {
border-bottom: 1px solid #b9340b;
color: #474843;
}
#articles .entry p a img  {
background:#F8EDD1;
border:none;
}
#articles .thumb img {
	margin:0 30px 10px 10px;	
	border:none;
	overflow:hidden;
	float:left;
	}

/* ------------------------------------------
					SIDEBAR
---------------------------------------------*/
#right_wrap{
width:290px;
float:right;
background: #fafafa;
margin:30px 10px 0 0;
}
#right_wrap .w_title  {
background: #fafafa;
width:290px;
height:24px;
background: url(images/yellowline.jpg);
}
#mini {
margin:22px 0 0 0;
width:290px;
height:420px;
}
#right_wrap .w_title #flck, #right_wrap .w_title #linked {
background: #fafafa;
height:24px;
width:65px;
padding: 4px 10px 4px 0;
text-transform: uppercase;
}
#right_wrap .w_title #twt{
background: #fafafa;
height:24px;
width:65px;
padding: 4px 50px 4px 0;
text-transform: uppercase;
}

/* ----------------
	WIDGET in INDEX
--------------------*/
#right_wrap .w_title #more_art {
background: #fafafa;
height:24px;
width:85px;
padding: 4px 10px 4px 0;
}
#more_articles {
width:290px;
height:300px;
background: #fafafa;
}
#right_wrap h3 {
font-variant:small-caps;
margin:3px 0 -4px 0;
font-size:13px;
}
#right_wrap .widget ul {
margin-top:-13px;
}
#right_wrap ul li {
font-size:12px;
line-height:15px;
list-style-type:square;
padding:0 0 0 5px;
margin: 0 0 0 15px;
}
/* -----------------------------------
		FLICKR
------------------------------------*/
#bibliografia {
width:290px;
height: 320px;
margin: 10px 0 10px 0;
background: #fafafa;
}
#flickr img {
        border: 1px solid transparent !important;
		max-height:140px;
		width:auto;
}

/* ---------------------------------------
			SIDEBAR in SINGLE/PAGE/ARCHIVES
------------------------------------------*/
#sidebar {
float:left;
width:300px;
min-height: 1140px;
background: #ffffff;
margin-top:30px;
text-align:right;
}
#sidebar .widget {
margin: 10px;
padding: 10px 10px 30px 10px;
background: #ffffff;
}
#sidebar #secondary {
background: #ffffff;
}
#sidebar .widget h3 {
color: #a00000;
padding: 5px 10px 5px 0;
font-size:13px;
}
#sidebar .widget ul li{
padding: 0 0 5px 0;
margin: 0 5px 0 15px;
list-style-type: none;
}
#sidebar .widget ul li a{
padding: 0 5px 5px 0;
}
/* ---------------------------------------
				SINGLE & PAGE
------------------------------------------*/
#postit {
float:right;
width:650px;
background: #ffffff;
margin-top:30px;
border-left: 1px solid #f2f2f2;
}
#postit h2 {
color: #a00000;
font-size:20px;
line-height:24px;
padding: 0 10px 30px 0;
text-transform: uppercase;
}
#postit h2 a {
color: #a00000;
}
#postit .post {
padding: 10px 40px 20px 40px;
}
#postit .post p {
font-size:13px;
padding: 0 0 6px 0;
line-height: 17px;
text-align:justify;
}
#postit .post p a {
color: #A00000;
}
#postit .entry p.postmetadata {
margin: 20px 0 0 0;
padding: 10px 0 0 0;
border-top: 1px solid #f2f2f2;
}
#postit h2 .int {
padding: 0 10px 0 0;
}
#postit #psdata {
margin: -20px 0 10px 0;
color:#7f7f7f;
font-family:book antiqua,georgia, serif;
}
.navigation {
text-align:center;
}
#postit blockquote {
	padding:10px 10px 10px 60px;
	font-style:italic;
	}
	
/* ---------------------------------------
				SIDEBAR IN CONTACT
------------------------------------------*/
#sidebar_c {
float:left;
width:300px;
background: #ffffff;
margin-top:30px;
text-align:right;
}

/* ---------------------------------------
					FOOTER
------------------------------------------*/
#footer {
margin:0 auto;
background: #fafafa url(images/redline.jpg) repeat-x;
background-position: top;
width:990px;
}
#footer p {
padding: 22px 0 20px 0;
font-size:10px;
font-family:times new roman, times, serif;
}
/* ---------------------------------------
					ARCHIVES
------------------------------------------*/
#arche {
float:right;
width:650px;
margin-top:30px;
}
#arche .title #articles_t {
background: #fafafa;
height:24px;
width:60px;
padding: 4px 50px 4px 10px;
}
#arche {
width:650px;
}
#arche .post {
height:170px;
}
#arche .post h2{
margin:20px 0 20px 50px;
font-size:1.2em;
text-transform: uppercase;
}
#arche .entry p{
display:block;
padding-bottom:10px;
margin:0 20px 0 50px;
text-align:justify;
font-size:13px;
line-height:16px;
}
#arche .entry p a {
color: #b9340b;
font-weight:bold;
}
#arche .entry p a:hover {
border-bottom: 1px solid #b9340b;
color: #474843;
}
#arche .entry p a img  {
background:#F8EDD1;
border:none;
}
#arche .thumb img {
	margin:0 30px 10px 10px;	
	border:none;
	overflow:hidden;
	float:left;
	}
.postmetadata{
	clear: both;
	padding: 0 0 10px 0;
	font-size:10px;
	overflow:hidden;
	}

/* -------------------------------------
			icons
-------------------------------------*/	
.icons {
text-align:center;
padding: 30px 0 20px 0;
}
.icons a {
font-weight:bold;
padding:10px;
}
.icons a:hover {
color: #a00000;
font-weight:bold;
}

/* ------------------------------------
				404
---------------------------------------*/

#name404 {
text-align:center;
}

#primary {
margin: 60px 0 120px 0;
}
#primary h1 {
padding: 0 0 22px 0;
}
#primary p {
padding-bottom:20px;
}
#barra {
width:990px;
height:1px;
background: #d0d0d0;
}


/*-----------------------------------------
pagina di ricerca
------------------------------------*/
#arche-search .post {
margin:40px 20px !important;
clear:left;
display:inline-block;
min-height:	200px;
max-height:240px;
}
#arche-search .go-right {
	float:left;
	width:64%;
	padding-top:0.4%;
	}
#arche-search .thumb {
	float:left;
	width:28%;
	margin-right:2%;
}
/*--------------
 * audio debug
 * --------------*/
audio {margin-top:20px; margin-bottom:6px;}
/*------------------
 * twitter debug
 * --------------*/
iframe.twitter-timeline {height:300px !important;}