/*  
Theme Name: NOIR
Theme URI: http://noirgroup.org
Description: Dark WP theme with 2-3 column layout, dropdown categories menu, multiple widget-ready placement and feedburner email form integrated, easy to customize. Created by <a href="http://noirgroup.org/">samk</a>. Enjoy! (Other color schemes available soon!)
Author: sam
Author URI: http://noirgroup.org/
Version: 1.5
Tags: black, blue, 3 columns, 2 columns, clean, transparent, right sidebar, fixed width, valid xhtml, valid css, feedburner, adsense ready, 1024, dropdown categories, widgets, footer navigation, drop down
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/

/* Defaults */

* {
  margin: 0;
  padding: 0;
  }

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 10px 0;
  }

h1, h2, h3, h4, h5, h6 {
  font-family: Verdana;
  }
h1 a{
	display: block;
	width: 350px;
	height: 99px;
	margin-top: -10px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;
	}

hr {
  color: #333;
  border: 1px solid #121212;
  }

pre {
  height: auto; 
  overflow: auto;
  }

fieldset {
  margin: 0;
  padding: 0; 
  border: 0;
  }

dd {
  padding-left: 15px;
  }


p {
  font-size: 9pt;
  }

a {
  color: #6598b8;
  text-decoration: none;
  }

a:hover {
  color: #222;
  text-decoration: underline;
  }

a img {
  border: none;  
  }

blockquote {
  background: #070707;
  border: 1px solid #060606;
  padding: 5px 15px;
  margin: 10px 10px 5px 15px;
  font-style: italic;
  color: #fff;
  }

code {
  color: #3366cc;
  font-style: italic;
  }

strong {
  font-size: 110%;
  }

body {
  text-align: center;
  margin: 0;
  padding: 0 0 15px 0;
  font-family: trebuchet ms, arial, helvetica, sans-serif;
  background: #000  url(images/backgrounds/rotate.php)  fixed no-repeat center top;
  height: 100%;
  width: 100%;
  }


/* Header and wrapper */
#wrapper {
  margin: 0 auto;
  width: 900px;
  text-align: left;
  padding: 0;
  }
#wrappershadow {
  float: left;
  margin: 0 0 0 0;
  border: solid #FFF 2px;
  -moz-box-shadow: 10px 10px 20px #000;
  -webkit-box-shadow: 10px 10px 20px #000;
   box-shadow: 10px 10px 20px #000;
  width: 100%;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
  background: transparent;
}

#logo {
  float: left;
  width: 350px;
  height: 99px;
  margin: 10px 0 0 0;
  padding: 0;
  background: url(images/logo.png) no-repeat;
}
#footerlogo {
  float: right;
  width: 40px;
  height: 41px;
  margin: 0px 0 0 0;
  padding: 0;
  background: url(images/footerlogo.png) no-repeat;
}
#footerlogo a {
	display: block;
	width: 40px;
	height: 41px;
	margin-top: 0px;
	text-indent: -9000px;
	text-decoration: none;
	line-height: 100%;
}

#header {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0px 0 0 0;
  height: 45px;
/*  border-top: solid #FFF 2px;
  border-left: solid #FFF 2px;
  border-right: solid #FFF 2px;
   -moz-border-radius-topright: 20px 20px;
    -webkit-border-radius-topright: 20px 20px;
    -khtml-border-radius-topright: 20px 20px;
    border-top-right-radius: 20px 20px;
	-moz-border-radius-topleft: 20px 20px;
    -webkit-border-radius-topleft: 20px 20px;
    -khtml-border-radius-topleft: 20px 20px;
    border-top-left-radius: 20px 20px;
	*/
    background: transparent;
  }

#header #searchbar {
  float: right;
  height: 20px;
  width: 300px;
  text-align: right;
  margin: 5px 15px 0 0;
  padding: 1px;
  }

#header h1 {
  padding: 0;
  margin: 0;
  }
#header h1 a {
  color: #fff;
  font-size: 17pt;
  text-decoration: none;
  }
#header h1 a:hover {
  color: #eee;
  text-decoration: none;
  }
#header span {
  padding: 0;
  color: #111;
  font-size: 11pt;
  }


/* Menu */

#catnav {
  float: left;
  margin: -1px 0 0 0;
  padding: 0;
  clear: both;
  height: 30px;
  width: 100%;
/*  border-left: solid #FFF 2px;
  border-right: solid #FFF 2px; */
  background: rgba(0,0,0,0);
  border-bottom: solid #FFF 1px;
  }

#nav {
  list-style: none;
  margin: 3px 0 0px 0;
  padding: 0;
  }
	
#nav ul {
  margin: 0;
  padding: 0;
  }

#nav li {
  float: left;
  margin: 0;
  padding: 0;
  }

