/*-------------------------GENERAL LAYOUT------------------------*/

body{
background-color:#000;
font-family:trebuchet,trebuchet-ms,helvetica,arial,sans-serif;
font-size:10pt;
}

.main{
width:1000px;
background-image:url(/image/background.png);
margin-top:0;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
}

cite{
font-style:italic
}

a[target$=_blank]{
background-image:url(/externallink.png);
background-position:center right;
background-repeat:no-repeat;
padding-right:14px;
}

a[href$=pdf]{
background-image:url(/pdficon.png);
background-position:center right;
background-repeat:no-repeat;
padding-right:14px;
}

hr{
width:300px;
height:1px;
background-color:#f00;
color:#f00;
}

th{
background-color:#ccc
}

dl{
width:550px;
margin-left:10px;
margin-right:10px;
}

dt{
font-weight:bold;
margin-top:10px;
margin-left:15px;
}

ul{
margin-top:0;
margin-bottom:0;
}

h2{
font-size:10pt;
margin-top:0;
margin-bottom:0;
clear:both;
}

h3{
margin-top:25px;
margin-bottom:0;
margin-left:10px;
margin-right:10px;
}

h4{
text-align:center;
}

h5{
text-align:center;
}

h6{
font-size:8pt;
font-weight:normal;
margin-top:5px;
margin-bottom:0;
margin-left:50px;
margin-right:0;
}

.spacer{
width:500px;
height:75px;
clear:both;
}

.divider{
display:block;
margin-left:auto;
margin-right:auto;
padding-top:15px;
padding-bottom:15px;
}

.serendipity_Entry_Date{
background:#eee;
}

.serendipity_commentsTitle{
font-size:10pt;
font-weight:bold;
margin-left:50px
}

.serendipity_center{
font-size:8pt;
margin-left:60px
}

.serendipity_comment{
margin-top:20px
}

.serendipity_comment_source{
font-size:8pt;
margin-left:20px
}

.serendipity_entryFooter{
font-size:8pt;
margin-bottom:15px;
padding-bottom:15px;
border-bottom-style:solid;
border-bottom-color:red;
border-bottom-width:1px
}

.serendipity_date{
font-size:8pt;
margin-top:10px;
margin-bottom:0;
}

.serendipity_title{
font-size:12pt;
text-align:left;
margin-top:0;
margin-bottom:10px;
}

.serendipity_title a{
color:#000;
text-decoration:none;
}

