/*  
Theme Name: 78s3
Theme URI: http://78s.ch/
Description: 78s Styles for Screen Media
Version: 3
Author: InformationArchitects.jp
Author URI: http://InformationArchitects.jp/

*/
 
/* 	Title:     78s Styles for Screen Media 3
	Author:    InformationArchitects.jp
	Updated:   June 2010 */


@charset "UTF-8";

/* CSS-Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	
	
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}
/* background-image:url(grid2.png); */

ol, ul {
	list-style: square;
}
blockquote, q {
	quotes: none;
	font-size: small;
	font-style: italic;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

update {
    border-style: none;
    border-width: 0px;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


shortie {font-size: 22px;
line-height: 30px;}

div#container { width: 948px; margin-left: auto; margin-right: auto; padding: 0;}
 
/*  background-image:url(grid3.png) */
 
 
 a {
	font-weight: bold;
	text-decoration: none;
	}

a:link {
	color: #ff005b;
	}
a:visited {
	color: #ff005b;
	}
a:hover, a:active {
	color: #333;
	}
 
/*  highlight search results */ 
 strong.search-excerpt { background: yellow; } 


/*	################################################################################################### header ### */


#header_oben, #header_mitte, #header_unten { width: 948px; }

#header_oben { margin-top: 18px; }

#header_mitte { clear: both; border-top-color: #ff005b; border-top-style: solid; border-top-width: 1px; }

#suche { float: right; height: 24px; display:inline; width: 30%; text-align: right;}
#suche .buttton { height: 24px; border: 1px solid #cacaca; 	background-color: #fafafa;  font-size: 13px; font-weight: bold; color: #666;}
#suche .feld { margin: 0; padding: 0; }



#header_logo { clear: both; padding-left: 12px; float: left;}
#header_werbung { float: right; height: 120px; padding-top: 24px; 
			      font-size: 11px; color: #777;}
#header_werbung img { }



#menue_oben { float: left; margin-top: 15px; display:inline; width: 70%; }

#menue_unten { height: 19px; }

#menue_unten ul, #menue_oben ul, #menue_unten_rechts ul
{
list-style: none;
padding: 0;
margin: 0;
}
#menue_unten li, #menue_oben li, #menue_unten_rechts li 
{
float: left;
margin: 0; padding: 0;
margin-top: 2px;
font-size: 13px; font-weight: bold; 
}

#menue_unten li a.this3 { color: #ff005b;}

#menue_oben li {
	border-top-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #cacaca;
	border-right-color: #cacaca;
	border-left-color: #cacaca;
	background-color: #fafafa; 
	margin-right: 2px;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-right: 14px;
	padding-left: 14px;
	color: #666666;
	margin-left: 0px;
	}

#menue_oben li a, #menue_unten li a { color: #666666; }
#menue_oben li a:hover, #menue_unten li a:hover { color: #ff005b; }

#menue_oben li.this {
	border-top-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #ff005b;
	border-right-color: #ff005b;
	border-left-color: #ff005b;
	background-color: #fe025a; 
	margin-right: 2px;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-right: 14px;
	padding-left: 14px;
	color: #fff;
	margin-left: 0px;
	}
	
#menue_oben li.that {
	border-top-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #F78A10;
	border-right-color: #F78A10;
	border-left-color: #F78A10;
	background-color: #F78A10; 
	margin-right: 2px;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-right: 14px;
	padding-left: 14px;
	color: #fff;
	margin-left: 0px;
	}
	
	
#menue_oben a.this2 { color: #fff; }
#menue_oben a:hover.this2 { color: #fff; }
	
#header_unten { clear: both; height: 22px;
	border-style: solid;
	border-width: 1px;
	border-color: #cacaca;
background-color: #fafafa; 
margin-bottom: 36px; }

#menue_unten { float: left;}

#menue_unten li { padding-top: 2px; padding-right: 16px;
	padding-left: 16px; }

#menue_unten_rechts li { padding-top: 1px; padding-right: 12px;
	padding-left: 0px;}

#menue_unten_rechts { float: right; }

.dropdown { background-image:url(http://www.78s.ch/wp-content/themes/78s3/dropdown.gif); background-repeat:no-repeat; background-position:right; padding-right: 15px;}
	
#sddm
{	
	z-index: 30; }
#sddm div
{	z-index: 30; position: absolute;
	visibility: hidden;
	margin: 0; margin-top: 2px;
	padding: 0;
	background: #fafafa;
	border-left: 1px solid #cacaca; border-right: 1px solid #cacaca; border-bottom: 1px solid #cacaca;
	 }

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #fafafa;
		color: #666;
		}

	#sddm div a:hover
	{	background: #fafafa;
		color: #ff005a}



* html #sddm div { /*IE6 only*/
    margin-left: -40px; margin-top: 18px; 
  }
  
*+html #sddm div { /*IE7 only*/
    margin-left: -40px; margin-top: 18px; 
  }




