/*
Theme Name: unbound
Theme URI: http://www.headsetoptions.org/
Description: An advanced new "widget" 3-column ready WordPress theme by <a href="http://www.headsetoptions.org">headsetoptions.org</a> and <a href="http://www.mandarinmusing.com/"> MandarinMusing</a> based on work by <a href="http://www.styleshout.com/">Erwin Aligam</a>. The CSS (stylesheet) and images are released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5 License</a>, while the rest of the theme files are released under a <a href="http://www.gnu.org/licenses/gpl.html">GNU GPL License</a>. What this means is, if you are to use this CSS/images to redesign or redistribute, you are required to link back to the authors in the footer. You can make any changes to the php files any way you like. However, we require you to leave the credits for theme authors intact. If you plan on redistributing this theme, ask for permission first.
Version: 
Author: Headsetoptions
Author URI: http://www.headsetoptions.org/
*/

/* images */
#flickr img {
	background: #D3D3D3;
   border: 2px solid #D3D3D3;
	padding: 3px;
	margin: 5px;
}

#rss_badge img

{
background: #ffffff;
border: 0px #ffffff;

}
.flickr-image img {
	background: #D3D3D3;
   border: 1px solid #D3D3D3;
	padding: 1px;
	margin: 1px;
}
/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 

/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

body {
	font: 12px/165% Arial;
	color: #666666; 	
	margin: 0; padding: 0 0 50px 0; 
	background: #070707 url(images/bg.jpg) repeat-x;
	text-align: center;
}

/* Links */

a {
	text-decoration: none;
	color: #000000; 	
}
a:hover {
	background: #F0f0f0; 
	color: #7A522A;
        border-bottom: 1px dotted #000;
}


/* Headers */
h1, h2, h3 {
	font: bold 1em/1.5em "Trebuchet MS", Tahoma, Arial, Sans-serif;
	color: #111;
	padding: 15px 10px 5px 10px;
	margin: 0;
}
h1 {
	font-size: 345%;	
	font-weight: bold;
	letter-spacing: -2px;	
}
h2 {
	font-size: 200%;
	font-weight: normal;	
}
h3 {
	font-size: 170%;	
	font-weight: bold;
	text-align: left;
}

h4 {
	font-size: 140%;	
	font-weight: boldl;	
}

h5 {
	font-size: 130%;	
	font-weight: bold;	
}

h6 {
font-size: 105%;
font-weight: bold;
font-family: "Trebuchet MS",Tahoma,Arial,Sans-serif;	
}

p, dl { padding: 10px; margin: 0; }

ul, ol {
	margin: 10px 20px;
	padding: 0 20px;
}
ul { list-style: none; }

dt {
  font-weight: bold;
  color: #895F30;
}
dd {
  padding-left: 25px; 
}

/* Images */
.col-one img {
	background: #fafafa;
	border: 1px solid #dcdcdc;
	margin: 3px;
	padding: 2px;



}
.size-full {

}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}

code {
  	margin: 5px 0;
  	padding: 8px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  	/* white-space: pre; */
  	border: 1px solid #EBEBEB;
	background: #F0F0F0;  
}
acronym {
  cursor: help;
  border-bottom: 1px dotted #895F30;
}
blockquote {
	margin: 15px 10px;
 	padding: 10px 10px 10px 35px;  
   border: 1px solid #F0F0F0;
	background: #F0F0F0 url(images/quote.jpg) no-repeat 10px 10px;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.5em;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;	
	color: #555;	
}

/* start - table */
table {
	border-collapse: collapse;
	margin: 15px 10px;	
}
th {
	color: #555;
	background: #E6E6E6;
	height: 38px;
	padding-left: 12px;
	padding-right: 12px;
	text-align: left;	
	
	border-width: 1px;
  	border-style: solid;
  	border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;	
}
tr {
	height: 34px;	
	background: #fff;
}
td {
	padding-left: 11px;
	padding-right: 11px;
	border: 1px solid #ECECEC;	
}	
/* end - table */

/* form elements */
form {
	margin: 15px 10px; padding: 5px 10px 20px 10px;
	border: 1px solid #f1f1f1; 
	background: #fdfdfd; 	
}
label {
	display: block;
	font-weight: bold;
	margin: 8px 0 5px 0;
	color: #895F30;
}
input, select {
	padding: 4px;
	font: normal 1em Verdana, sans-serif;
	color: #666666;
	background: #fff;  	
}
textarea {
	width: 350px;
	padding: 4px;
	font: normal 1em Verdana, sans-serif;
	height: 100px;
	display: block;
	color: #666666;
}
input, textarea, select {
	background: #fff;
  	border-width: 1px;
  	border-style: solid;
  	border-color: #D4D4D4 #ebebeb #ebebeb #d4d4d4; 
}

