/*

Title: Darkroom  
2 Column, Fixed-width CSS Layout 
Author: Darren Hester, www.designsbydarren.com
Last Modified: 05-09-07

*/


body {
     margin: 0;
     padding: 0;
     font-size: 70%;
     font-family: verdana, arial, san-serif;
     color: #AAAAAA;
     line-height: 1.5em;
     background: #000000 url() top center no-repeat;
}

.expando {
 position: absolute;
 top: 0;
 border: 1px solid #000;
}

.ex1 {
 left: 0;
}

.ex2 {
 left: auto;
 right: 0;
}

.top {

      left: 0;
      margin-top:12px;

}


.excent {
 left: 50px;
 margin-left: -50%; }

.exright {
 left: auto;
 right: -30px;
}


.excontainer {
 position:relative;
 float: left;
 margin: 0;
 padding: 0 2px;
 height: 137px;
 z-index: 1;
}

/* Typography
------------------------------------------------------------------------------*/

p {
     margin: 0 0 10px 0;
     padding: 0;
     font-size: 1em;
     line-height: 1.6em;
}

#footer p {
     text-align: center;
     padding: 30px 20px 30px 20px;
     margin: 0;
     color: #AAAAAA;
}

#header_left h1{
     margin: 0;
     padding: 0;
     font-size: 3.2em;
     line-height: 1.2em;     
     letter-spacing: -3px;
     color: #FFFFFF;
}

#header_left h2 {
     font-size: 1.2em;
     line-height: 1.2em;
     font-weight:normal;
     letter-spacing: 1px;
     color: #FFFFFF;
     margin: 0;
     padding: 0;
}

h1 {
     margin: 0 0 .5em 0;
     padding: 0;
     font-size: 1.8em;
     line-height: 1.2em;     
     letter-spacing: -1px;
     color: #DDDDDD;
}

h2 {
     margin: 0 0 .5em 0;
     padding: 0;
     font-size: 1.6em;
     line-height: 1.2em;     
     letter-spacing: -1px;
     color: #DDDDDD;
}

h3 {
     margin: 0 0 .5em 0;
     padding: 0;
     font-size: 1.5em;
     line-height: 1.2em;     
     letter-spacing: -1px;
     color: #DDDDDD;
}

h4 {
     margin: 0 0 .5em 0;
     padding: 0;
     font-size: 1.0em;
     line-height: 1.2em;
     letter-spacing: -1px;
     color: #DDDDDD;
}

h5 {
     margin: 0 0 .5em 0;
     padding: 0;
     font-size: 1.1em;
     line-height: 1em;
     letter-spacing: -1px;
     color: #DDDDDD;
}

/* Hyperlinks
------------------------------------------------------------------------------*/

a:link, a:visited, a:active { 
     background-color: transparent;
     color: #feceff; 
     text-decoration: none;
}

a:hover { 
     background-color: transparent;
     color: #feceff; 
     text-decoration:underline;
}

#header a:link, #header a:visited, #header a:active { 
     background-color: transparent;
     color: #feceff; 
     text-decoration: none;
}

#header a:hover { 
     background-color: transparent;
     color: #feceff; 
     text-decoration:underline;
}

#footer a:link, #footer a:visited, #footer a:active { 
     background-color: transparent;
     color: #feceff; 
     text-decoration: none;
}

#footer a:hover { 
     background-color: transparent;
     color: #feceff; 
     text-decoration:underline;
}


/* Ordered/Unordered Lists
------------------------------------------------------------------------------*/


#right_column ul, #left_column ul, #content_column ul  {
     margin: 0 0 10px 5px;
     padding-left: 0px;
     list-style-type:none
}

#right_column  ol, #left_column ol, #content_column  ol {
     margin: 0 0 10px 0;
     padding-left: 0;
}

#right_column  ol li, #left_column  ol li, #content_column  ol li  {
     margin-left: 5px;
     padding-left: 0px; 
     background: none; 
     list-style-type: decimal;
     list-style-position: inside; 
     font-size: 1em;
     line-height: 1.6em;
}

#right_column  li, #left_column  li, #content_column li {
     padding-left: 10px;
     background: transparent url(images/bullet.gif) 0 0.5em no-repeat;
     font-size: 1em;
     line-height: 1.6em;
}


/* Horizontal Menu
------------------------------------------------------------------------------*/

ul#navlist {
     margin: 0;
     padding: 0;
     font-weight: bold;
     font-size: 1.2em;
     padding: .3em 0;
}

#navlist li {
     display: inline;
     list-style-type: none;
     margin: 0; padding: 0;
     line-height: 1.7em;
}

