/*  
Theme Name: Hogwarts
Description: Theme made exclusively for Harry/Ginny Studio.
Theme URI: http://hgstudio.net
Copyright: Anna Guevara
Version: 7
Author: Anna Guevara
Author URI: http://www.lunazul-graphics.com
*/


* {
scrollbar-face-color:#4D3D4E; 
scrollbar-highlight-color:#8C7685; 
scrollbar-shadow-color:#B9AE9C; 
scrollbar-3dlight-color:#4D3D4E; 
scrollbar-arrow-color:#B9AE9C; 
scrollbar-track-color:#8C7685; 
scrollbar-darkshadow-color:#12141F;
padding: 0px;
margin: 0px;
}

body {
margin: 0px;
text-align:justify; 
background: #4d3d4e;
} 

body, div, table {
font-family: 'Trebuchet MS'; 
font-size:11px; 
color:#d3d2cf;
vertical-align: top;
}

#container {
	text-align: justify;
	width: 1050px;
	position:absolute;
	left:20px;
	top:0px;
}

#content { 
	position:absolute;
	left:240px;
	top:690px;
	width: 500px;
	margin-left: 5px;
}

#interview {
	width:210px; 
	overflow:auto;
}
 
#side1 { 
	position:absolute;
	left:5px;
	top:690px;
	width: 220px; 
	margin-top: 5px;
	margin-left: 5px;
	padding: 3px;
	padding-bottom: 5px;
}

#side2 { 
	position:absolute;
	left:770px;
	top:690px;
	width: 220px; 
	margin-top: 5px;
	margin-left: 5px;
	padding: 3px;
	padding-bottom: 5px;
}

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


.news {
background: url('images/header-news.jpg') top left no-repeat;
width: 500px;
margin-top:5px;
}

.date {
float: left;
height:100px;
text-align: center;
padding-top:10px;
padding-left:30px;
line-height:12pt;
width: 60px;
color: #FFFFFF;
display: block;
text-align: center;
font: normal 18px Georgia; 
line-height:12pt;
}

.date:first-line {
color:#b6a892;
}

.header {
float: left;
width: auto;
padding-top: 15px;
padding-left: 10px;
padding-bottom:20px;
}

.title {
font: normal 16px 'Georgia'; 
color: #FFFFFF;
text-align: left;
}


.meta {
color: #d3d2cf;
font: bold 10px 'Trebuchet MS'; 
text-align: left;
}

.footer {
background: url('images/footer-content.jpg') bottom left no-repeat;
width: 500px;
height: 89px;
}

.newsbody {
width: auto;
vertical-align: top;
text-align: justify;
padding:10px;
}


#content h1 {
background: url('images/h1c.jpg') no-repeat;
font: normal 16px 'Georgia'; 
text-transform: none;
color: #FFFFFF;
text-align: center;
padding: 25px;
margin-top: 10px;
}

h1 {
color: #FFFFFF;
background: url('images/h1s.jpg') no-repeat;
font: normal 12px Arial; 
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
padding: 5px;
margin-top: 10px;
margin-bottom: 5px;
-moz-border-radius: 10px 10px 0px 0px; 
-webkit-border-radius: 10px 10px 0px 0px; 
}

h2 {
color: #b6a892;
font: bold 8px Tahoma;
letter-spacing: 1px;
text-transform: uppercase;
padding: 1px;
padding-left: 20px;
text-align: left;
padding-bottom:10px;
}

h3 {
font: normal 11px 'Trebuchet MS'; 
color: #FFFFFF;
background: #b6a892;
text-align: center;
padding: 3px;
}