input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 30px;
	margin: 0;
	padding: 2px 3px; 
	color: #555;
	background: #E6E6E6;
	
	border-width: 1px;
  	border-style: solid;
  	border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;
}

/* search form */
.searchform {
	background-color: transparent;
	border: none;	
	margin: 0; padding: 12px 0 15px 8px;	
	width: 190px;	
}
.searchform p { margin: 0; padding: 0 0 10px 0; }
.searchform input.textbox { 
	width: 115px;
	color: #666666; 
	height: 18px;
	padding: 2px;	
	vertical-align: top;
}
.searchform input.button { 
	width: 60px;
	height: 24px;
	padding: 2px 5px;
	vertical-align: top;
}

/* ------------------------------------------
   LAYOUT
------------------------------------------- */ 
#header-wrap {
	position: relative;
	background: #fff url(images/wrap-bg.jpg) no-repeat;
	margin: 0 auto;
	width: 940px;
	height: 385px;
	text-align: left;	
}
#header-photo {
	position: absolute;
	top: 90px; left: 24px;	
	padding: 0;		
	height:290px; 
	width: 890px;
	clear: both;
	/* border: 1px solid #F0F0F0; */
	background: #fff url(images/header-photo.jpg) no-repeat;
}
#header-photo img {
	border: none;
	margin: 0; padding: 0;
} 

/*  Navigation  */
#nav {
	position: absolute;
	margin: 0; padding: 0;		
	width: 880px;	
	left: 25px;	top: 0px;	
}
#nav ul {
	float: left;
	list-style: none;
	width: 880px;		
	height: 40px;
	margin: 0; padding: 0;	
	display: inline;
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}

#nav ul li a {
	float: left;
	margin: 0;
	font: bold 14px/35px 'Trebuchet MS', Tahoma, Helvetica, Arial, Geneva, Sans-serif;
	color: #070000;	
	padding: 18px 11px 0 11px;
	text-decoration: none;	
}

#nav ul li a:hover, 
#nav ul li a:active {
	color: #663333;
	background: none;
	border: none;
}
#nav ul li.current_page_item a {	
	color: #000;	
	background: #d5d3d6 url(images/nav-current.jpg) repeat-x;
	border-bottom: 1px solid #CECECE;
}


#nav ul li.current_page_item a, #menu ul li.current_page_item a:hover { 
	color: #000;	
	background: #d5d3d6 url(images/nav-current.jpg) repeat-x;
	border-bottom: 1px solid #CECECE;
} 


#nav span.feed
{ 
padding: 0px 18px 0px 0px; background: url(images/feed.gif) no-repeat right center; 
}


#header-wrap h1#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	font: normal 62px Georgia, 'Times New Roman', Times, serif;
	letter-spacing: -1.5px;
	color: #070000;
	text-decoration: none;
		
	/* change the values of top and left to adjust the position of the logo*/
	top: 135px; left: 48px;	
}
#header-wrap h1#logo-text a:hover {
	background: none;	border: none;
}
#header-wrap p#intro {
	position: absolute;
	margin: 0; padding: 0;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.6em;
	font-style: italic;
	text-transform: none;
	color: #663333;
	width: 400px;
	
	/* change the values of top and left to adjust the position */
	top: 205px; left: 60px;		
}

/* header quick search */
#header-wrap form#quick-search {
	position: absolute;
	top: 25px; right: 25px;
	padding: 0; margin: 0;
	width: 260px; height: 26px;
	background: #fff;	
	z-index: 999999;
	border: 1px solid #D8D8D8;		
}
#header-wrap form#quick-search p {
	margin: 0; padding: 0;		
}
#header-wrap form#quick-search .tbox {
	margin: 2px 0 0 4px; 
	width: 210px;
	background: none;
	border: none;
	color: #ABABAB;
}
#header-wrap form#quick-search label,
#header-wrap form#quick-search .btn {
	display: none;	
}

#content-outer {
	background: #fff;
	width: 100%;
}
#content-wrapper {
	width: 940px;
	margin: 0 auto;	
	text-align: left;
}
#content {
	float: left;
	width: 100%;
	background: #fff url(images/content-bg.jpg) no-repeat;		
}

.col-one {
	margin-right: 220px;
	padding-left: 20px;
}

.col-one h3 

{

padding-bottom: 3px;

font-family: "Trebuchet MS",Tahoma,Arial,Sans-serif;

font-style: normal;

font-variant: normal;

font-weight: normal;

font-size: 3.4em;

line-height: normal;

font-size-adjust: none;

font-stretch: normal;

-x-system-font: none;

color: #000000;

letter-spacing: -2px;

text-transform: none;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #ebebeb;

margin-left: 5px;

padding-left: 5px;


}

