/*  
Theme Name: WP-Glass Smoke
Theme URI: http://www.themebrella.com
Description: A premium Wordpress theme that supports widgets, extensive theme-options and jquery. Also includes PSD files.
Version: 1.0
Author: Clark Kim
Author URI: http://www.themebrella.com/

*/
/* style.css */

body { width: 100%; height: 100%; margin: 0; padding: 0; background-color: #111111; }
h2 {font-size: 28px; color:#ffffff; font-weight: none; }

#container { width: 990px; height: 100%; margin: 0 auto; padding: 0; background: url(images/bg.png) repeat-y; }

/* start header */
#header { width: 890px; height: 110px; margin: 0 auto; padding: 0; background: #000000; position: relative; }
#logo { color: white; font-size: 25px; padding-top: 25px;}
#navigation { position: absolute; top: 70px; left: 35px; font: bold 13px georgia; color: #eaeaea; }
#navigation ul { list-style-type: none; margin: 0; padding: 0; }
#navigation ul li { display: inline; margin: 0; padding: 0 15px 0 0; }
#navigation ul li a:link{ font: bold 13px georgia; color: #eaeaea; text-decoration: none; }
#navigation ul li a:active{ font: bold 13px georgia; color: #eaeaea; text-decoration: none; }
#navigation ul li a:visited{ font: bold 13px georgia; color: #eaeaea; text-decoration: none; }
#navigation ul li a:hover{ font: bold 13px georgia; color: #eaeaea; text-decoration: none; }
#navigation ul li.home { padding: 0; margin: 0; }
/* end header */

/* begin slider */
#slider { width: 890px; height: 250px; margin: 0 auto; padding: 0; background: url(images/sliderbg.gif) repeat-x; }
ul#slider-photo { width: 890px; height: 210px; margin: 0 20px 20px 0; padding: 0; no-repeat; list-style:none;}
ul#slider-photo li { width: 890px; height: 210px; margin: 0; padding: 0; overflow:hidden; }
ul#slider-photo li img { border: none; }
/* end header */

/* begin main */
#main { width: 890px; height: 100%; margin: 0 auto; padding: 0 0 40px 0; background: #000000 url(images/main-bg.jpg) no-repeat; }
#main-left { float: left; width: 570px; height: 100%; margin: 0; padding: 0; }
/* End Main */

/* Begin post */
.post-container { width: 520px; height: 100%; margin: 25px 0 25px 25px; color: #ffffff; }
p.post-title { width: 520px; margin: 0 0 15px 0; padding: 0; border-bottom: 1px solid #161616; font-size: 28px; }
p.post-title a:link { font-size: 28px; color: #eaeaea; text-decoration: none;}
p.post-title a:active { font-size: 28px; color: #eaeaea; text-decoration: none;}
p.post-title a:visited { font-size: 28px; color: #eaeaea; text-decoration: none;}
p.post-title a:hover { font-size: 28px; color: #eaeaea; text-decoration: none;}
img.post-thumb { float: left; width: 125px; height: 125px; margin: 0 15px 0 0; padding: 6px; background-color: #eeeeee; }
p.post-description { margin: 0 0 10px 0; padding: 0; font: 12px verdana; line-height: 18px; color: #8f8f8f;}
.post-description { margin: 0 0 10px 0; padding: 0; font: 12px verdana; line-height: 18px; color: #8f8f8f;}
p.post-data { margin: 0; padding: 0; font: 10px verdana; }
p.post-data a:link { color: #8f8f8f; text-decoration: underline; }
p.post-data a:active { color: #8f8f8f; text-decoration: underline; }
p.post-data a:visited { color: #8f8f8f; text-decoration: underline; }
p.post-data a:hover { color: #8f8f8f; text-decoration: underline; }
.post-description img { max-width: 520px; width: expression(this.width > 520 ? 520: true); }
/* end post */

/* Begin Right Sidebar */
#main-right { float: right; width: 320px; height: 100%; margin: 0; padding: 0; background: url(images/rightbg.png) repeat-y; }
#sidebar-box { width: 320px; height: 100%; }
#sidebar-top-title { width: 320px; height: 47px; margin: 20px 0 0 0; background: url(images/right-header.png) no-repeat; font-size: 28px; color:#ffffff; }
#sidebar-top-title-text { margin: 0 0 0 30px; font-size: 28px; color:#ffffff; }

/* Begin Right Sidebar Recent Posts*/
.sidebar-top-links { margin: 10px 15px 0 45px; font: 12px verdana; color: #8f8f8f; }
.sidebar-top-links ul { margin: 0; padding: 0; list-style-type: square; }
.sidebar-top-links ul li { margin: 0 0 10px 0; padding: 0; border-bottom: 1px solid #070707;}
.sidebar-top-links ul li a:link { font: 12px verdana; color: #8f8f8f; text-decoration: none; }
.sidebar-top-links ul li a:active { font: 12px verdana; color: #8f8f8f; text-decoration: none; }
.sidebar-top-links ul li a:visited { font: 12px verdana; color: #8f8f8f; text-decoration: none; }
.sidebar-top-links ul li a:hover { font: 12px verdana; color: #8f8f8f; text-decoration: none; }
/* End Right Sidebar Recent Posts*/

/* Begin Right Sidebar Photos*/
#sidebar-top-title-photos { width: 320px; height: 47px; margin: 20px 0 0 0; font-size: 28px; color:#ffffff; background: url(images/right-header.png) no-repeat;}
#sidebar-top-photos-text { margin: 0 0 0 30px; font-size: 28px; color:#ffffff; }
p.sidebar-top-photos { margin: 10px 0 0 45px; font: 12px verdana; color: #8f8f8f; }
p.sidebar-top-photos img { float: left; margin: 0 15px 0 0; padding: 3px; background-color: #ffffff; border: 1px solid #cccccc; }
/* End Right Sidebar Photos */

/* Begin Right Sidebar Video */
#sidebar-top-title-video { width: 320px; height: 47px; margin: 20px 0 0 0; font-size: 28px; color:#ffffff; background: url(images/right-header.png) no-repeat;}
#sidebar-top-video-text { margin: 0 0 0 30px; font-size: 28px; color:#ffffff; }
p.sidebar-top-video { margin: 10px 0 0 45px; font: 12px verdana; color: #8f8f8f; }
/* End Right Sidebar Video */

/* Begin Right Sidebar Network Connections*/
#sidebar-top-title-network { width: 320px; height: 47px; margin: 20px 0 0 0; font-size: 28px; color:#ffffff; background: url(images/right-header.png) no-repeat;}
#sidebar-top-network-text { margin: 0 0 0 30px; font-size: 28px; color:#ffffff; }
p.sidebar-top-network { margin: 10px 15px 0 30px; font: 11px verdana; color: #8f8f8f; border-bottom: 1px solid #070707;}
/* End Right Sidebar Network Connections*/

p.sidebar-about-text { margin: 10px 15px 0 35px; font: 11px verdana; color: #8f8f8f; line-height: 15px; }

/* End Right Sidebar */
/* end main */

/** Begin Footer **/
#footer { width: 890px; height: 50px; margin: 0 auto; background: url(images/footerbg.png) no-repeat; text-align: center; }
#footer-text { padding-top: 30px; font: 10px verdana; color: #cccccc; }
/** End Footer **/

.clear { clear: both; }

/** Begin Widget Section **/
.widget ul { margin: 0 15px 0 45px; padding: 0; list-style-type: square; color: #8f8f8f;}
.widget ul li { margin: 0 0 10px 0; padding: 0; }
.widget ul li a:link { font: 12px verdana; color: #8f8f8f; text-decoration: none; }
.widget ul li a:active { font: 12px verdana; color: #8f8f8f; text-decoration: none; }
.widget ul li a:visited { font: 12px verdana; color: #8f8f8f; text-decoration: none; }
.widget ul li a:hover { font: 12px verdana; color: #8f8f8f; text-decoration: none; }
/** End Widget Section **/

/** Next Previous Post **/
p.next-previous { margin: 20px 0 10px 25px; font: 12px verdana; color:#ffffff; text-decoration: none; }
p.next-previous a:link { font: 12px verdana; color:#ffffff; text-decoration: none;  }
p.next-previous a:active { font: 12px verdana; color:#ffffff; text-decoration: none; }
p.next-previous a:visited { font: 12px verdana; color:#ffffff; text-decoration: none; } 
p.next-previous a:hover { font: 12px verdana; color:#ffffff; text-decoration: none; }
/** End Next Previous Post **/

/** Begin Lavalamp **/
.lavaLampWithImage ul li { display: inline; margin: 0; padding: 0 15px 0 0; }
.lavaLampWithImage li.back {  z-index: 8; position: absolute; top: 20px; }
.lavaLampWithImage li.back .left { background: url(images/lava.gif) no-repeat top left; height: 10px; margin-right: 15px; /* 7px is the width of the rounded shape */}
.lavaLampWithImage ul li a:link{ font: bold 13px verdana; color: #eaeaea; text-decoration: none; z-index: 10; overflow: hidden; display: block;  border: none; position: relative; }
.lavaLampWithImage ul li a:active{ font: bold 13px verdana; color: #eaeaea; text-decoration: none; z-index: 10; overflow: hidden; display: block;  border: none; position: relative;}
.lavaLampWithImage ul li a:visited{ font: bold 13px verdana; color: #eaeaea; text-decoration: none; z-index: 10; overflow: hidden; display: block;  border: none; position: relative;}
.lavaLampWithImage ul li a:hover{ font: bold 13px verdana; color: #eaeaea; text-decoration: none; z-index: 10; overflow: hidden; display: block;  border: none; position: relative;}
/** End Lavalamp **/

/** Comments Section **/
.comments-template{ margin: 10px 25px 10px 25px; border-top: 1px solid #161616; padding: 10px 0 0; color: #8f8f8f; font-family: verdana; font-size: 11px; }
.comments-template a:link { color: #8f8f8f; font-family: verdana; font-size: 11px; }
.comments-template a:active { color: #8f8f8f; font-family: verdana; font-size: 11px; }
.comments-template a:visited { color: #8f8f8f; font-family: verdana; font-size: 11px; }
.comments-template a:hover{ color: #8f8f8f; font-family: verdana; font-size: 11px; }
input { border: 1px solid #040b14; }
textarea { border: 1px solid #040b14; }
.inputclark { border: 1px solid #040b14; background-color: #111111; color: #8f8f8f; font-size: 11px; font-family: verdana; font-weight: bold; padding: 3px; }
.comments-template ol{margin: 0; padding: 0 0 15px; list-style: none;}
.comments-template ol li{margin: 10px 0 0; line-height: 18px; padding: 0 0 10px; border-bottom: 1px solid #161616; }
.comments-template h2, .comments-template h3{font-family: Georgia, Sans-serif; font-size: 16px; color: #ffffff; }
.commentmetadata{font-size: 11px; color: #8f8f8f; }
.comments-template p.nocomments{ padding: 0; }
.comments-template textarea{ font-family: verdana; font-size: 11px; color: #040b14; }
.avatar { margin-right: 10px; }
/** End Comments Section **/

/** Contact Form 7 Plugin- This is only needed if you decide to use the plugin, else you can delete **/
.wpcf7 { font-size: 11px; color: #8f8f8f; font-family: verdana; }
p.contacts { margin: 0 0 15px 0; padding: 0; }
p.contacts-text { margin: 0 0 5px 0; padding: 0; }
p.contacts-submit { margin: 0 0 5px 0; padding: 0; border: 1px solid #040b14; background-color: #070b17; color: #8f8f8f; font-size: 11px; font-family: verdana; font-weight: bold; padding: 3px; }
/** End Contact Form **/

/** Nextgen Gallery Plugin - This is only needed if you decide to use the plugin, else you can delete **/
.ngg-album-desc { font: 11px verdana; color: #8f8f8f; text-decoration: none; font-weight: bold; } 
.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover { color: #8f8f8f !important; text-decoration: none !important; }
/** End Nextgen Gallery Plugin **/

/** WP-DownloadManager Plugin - This is only needed if you decide to use the plugin, else you can delete **/
a.download:link { font: 11px verdana; color: #eeeeee; text-decoration: none; font-weight: bold; }
a.download:active { font: 11px verdana; color: #eeeeee; text-decoration: none; font-weight: bold; }
a.download:visited { font: 11px verdana; color: #eeeeee; text-decoration: none; font-weight: bold; }
a.download:hover { font: 11px verdana; color: #eeeeee; text-decoration: none; font-weight: bold; }
/** End WP-DownloadManager Plugin **/