h4 {
background: #30404d;
font: bold 10px 'Trebuchet MS'; 
text-transform: none;
color: #FFFFFF;
text-align: center;
padding: 3px;
}

 
a {cursor: hand; text-transform: none; font-weight: bold; text-decoration:none; }  
a:link, a:visited {color:#b6a892;}
a:hover{ color:#2b212c; text-decoration:none; }
a:active { color:#b6a892;}


blockquote {
	font: normal 11px Tahoma;
	background: #20232a url('images/bgformblock.jpg') repeat-x;
	text-align: justify;
	color: #FFFFFF;
	border: 2px solid #30343c;
	padding: 15px;
	margin: 15px;

}


textarea, input, select, button, submit {
	border: 0px;
	color: #FFFFFF;
	background: #20232a url('images/bgformblock.jpg') repeat-x;
	border: 1px solid #30343c;
	font: normal 10px Tahoma;
	padding:5px;
}

img {
       border: 0px;
       margin: 0px;
}

#img1 { 
	float: left;
	border: 0px;
    margin: 0px;
}

#img2 { 
	float: right; 
	border: 0px;
    margin: 0px;
}

a img{
        background: url('images/bgimg.jpg');
        padding: 4px;
        -moz-border-radius:  6px; 
        -webkit-border-radius: 6px; 
        border-radius: 6px;
 
	filter:alpha(opacity=100);
        opacity:1;
border: 2px solid #FFFFFF;
} 

a:hover img {
        background: url('images/bgimg.jpg');
        padding: 4px;
        -moz-border-radius:  6px; 
        -webkit-border-radius: 6px; 
        border-radius: 6px;
        filter:alpha(opacity=70);
        opacity:0.7;
border: 2px solid #FFFFFF;
}

a img#link  {
        background: url('images/bgimg.jpg');
        padding: 4px;
        -moz-border-radius:  6px; 
        -webkit-border-radius: 6px; 
        border-radius: 6px;
        filter:alpha(opacity=70);
        opacity:0.7;
border: 2px solid #FFFFFF;
}
a:hover img#link {
        padding: 0px;
        BORDER: 0px;
        background: transparent;
        filter:alpha(opacity=100);
        opacity:1;
}

.wall {
	HEIGHT: 24px; 
	COLOR: #ffffff; 
	LINE-HEIGHT: 13px; 
	FONT-SIZE: 10px; 
	FONT-FAMILY: Helvetica; 
	BACKGROUND-COLOR: #575860; 
	TEXT-ALIGN: center;

}

.wall2 {
	HEIGHT: 120px; 
	PADDING-TOP: 5px; 
	PADDING-BOTTOM: 15px; 
	TEXT-ALIGN: center 
}

.wall3 {
	HEIGHT: 24px; 
	COLOR: #ffffff; 
	LINE-HEIGHT: 13px; 
	FONT-SIZE: 10px; 
	FONT-FAMILY: Helvetica; 
	TEXT-ALIGN: center;
}

.icons {
text-align: center;
padding:5px;
}