#navlist a { padding: .8em .8em; margin: 0;}

#navlist a:link, #navlist a:visited {
     color: #FFFFFF;
     background-color: #111111;
     border:1px solid #333333;
     text-decoration: none;
}

#navlist a:hover {
     color: #FFFFFF;
     background-color: #222222;
     border:1px solid #555555;
     text-decoration: none;
}


/* Page Layout
------------------------------------------------------------------------------*/

#page_wrapper {
     width: 690px;

     margin: 0 auto;
     padding: 10px;
     text-align: left;
     background: transparent;
}

#header{
     background: transparent url(images/banner.jpg) no-repeat;
     margin: 0;
     padding: 0;
     height: 152px;

}

#header_left {
     float: left;
     width: 380px;
     padding: 0;
     margin: 25px 0 20px 15px; 
}

#header_right {
     float: right;
     width: 240px;
     padding:  40px 15px 0 0;
     margin: 0;
     text-align: right; 
}

#menu_bar {
	 
   
        
     padding: 10px 0;
}

#breadcrumb {
    padding: 15px 15px;
    margin: 0px;
    border-top: 1px solid #444444;
    border-bottom: 1px solid #444444;
    background: transparent;
}
#content_wrapper_full {
     float: left;
     width: 100%
;
}
#content_column_full {

}
#content_wrapper {
     float: left;
     width: 100%;
     height: 100%;
     background: transparent url(http://tokes.vces.net/missblackbutterfly/images/menu_bg.jpg) top left no-repeat;
}

#content_column {
     margin-left: 190px; 
}
#content_column .more {
     float: left;
     margin: 0 0 10px 30px; 
}
#content_column .comments {
     float: right;
     margin: 0 30px 10px 0; 
}
#content_column .autor {
     float: left;
     margin: 0 30px 10px 30px; 
     font-size: 73%;
     font-family: verdana, arial, san-serif;
     vertical-align: middle;
}
#left_column {
     float: left;
     width: 190px; 
     margin-left: -100%;
     border-top: 0px solid #333333;
     background: transparent url() top left repeat-y;
}

#footer {
     clear: left;
     width: 100%;
     background: transparent;
     padding: 0;
     margin: 0;
     border-top: 1px solid #333333;
}

.column_padding {
     margin: 15px; 
}

.photo_frame {
     float:right;
     margin: 10px 0 5px 10px;
     padding: 5px;
     background: #444444;
     border: 1px solid #333333;
     border-right: 1px solid #222222;
     border-bottom: 1px solid #222222;
}

.spacer { clear: both; }

.tbox{
  width: auto;
  padding: 2px;
	text-align: left;
	border: 1px solid #333333;
	border-collapse: collapse;
	background-color: #222222;
	color: #666666;
}

.tbox.chatbox {
  padding: 2px;
	text-align: left;
	width: 160px;
	margin-top: 4px;
	border: 1px solid #333333;
	border-collapse: collapse;
	background-color: #222222;
	color: #666666;
}
.tbox, .helpbox .npdropdown{
	margin: 0 0 0px 0;
	padding: 3px 3px 3px 3px;
	height: auto;
	text-align: left;
}
.tbox.comment.subject {
  width: 400px; 
	float: left;
	text-align: left;
	border: 0px solid #333333;
	border-collapse: collapse;
	background-color: #222222;
	color: #666666;
  }
#comment.tbox.comment {
  width: 400px; 
  float: left;
	border: 0px solid #333333;
	border-collapse: collapse;
	background-color: #222222;
	color: #666666;
}
#contactForm textarea.tbox {
  width: 400px; 
  float: left;
	border: 0px solid #333333;
	border-collapse: collapse;
	background-color: #222222;
	color: #666666;
	text-align: left;
}
input#helpb.helpbox {
  float: left;
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: left;
}
#commentform .helpbox{
  width: 406px; 
	border: 0px solid #333333;
	border-collapse: collapse;
	color: #666666;
	text-align: left;
	font: normal 73%;
}

.indent {
	padding: 0 20px;
	font-style: italic;
	border: 1px solid #333333;
	border-collapse: collapse;
	background-color: #222222;
	color: #666666;
	margin: 3px 3px 3px 3px;
} 
.button {
  padding: .5em .8em; 
  margin: 2px;
	vertical-align: middle;
  font-weight: bold;
  font-size: 1.2em;
  color: #FFFFFF;
  background-color: #111111;
  border:1px solid #333333;
  text-decoration: none;
}

