/*
Theme Name:GESI
Description:GESI
Theme URI:http://www.rosefu.net/
Version:1.0
Author:Rose
Tags:Blue, White, two-columns, right-sidebar, fixed-width, light
*/

/* General */

body {
background:url("images/bg.gif") #dce6e6 repeat-x;
margin:0px;
padding:0px;
font:.8em Arial,Helvetica,sans-serif;
}
* {
border:0;
margin:0;
padding:0;
}
html {
height:100%;
}
a {
color:#468c8c;
text-decoration:none;
outline:none;
}
a:hover {
color:#e65a3c;
text-decoration:none;
}
a:focus,
a:active {
outline:none;
text-decoration:none;
}
a img {
border:0;
}
ul {
list-style:none;
}
blockquote {
background:url("images/quote.gif") no-repeat;
line-height:1.6em;
padding:0px 70px 0px 70px;
}
input, select, textarea {
font:1em Arial,Helvetica,sans-serif;
color:#333333;
}
textarea {
line-height:1.6em;
}
form {
margin:0px;
padding:0px;
}
p {
margin:10px 0px 15px 0px;
line-height:1.6em;
}
hr {
border:0;
width:100%;
height:1px;
color:#aaa;
background-color:#aaa;
margin:10px 0px 10px 0px;
}
acronym, abbr {
cursor:help;
border-bottom:1px dashed #999;
}
code {
font:1.1em 'Courier New', Courier, Fixed;
}
h1 {
font-weight:normal;
color:#006464;
font:bold 2em 'Century Gothic',Arial,Helvetica,sans-serif;
letter-spacing:1px;
}
h2, h3 {
font-weight:normal;
color:#006464;
font:bold 1.5em 'Century Gothic',Arial,Helvetica,sans-serif;
letter-spacing:1px;
}
h4 {
font-weight:bold;
color:#006464;
font:bold 1.2em 'Century Gothic',Arial,Helvetica,sans-serif;
letter-spacing:1px;
}

/* Layout */
#top {
background:url("images/top.jpg") no-repeat;
margin:auto;
padding:0px 0px 0px 0px;
width:800px;
height:130px;
}
#top .logo {
display:block;
float:left;
width:480px;
height:110px;
text-indent:-1000em;
}
#top ul {
display:block;
}
#top ul li {
float:right;
margin:0px 0px 0px 10px;
}
#top ul li a {
display:block;
background-color:#dcfafa;
font:bold 1em 'Century Gothic',Arial,Helvetica,sans-serif;
height:15px;
padding:3px 5px 3px 5px;
}
#top ul li a:hover {
background-color:#fff;
}
#top img {
float:right;
margin:15px 0px 0px 0px;
}
#top ul li {
float:right;
}
#main {
clear:both;
margin:auto;
width:805px;
margin-top:-30px;
padding:0px 0px 0px 5px;
}
#content {
background:#fff;
float:left;
width:485px;
overflow:hidden;
padding:20px;
border:3px solid #808787;
}
.wrap {
background:#fff;
padding:10px;
float:left;
width:500px;
height:200px;
margin:20px 0px 20px 0px;
border:3px solid #808787;
overflow:hidden;
}
#header li {
width:500px;
height:200px;
}
.wrapside {
background:#fff;
padding:10px;
float:right;
width:240px;
height:200px;
margin:20px 0px 20px 0px;
border:3px solid #808787;
overflow:hidden;
}
#headside li {
width:240px;
height:200px;
background:#447e7e;
}
#headside li p {
color:#fff;
font:normal 1em 'Century Gothic',Arial,Helvetica,sans-serif;
line-height:1.4em;
padding:0px 10px 10px 10px;
}
#headside li .quotename {
text-align: right;
color:#fff;
font:normal 1em 'Century Gothic',Arial,Helvetica,sans-serif;
line-height:1.4em;
padding:0px 10px 10px 10px;
}
#page {
clear:both;
background:#fff;
width:760px;
padding:20px;
border:3px solid #808787;
margin:auto;
}
#side {
background:#fff;
float:right;
width:250px;
overflow:hidden;
border:3px solid #808787;
}
#side h3,
#side h4,
#content h3 {
text-align:center;
}
#side .input {
width:190px;
padding:6px;
background-color:#fff;
color:#000;
border:1px solid #aaaaaa;
border-bottom-color:#dcd2c8;
border-right-color:#dcd2c8;
margin:10px 0px 10px 0px;
}
#side .submit {
display:block;
background:url("images/submit.gif") no-repeat;
color:#fff;
font:bold 1.1em 'Century Gothic',Arial,Helvetica,sans-serif;
width:150px;
height:26px;
margin:auto;
}
#side .response {
font-size:0.8em;
}
.side {
padding:20px;
}
.announce {
height:200px;
margin:0px 0px 10px 0px;
overflow:auto;
scrollbar-base-color:#e65a3c;
scrollbar-arrow-color:#e65a3c;
scrollbar-DarkShadow-Color:#e65a3c; 
}
.clear {
clear:both;
}