.col-mid {
	float: right;
	width: 200px;
	margin-left: -210px;
	margin-top: 12px;
	margin-bottom: 12px;
	padding-right: 10px;
}


.col-two {
	float: left;
	width: 210px;
	margin-top: 12px;
       
}
.col-three {
	float: right;
	width: 210px;
	margin-top: 12px;
}
.col-one, .col-two, .col-three {
	padding-bottom: 20px;
}

#content .col-one h2 {
	padding-bottom: 3px;
	font: normal 3.4em "Trebuchet MS", Tahoma, Arial, Sans-serif;
	color: #000;
	letter-spacing: -2px;	
	text-transform: none;
	border-bottom: 1px solid #ebebeb;	
	margin-left: 5px;
	padding-left: 5px;
}
#content .col-one h2 a {
	color: #000;
	text-decoration: none;	
	background: none; 
	border: none;
}
#content .col-one h2 a:hover {
	color: #A56F38; 	
}
#content .col-one ul li {
	list-style-image: url(images/bullet.gif);
}
#content-wrapper .col-mid h2, 
#content-wrapper .col-two h2, 
#content-wrapper .col-three h2 {
	color: #111;
	font: normal 1.8em "Trebuchet MS", Tahoma, Arial, sans-serif;
	text-transform: none;
	letter-spacing: -0.5px;
	padding: 5px 10px;
	margin: 15px 0 5px 0;
}

/* sidebar menu */
ul.sidemenu {
	text-align: left;
	margin: 3px 5px 3px 0px; padding: 2;
	text-decoration: none;		
	background: url(images/dots.gif) repeat-x left top;
}
ul.sidemenu li {
	list-style: none;
	background: url(images/dots.gif) repeat-x left bottom;
	padding: 0px 0px;
	margin: 0;		
}
* html body ul.sidemenu li {
	height: 1%;
}
ul.sidemenu li a {
	text-decoration: none;	
	background-image: none;	
	background-color: transparent;
	border: none;
	color: #666666;		
}
ul.sidemenu li a span {
	color: #989898;	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;	
	font-size: 1em;
}
ul.sidemenu li a:hover {	
	color: #000;	
	background: none;
	border: none;
}
ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
ul.sidemenu ul li { background: none; }





/* footer */
#footer-wrapper {
	clear: both;
	width: 940px;
	margin: 0 auto;
	text-align: left;
	font: normal 1em/1.6em 'Trebuchet MS', Tahoma, Sans-serif;			
}
#footer-wrapper h2, #footer-wrapper p {
	padding-left: 0;
}
#footer-wrapper h2 {
	font: normal 1.6em/1.6em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	color: #ABABAB;	
}
#footer-wrapper a {
	color: #fff;
	background: transparent;
}

#footer-wrapper ul.footer-list {
	list-style: none;
	padding: 0;	
	margin: 0;	
}
#footer-wrapper ul.footer-list li{
	margin: 0;
	padding: 0;
	margin-left: 0;
	padding-left: 0;
}

#footer-wrapper ul.footer-list li li {
	border-bottom: 1px solid #111;
}


#footer-wrapper ul.footer-list li a, #footer-wrapper ul.footer-list li li a {
	display: block;
	width: 98%;
	line-height: normal;
	font-weight: bold;
	padding: 4px 0;
	border: none;
	margin-left: 0;
	padding-left: 0;
	color: #666666;
}
#footer-wrapper ul.footer-list li a span, #footer-wrapper ul.footer-list li li a span {
	color: #444;
	font-style: italic;
	font-weight: normal;
	font-family: Georgia, 'Times New Roman', Times, serif;
}

#footer-wrapper ul.footer-list li a:hover,
#footer-wrapper ul.footer-list li li a:hover,
#footer-wrapper ul.footer-list li a:hover span, 
#footer-wrapper ul.footer-list li li a:hover span {
	color: #fff;
	text-decoration: none;	
}

#footer {
	float: left;	
	width: 100%;	
	padding: 0;				
	margin-left: 5px;	
	margin-top: 10px;
	padding-bottom: 15px;	
}
#footer-bottom {
	clear: both;
	border-top: 1px solid #111;
	width: 880px;
	margin: 0 auto;	
}

#footer-bottom .bottom-left a, #footer-bottom .bottom-right a {
	color: #999999;
	background: transparent;
}



#footer-bottom .bottom-left {
	float: left;
	padding-left: 5px;
	font-size: 95%;		
}
#footer-bottom .bottom-right {
	text-align: right;
	padding-right: 0;
	font-size: 95%;		
}