#nav a {
  display: block;
  line-height: 25px;
  margin: 0 1px 0 1px;
  padding: 0 15px 0 15px;
  font-size: 10pt;
  color: #fff;
  text-align: center;
  letter-spacing: -1px;
  background: rgba(0,0,0,0.4);
  border-left: solid #FFF 1px;
  border-right: solid #FFF 1px;
  border-top: solid #FFF 1px;
  min-width: 20px;
   -moz-border-radius-topright: 10px 10px;
    -webkit-border-radius-topright: 10px 10px;
    -khtml-border-radius-topright: 10px 10px;
    border-top-right-radius: 10px 10px;
	-moz-border-radius-topleft: 10px 10px;
    -webkit-border-radius-topleft: 10px 10px;
    -khtml-border-radius-topleft: 10px 10px;
    border-top-left-radius: 10px 10px;
  }

#nav li a:hover {
  color: #000;
  text-decoration: underline;
  background: rgba(255,255,255,0.5);
  display: block;
  }

#nav li ul {
  list-style: none;
  position: absolute;
  width: 150px;
  left: -999em;
  z-index: 9999;
  }

#nav li:hover ul, #nav li.sfhover ul {
  left: auto;
  }
	
#nav li li {
  float: left;
  margin: 0;
  padding: 0;
  width: 150px;
  }
	
#nav li li a {
  width: 150px;
  height: 24px;
  line-height: 24px;
  color: #FFF;
  border: 1px solid #FFF;
  background: rgba(0,0,0,0.4);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	  -moz-box-shadow: 5px 5px 10px #000;
  -webkit-box-shadow: 5px 5px 10px #000;
   box-shadow: 5px 5px 10px #000;
  margin: 1px 0 1px 0;
  padding: 5px 20px 5px 15px;
  }
	
#nav li li a:hover {
  background:  rgba(255,255,255,0.5);
  padding: 5px 20px 5px 15px;
  }

#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  position: static;
  }

#social-icons {
  float: right;
  margin-right: 10px;
  margin-top: 4px;
  display: inline;
  width: 100px;
  line-height: 20px;
  }
#social-icons img {
border: 0 none;
float: right;
margin: 0 0 0 5px;
}
#social-icons img:hover {
margin-top: 2px;
}

/* Main Slider */
#slider-container-large {
float: left;
margin: 10px 15px 10px 15px;
width: 870px;
height: 489px;
overflow: hidden;
position: relative;
background: rgba(0,0,0,0.1);
z-index: 500;
  -moz-box-shadow: 5px 5px 10px #000;
  -webkit-box-shadow: 5px 5px 10px #000;
   box-shadow: 5px 5px 10px #000;
}
#slider-container-medium {
float: left;
width: 980px;
height: 350px;
overflow: hidden;
position: relative;
background: #000000;
}
#slider-container-small {
float: left;
position: relative;
top: 0;
left: 100px;
width: 780px;
height: 418px;
overflow: hidden;
}
#slider-container-outer-small {
width: 980px;
height: 443px;
position: relative;
}
#mySlides-large {
width: 870px;
height: 489px;
overflow: hidden;
position: relative;
}
#mySlides-medium {
width: 980px;
height: 350px;
overflow: hidden;
position: relative;
}
#mySlides-small {
width: 780px;
height: 418px;
overflow: hidden;
position: relative;
}
#mySlides-large img {
width: 870px;
height: 489px;
border: 0;
}
#mySlides-medium img {
width: 980px;
height: 350px;
border: 0;
}
#mySlides-small img {
width: 780px;
height: 418px;
border: 0;
}
.jFlowControl {
width: 123px;
height: 100px;
overflow: hidden;
float: left;
position: relative;
cursor: pointer;
background: url(images/no-thumb-small.jpg) no-repeat;
}
.jFlowControl img {
width: 123px;
border: 0 none;
}
.image-thumb, .image-thumb-selected {
position: absolute;
bottom: 0px;
left: 0px;
width: 115px;
padding: 4px 4px;
text-transform: uppercase;
font-size: 9px;
line-height: 9px;
color: rgba(255,255,255,0);
cursor: pointer;
}
.image-thumb:hover, .activeSlide .image-thumb-selected {
cursor: pointer;
}
.portfolio-thumbnails a:hover {
text-decoration: none;
}
.slider-link {
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: 0 none !important;
}
.wp-post-image {
border: 0 none;
}
object {
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: 0 none !important;
}