/* Menu */
#menu {
clear:both;
margin:auto;
padding-left:40px;
width:850px;
height:45px;
}
#menu ul {
display:block;
margin:auto;
}
#menu li {
display:block;
float:left;
padding:5px 0px 0px 0px;
}
#menu li a {
display:block;
color:#fff;
font:bold 1.1em 'Century Gothic',Arial,Helvetica,sans-serif;
margin:0;
padding:0px 17px 20px 27px;
}
#menu li a:hover {
text-decoration:none;
}
#menu li.current_page_item a {
}
#menu .current_page_item .icon0,
#menu .icon0:hover {
background:url("images/icon0.gif") no-repeat;
}
#menu .current_page_item .icon1,
#menu .icon1:hover {
background:url("images/icon1.gif") no-repeat;
}
#menu .current_page_item .icon2,
#menu .icon2:hover {
background:url("images/icon2.gif") no-repeat;
}
#menu .current_page_item .icon3,
#menu .icon3:hover {
background:url("images/icon3.gif") no-repeat;
}
#menu .current_page_item .icon4,
#menu .icon4:hover {
background:url("images/icon4.gif") no-repeat;
}
#menu .current_page_item .icon5,
#menu .icon5:hover {
background:url("images/icon5.gif") no-repeat;
}
#menu .current_page_item .icon6,
#menu .icon6:hover {
background:url("images/icon6.gif") no-repeat;
}
#menu .current_page_item .icon7,
#menu .icon7:hover {
background:url("images/icon7.gif") no-repeat;
}

/* Child Menu */
#menu li ul {
display:none;
}
#menu li:hover ul {
display:block;
z-index:100;
position:absolute;
width:200px;
border-left:4px solid #fff;
border-right:4px solid #fff;
border-bottom:4px solid #fff;
}
#menu li ul li {
background-color:#ab4632;
width:200px;
padding:0;
}
#menu li ul li a {
background:url("images/square.gif") 12px 12px no-repeat;
font:bold 1em 'Century Gothic',Arial,Helvetica,sans-serif;
padding:5px 27px 5px 27px;
}
#menu li ul li a:hover {
background-color:#e65a3c;
}

/* Main Photo */
#mainphoto {
clear:both;
display:block;
margin:auto;
width:847px;
height:346px;
padding:36px 0px 0px 66px;
background:url("images/mainphoto.gif") no-repeat;
}
#mainphoto .mainphoto1  {
background:url("images/mainphoto1.jpg") no-repeat;
width:780px;
height:280px;
}
#mainphoto h1 {
padding:10px 20px 0px 20px;
}
#mainphoto p {
width:400px;
font-size:1.1em;
padding:0px 20px 0px 20px;
}

/* Tooltips */
.fallback{
display:none;
}
.snp-triggeroffset,
.snp-mouseoffset {
margin:0px 0px 0px 90px;
}
.snp-normal {
margin:-606px 0px 0px -141px;
}
.note {
position:absolute;
visibility:hidden;
background:url("images/tooltip.png") no-repeat; 
height:230px;
width:260px;
padding:20px 30px 30px 60px;
text-align:left;
line-height:1.5em;
z-index:1000;
}
.popup {
position:absolute;
visibility:hidden;
background-color:#e65a3c;
border:11px solid #e65a3c;
height:462px;
width:500px;
padding:0px 0px 22px 0px;
text-align:left;
line-height:1.5em;
z-index:1000;
color:#fff;
font:bold 1em 'Century Gothic',Arial,Helvetica,sans-serif;
text-align:center;
}
.popup img {
margin:5px 5px 15px 5px;
}
.popup img {
display:block;
float:left;
}
.popup p {
display:block;
float:left;
font:normal .7em Arial,Helvetica,sans-serif;
width:240px;
text-align:left;
line-height:1.4em;
margin:0px 0px 0px 10px;
}

/* Photos */
#photos {
clear:both;
width:820px;
height:180px;
margin:auto;
padding:20px 0px 0px 20px;
}
#photos ul li {
float:left;
width:230px;
height:40px;
padding:100px 11px 20px 10px;
font:bold 1.4em 'Century Gothic',Arial,Helvetica,sans-serif;
text-align:center;
border:3px solid #808787;
}
#photos li a {
display:block;
color:#fff;
width:230px;
height:40px;
padding:10px 0px 10px 0px;
}
#photos li a:hover {
display:block;
background-color:#e65a3c;
margin-top:-10px;
}
.photo1 {
background:url("images/photo01.jpg") #fff center no-repeat;
margin:0px 17px 0px 0px;
}
.photo2 {
background:url("images/photo02.jpg") #fff center no-repeat;
margin:0px 17px 0px 0px;
}
.photo3 {
background:url("images/photo03.jpg") #fff center no-repeat;
}

