/*
Theme Name:     IMORE magazine 4
Theme URI:      http://www.edupublic.org/wp3/
Description:    Child theme for Branford Magazine - IMORE
Author:         Giulio Picciolini
Author URI:     http://www.edupublic.org/?page_id=2
Template:       branfordmagazine-4
Version:        0.1.0
*/

@import url("../branfordmagazine-4/style.css");

/* Incipit - Vedi Parent Theme*/


#branding {/*where the logo sits*/
        width:625px;
        height:100px;
        padding-bottom:0px;
        background:url(images/backgrounds/imoretestatapic625.jpg) no-repeat;
        }
.right {
        float:right;
        background:#fff;
        }
		
.left { float:left }
input.searchtopright{
        width:188px;
        border:1px solid #ccc;
        background: url(images/backgrounds/bg_featured.jpg) repeat-x #E2ECED;
        }

body {
        background: #bdcbd0;

        color: #333;
        padding: 13px 0 25px 0;
        }

/******************************************
*   Headlines
******************************************/
h2 {
        color: #840000;
        font: 1.8em Georgia, "Times New Roman", Times, serif;
        padding-bottom:8px;
        border-bottom:1px solid #bdcbd0;
        margin: 20px 0;
        }
.nl {
        color: #00234B;
        font: 1.8em Georgia, "Times New Roman", Times, serif;
        padding-bottom:8px;
        border-bottom:1px solid #bdcbd0;
        margin: 20px 0;
        }

#sidebar h3, #sidebar h2 {
        font-size:0.9em;
        border-top:3px double #bdcbd0;
        border-bottom:1px solid #bdcbd0;
        padding:5px 0 5px 2px;
        margin:20px 0 15px 0;
        color:#840000;
        }

/******* Hyperlinks ********************/

/* Links in the sidebar */
.subnav li a:link, .subnav li a:visited { /* .subnav is the categories list */
        background: #fff;
        display:block;
        padding:4px 4px 4px 20px;
        border-bottom: 1px solid #bdcbd0;
        }

.feature {
        background: url(images/backgrounds/bg_featured.jpg) repeat-x #E2ECED;
        padding:15px;
        border: 1px solid #ccc;
        }
.featuredue {
        background: url(images/backgrounds/bg_featured.jpg) repeat-x #E2ECED;
        padding:3px;
        border: 1px solid #ccc;
        }
.navigationgray {
        background-color:#f8f8f8;
        padding:3px;
        border: 1px solid #ccc;
		height:30px;
        }

/******************************************
*   Footer
******************************************/

#footer {
        margin-top: 1px;
        width: 900px;
        font-size:0.9em;
        text-align:center;
        padding-top:0px;
        color:#000;
        }

#footer a {
        color:#00234B;
        }

/******************************************
*   Bottombar
******************************************/

#bottombar {
        clear:both;
        color: #666666;
        overflow: hidden;
        
        border-width: 2px 0 0 0;
        border-style:solid;
        border-color: silver;
        margin-top:300px;
        background-color:#eeeeee;
		background: url(images/backgrounds/bg_leadarticle.png) repeat-x #D3DCE5!important; /* declare background color for container to avoid distorted fonts in IE while fading */
}

#bottombar li {
        list-style-type:square;
        border-width:0px 0px 1px 0px;
        border-style:dotted;
        border-color:#dddddd;
        padding-left: 0px;
        margin-left: 20px;
}

#bottombar li a:link {
        display:block;
        padding:5px;
        color: gray;
}

#bottombar li a:visited {
        display:block;
        padding:5px;
        color:gray;
}

#bottombar li a:hover {
        display:block;
        background: #00234B;
        color:white;
}


#categoryx {
        padding: 0px 5px 10px 5px;
        width:25%;
        float:left;
        font-size:8pt;
		background-color:#eeeeee;
		background: url(images/backgrounds/bg_leadarticle.png) repeat-x #D3DCE5!important; /* declare background color for container to avoid distorted fonts in IE while fading */
}
#cantegoryx {
        padding: 0px 5px 10px 5px;
        width:400px;
        float:left;
        font-size:8pt;
		background-color:#eeeeee;
		background: url(images/backgrounds/bg_leadarticle.png) repeat-x #D3DCE5!important; /* declare background color for container to avoid distorted fonts in IE while fading */
}

#archivex {
        padding: 0px 5px 10px 5px;
        width:20%;
        float:left;
        font-size:8pt;
}
#finestrax{
    width:375px;
	float:left;
    height:480px;
    margin:20px 20px 20px 70px;
}
#finestray{
    float:left;
    height:480px;
    margin:20px 20px 20px 0px;
	text-align:center;
}
#commentx {
        padding: 0px 5px 10px 5px;
        width:25%;
        float:left;
        font-size:8pt;
}


#blogroll {
        padding: 0px 5px 10px 5px;
        width:25%;
        float:left;
        font-size:8pt;
}

#write_by {
        padding-top: 2px;
}

.bottombartitle{
font-family:
        /*font: normal 140%/100% Georgia, "Times New Roman", Times, serif;*/
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size:1.4em;
        font-weight:bold;
        color: #840000;
        letter-spacing:normal;
        margin: 10px 0 0 0;
        border-bottom: 1px solid #CFE1AC;
}

