/*   
Theme Name: WP-Palette
Theme URI: http://themebrella.com
Description: A premium Wordpress theme 
Author: Clark Kim
Author URI: http://themebrella.com
Version: 1.0
*/

body { margin:0; padding: 0; background-color: #eeeeee; text-align:center; font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif; }

a:link { font-size: 12px; color: #1F1F1F; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-decoration: underline;  }
a:active { font-size: 12px; color: #1F1F1F; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-decoration: underline; }
a:visited { font-size: 12px; color: #1F1F1F; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-decoration: underline; }
a:hover { font-size: 12px; color: #1F1F1F; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-decoration: underline; }


#header-container { width: 100%; height: 96px; margin:0; padding: 0; background-color: #050505; text-align: center; }
#header { width: 990px; height: 96px; margin: 0 auto; background: url(images/header.jpg) no-repeat; position: relative; }
#header-nav {  width: 990px; height: 96px; margin: 0; padding: 0; position: absolute; top: 50px; right: 50px; text-align: right; }
#header-nav ul { margin: 0; padding: 0; list-style-type: none; }
#header-nav ul li { margin: 0; padding: 0 0 0 20px; display: inline; }
#header-nav ul li a:link { font: bold 13px tahoma; color:#cccccc; text-decoration: none;  }
#header-nav ul li a:visited { font: bold 13px tahoma; color:#cccccc; text-decoration: none;  }
#header-nav ul li a:hover { font: bold 13px tahoma; color:#cccccc; text-decoration: none;  }
#header-nav ul li a:active { font: bold 13px tahoma; color:#cccccc; text-decoration: none;  }


#main-container { width: 890px; height: 300px; margin: 15px auto 0 auto; background-color: #ffffff; border: 1px solid #cccccc; text-align:left; }
#main-container-left { float: left; width:430px; height: 250px; margin: 25px 0 0 40px; text-align: center; }
h1#main-container-title  { margin: 0; padding: 0; font: bold 32px "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif; color:#000000; }
#main-container-description { margin: 15px 0 0 0; font: bold 16px "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif; color:#222222; }
#big-button { width: 430px; height: 75px; margin: 20px 0 0 0 ; }
#main-container-bottom-left { float: left; margin: 10px 10px 0 0; font: bold 18px arial; color:#000000; }
#main-container-bottom-right { float: right; margin: 10px 0 0 0; font: bold 18px arial; color:#000000; }
#main-container-bottom-left img { padding: 0 10px 0 0; }
#main-container-bottom-right img { padding: 0 10px 0 0;}

#main-container-bottom-left a:link{ color:#246daa; font: bold 18px arial;}
#main-container-bottom-left a:active{ color:#246daa; font: bold 18px arial;}
#main-container-bottom-left a:visited{ color:#246daa; font: bold 18px arial;}
#main-container-bottom-left a:hover{ color:#246daa; font: bold 18px arial;}

#main-container-bottom-right a:link{ color:#246daa; font: bold 18px arial;}
#main-container-bottom-right a:active{ color:#246daa; font: bold 18px arial;}
#main-container-bottom-right a:visited{ color:#246daa; font: bold 18px arial;}
#main-container-bottom-right a:hover{ color:#246daa; font: bold 18px arial;}



#main-container-right { float: right; width:340px; height: 250px; margin: 25px 40px 0 0; }
#slider { width: 340px; height: 250px; margin: 0; padding: 0; }
#slideshow { position:relative; height:250px; }
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 250px; width: 340px; }
#slideshow IMG.active { z-index:10; opacity:1.0; }
#slideshow IMG.last-active { z-index:9; }

#content-container { width: 890px; height: 100%; margin: 15px auto 0 auto; background-color: #ffffff; border: 1px solid #cccccc; text-align: left; }
.content { float: left; width: 205px; height: 100%; margin: 15px 0 15px 0; padding: 0 0 0 15px; border-right: 1px solid #cccccc; line-height:18px; }
.content-last { float: left; width: 205px; height: 100%; margin: 15px 0 15px 0; padding: 0 0 0 15px; line-height:18px; }
p.content-title { font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif; font-size: 13px; color: #000000; font-weight: bold; }
p.content-title a:link{ font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif; font-size: 13px; color: #000000; font-weight: bold; text-decoration: none; }
p.content-title a:active{ font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif; font-size: 13px; color: #000000; font-weight: bold; text-decoration: none; }
p.content-title a:visited{ font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif; font-size: 13px; color: #000000; font-weight: bold; text-decoration: none; }
p.content-title a:hover{ font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif; font-size: 13px; color: #000000; font-weight: bold; text-decoration: none;  }

p.content-description { font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif; font-size: 12px; color: #1F1F1F; }
p.content-photo { }
p.content-description img { padding: 10px 0 0 0; }

#links-container { width: 890px; height: 100%; margin: 15px auto 0 auto; background-color: #ffffff; border: 1px solid #cccccc; text-align: left; }
.links { float: left; width: 150px; height: 100%; margin: 40px 0 40px 50px; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 12px; color: #1F1F1F; }
h2.links { margin: 0; padding: 0; font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif; font-size: 13px; font-weight: bold; color: #000000; }
.links h2{ margin: 0; padding: 0; font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif; font-size: 13px; font-weight: bold; color: #000000; }
.links ul{ margin: 0; padding: 0; list-style-type: none; }
.links ul li a:link { font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 12px; color: #1F1F1F; text-decoration: none; }
.links ul li a:active { font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 12px; color: #1F1F1F; text-decoration: none;}
.links ul li a:visited { font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 12px; color: #1F1F1F; text-decoration: none;}
.links ul li a:hover { font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 12px; color: #1F1F1F; text-decoration: none;}


#footer-container { width: 890px; height: 50px; margin: 15px auto 0 auto; background-color: #eeeeee; text-align: center; }
#footer { font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif; font-size: 12px; color: #1F1F1F; }

#blog-container { width: 890px; height: 100%; margin: 15px auto 0 auto; border: 1px solid #cccccc; background-color: #ffffff; text-align: left; }
#blog-container-left { float: left; width: 545px; height: 100%; margin: 15px 0 15px 15px; border: 1px solid #cccccc; background-color: #ffffff;}
#blog-sidebar { float: right; width: 300px; height: 100%; margin: 15px 15px 15px 0; border: 1px solid #cccccc; background-color: #ffffff;}
#blog-sidebar h2 { margin: 15px 15px 25px 25px; padding: 0; font-size: 16px; color: #222222; font-weight:bold; }
#blog-sidebar ul { margin: 0 15px 30px 40px; padding: 0; list-style-type: none; }
#blog-sidebar ul li { margin: 0; padding: 10px 0 10px 0; font-size: 14px; color: #666666; border-bottom: 1px solid #e3e3e3; }


#blog-sidebar ul li a:link { font-size: 14px; color: #666666; text-decoration: none;  }
#blog-sidebar ul li a:visited { font-size: 14px; color: #666666; text-decoration: none;  }
#blog-sidebar ul li a:active { font-size: 14px; color: #666666; text-decoration: none;  }
#blog-sidebar ul li a:hover { font-size: 14px; color: #666666; text-decoration: none;  }


.blog-single { margin: 0 15px 15px 15px; font-size: 13px; color: #1F1F1F; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; line-height: 22px; }
p.blog-single-title { margin: 15px 15px 15px 0; font-size: 16px; color: #222222; font-weight:bold; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; }
p.blog-single-description { margin: 0 15px 15px 15px;  font-size: 12px; color: #1F1F1F; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; }
p.blog-single-post-meta { margin: 0 15px 15px 0;  font-size: 12px; color: #1F1F1F; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; }
.clear { clear: both; }

p.blog-single-title a:link { font-size: 16px; color: #222222; font-weight:bold; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-decoration: none;  }
p.blog-single-title a:active { font-size: 16px; color: #222222; font-weight:bold; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-decoration: none;  }
p.blog-single-title a:visited { font-size: 16px; color: #222222; font-weight:bold; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-decoration: none;  }
p.blog-single-title a:hover { font-size: 16px; color: #222222; font-weight:bold; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-decoration: none;  }

p.next-previous { margin: 0 0 15px 0; text-align: center; }
p.next-previous a:link { font-size: 12px; color: #222222; font-weight:bold; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-decoration: none; font-weight: bold; }
p.next-previous a:active { font-size: 12px; color: #222222; font-weight:bold; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-decoration: none; font-weight: bold;}
p.next-previous a:visited { font-size: 12px; color: #222222; font-weight:bold; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-decoration: none;  font-weight: bold;}
p.next-previous a:hover { font-size: 12px; color: #222222; font-weight:bold; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; text-decoration: none; font-weight: bold;}