/*
Theme Name: WP Dramabox
Theme URI: http://www.dramabox.org/
Description: Dramabox Theme
Version: 1.6
Author: Dramabox
Author URI: http://www.dramabox.org/

 */
body {
    color:#fff;  
    font-family: Arial,Verdana,'Lucida Grande',Sans-Serif;  
    font-size:12px;  
    text-align:center;  
    background-color: #000;
    padding: 2px;
}


#container {
    position:relative;
    border: 2px solid #666;
    background-color:transparent;   
    margin:0px auto; 
    text-align:left;  
    width: 761px;
    z-index:1;
    overflow: hidden;
    
}

#page {
    position:relative;
    /*top: -150px;*/
    background-color:transparent;   
    margin:0px auto; 
    text-align:left;  
    width: 761px;
    z-index:3;
    
}

#header {
    background:#111 none repeat scroll 0%;
    
}

#masthead {
    position:relative;
    text-align:center;
    z-index:2;
    margin-bottom:-150px;
}

#top{
    position:relative; 
    z-index:3;
    background-color: #0a0;
    color: #000;
    width: 761px;
    
}

#logo {
    background-color: #0a0;
    position: relative;
    float: left;
    width: 30%;
    height: 120px;
}

#highlight {
   background-color: #000;
   position: relative;
   text-align:center;
   overflow:hidden;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
}

#content {
    background-color: #000;
    position:relative;
    /*font-size:1.2em;*/
    width: 100%;
    height: 100%;
    overflow: hidden;
}


#indent {
  position:relative;
    float:left;
    overflow:hidden;
    padding-left:5px;
    padding-right:5px;
}

#left {
  position:relative;
  float: left;
  width: 410px;
  padding-right: 20px;
  padding-left: 20px;
  overflow: hidden;
  
}

#left-full {
  position:relative;
  float: left;
  padding-right: 30px;
  padding-left: 30px;
  overflow: hidden;
  width:690px;
  
}

#right { 
  position:relative;
  float: left;
  width: 280px;
  background: url('images/grey-bg.jpg') repeat-x  top;
  margin-top:10px;
  overflow:hidden;
  padding-left: 8px;
  padding-right: 5px;
  padding-top: 5px;
  min-height:300px
}

#footer {
  position:relative;
  width: 100%;
  overflow:hidden;
  line-height:1.2em;
}

#f1 {
  position:relative;
  padding: 5px;
  float:left;
  width: 250px;
  text-align:left;
  padding-left:30px;
  overflow:hidden;
}

#f2 {
  position:relative;
  padding: 5px;
  float:left;
  width: 230px;
  text-align:left;
  overflow:hidden;
  line-height:1.4em;
  font-size:11px;
}

#f3 {
  position:relative;
  padding: 5px;
  float:left;
  width: 180px;
  text-align:left;
  margin-right:20px;
  padding-left:20px;
  overflow:hidden;
  line-height:1.6em;
  font-size:10px;
}


#f4 {

  text-align:left;
  margin-left:20px;
  margin-right:20px;
  overflow:hidden;
  font-size:9px;
}

.entry {
    padding-top:5px;
    padding-bottom:20px;
    overflow:hidden;
}
.entry p {

padding-top:5px;
padding-bottom:5px;

}

.post {
    padding-top:8px;
     padding-bottom:8px;
}

.post h2 {
     padding-top:5px;
     padding-bottom:5px;
}

p {

padding-top:8px;
padding-bottom:8px;

} 

textarea#comment{
   width:400px;
   margin-top:5px;
   margin-bottom:5px;
   border:1px solid #fff;
}

/* ######hyperlinks ######*/
a:link {
  color:#98cb32;
  
}
a:visited {
  color:#336600;
  
}
a:active {
  color:#98cb32;
  
}
a:hover {
  color:#ffffff;
}
a.white {
  color:#fff;
  font-size:11px;
}

a.white:visited {
  color:#666;
  font-size:11px;
}
a.white:hover {
  color:#ccc;
  font-size:11px;
}
#top a:link {
  color:#98cb32;
  
}
#top a:visited {
  color:#98cb32;
  
}
#top a:active {
  color:#98cb32;
  
}
#top a:hover {
  color:#ffffff;
}
#top a.white {
  color:#fff;
  font-size:11px;
}
#workshop a:hover {
  color:#98cb32;
}



a:link.n {
  color:#98cb32;
  text-decoration:none;
}
a:visited.n {
  color:#336600;
  text-decoration:none;
}
a:active.n {
  color:#98cb32;
  text-decoration:none;
}
a:hover.n {
  color:#ffffff;
  text-decoration:underline;
}