.bottom-col-one {width: 32%; float: left; }
.bottom-col-two {width: 32%; float: left; }
.bottom-col-three {width: 32%; float: left; }

/* postmeta */
.postmeta {	
	padding: 5px; margin: 20px 10px 15px 10px;	
	font-size: 1em;	
	color: #777;
	border: 1px solid #EBEBEB;
	background: #F5F5F5;
}
.postmeta a { background: transparent; }
.postmeta .date{ margin: 0 10px 0 5px;	}
.postmeta a.comments { margin: 0 10px 0 5px;	}
.postmeta a.readmore { margin: 0 10px 0 5px;	}

.post-info { font-size: .95em; padding-top: 3px; margin-left: 5px; color: #bababa; }
.post-info a { color: #000; }

/* thumbnails */
p.thumbs{ padding: 12px 0 0 10px; }

.thumbs img { 
	position: relative;
	padding: 4px;
	margin: 5px;
	background: #fafafa;
   border: 1px solid #dcdcdc;	
}
.thumbs img:hover	{
	border: 1px solid #8E8E8E;
	background: #8E8E8E;	
}
.thumbs a:hover { background-color: transparent; border: none }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* clearing */
.clearer { clear: both; }
.clear { display:inline-block; }
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}

.clearsmall { padding-bottom: 10px; }



/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clearer { clear: both; }

.col-mid .sponsors img.ml 
{
margin-bottom : 4px; padding: 1px;  margin-right : 4px; overflow : hidden;
}
img a 
{
border : none;
}
img 
{
border : 0;
}
.clearhigh 
{
clear : both; display : block; height : 10px; overflow : hidden; margin : 0; padding : 0;
}
.clear {
	display:inline-block;
}
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}


/* tabs */

.tab_container 
{ 
margin: 0px 10px; padding: 0px; border: 5px solid #CCCCCC; 
}
.tab_container_in 
{ 
margin: 3px; padding: 0px 0px; border-left: 1px solid #dddddd; border-top: 1px solid #dddddd; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
}

.tab_container_in ul, ol {
	margin: 20px 10px;
	padding: 3px 1px;
}
.tab_menu_container 
{ 
margin: 0px 10px; padding: 0px 0px 0px 0px; height: 30px; background-color: #CCCCCC;
}
.tab_menu_container ul, ol {
	margin: 10px 0px;
	padding: 3px 0px;
}
#tab_menu li 
{
margin: 0px; padding: 5px 5px 2px 0px; font-size: 11px; line-height: normal; float: left; list-style: none; cursor: pointer; border-bottom: none;
}
#tab_menu .first 
{
padding: 5px 5px 2px 6px; 
}
#tab_menu li a, #tab_menu li a:visited 
{
margin: 0px; padding: 3px 6px 3px 6px; color: #FFFFFF; text-decoration: none; display: block;
}
#tab_menu li a:hover, #tab_menu li a.current 
{
background-color: #EEEEEE; color: #000000; text-decoration: none; 
}
.tab_content_list 
{ 
display: none;	 
}
#tab_content_tags a, #tab_content_tags a:visited 
{
color: #EEEEEE; text-decoration: none; 
}
#tab_content_tags a:hover 
{
color: #ffffff; text-decoration: none;
}
.tab_container ul 
{
list-style: none;
}

/* comment form */

#comments 
{
clear : both; background : #EEEEEE; padding : 15px;
}

#comments h3 {
font-size: 170%;	
	font-weight: normal;

	text-decoration: none;
	color: #7A522A; 
}
#comments a, #comments a:hover 
{
text-decoration : none;
}
#comments h2 
{
margin : 0;
}
#comments dl 
{
margin : 0; padding : 0;
}
#comments dt 
{
padding : 8px 0 0 0; font-size : 1.2em; border-top : 1px dotted #99c; color : #666666;
}
#comments dt.highlighted 
{
padding : 8px; background : #fc0; border : 4px solid #fff; 
}
#comments dd.highlighted 
{
background : #fff; padding : 2px 8px;
}
#comments h3, #postComment h3 
{
padding : 0; margin : 0 0 15px 0;
}
#postComment 
{
background : #CCCCCC; padding : 15px;
}
#postComment label 
{
width : 320px; display : block; float : left; clear : both; margin : 5px 0 0 0;
}
#postComment input, #postComment textarea 
{
margin : 5px 0 0 0; width : 347px;
}
#postComment textarea 
{
height : 160px;
}
#postComment .button 
{
padding : 5px; clear : both; width : 100px; margin : 10px 0 0 0;
}
#comments a 
{ 
background: none; 
}