.serendipity_sidebar{
width:180px;
background-color:#000;
color:#fff;
font-size:0.8em;
margin-left:10px;
margin-right:2px;
padding:4px;
float:right;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

.serendipity_sidebar a{
color:#99f;
margin-top:0;
margin-bottom:0;
}

.serendipity_sidebar h2{
font-size:1.2em;
margin-left:10px;
}
/*--------------------HEADER & FOOTER LAYOUTS--------------------*/

.header{
width:1000px;
height:75px;
margin-top:0;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
}

.header p{
color:#fff;
font-size:10pt;
font-weight:bold;
text-align:right;
margin-top:0;
margin-bottom:0;
margin-left:0;
margin-right:25px;
float:right;
}

.header h1{
width:500px;
color:#f00;
font-size:20px;
font-weight:bold;
text-align:right;
position:relative;
top:-52px;
left:475px;
}

.footer{
width:1000px;
background-color:#ccc;
font-size:8pt;
text-align:center;
margin-top:0;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
padding-top:10px;
padding-bottom:10px;
}

/*--------------------------LEFT COLUMN--------------------------*/

.section_left{
width:210px;
background-image:url(menu_bkg.jpg);
background-repeat:no-repeat;
background-position:0 0;
vertical-align:top;
float:left;
margin-top:-10px;
margin-left:10px;
margin-right:10px;
-moz-border-radius-bottomleft: 20px;
border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
}

.nav{
width:220px;
height:550px;
margin-top:10px;
margin-bottom:0;
margin-left:0;
margin-right:0;
position:relative:
z-index:5;
}

.nav h2{
font-size:9pt;
margin-top:10px;
margin-bottom:0;
margin-left:3px;
margin-right:0;
}

.nav ul li a, .menu ul li a:visited{
display:block;
width:200px;
background-color:#ccc;
color:#000;
font-size:8pt;
text-decoration:none;
margin-left:8px;
padding:1px;
}

.nav ul{
padding:0;
margin:0;
list-style-type:none;
}

.nav ul li{
float:left;
margin-right:1px;
position:relative;
z-index:6;
}

.nav ul li ul{
display:none;
}

.nav ul li:hover a{
background-color:#eee;
color:#000;
}

.nav ul li:hover ul{
display:block;
width:222px;
position:absolute;
top:-50px;
left:210px;
}

.nav ul li:hover ul li a.hide{
background-color:#ccc;
color:#000;
}

.nav ul li:hover ul li:hover a.hide{
width:320px;
}

.nav ul li:hover ul li ul{
display:none;
}

.nav ul li:hover ul li a{
display:block;
width:318px;
background-color:#eee;
color:#000;
margin-left:0;
padding:2px;
border:1px solid #ccc;
}

.nav ul li:hover ul li a:hover{
background-color:#fff;
color:#000;
}

.nav ul li:hover ul li:hover ul{
display:block;
position:absolute;
left:151px;
top:0;
color:#000;
}

.nav ul li:hover ul li:hover ul li a{
display:block;
width:320px;
background:#fff;
color:#000;
}

.nav ul li:hover ul li:hover ul li a:hover{
background:#fff;
color:#000;
}

.adsense{
width:168px;
margin-top:25px;
margin-bottom:0;
margin-left:52px;
margin-right:0;
}

/*---------------------------MAIN AREA---------------------------*/

.article{
width:770px;
min-height:650px;
color:#333;
font-size:10pt;
line-height:12pt;
margin-top:0;
margin-bottom:0;
margin-left:0;
margin-right:0;
vertical-align:top;
position:relative;
display:inline-block;
/*--IE7 FIX--*/
zoom:1;
*display:inline;
}

.mainimage{
margin-left:100px;
}

.homeimage{
margin-left:100px;
}

.news-site{
width:380px;
background-image:url(news-site.jpg);
color:#fff;
margin-top:20px;
margin-bottom:20px;
margin-left:85px;
padding-left:10px;
padding-right:10px;
}

.news-site h6{
color:#000;
font-weight:bold;
text-align:right;
margin-bottom:5px;
padding-top:5px;
}

.news-collections{
width:380px;
background-image:url(news-collections.jpg);
color:#fff;
margin-top:20px;
margin-bottom:20px;
margin-left:85px;
padding-left:10px;
padding-right:10px;
}

.news-collections h6{
color:#000;
font-weight:bold;
text-align:right;
margin-bottom:5px;
padding-top:5px;
}

.news-toys{
width:380px;
background-image:url(news-toys.jpg);
color:#fff;
margin-top:20px;
margin-bottom:20px;
margin-left:85px;
padding-left:10px;
padding-right:10px;
}

.news-toys h6{
color:#000;
font-weight:bold;
text-align:right;
margin-bottom:5px;
padding-top:5px;
}

.news-art{
width:380px;
background-image:url(news-art.jpg);
color:#fff;
margin-top:20px;
margin-bottom:20px;
margin-left:85px;
padding-left:10px;
padding-right:10px;
}

.news-art h6{
color:#000;
font-weight:bold;
text-align:right;
margin-bottom:5px;
padding-top:5px;
}

.caption{
height:0;
color:#fff;
font-size:6pt;
position:absolute;
top:250px;
left:100px;
z-index:5
}

#mobilemenu{
visibility:hidden;
width:0;
height:0;
}

#mobilemenu td{
background:#eee;
vertical-align:top;
}

#mobilemenu ul{
margin-bottom:10px;
}

.fadein{
width:700px;
height:100px;
background-image:url(fadein.png);
background-color:#eee;
margin-top:0;
margin-bottom:0;
margin-left:50px;
margin-right:20px;
padding:0;
clear:both;
}

.body{
width:700px;
min-height:400px;
background:#eee;
margin-top:0;
margin-bottom:0;
margin-left:50px;
margin-right:20px;
}

.batart{
width:700px;
background:#eee;
margin-top:0;
margin-bottom:0;
margin-left:50px;
margin-right:20px;
}