/* ####### hyperlinks end #####*/

img { border:0; text-decoration:none; }

#content ul
{
  /*list-style-type: square;*/
  list-style: url(media/circle-bullet.gif) square;
}

#content ul.second
{
  /*list-style-type: square;*/
  list-style: url(media/small-bullet.gif) square;
}



h1 {
  font-size:20px;
  color:#98cb32;
  margin-bottom:3px;
}

h2 {
  font-size:18px;
  color:#98cb32;
  margin-bottom:3px;
}

h3 {
  font-size:16px;
  color:#98cb32;
  margin-bottom:3px;
}

h4 {
  font-size:14px;
  color:#98cb32;
  margin-bottom:3px;
}

h5 {
  font-size:13px;
  color:#98cb32;
  margin-bottom:3px;
}

.bold1 { color:#98cb32; font-weight:bold}

.prod-left {
  float:left;
  overflow:hidden;
  text-align:left;
  width:150px;
  padding:5px;
}
.prod-center {
  float:left;
  overflow:hidden;
  text-align:left;
  width:280px;
  padding:5px;
  padding-top:20px;
  font-size:12px;
}

.prod-right {
  float:left;
  overflow:hidden;
  /*text-align:center;*/
  width:180px;
  padding:5px;
  padding-top:20px;
  font-size:11px;
}

ul {padding-left:15px}


label {
  text-align:left;
}

.col1 {margin-left: 3em;}
 
.col2 {margin-left: 13em;}
 
.col3 {margin-left: 23em;}
 
.coltopper {margin-top: -6.5em;}


.subnav {background-color:#036400;color:#98cb32;padding-left:20px;padding-top:5px;padding-bottom:5px;}
.subnav-at {color:#fff}


#mth ul {padding-left:30px;list-style:none}
#cat ul {padding-left:30px;list-style:none}

/*input { border:1px solid #98CB32}*/
input {border:0}



/* ############ form styling ################ */
.star {
  color:#98CB32;
}

.vform p{
width: 600px;
line-height: 8px;
}

.vform label {
position: relative;
float: left;
width:150px;
text-align:right;
}

.vform .field {
position: relative;
float: left;
width:250px;
text-align:left;
padding-left:10px;
padding-bottom:10px
}

.vform label.error {
position: relative;
float:left;
width:150px;
text-align:left;
color: red;
}
/* ########### form styling end  ############*/



/*quotes*/
/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/


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


#wrapper
	{
	width: 400px;
	height:250px; /* Set page width here - you can also use percentage */
	text-align:left;
	background-color: #000000;
	padding:5px;
}


/* Typography
-----------------------------------------------------------------------------*/
.quotetxt
	{
	margin-bottom: 60px 0px 12px 0px;	
	font-size: 11px; 
	width:340px;
	font-family:Arial,Verdana,'Lucida Grande',Sans-Serif;
	line-height:18px; 
	background-color: #000000;
	 
	
}

blockquote p
	{
	color:#CCCCCC;
	font-style:italic;
	float: left;
	background: url(images/quote_down.jpg) bottom right no-repeat;
	padding-left:5px;
	width:340px;
	background-color: #000000;
	
	
}

blockquote
	{
	padding: 22px;
	width:340px;
	font-size:11px;
	font-weight: bold;
	font-family:Arial,Verdana,'Lucida Grande',Sans-Serif;  
	background: url(images/quote_up.jpg) top left no-repeat;
	background-color: #000000;
}

cite
	{
	color:#FFFFFF;
	font-size:10.8px;
	font-weight: bold;
	float: right;
	width: 300px;
	TEXT-ALIGN: right;
	font-family:Arial,Verdana,'Lucida Grande',Sans-Serif;
	padding-left:18px; 
}


/*quotes*/


#indent h1 {
  font-size:20px;
  color:#98cb32;
  margin-bottom:3px;
}

#indent h2 {
  font-size:18px;
  color:#98cb32;
  margin-bottom:3px;
}

#indent h3 {
  font-size:15px;
  color:#98cb32;
  margin-bottom:3px;
}

#indent h4 {
  font-size:14px;
  color:#98cb32;
  margin-bottom:3px;
}

#indent h5 {
  font-size:13px;
  color:#98cb32;
  margin-bottom:3px;
}

.none { display:none; }
.dotted-line {background:url(images/dotted-line.jpg) repeat-x}
/*.dotted-line2 {background:url(images/dotted-line2.jpg) repeat-x}*/
.dotted-line2 {border-bottom: 2px dotted green}
object {width:395px;height:325px;}
embed {width:395px;height:325px;}