/* Slider pop up containers */
.pop_box_upper_large {
height:120px;
position:relative;
top:-614px;
width:870px;
z-index:500;
background: rgba(0,0,0,0.8);
display: block;
color: rgba(255,255,255,0.8);
}
.pop_box_upper_medium {
height:120px;
position:relative;
top:-475px;
width:100%;
z-index:500;
background: rgba(0,0,0,0.8);
color: rgba(255,255,255,0.8);
display: block;
}
.pop_box_upper_small {
height:130px;
position:relative;
top:-553px;
width:100%;
z-index:500;
background: rgba(0,0,0,0.8);
color: rgba(255,255,255,0.8);
display: block;
}
.pop_inner_upper {
padding: 20px;
display: block;
}
.pop_inner_title {
display: block;
font-size: 14pt;
font-family: 'BonvenoCF-Light', Arial;
font-weight: normal;
margin: 0;
padding: 0 0 10px 0;
text-transform: uppercase;
}
.pop_box_lower {
height: 65px;
position: relative;
top: 0px;
width: 870px;
z-index:500;
}
.pop_inner_lower {
padding: 0px;
width: 870px;
}


/* Slider Controls */
#slider-controls {
position: absolute;
top: 0;
right: 0;
padding: 5px;
z-index: 700;
background: rgba(0,0,0,0.8);
color: rgba(255,255,255,0.8);
}
#slider-controls img {
float: left;
cursor: pointer;
border: 0;
width: 18px;
height: 15px;
}
#slider-controls img:hover {
cursor: pointer;
}


/* Portfolio Slider */
#portfolio-slider {
float: left;
position: relative;
overflow: hidden;
width: 870px;
min-height: 400px;
margin: 30px 0 0 0;
}
.portfolio-image-container {
float: left;
width: 560px;
overflow: hidden;
}
.portfolio-image {
float: left;
position: relative;
width: 560px;
height: 300px;
overflow: hidden;
}
.portfolio-image img {
width: 560px;
height: 300px;
border: 0 none;
}
.portfolio-thumbnails {
width: 123px;
height: 100px;
overflow: hidden;
float: left;
position: relative;
cursor: pointer;
}
.portfolio-thumbnails img {
width: 123px;
height: 100px;
border: 0 none;
}
.portfolio-image-small {
float: left;
width: 80px;
height: 64px;
overflow: hidden;
}
.portfolio-image-small img {
width: 80px;
min-height: 64px;
border: 0;
}
.portfolio-text {
float: left;
width: 380px;
margin: 0 0 0 20px;
}
.portfolio-meta {
position: absolute;
z-index: 1000;
bottom: 0px;
right: 0px;
width: 552px;
text-align: right;
padding: 0 4px;
font-size: 9px;
text-transform: uppercase;
background: rgba(0,0,0,0.8);
color: rgba(255,255,255,0.8);
}
#port-cats {
float: left;
}
#port-cats ul {
list-style-type: none;
margin: 10px 0 0 0;
padding: 0;
}
#port-cats li {
float: left;
list-style-type: none;
font-family: 'BonvenoCF-Light', Arial;
margin: 0 0 0 30px;
padding: 0;
font-size: 10pt;
text-transform: uppercase;
}
#port-cats .current_page_item a {
color: #000000;
}

/* Scrollable Content */
div.scrollingHotSpotLeft {
width: 25px;
height: 100px;
background: url(images/blank.gif) no-repeat;
position: absolute;
z-index: 3000;
left: 0;
cursor: pointer;
}
div.scrollingHotSpotLeftVisible {
background: url(images/arrow-left-dark.png) no-repeat;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}
div.scrollingHotSpotLeftVisible:hover {
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
div.scrollingHotSpotRight {
background: url(images/blank.gif) no-repeat;
width: 25px;
height: 100px;
position: absolute;
z-index: 3000;
right: 0;
cursor: pointer;
}
div.scrollingHotSpotRightVisible {
background: url(images/arrow-right-dark.png) no-repeat;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}
div.scrollingHotSpotRightVisible:hover {
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}

div.scrollWrapper {
position: relative;
overflow: hidden;
width: 100%;
height: 100px;
}
div.scrollableArea {
position: relative;
width: auto;
height: 100px;
}
.post-thumbnail-meta, .large-thumbnail-meta, .image-thumb, .image-thumb-selected, .large-comment-number, .portfolio-meta, .pop_box_upper_large, .pop_box_upper_medium, .pop_box_upper_small, .minisliderImage span, .wp-caption-text, #slider-controls {
background: rgba(0,0,0,0.4);
color: rgba(255,255,255,0.8);
}

/* Top Content */

#main {
  float: left;
  margin: 0px 0px 0 0px;
  width: 900px;
  padding: 0;
  background: transparent;
  }
#contentwrapper {
  float: left;
  width: 870px;
  margin: 10px 15px 10px 15px;
  padding: 0;
  z-index: -1;
  }
#contentwrapper2 {
  float:left;
  width: 870px;  
  margin: 0 0 15px 0;
  padding: 0;
  }
#contentwrapper .pageTitle, #contentwrapper2 .pageTitle {
  margin: 5px 0 10px 0;
  font-size: 20pt;
  letter-spacing: -1px;
  color: #fff;
  font-weight: bold;
  padding: 5px 5px 5px 5px;
  background: rgba(0,0,0,0.4);
  }