/* Values */
#values {
display:block;
background:url("images/gesi.jpg") center 70px no-repeat;
width:100%;
height:300px;
line-height:1.4em;
}
#values li {
margin:25px 0px 20px 0px;
}
#values a {
font:bold 1.1em 'Century Gothic',Arial,Helvetica,sans-serif;
}
#values h4 {
font:bold 1em 'Century Gothic',Arial,Helvetica,sans-serif;
letter-spacing:0px;
margin:0px 0px 10px 0px;
}
#values .left {
width:145px;
float:left;
text-align:right;
}
#values .right {
width:145px;
float:right;
text-align:left;
}
#values .left .middle {
padding-right:30px;
}
#values .right .middle {
padding-left:30px;
}

/* Slider */

#container{	
margin:0 auto;
position:relative;
width:600px;
}
#slider {
border:1px solid #dcd2c8;
}
#slider ul, #slider li {
margin:0;
padding:0;
list-style:none;
}
#slider li {
width:600px;
height:400px;
}
#slider li .slide {
padding:20px;
}
p#controls {
margin:0;
position:relative;
}
#prevBtn, #nextBtn { 
display:block;
margin:0;
overflow:hidden;
text-indent:-8000px;
width:30px;
height:77px;
position:absolute;
left:-30px;
top:-250px;
}
#nextBtn { 
left:602px;
}
#prevBtn a, #nextBtn a {  
display:block;
width:30px;
height:77px;
background:url("images/prev.gif") no-repeat 0 0;
}
#nextBtn a{ 
background:url("images/next.gif") no-repeat 0 0;
}

/* Footer */
#footer {
clear:both;
background:url("images/footer.jpg") no-repeat;
margin:auto;
width:800px;
height:150px;
}
#footer .logo {
float:left;
padding:0px 20px 0px 20px;
}
#footer .text {
float:left;
text-align:center;
font-size:.9em;
line-height:1.6em;
width:350px;
padding:10px 10px 0px 10px;
}

/* FAQ */

.faq h4,
.faq2 h4,
.faq3 h4,
.faq4 h4,
.faq5 h4,
.faq6 h4,
.faq7 h4 {
display:block;
font-size: .9em;
cursor:pointer;
margin:7px 0px 7px 20px;
color:#000;
}
.faq p,
.faq2 p,
.faq3 p,
.faq4 p,
.faq5 p,
.faq6 p,
.faq7 p {
margin-left:20px;
}
.faq li,
.faq2 li,
.faq3 li,
.faq4 li,
.faq5 li,
.faq6 li,
.faq7 li {
list-style-image:url("images/bullet.gif");
line-height:1.6em;
margin-left:40px !important;
}

.faq div,
.faq2 div,
.faq3 div,
.faq4 div,
.faq5 div,
.faq6 div,
.faq7 div {
border:1px solid #aadcdc;
padding-right: 20px;
}

/* Vertical Tabs */
.ui-tabs-vertical {
position:relative;
}
.ui-tabs-vertical .ui-tabs-nav {
width:200px;
float:left;
overflow:hidden;
}
.ui-tabs-vertical .ui-tabs-nav li {
}
.ui-tabs-vertical .ui-tabs-nav li a {
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected {

}
.ui-tabs-vertical .ui-tabs-panel {
float:right;
width:550px;
}

/* Tabs */
#page h2 {
margin:0px 0px 10px 0px;
}
.ui-tabs {
position:relative;
}
.ui-tabs .ui-tabs-nav {
margin:0;
}
.ui-tabs .ui-tabs-nav li {
position:relative;
margin:0px 0px 5px 0px;
}
.ui-tabs .ui-tabs-nav li a {
display:block;
background-color:#f0fafa;
font:bold 1em 'Century Gothic',Arial,Helvetica,sans-serif;
padding:2px 5px 2px 5px;
width:180px;
border:1px solid #aadcdc;
}
.ui-tabs .ui-tabs-nav li a:hover {
color:#f58c78;
background-color:#faf5f0;
border:1px solid #dcb9af;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
color:#e65a3c;
background-color:#faf5f0;
cursor:pointer;
border:1px solid #dcb9af;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor:pointer;
}
.ui-tabs .ui-tabs-panel {
}
.ui-tabs .ui-tabs-hide {
display:none !important;
}