b { color: #b66281;}

i { color: #2b212c; }

u { color: #d3d2cf;}

s { color: #000000; font-style: italic;}


UL {PADDING-LEFT: 30px; PADDING-TOP: 15px; PADDING-BOTTOM: 15px; LIST-STYLE-IMAGE:url('images/bullet.png');}


.clearing {
clear:both;
}

.highslide-wrapper DIV {
	FONT-SIZE: 10pt; FONT-FAMILY: Verdana, Helvetica
}
.highslide {
	CURSOR: url(/highslide/graphics/zoomin.cur), pointer; TEXT-DECORATION: none; outline: none
}
.highslide IMG {
	BORDER-RIGHT: silver 2px solid; BORDER-TOP: silver 2px solid; BORDER-LEFT: silver 2px solid; BORDER-BOTTOM: silver 2px solid
}
.highslide:hover IMG {
	BORDER-LEFT-COLOR: gray; BORDER-BOTTOM-COLOR: gray; BORDER-TOP-COLOR: gray; BORDER-RIGHT-COLOR: gray
}
.highslide-active-anchor IMG {
	BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; BORDER-TOP-COLOR: black; BORDER-RIGHT-COLOR: black
}
.highslide-active-anchor:hover IMG {
	BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; BORDER-TOP-COLOR: black; BORDER-RIGHT-COLOR: black
}
.highslide-image {
	BORDER-RIGHT: white 2px solid; BORDER-TOP: white 2px solid; BACKGROUND: gray; BORDER-LEFT: white 2px solid; BORDER-BOTTOM: white 2px solid
}
.highslide-wrapper {
	BACKGROUND: white
}
.rounded-white {
	BACKGROUND: white
}
.highslide-image-blur {
	
}
.highslide-caption {
	PADDING-RIGHT: 5px; BORDER-TOP: medium none; DISPLAY: none; PADDING-LEFT: 5px; FONT-SIZE: 8pt; BACKGROUND: white; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.highslide-heading {
	DISPLAY: none; PADDING-LEFT: 22px; FONT-WEIGHT: normal; BACKGROUND: url('/highslide/graphics/icon.gif') no-repeat 0px 1px; OVERFLOW: hidden; CURSOR: default; COLOR: gray; HEIGHT: 20px
}
.highslide-dimming {
	BACKGROUND: black; POSITION: absolute
}
.highslide-loading {
	border:1px solid white; PADDING-RIGHT: 3px; BACKGROUND-POSITION: 3px 1px; DISPLAY: block; PADDING-LEFT: 22px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; BACKGROUND-IMAGE: url('/highslide/graphics/loader.white.gif'); PADDING-BOTTOM: 3px; TEXT-TRANSFORM: uppercase; COLOR: black; PADDING-TOP: 3px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: white; TEXT-DECORATION: none
}
A.highslide-credits {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; COLOR: gray; PADDING-TOP: 2px; TEXT-DECORATION: none
}
A.highslide-credits I {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 10px; PADDING-BOTTOM: 2px; COLOR: gray; PADDING-TOP: 2px; TEXT-DECORATION: none
}
A.highslide-credits:hover {
	COLOR: white; BACKGROUND-COLOR: gray
}
A.highslide-credits:hover I {
	COLOR: white; BACKGROUND-COLOR: gray
}
.highslide-controls {
	LEFT: 7px; WIDTH: 105px; POSITION: relative; TOP: -23px; HEIGHT: 20px
}
.highslide-controls UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 20px
}
.highslide-controls LI {
	FLOAT: left
}
.highslide-controls A {
	DISPLAY: block; FLOAT: left; BACKGROUND-IMAGE: url('/highslide/graphics/controlbar-white-small.gif'); WIDTH: 20px; HEIGHT: 20px; outline: none
}
.highslide-controls A.disabled {
	CURSOR: default
}
.highslide-controls A SPAN {
	DISPLAY: none
}
.highslide-controls .highslide-move {
	DISPLAY: none
}
.highslide-move A {
	CURSOR: move
}
.highslide-controls .highslide-previous A {
	BACKGROUND-POSITION: 0px 0px
}
.highslide-controls .highslide-previous A:hover {
	BACKGROUND-POSITION: 0px -20px
}
.highslide-controls .highslide-previous A.disabled {
	BACKGROUND-POSITION: 0px -40px
}
.highslide-controls .highslide-play A {
	BACKGROUND-POSITION: -20px 0px
}
.highslide-controls .highslide-play A:hover {
	BACKGROUND-POSITION: -20px 50%
}
.highslide-controls .highslide-play A.disabled {
	BACKGROUND-POSITION: -20px -40px
}
.highslide-controls .highslide-pause A {
	BACKGROUND-POSITION: -40px 0px
}
.highslide-controls .highslide-pause A:hover {
	BACKGROUND-POSITION: -40px -20px
}
.highslide-controls .highslide-next A {
	BACKGROUND-POSITION: -60px 0px
}
.highslide-controls .highslide-next A:hover {
	BACKGROUND-POSITION: -60px -20px
}
.highslide-controls .highslide-next A.disabled {
	BACKGROUND-POSITION: -60px -40px
}
.highslide-controls .highslide-full-expand A {
	BACKGROUND-POSITION: -100px 0px
}
.highslide-controls .highslide-full-expand A:hover {
	BACKGROUND-POSITION: -100px -20px
}
.highslide-controls .highslide-full-expand A.disabled {
	BACKGROUND-POSITION: -100px -40px
}
.highslide-controls .highslide-close A {
	BACKGROUND-POSITION: -120px 0px
}
.highslide-controls .highslide-close A:hover {
	BACKGROUND-POSITION: -120px -20px
}