/*	################################################################################################### main ### */	
	

#main { width: 624px; float:left;}

#m_main { width: 948px; clear: both; text-align: center;}

#m_left { width: 300px; float: left; margin-right: 24px; }

.mainEntry img { margin-right: 12px; float: left;}

.mainEntry img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.mainEntry { margin-bottom: 22px; display: block; clear: both;}

#werbungEntry { padding-top: 22px;  padding-bottom: 24px; margin-bottom: 24px; display: block; clear: both;
border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #cacaca;
	border-bottom-color: #cacaca;
	font-size: 11px; color: #777;

 }

.werbung_links { float: left; height: 250px; width: 324px; 
                 font-size: 13px;  line-height: 19px; color: #777;}
.werbung_rechts { float: right; height: 250px; width: 300px; }

#main h2 a:hover { color: #ff005b;}
#main h2 a  { font-weight: bold; color: #444;}
#main h2 {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 8px;
}

#main h3 {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 4px;
}



#main .intro { font-size: 14px;  line-height: 19px;  color: #444;}
#main .intro_s {; color: #444;}
#main .vollansicht { font-size: 16px;  line-height: 24px;  color: #444;}
#main .vollansicht p { margin-bottom: 24px; }
#main .vollansicht img { margin-right: 24px; margin-bottom: 24px;  }
#main p.links { font-size: 13px;  line-height: 19px; color: #777; margin-top: 12px;}
#main p.links_s { font-size: 13px;  line-height: 19px; color: #777; margin-top: 5px;}
#main p.singlelinks { font-size: 13px;  line-height: 19px; color: #777; margin-top: 0px; margin-bottom: 24px;}
#main hr, #sidebar hr, #m_main hr {display: block; clear: left; height: 0px; visibility: hidden; }

#m_main .intro { font-size: 14px;  line-height: 19px;  color: #444;}
#m_main .vollansicht { font-size: 16px;  line-height: 24px;  color: #444;}
#m_main .vollansicht p { margin-bottom: 24px; }
#m_main .vollansicht img {margin: 10px 169px 10px 169px;  }
#m_main p.links { font-size: 13px;  line-height: 19px; color: #777; margin-top: 12px;}
#m_main p.singlelinks { font-size: 13px;  line-height: 19px; color: #777; margin-top: 0px; margin-bottom: 24px;}


/*	################################################################################################### sidebar ### */

#sidebar { float: right; width: 300px;  }

#s600 img { height: 600px; 
            font-size: 11px; color: #777;}

.ui-tabs-panel li, .ui-tabs-nav li { font-size: 13px; }

.tabs { font-size: 13px; }
	
#tab-pane-1 ul, .ui-tabs-panel ul, .tabs ul {

	margin-left: 12px;
	
	
	list-style-type: disc;
	list-style-image: url(clickleft.gif);

	}

#tab-pane-1, .ui-tabs-panel li, .tabs li { margin-bottom: 12px; line-height: 16px; }

/*background-image:url(clickleft.png); background-repeat:no-repeat; background-position:left; } */


#tab-pane-1 li a, .ui-tabs-panel li a, .tabs a { color: #666;}
#tab-pane-1 li a:hover, .ui-tabs-panel li a:hover, .tabs a:hover { color: #ff005a;}
#tab-pane-1 h2, .ui-tabs { margin: 0; padding: 0px; padding-top: 5px; padding-bottom: 2px; padding-left: 6px; padding-right: 6px; margin-right: 2px;  }

.sidebartrenner { margin-top: 24px; padding-top: 12px; border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cacaca;  font-size: 13px; margin-bottom: 12px;
	font-size: 13px; color: #777; 
}


#mag { margin-top: -50px; background-color: #000; opacity: 50%;}


#werbungSidebar { padding-top: 12px;  padding-bottom: 24px; margin-bottom: 12px; margin-top: 0px; display: block; clear: both;
border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #cacaca;
	border-bottom-color: #cacaca;
	font-size: 11px; color: #777;

 }

#werbungsoundcloud { padding-top: 12px;  padding-bottom: 24px; margin-bottom: 12px; margin-top: 200px; display: block; clear: both;
width: 250px;
float: right;
border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #cacaca;
	border-bottom-color: #cacaca;
	font-size: 11px; color: #777;

 }

.ImgCaptMain{
	/* only need a width if it's not inheriting one
 	width:; */ width: 100%;
	position:relative;
}

.ImgCaptDescBox{
	position:absolute;
	bottom:0;
	left:0;
	/* since it's positioned absolutely it will need a width, but not height,
       that would fill the entire box covering the image */
	width:300px;
}

.ImgCaptDesc{
	background:#333333;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	
	padding:10px;
	color:#fff;
	font-weight:normal;
	font-size:18px; line-height: 24px; 
	text-align:left;
}

