/*  
Theme Name: Upload
Description: theme Criticalcity Upload
Version: 1.0
Author: Davide Portanome
*/

* {margin: 0; padding: 0;}
p a {color: #ff0000;}
a:focus {outline:none;}
h3, h2 {padding: 1em 0 0.8em 0; border-bottom: 1px solid silver; margin: 0 0 1em 0;}
h4 {font: normal 1.3em Arial; padding: 1.2em 0 0 0; border-top: 1px solid #ff0000; margin: 2em 0 1em 0;}
h5 {font: bold 1 Verdana; padding: 1.2em 0 0 0; margin-top: 2em; color: #ff0000;}


body {
font-family: Verdana, sans-serif;
text-align: center;
margin: 0 0 6em 0;
padding: 0;
background: #fff ;
color: #000;
font-size: 60%; 						
}
.container {
width: 980px;
position: relative;

margin: 10pt auto;						
}

/***********************************************
******************* HEADER *********************
***********************************************/

.container .header {
width: 980px;
position: relative;
margin: 0 auto 15px auto;
height: 50px;
background: #333;
line-height: 3em;
font-size: 1.2em;
color: #fff;
text-align: left;	
z-index: 3000;					
}


.container .header .logo {
width: 300px;
float: left;
height: 50px;
						
}
.container .header .award {
width: 420px;
float: right;
height: 50px;
margin: 0;						
}
.container .header .award span.award_txt {
width: 50px;
float: left;
font-size: 0.8em;
text-align: left;	
margin: 15px 0 0 0;					
}

/***********************************************
******************* FOOTER *********************
***********************************************/

 .footer {
width: 978px;
float: left;
margin: 20px 0 0 0 ;
height: 60px;
background: #000;
color: #fff;
text-align: left;	
border: 1px solid #000;				
}
 .footer table{
margin: 12px 20px 0 20px;
width: 95.5%;
				
}
 .footer table img{
margin: 0 10px 0 0;
				
}
.footer a {color: #fff; text-decoration: none;}
.footer a:hover {text-decoration: underline;}
 
/***********************************************
****************** CONTENT *********************
***********************************************/
.container .content {

text-align: left;
position: relative;
padding: 20px 0 0 0;
background: #eaeaea;
border: 1px solid #d8d8d8;
color: #000;
width: 978px;
height:auto;	
margin: 0 auto;				
}
h1 {
display: block;
color: #fff;
padding: 5px 10px;
font-size: 1.2em;
font-weight: normal;
}
h1.tw_up {background: #232127;}
h1.share {background: #555659;}
h1.follow {background: #78797b;}

span.follow {
background: #78797b;
display: block;
color: #fff;
padding: 5px 10px;
font-size: 1.2em;

}

/* left column */

.left_column {
float: left;
width: 170px;
min-height: 420px;
height: auto !important;
height: 420px;
background: #fff;
margin: 0;

}

/* twitter propeties */
#twitter_div {

  width: 170px;
  background: #fff;
  padding-bottom: 15px;
}

#twitter_div li {
  display: block;
margin: 10px 6px 15px 10px;
padding: 0 0 10px 25px;
border-bottom: 1px solid #ccc;
background: url(../images/twitter_icon.png) no-repeat;
}
#twitter_div li a {
  color: #4e4e4e;
  font-style: italic;
}
#twitter_div li a:hover {
  color: #118cca;
}

/* central column */

.central_column {
float: left;
width: 385px;
padding: 0;
background: #fff;
margin: 0 19px;
min-height: 420px;
height: auto !important;
height: 420px;
}

.big_news{
display: block;
margin: 10px 20px;
font-size: 1.5em;
font-style: italic;
}

.big_news ul {list-style-type: none;}
.small_news{
position: relative;
width: 50%;
border-top: 1px solid #808080; 
margin: 10px 20px;
font-size: 1.1em;
padding: 5px 0;
font-style: italic;

}

 span.title {
 font-weight: bold; 
 color: #808080; 
 display: block;
 font-style: normal;
 margin: 0 0 2px 0;
 }
 



/* right column */

.right_column {
float: right;
width: 385px;
min-height: 420px;
height: auto !important;
height: 420px;
background: #fff;
margin: 0 ;
}

.right_column .share{
position: relative;
display: block;
padding: 15px 0 10px 20px;
height: 30px;
}
.right_column .share img{
margin: 0 3px 10px 0;
}
.right_column .share a {
text-decoration: none;
color: #fff;
}
.right_column .share a:hover img{
filter:alpha(opacity=60);
-moz-opacity: .6;
opacity: .60;
}
.right_column .fb {
margin: 0 0 0 20px;
}



/***********************************************
*************** SLIDE GALLERY ******************
***********************************************/
#mygal {
font-family: Verdana, sans-serif;
text-align: center;
position: relative;
padding: 0;
background: #000;
color: #000;

width: 980px;
height: 380px;	
margin: 0 auto;				
}
#wrapp {
width: 710px;
text-align: left;
font-size: 1.1em;

padding: 1em;
color: #000;
}
a.prev {
position: absolute;
z-index: 1000;
font-size: 0.8em;
background: url(../images/prev.png) no-repeat center left;
color: #fff;
width: 50px;
height: 80px;
left:10px;
top: 150px;
cursor: pointer;
}
a.next {
position: absolute;
z-index: 1000;
font-size: 0.8em;
background: url(../images/next.png) no-repeat center left;
width: 50px;
height: 80px;
right: 10px;
top: 150px;
cursor: pointer;
color: #fff;
}
a.next:hover, a.prev:hover {
filter:alpha(opacity=60);
-moz-opacity: .6;
opacity: .60;
cursor: pointer;


}


/* slideViewer 1.0 default styles */
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul{position: relative; left: -999em;}
.ldrgif {margin-top: 170px;}

.stripViewer { /* this is the DIV container for your UL of images */
position: relative;
overflow: hidden; 
border: 0px solid #ff0000; /* this is the border. should have the same value for the links */

}
.stripViewer ul { /* this is your UL of images */
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { /* each image is arranged horizontally */
float:left;
}
.stripTransmitter { /* this is the DIV for your transmitter (the UL generated at run time that commands the list)*/
overflow: auto;
position: absolute;
top: 415px;
text-align: center;
width: 200px;
left: 390px;
z-index: 1000;
height: 20px;

}
.stripTransmitter ul { /* the auto-generated set of links */
position: relative;

list-style-type: none;


}
.stripTransmitter ul li{ /* in this list too, each LI is arranged horizontally */
width: 15px;
float:left;
margin: 0 5px 5px 0;
position: relative;
z-index: 5000;

}
.stripTransmitter a{ /* the links. */
font: bold 8px Verdana, Arial;
text-align: center;
background: url(../images/bg_nav.png) no-repeat left top;
color: #666;
filter:alpha(opacity=75);
-moz-opacity: .75;
opacity: .75;
text-decoration: none;
display: block;
width: 15px;
height: 15px;


}
a.small_next{ /* the links. */

background: url(../images/small_next.png) no-repeat left top;
z-index: 10000;
filter:alpha(opacity=85);
-moz-opacity: .85;
opacity: .85;
text-decoration: none;
position: absolute;
left: 590px;
top: 350px;
width: 15px;
height: 15px;
cursor: pointer;



}
 a.small_prev{ /* the links. */

background: url(../images/small_prev.png) no-repeat left top;
z-index: 10000;
filter:alpha(opacity=85);
-moz-opacity: .85;
opacity: .85;
text-decoration: none;
position: absolute;
left: 370px;
top: 350px;
width: 15px;
height: 15px;
cursor: pointer;

}

 a.small_next:hover, a.small_prev:hover { /* hover */
filter:alpha(opacity=50);
-moz-opacity: .5;
opacity: .50;

}
.stripTransmitter a.current, .stripTransmitter a.current:hover { /* current */
background: url(../images/bg_nav.png) no-repeat right top;
color: #fff;
filter:alpha(opacity=75);
-moz-opacity: .75;
opacity: .75;

}
/* end slideViewer default styles */