/* Posts */
.post {

margin:25px 65px 0px 65px;
}
.post li {
list-style-image:url("images/bullet.gif");
margin:5px 0px 5px 20px;
line-height:1.6em;
}
.post img {
border:2px solid #000;
background-color: #dce6e6;
padding:0px;
}
.post-title {
overflow:hidden;
}
.post-title h1 {
font:normal 2em;
margin:5px 0px 20px 0px;
text-align:center;
letter-spacing:5px;
}
.post-title h1 a {
}
.post-title h1 a:hover {
}
.post-text {

padding:0px;
margin:0px 0px 10px 0px;
}
.post-sub {
font:bold 1em;
margin:0px 0px 10px 0px;
text-align:center;
}
.post-comments {
}
.post-author {
display:none;
}

.list {
list-style-image:url("images/bullet.gif");
}

/* Comments */
.commentlist {
overflow:hidden;
}
.commentlist ul {
list-style:none;
}
.commentlist li {
margin:0px 0px 0px 30px;
list-style:none;
overflow:hidden;
}
.commentlist .depth-1 {
margin:0px !important;
}
.comment-arrow {
background:url("images/bg_comments.gif") 20px top no-repeat;
height:8px;
margin-top:10px;
overflow:hidden;
}
.comment-text {
overflow:hidden;
background-color:#eeeeee;
padding:10px 10px 10px 10px;
border-bottom:1px solid #aaa;
}
.bypostauthor .comment-text {
background-color:#f5f7fa;
padding:10px 10px 10px 10px;
border-bottom:1px solid #aaa;
}
.avatar {
float:left;
border:1px solid #aaa;
padding:2px;
margin:0px 10px 0px 0px;
background:#fff;
}
.comment-author cite, .comment-author cite a {
font-weight:bold;
font-style:normal;
}
.comment-meta a {
font-size:.9em;
color:#999999;
}
.comment-reply {
font-size:.9em ;
float:right;
}
.comment-reply a {
background-color:#F8F9FA;
padding:3px 7px 3px 7px;
color:#333333;
margin-left:5px;
}
.comment-reply a:hover {
background-color:#FFFFFF;
}

.trackbacklist {
padding:0px 0px 0px 20px;
overflow:hidden;
}
.trackbacklist .comment-author cite, .trackbacklist .comment-author cite a {
font-weight:normal;
}
.post input {
width:200px;
padding:6px;
background-color:#fff;
color:#000;
border:1px solid #aaaaaa;
border-bottom-color:#dcd2c8;
border-right-color:#dcd2c8;
margin:5px 0px 0px 0px;
}
.post textarea {
width:300px;
padding:6px;
background-color:#fff;
color:#000;
border:1px solid #aaaaaa;
border-bottom-color:#dcd2c8;
border-right-color:#dcd2c8;
margin:5px 0px 0px 0px;
}

#respond input, #respond textarea {
padding:5px;
border:solid 1px #ccc;
margin:0px 10px 0px 0px;
}
#respond input:hover, #respond textarea:hover {
border:solid 1px #aaa;
}
#respond input:focus, #respond textarea:focus  {
border:solid 1px #646e78;
}
#respond #submit {
background:url("images/submit.gif") 0px 0px no-repeat;
border:0;
width:86px;
height:26px;
}
#respond #submit:hover {
border:0;
}
#respond #submit:focus {
border:0;
outline:none;
text-decoration:none;
}
#respond #comment {
width:97%;
max-width:97%;
}

/* Bottom */
.page-nav {
overflow:hidden;
padding:10px 0px 10px 0px;
}
.page-nav a {
color:#333333;
}

/* Widgets */
#widgets {
list-style:none;
font:1em Arial,Helvetica,sans-serif;
}
.widget {
margin:0px 0px 20px 10px;
padding:15px;
}
.widget.search {
opacity:0.95;
}
.widget ul {
margin:0px 0px 0px 20px;
}
.widget ul li {
padding:5px 0px 5px 0px;
}
.post {
}
.widget h2, .widgetblock h2 {
margin:0px 0px 5px 0px;
}
#submenu {
font:1em Arial,Helvetica,sans-serif;
margin:0px 0px 20px 10px;
padding:15px;
}
#submenu ul {
padding:0px 0px 0px 20px;
}
#submenu ul li {
padding:5px 0px 5px 0px;
}

/* Wordpress defaults */
.navigation {
overflow:hidden;
width:98%;
display:block;
text-align:center;
margin:auto;
padding:10px;
}
p img {
padding:0;
max-width:100%;
}
img.centered {
display:block;
margin-left:auto;
margin-right:auto;
}
img.alignright {
margin:0px 0px 2px 7px;
display:inline;
}
img.alignleft {
margin:0px 7px 2px 0px;
display:inline;
}
.alignright {
float:right;
}
.alignleft {
float:left;
}

/* Captions */
.aligncenter, div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
padding:4px 0px 0px 0px;
margin:10px;
}
.wp-caption img {
border:0 none;
}
.wp-caption p.wp-caption-text {
text-align:center;
font-size:11px;
padding:0 4px 5px;
margin:0;
}
/* End Captions */