.ImgCaptDesc a {
color: #fff;
}
.ImgCaptDesc a:hover {
color: #fff;
}


#imprss {
	clear: both;
	
}
#imp .clear { clear: both; }
#imp {
	width: 100;
	float: left;
font-size: 13px;
	}
	#imp img {
		float: left;
		margin-right: 12px;		}
	#imp h4 {
		margin: 0;
		}
	#imp p {
		float: right
		font-size: 13px;
		line-height: 16px;
		color: #666;
		}
	#imp p img {
		margin: 0 0.5em 0 0;
		}
	#imp .impB {
		float: right;
		width: 73%;
		}

#box {
padding: 10px;
border-bottom: 50px;
border: 1px dotted #4fb9f1;
}	

/*	################################################################################################### footer ### */

#footer { clear: both; height: 100px;}

#footer_menue ul
{
list-style: none;
padding: 0;
margin: 0; margin-top: 12px; margin-bottom: 12px;
}
#footer_menue li 
{
float: left;
margin: 0; padding: 0;
padding-left: 16px;
font-size: 13px; font-weight: bold; 
}


#footer_menue {
	margin-top: 12px;
	margin-bottom: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cacaca;
	border-right-color: #FFFFFF;
	border-bottom-color: #cacaca;
	border-left-color: #fff;
	height: 34px;
	padding-bottom: 3px;
}



#footer_credit { clear: both; float: right; font-size: 10px; color: #666; }


/*	################################################################################################### single ### */


#main .mainEntry .single {
	font-size: 32px;
	line-height: 34px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: dotted;
	border-top-color: #cacaca;
	border-bottom-color: #cacaca;
	padding-top: 24px;
	padding-bottom: 24px;
}
#main .mainEntry .singlemetaende {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cacaca;
	padding-bottom: 12px;
	margin-bottom: 12px;
	margin-top: 24px;

}
#main .mainEntry .singlemetastart {
	margin-top: 24px;
	padding-top: 12px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #cacaca;
}
#main .mainEntry .singlemeta {
	font-size: 13px;
	color: #999999;
	line-height: 19px;
}


#main .singlemeta ul {

	margin-left: 15px;
	font-size: inherit
	
	list-style-type: disc;
	list-style-image: url(clickleft.gif);

	}
	
#main .singlemeta li { 
    line-height: 16px; }

#weiter { height: 90px; 
border-bottom-style: solid; 
border-bottom-width: 0px; 
border-bottom-color: #cacaca; 
border-top-style: dotted; 
border-top-width: 1px; 
border-top-color: #cacaca; 
font-size: 13px;
padding-top: 12px;}
#weiter a { color: #333; }
.block_links { width: 45%; float: left; margin-right: 10px; }
.block_rechts { width: 45%, float: right; }



/*	################################################################################################### comments ### */

#commentform label {
	font-size: 0.813em;
	}
	#commentform p.subm {
		text-align: right;
		}
	#comment {
		width: 99%;
		margin-top: 0.3em;
		}

	#submit {
		padding: 0 0.5em;
		}
.commentlist {
	margin-bottom: 3em;
	}
	.commentlist cite {
		font-weight: bold;
		height: 1.5em;
		}
		        
	.commentlist li {
		margin-top: 1.125em;
		font-size: 0.875em;
		line-height: 1.714em;
		list-style: none;	
		}
	.commentlist .imp {
		background-color: #efefef;
		margin-left: -1em;
		padding: 0.25em 1em 0.5em 1em;
		position: relative;
		}
	.commentlist .comDate {
		font-size: 0.786em;
		line-height: 1.909em;
		color: #666;
		}
		
	.commentlist numb1 {
	    margin-left: -18px;
		font-weight: bold;
		font-size: 75%;
		color: #666
		}
	.commentlist numb2 {
		font-weight: bold;
		font-size: 115%;
		color: #666
		}
				
.tracklist {
	margin-bottom: 2em;
	
	}
	.tracklist cite {
		margin-bottom: 0.5em;
		word-break: normal;
		padding-bottom: 0.25em;
		padding-left: 1em;
		padding-right: 1em;
		padding-top: 0.25em;
		font-size: 12px;
		display: block;
		font-weight: bold;
		height: 1.5em;
		background-color: #efefef;
		margin-left: -1em;
		position: relative;
		}
	.tracklist .comDate {
		line-height: 1em;
		font-size: 0.786em;
		color: #666;
		}

#commentlist p {
margin:0 0 14px 0;
width:auto;
}

/*	################################################################################################### page ### */


#main .mainEntry .page1 {
	font-size: 32px;
	line-height: 34px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: dotted;
	border-top-color: #cacaca;
	border-bottom-color: #cacaca;
	padding-top: 24px;
	padding-bottom: 24px;
	margin-bottom: 24px;
}