.button:hover {
  color: #FFFFFF;
  background-color: #222222;
  border:1px solid #555555;
  text-decoration: none;
  
}
.nextprev{
	border: 0px solid #333333;
	border-collapse: collapse;
	background-color: #222222;
	color: #666666;
	font: bold 75%;
	text-align: center;
	padding: 2px;
}

.smalltext, .smallblacktext, .tbox{
	font: normal 73%;
}

.helpbox {
  width: 100%;
	border: 0px solid #333333;
	border-collapse: collapse;
	background-color: #222222;
	color: #666666;
	font: normal 73%;
	background-color: transparent;
}

.fborder {
	border: 1px solid #333333;
	border-collapse: collapse;
  background-color: transparent;
	color: #666666;
}

/* forum parent headers, forum captions */
.forumheader, .nforumcaption{
	padding: 4px;
  vertical-align: top;
	text-align: left;
	border: 1px solid #333333;
	border-collapse: collapse;
  background-color: transparent;
	color: #666666;
  font-weight: bold;
}

.finfobar{
	border: 1px solid #333333;
	border-collapse: collapse;
  background-color: transparent;
	color: #666666;
	vertical-align: middle;
	font: normal 11px;
	text-align: left;
	padding: 4px ;
}
.finfobar a {
  color: #FFFFFF;
}

/* two left columns */
.forumheader2{
  font: bold 12px;
	border: 1px solid #333333;
	border-collapse: collapse;
  background-color: transparent;
	color: #666666;
	padding: 4px;
	vertical-align: top;
	text-align: left;
}

/* all the rest of the forum tables */
.forumheader3{
	border: 1px solid #333333;
	border-collapse: collapse;
  background-color: transparent;
	color: #666666;
	vertical-align: top;
	font: normal 11px;
	padding: 4px;
	text-align: left;
}

.forumborder {
	border: 0px solid #333333;
	border-collapse: collapse;
  background-color: transparent;
	color: #666666;
	vertical-align: top;
}

/* where it says forum, information and all tables across */
.fcaption {
	padding: 2px 4px 2px 4px;
  vertical-align: middle;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	border: 0px solid #333333;
	border-collapse: collapse;
  background-color: transparent;
	color: #666666;
}

.fcaption a {
	padding-right:4px;
	text-decoration: none;
}

.fcaption a:hover{
	text-decoration: underline;
}


div.menuBar,
div.menuBar a.menuButton, div.menuButton, div.menuButton_over, 
div.menu,
div.menu a.menuItem {
}

div.menuBar {

}

div.emenuBar {

}

div.menuBar a.menuButton, div.menuButton, div.menuButton_over {
     color: #FFF;
     background-color: #111111;
     border:0px solid #333333;
     text-decoration: none;
     position: relative;
     text-decoration: none;
     padding: .8em .8em; 
     margin: 0 3px;
     font-weight: bold;
     background: transparent url(http://inkedpink.co.uk/images/) top left no-repeat;
}

div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {
     color: #000;
     background-color: #222222;
     border:0px solid #555555;
     text-decoration: none;
     background: transparent url(http://inkedpink.co.uk/images/menu_top_over.gif) top center no-repeat;
}

div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover, 
div.menuBar a.menuButtonActive:hover {
     color: #FFFFFF;
     background-color: #222222;
     border:1px solid #555555;
     text-decoration: none;
}

div.menu {
  padding: 1px 1px 1px 1px;
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
  z-index: 101;
  
}
/*sub links */
div.menu a.menuItem {
  display: block;
  padding: 0px 21px 0px 0px;
  line-height: 24px;
  text-decoration: none;
  white-space: nowrap;
     color: #FFFFFF;
     background-color: #222222;
     border:0px solid #555555;
     text-decoration: none;
  margin: 0px 11px 0px 0px;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
     color: #FFFFFF;
     background-color: #555555;
     border:0px solid #555555;
     text-decoration: none;
}

div.menu a.menuItem span.menuItemBuffer {
  padding: 0px 2px 0px 2px;
  color: #ffffff;
}

div.menu a.menuItem:hover span.menuItemBuffer {
  padding: 0px 2px 0px 2px;
  color: #000000;
}

div.menu a.menuItem span.menuItemText {
	padding: 0px 0px 0px 3px;
}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border-top: 0px solid #a5a5a5;
  border-bottom: 0px solid #ffffff;
  margin: 4px 2px;
}

a.menuItem.header {
  border-bottom: 0px solid #b3b3b3;
}

.newsimage {
  float: left;
  border: 0px #7F7772 none;
  padding: 0px 14px 4px 4px;
}
.code_highlight {
  color: #FFFFFF;
  background-color: #222222;
  font: normal 73%;
}