.topPost {
  float: left;
  width: 850px;
  height: auto;
  margin: 10px 0 10px 0;
  padding: 10px 10px 10px 10px;
  font-size: 9pt;
  background: rgba(0,0,0,0.4);
  }
.topPost h2.topTitle a {
  font-size: 15pt;
  font-weight: normal;
  color: #fff;
  letter-spacing: -2px;
  }
.topPost h2.topTitle a:hover {
  text-decoration: none;
  color: #abd1ea;
  }
.topPost div.topContent {
  font-size: 9pt;
  color: #efefef;
  margin: 8px 0;
  }
.topPost div.topContent a {
  text-decoration: underline;
  color: #fff;
  }
.topPost div.topContent a:hover {
  text-decoration: underline;
  color: #ff9933;
  }

.topPost div.topContent ul, .topPost div.topContent ol {
  padding: 0 0 0 30px;
  }
.topPost div.topContent ul li, .topPost div.topContent ol li {
  color: #eee;
  }

#nextprevious {
  margin: 10px 0 5px 0;
  }
#nextprevious a {
  color: #83adc8;
  text-transform: lowercase;
  text-decoration: underline;
  }
#nextprevious a:hover {
  color: #fff;
  }


#searchbox {
  color: #FFF;
  padding: 3px 6px;
  background: rgba(0,0,0,0.4);
  border: solid #FFF 1px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  -moz-box-shadow: 5px 5px 10px #000;
  -webkit-box-shadow: 5px 5px 10px #000;
   box-shadow: 5px 5px 10px #000;
  }
#searchbox:hover {
  cursor: pointer;
  background: #050505;
  }
.submitbutton {
  margin: 0px 0 0 5px;
  background: rgba(0,0,0,0.4);
   border: solid #FFF 1px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  color: #FFF;
  font-size: 8pt;
  padding: 3px 6px;
  vertical-align: middle;
  -moz-box-shadow: 5px 5px 10px #000;
  -webkit-box-shadow: 5px 5px 10px #000;
   box-shadow: 5px 5px 10px #000;
  }
.submitbutton:hover {
  cursor: pointer;
  background: #050505;
  }

/* footer*/
#footer {
  float: left;
  width: 100%;
  border: none;
  margin: 0px 0 15px 0;
  }
#footertop {
  width: 100%;
  text-align: center;
  padding: 10px 0 0 0;
/*  border-left: solid #FFF 2px;
  border-right: solid #FFF 2px;*/
  background: rgba(0,0,0,0.4);
}
#footer p {
  font-size: 9pt;
  color: #bbb;
  padding: 0;
  }
#footer a {
  color: #bbb;
  text-decoration: underline;
  }
#footer a:hover {
  color: #fff;
  }
#footerbottom {
  float: left;
  width: 900px;
  height: 66px;
  margin: -10px 0 -15px 0;
/*   border-bottom: solid #FFF 2px;
   border-left: solid #FFF 2px;
   border-right: solid #FFF 2px;*/
   -moz-border-radius-bottomright: 20px 20px;
    -webkit-border-radius-bottomright: 20px 20px;
    -khtml-border-radius-bottomright: 20px 20px;
    border-bottom-right-radius: 20px 20px;
	-moz-border-radius-bottomleft: 20px 20px;
    -webkit-border-radius-bottomleft: 20px 20px;
    -khtml-border-radius-bottomleft: 20px 20px;
    border-bottom-left-radius: 20px 20px;
  background: rgba(0,0,0,0.4);
  }
#footerbottom #footerleft {
  float: left;
  text-align: left;
  margin: 20px 0 0 10px;
  width: 400px;
  }
#footerbottom #footerright {
  float: right;
  margin: 20px 10px 0 0;
  width: 300px;
  text-align: right;
    }


/* Misc */

.highlight {
  color: #222;
  font-weight: bold;
  }

.cleared {
  margin: 0;
  padding: 0;
  clear: both;
  }

.alignleft {
  float: left;
  margin: 5px 10px 5px 0;
  }
.alignright {
  float: right;
  margin: 5px 0 5px 10px;
  }
.aligncenter,
div.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
  }

img.alignleft {
  float: left;
  margin: 5px 10px 5px 0;
  }
img.alignright {
  float: right;
  margin: 5px 0 5px 10px;
  }
img.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
  }

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;

  padding-top: 4px;

  /* optional rounded corners for browsers that support it */

  -moz-border-radius: 3px;

  -khtml-border-radius: 3px;

  -webkit-border-radius: 3px;
  border-radius: 3px;
  }

.wp-caption img {
  margin: 0;
  padding: 0;
  border: none;
  }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
  color: #111;
  }