#m_main .mainEntry .page1 {
	font-size: 32px;
	line-height: 34px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: dotted;
	border-top-color: #cacaca;
	border-bottom-color: #cacaca;
	padding-top: 24px;
	padding-bottom: 24px;
	margin-bottom: 24px;
}

.authorinfo {
	
	border-bottom-width: 1px;

	border-bottom-style: dotted;
	
	border-bottom-color: #cacaca;
	
	padding-bottom: 24px;
	margin-bottom: 24px;
}


/*	################################################################################################### magazine ### */


#contentIssue {
	width: 624px;
	float: right;
	
	}

.issueNavs { margin-top: 12px; margin-bottom: 12px; }
.grau { color: #cacaca; }

#issueFeature {
	margin-bottom: 24px;
	}

#issueFeature h1  {
	color: #333;
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 8px;
	 }
#issueFeature p { line-height: 24px; }

#contentIssue h1 a, #contentIssue h4 a { color: #333; }	 
#contentIssue h1 a:hover, #contentIssue h4 a:hover { color: #ff005b;}


.issueIssue, .issueRight {
	width: 18.75em;
	margin-bottom: 1em;
	}
	.issueIssue {
		float: left;
		}
	.issueRight {
		float: right;
		}
	.issueIssue p, .issueRight p {
		font-size: 0.813em;
		line-height: 1.385em;
margin-bottom: 24px;
		}
	#contentIssue .issueRight h5 {
		line-height: 1.846em;
		height: 1.846em;
		}
		#contentIssue .issueRight h5 a {
			font-weight: normal;
			font-size: 0.846em;
			color: #999;
			font-style: italic;
			}
		#contentIssue .issueRight h5 a:hover {
			color: #ff005b;
			}
						
#archiveCovers { margin-bottom: 36px; border-top-style: dotted; border-top-width: 1px; border-top-color: #cacaca; padding-top: 24px; margin-top: 24px; margin-left: -25px; clear: both;}

#archiveCovers .aPic {
	float: left;
	color: #999;

	margin-left: 25px;
margin-top: 12px;
	}		
	
#werbungMag { padding-top: 12px; margin-top: 12px; display: block; clear: both;
    border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #cacaca;
	font-size: 11px; color: #777;

 }	

			
/*	################################################################################################### contact form ### */
#gb_form p {
	margin: 0;
	font-size: 0.813em;
	line-height: 1.846em;
	color: #666;
	}
	#gb_form input, #gb_form select, #gb_form textarea {
		margin-bottom: 1.5em;
		}
	#gb_form .highlight {
		color: #900;
		}
	#gb_form_div ul {
		background-color: #efefef;
		padding: 0.5em;
		font-size: 0.813em;
		line-height: 1.385em;
		margin-top: 1.385em;
		}
	#result_dl_blockq {
		background-color: #efefef;
		padding: 0.5em;
		font-size: 0.813em;
		line-height: 1.846em;
		}
	#result_dl_blockq blockquote {
		padding: 0;
		margin-bottom: 1.846em;
		}
	#gb_form_div cite, #gb_form_div dt {
		display: none;
		}
	#gb_form_div .items {
		font-weight: bold;
		}
	#gb_form_div dd {
		text-align: right;
		color: #666;
		}
	#result_dl_blockq dd {
		text-align: left;
		color: #333;
		}
	#result_dl_blockq dt {
		font-weight: bold;
		display: block;
		}

#blaettern {
	margin-top: 24px;
	padding-top: 12px;
    padding-bottom: 36px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #cacaca;
	font-size: 14px; color: #777;
}	

.ui-tabs .ui-tabs-hide {
     display: none;
}

/* ############################### tabs ################################################### */


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */

.tabs-hide {
        display: none;
    }

.tabs-nav {
font-size: 13px;
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 0px;
   
}

.tabs-nav a, .tabs-nav a span {
    display: block; }

.tabs-nav a {
    position: relative;
    top: 0px;
    z-index: 2;
 
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #fff;

}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
 
    outline: 0; /* prevent dotted border in Firefox */

}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    
}
.tabs-nav a span {
border-top-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #cacaca;
	border-right-color: #cacaca;
	border-left-color: #cacaca;
	background-color: #fafafa; 
	margin-right: 2px;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-right: 7px;
	padding-left: 7px;
	color: #666666;
	margin-left: 0px;
    
 
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {

}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    
color: #fff;
background-color: #ff005b;
border-top-color: #ff005b;
	border-right-color: #ff005b;
	border-left-color: #ff005b;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {

}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer; color: #ff005b;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #ff005b;
    padding: 0px; padding-top: 12px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

.socialbutton { margin-top:24px; margin-right: 14px; float: left; }
.sb30 { margin-left: -20px; }
.sb3 { margin-top: -3px;}