/*  

Theme Name: WP-Blue 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; }

a{color:#ffffff;text-decoration:underline;}

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



/* start header */

#header { width: 890px; height: 170px; margin: 0 auto; padding: 0; background: url(images/header.jpg) no-repeat; position: relative; }

#logo { }

#navigation { position: relative; top: 124px; left: 200px; font: bold 14px georgia; color: #eaeaea; text-align:left;}
#navigation ul { list-style-type: none; margin: 0; padding: 0; }
#navigation ul li { display: inline; margin: 0; padding: 0 30px 0 0; }
#navigation ul li a:link{color: #eaeaea; text-decoration: none; }
#navigation ul li a:active{color: #eaeaea; text-decoration: none; }
#navigation ul li a:visited{color: #eaeaea; text-decoration: none; }
#navigation ul li a:hover{color: #ffffff; text-decoration: none; }
#navigation ul li.home { padding: 0; margin: 0; margin-right:30px; }

/* 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 50px 25px; color: #ffffff; }

p.post-title { width: 520px; margin: 0 0 15px 0; padding: 0; border-bottom: 1px solid #07111d; font-size: 21px; font-weight: lighter; }

p.post-title a:link { font-size: 21px; color: #eaeaea; text-decoration: none;font-weight: lighter;}

p.post-title a:active { font-size: 21px; color: #eaeaea; text-decoration: none;font-weight: lighter;}

p.post-title a:visited { font-size: 21px; color: #eaeaea; text-decoration: none;font-weight: lighter;}

p.post-title a:hover { font-size: 21px; color: #eaeaea; text-decoration: none;font-weight: lighter;}

img.post-thumb { float: left; width: 125px; height: 125px; margin: 0 15px 0 0; padding: 6px; background-color: #eeeeee; }

#crop-post-thumb { float: left; width: 125px; height: 125px; margin: 0 15px 0 0; padding: 6px; background-color: #eeeeee; border:1px #ffffff solid; }

p.post-description { margin: 0 0 10px 0; padding: 0; font: 12px verdana; line-height: 14px; color: #626e92;}

.post-description { margin: 0 0 10px 0; padding: 0; font: 12px verdana; line-height: 14px; color: #626e92;}

p.post-data { margin: 0; padding: 0; font: 10px verdana; }

p.post-data a:link { color: #626e92; text-decoration: underline; }

p.post-data a:active { color: #626e92; text-decoration: underline; }

p.post-data a:visited { color: #626e92; text-decoration: underline; }

p.post-data a:hover { color: #626e92; 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: 10px 0 0 0; background: url(images/right-header.png) no-repeat; font-size: 21px; font-weight: lighter; color:#ffffff; padding-top:10px; }
#sidebar-top-title-text { margin: 0 0 0 30px; font-size: 21px; font-weight: lighter; color:#ffffff; }



/* Begin Right Sidebar Recent Posts*/

.sidebar-top-links { margin: 10px 15px 0 45px; font: 12px verdana; color: #626e92; }
.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 #07111d;}
.sidebar-top-links ul li a:link { font: 12px verdana; color: #626e92; text-decoration: none; }
.sidebar-top-links ul li a:active { font: 12px verdana; color: #626e92; text-decoration: none; }
.sidebar-top-links ul li a:visited { font: 12px verdana; color: #626e92; text-decoration: none; }
.sidebar-top-links ul li a:hover { font: 12px verdana; color: #626e92; 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: #626e92; }
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: #626e92; }

/* 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: #626e92; border-bottom: 1px solid #070707;}

/* End Right Sidebar Network Connections*/



p.sidebar-about-text { margin: 10px 15px 0 35px; font: 11px verdana; color: #626e92; 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: #626e92;}
.widget ul li { margin: 0 0 10px 0; padding: 0; }
.widget ul li a:link { font: 12px verdana; color: #626e92; text-decoration: none; }
.widget ul li a:active { font: 12px verdana; color: #626e92; text-decoration: none; }
.widget ul li a:visited { font: 12px verdana; color: #626e92; text-decoration: none; }
.widget ul li a:hover { font: 12px verdana; color: #626e92; text-decoration: none; }
.widget select{position:relative;left:40px;top:-10px;}

/** 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 #040b14; padding: 10px 0 0; color: #626e92; font-family: verdana; font-size: 11px; }

.comments-template a:link { color: #626e92; font-family: verdana; font-size: 11px; }

.comments-template a:active { color: #626e92; font-family: verdana; font-size: 11px; }

.comments-template a:visited { color: #626e92; font-family: verdana; font-size: 11px; }

.comments-template a:hover{ color: #626e92; font-family: verdana; font-size: 11px; }

input { border: 1px solid #040b14; }

textarea { border: 1px solid #040b14; }

.inputclark { border: 1px solid #040b14; background-color: #070b17; color: #626e92; 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 #040b14; }

.comments-template h2, .comments-template h3{font-family: Georgia, Sans-serif; font-size: 16px; color: #ffffff; }

.commentmetadata{font-size: 11px; color: #626e92; }

.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: #626e92; 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: #626e92; 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: #626e92; 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: #626e92 !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 **/