.article p{
text-align:justify;
text-indent:2em;
margin-top:0;
margin-bottom:0;
padding:10px;
}

blockquote{
width:400px;
background-color:#fff;
border:2px solid #000;
font-size:0.9em;
font-style:italic;
margin-top:0;
margin-bottom:0;
margin-left:50px;
padding:10px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}

.quotetail{
width:400px;
font-size:0.6em;
text-align:right;
margin-top:0;
margin-bottom:0;
margin-left:70px;
}

.fadeout{
width:700px;
height:100px;
background-image:url(fadeout.png);
background-color:#eee;
margin-top:0;
margin-bottom:0;
margin-left:50px;
margin-right:20px;
padding:0;
clear:both;
}

#twitter{
width:200px;
height:264px;
margin-top:0;
margin-bottom:0;
margin-left:0;
margin-right:20px;
padding:0;
float:right;
}

#twitter_update_list{
height:230px;
background-color:#fff;
font-size:9pt;
font-style:italic;
list-style:none;
margin:0;
padding:10px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}

#twitter_update_list li{
margin-bottom:15px;
}

#twitter_update_list li a:last-child{
display:block;
margin:0;
}

#twitter-link{
display:block;
text-align:right;
margin:0;
padding:3px;
}

.sidebar{
width:180px;
background-color:#000;
color:#fff;
font-size:0.8em;
margin-left:10px;
margin-right:2px;
padding:4px;
float:right;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

.sidebar a{
display:block;
color:#99f;
text-align:center;
margin-top:25px;
margin-bottom:25px;
}

.sidebar h2{
font-size:1.2em;
margin-left:10px;
}

.ad a{
display:inline;
color:#99f;
margin-top:0;
margin-bottom:0;
}

.menubar{
width:180px;
background-color:#000;
color:#fff;
font-size:0.9em;
margin-left:10px;
margin-right:2px;
padding:4px;
float:right;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

.menubar a{
width:90px;
display:block;
color:#99f;
text-align:left;
text-decoration:none;
margin:0;
float:left;
}

.menubar a:hover{
width:90px;
display:block;
color:#99f;
text-align:left;
text-decoration:underline;
margin:0;
float:left;
}

.inthenews{
text-align:center;
}

/*-------------------------MOBILE VERSION-------------------------*/

@media screen and (max-width: 600px){
 .header{
 width:95%;
 margin-left:auto;
 margin-right:auto;
 position:relative;
 top:25px;
 z-index:50;
 }
 .header img{
 visibility:hidden;
 width:0;
 height:0;
 }
 .header map{
 visibility:hidden;
 width:0;
 height:0;
 }
 .header p{
 color:#fff;
 font-size:0.8em;
 font-weight:bold;
 text-align:left;
 float:none;
 margin:0;
 }
 .header h1{
 width:50%;
 color:#f00;
 font-size:1.5em;
 font-weight:bold;
 text-align:left;
 position:static;
 margin:-10px 0 0 0;
 }
 #twitter{
 visibility:hidden;
 width:0;
 height:0;
 }
 .section_left{
 visibility:hidden;
 width:0;
 height:0;
 }
 .main{
 width:95%;
 margin-left:auto;
 margin-right:auto;
 }
 .mainimage{
 width:95%;
 height:auto;
 display:block;
 margin-left:auto;
 margin-right:auto;
 }
 .homeimage{
 visibility:hidden;
 width:0;
 height:0;
 }
 .body .sidebar{
 visibility:hidden;
 width:0;
 height:0;
 }
 .article{
 width:95%;
 }
 .body{
 width:90%;
 margin-left:10px;
 margin-right:10px;
 }
 blockquote{
 visibility:hidden;
 width:0;
 height:0;
 }
 .quotetail{
 visibility:hidden;
 width:0;
 height:0;
 }
 .fadein{
 width:90%;
 margin-left:10px;
 margin-right:10px;
 }
 .fadeout{
 width:90%;
 margin-left:10px;
 margin-right:10px;
 }
 .inthenews{
 visibility:hidden;
 width:0;
 height:0;
 }
 h5{
 visibility:hidden;
 width:0;
 height:0;
 }
 #mobilemenu{
 visibility:visible;
 width:90%;
 height:auto;
 margin-left:10px;
 margin-right:10px;
 }
}