.sideblock
{
        padding: 0px 10px;
        margin-bottom: 20px;
        background-color: #F6FAFF;
        border: 1px solid #DFEAF7;
}

#singlecat li {
        float:left;
        list-style-type:none;
}

#singlepostin {
        float:left;
}

#singlepostwrapper {
        padding: 0px 0px 10px 0px;
        font-size:8pt;
}

img.zero { border: none; }

table.cento{
width: 100%;
margin:0 0 0 0;
padding:0 5px 0 5px;
border: 1px solid #CCCFE6;
background:#E2ECED;
}
td.rip{
padding:0 5px 0 5px;
}


/*--widgets tagcloud calendar-*/
div.textwidget {
        padding: 2px 3px 2px 9px;
}
ul.tagcloud li {
        display: inline;
        margin: 3px 0;
        line-height: 150%;
        padding-left: 3px;
}
#wp-calendar {
        border: 1px dotted #688f9e;
        text-align: center;
        empty-cells: show;
        font-size: 11px;
        margin: 16px auto 5px auto;
        width: 100%;
}
#wp-calendar #next a {
        padding-right: 10px;
        text-align: right;
}
#wp-calendar #prev a {
        padding-left: 10px;
        text-align: left;
}
#wp-calendar a {
        display: block;
        text-decoration: none;
        font-weight: bold;
        border: 1px solid #688f9e;
}
#wp-calendar a:hover {
        border: 1px solid #2a4651;
}
#wp-calendar a:visited {
        border: 1px solid #2a4651;
        font-weight: normal;
}
#wp-calendar caption {
        text-align: center;
        font-size: 12px;
        margin: 0;
        margin: 0 auto;
        font-weight: bold;
        border: 1px dotted #688f9e;
}
#wp-calendar td {
        border: 1px dotted #688f9e;
        font-size: 11px;
        letter-spacing: normal;
        text-align: center;
}
#wp-calendar td.pad:hover {
        background: #688f9e;
}
#wp-calendar td:hover, #wp-calendar #today {
        background: #688f9e;
        color: #fff;
}
#wp-calendar th {
        font-style: normal;
        text-transform: capitalize;
        color: #990000;
        text-align: center;
}


#leftcol {/*the left homepage column carrying the "Featured Article" section*/
        width:287px;
        border-right:1px solid #b6b6b6;
        padding-right:18px;
        }

#leftcol, #rightcol {
        margin-top:10px;
        float:left
        }

#rightcol {/*actually the column in the middle of the homepage (if the right column is the sidebar)*/
        width:277px;
        padding-left:18px;
        /*margin-top: -2px;*/
        text-align:justify;
        }

.boxsubui{
width:605px;
height: 133px;
}		
.boxsubuist{
width:605px;
height: 70px;
}		
/*Galleria della bottombar*/		
*{
    margin:0;
    padding:0;
}
.galleryx{
    width:375px;
	float:left;

    margin:20px 0px 20px 5px;
    border:10px solid #333;
    -moz-box-shadow:1px 1px 12px #000;
    -webkit-box-shadow:1px 1px 12px #000;
    box-shadow:1px 1px 12px #000;
}

.miniaturax{
    width:125px;
    height:200px;
    margin:0px;
    overflow:hidden;
    position:relative;
    float:left;
}
.miniaturax a img  {
    border:none;
    position:absolute;   
    top:-66.5px;
    left:-150px;
    height:500px;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);

}
/*Fine della galleria della bottombar*/

/* JTools ui.tabs - styling for the image wrapper  */
	#image_wrap {
		/* dimensions */
		width:800px;
		margin:15px 0 15px 40px;
		padding:15px 0;

		/* centered */
		text-align:center;

		/* some "skinning" */
		background-color:#efefef;
		border:2px solid #fff;
		outline:1px solid #ddd;
		-moz-ouline-radius:4px;
	}
	/* END - JTools ui.tabs - styling for the image wrapper  */
	
/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(/rivista/white_p.png);
	font-size:12px;
	height:89px;
	width:189px;
	padding:10px;
	color:#000;	
}

/* style the trigger elements */
#dyna img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}
/* tooltip styling.  JQuery Tools by MIT */
	
	/* I N T E G R A Z I O N I  */

ul#multi,ul#multi li{margin:0;padding:0;list-style:none}

ul#multi{width: 100%;overflow: hidden;  /*  simple clearing of floats */
    background: #fff;}

ul#multi li{float:left;width:31%;
    margin-left: 1%;display: inline;   /* per evitare il float double margin bug di IE*/
    border-bottom:1px dotted #777;
    background-color:#F3F3F3;height:20px;}

ul#multi a{display:block;color: #000;
    height: 20px !important;height: 1%; /*holly hack semplificato per IE*/
    text-decoration:none;padding-left:16px;
    background: transparent url(green_arrow.gif) no-repeat center left}

ul#multi a:hover{background-color: #00234B;color:#fff;}

input.postit {
width:80px;
height:15px;
border:1px solid #ccc;
}