/*Holy Grail layout*/
body {
font:100% garamond,"times new roman",serif;
background:#fff;
min-width:700px
}
body,#header,#footer,#miniflex,ul#miniflex li {
margin:0
}
body,h3,h2,h1,p,#header,#colright,#footer {
padding:0
}
body,#header,#colmask,#colright,#col1,#footer {
width:100%
}
h3,h2,h1 {
margin:.8em 0 .2em 0
}
p {
margin:.4em .4em .4em .4em
}
img {
margin:10px 0 5px;
padding:0 10px 0 10px;
border:0;
display:block
}
img,#header,#colmask,#colmid,#colright,#col2,#col3,#footer {
float:left
}
#header,#miniflex {
text-align:center
}
#header {
background:url(pics/bggrad.png) repeat-x
}
#colmask,#colmid,#colright,#col1wrap,#col2,#col3,#miniflex,ul#miniflex li {
position:relative
}
#colmask,#footer {
clear:both
}
#colmask,#col1pad,#col1,#col2,#col3 {
overflow:hidden
}
#colmask {
background:url(pics/sidel.png) repeat-y
}
#colmid {
width:200%;
left:200px
}
#colright {
left:50%;
margin-left:-400px;
background:url(pics/side.png) repeat-y
}
#col1wrap {
float:right;
width:50%;
right:100%
}
#colwrap {
padding-left:5px
}
#col1pad {
margin:0 0 0 400px
}
#col1 {
padding:10px;
padding-right:5px;
margin-right: 10px;
background:url(pics/content-wrap.jpg) repeat-x
}
#col1index {
width:100%;
overflow: hidden;
padding:10px;
padding-right:5px;
margin-right: 10px;
background:url(pics/bg_purple.jpg) top no-repeat;
background-color: #ffffff;
}
#col1 ul li{
padding: 10px 0 0 0;
}
#col2,#col3 {
width:170px
}
#col2 {
margin-left:-50%;
left:215px
}
#col3 {
left:15px
}
#footer {
border-top:3px solid;
font-size:small
}
a,#footer p,ul#miniflex a,ul#miniflex a#active {
color:black
}
/*End Holy Grail*/
/*Animated tabs*/
#miniflex {
list-style:none;
border-bottom:6px solid black;
font-weight:bold;
font-size:large;
white-space:nowrap
}
ul#miniflex li {
display:inline;
z-index:999
}
ul#miniflex a {
text-decoration:none;
padding:0 4px 4px 4px;
border-bottom:4px solid #FFF
}
ul#miniflex a#active,ul#miniflex a:hover {
border-color:#F60
}
ul#miniflex a:hover {
color:purple
}
#animated-tab {
position:absolute;
padding:6px 0 0 0;
border-bottom:6px solid purple
}
/*Diary page*/
table {
width: 90%;
border-collapse: collapse; 
margin-left: auto;
margin-right: auto;
position: relative;
}
table tr:nth-child(even) {
background:#d8ebd7
}
table th{
padding:5px;
margin:5px
}
table td {
padding: 8px;
}
.center {
text-align: center;
}
img.diary {
display:block;
float:none;
padding-top:20px;
margin: 0 auto
}
/*End Diary*/
p {
padding-right: 5px;
}
ul {
padding-right: 10px;
}
img.header {
float: none;
margin: 0;
display: block;
margin-left: auto;
margin-right: auto 
}
img.contactPic {
float: right;
margin-right: 70px;
}
#news {
float:left;
margin:15px 15px 0 0;
}
#newsSecond {
float: left;
position: relative;
margin: 70px 15px 15px -250px;
}
img#left {
position:relative;
left:0%;
padding: 25px 0 0 5px
}
img#right {
position:relative;
left:40%
}
/*index*/
#welcome {
float: left;
width: 100%;
}
#indexpicture {
margin-left: 20%;
}
#about {
float: left;
width: 40%;
margin: 10px;
}
#welcome a {
text-decoration: none;
}
#welcome a:hover {
text-decoration: underline;
}
#latestnews {
float: right;
width: 50%;
padding: 10px;
height: 300px;
overflow: visible;
}
#diary {
float: left;
width: 47%;
}
.listenplayer {
float: left;
width: 200px;
padding: 20px;
}
.listenplayer h3 {
text-align: center;
}
#reviews {
margin: 0 0 20px 250px;
}
div.videosText{
float: left;
width: 700px;
height: 40px
}
p.videoText{
float: left;
text-align: center;
width: 100px;
height: 55px;
margin-left: 10px
}