/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

/*------------------------------------------------------------------

1.	RESET
	Global reset for all HTML elements

------------------------------------------------------------------*/

* { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
html { height: 100% }
body { background: #fff; color: #000; font-size: 100.01%; min-height: 101%; text-align: left; position: relative; border-top:5px solid #000; }
img, fieldset, abbr, acronym { border: 0 }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }
caption { text-align: left }
q:before, q:after, blockquote:before, blockquote:after { content: '' }
input, select, textarea, button { font-size: 1em; line-height: normal; width: auto; }
input, select { vertical-align: middle }
textarea { height: auto; overflow: auto; }
option { padding-left: 0.6em }
button { background: none; border: 0; cursor: pointer; text-align: center; }
ul, ol { list-style-type: none; }

/*------------------------------------------------------------------

2.	MAIN STYLES
	General definitions

--------------------------------------------------------------------

/*-------------------------------
2.a Tags defaults url(images/bg.jpg) position: absolute; background-repeat: no-repeat; important;
---------------------------------
[?] Tags only. No classes or ID's here.
*/
	
body#woothemes {
	background-color: #0f1111; background-image: url(images/bg.jpg) position: absolute; background-repeat: no-repeat; important;
	color: #e9e9e9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
}

p, ul, ol, table { margin: 0 0 18px, }

em { color: #e9e9e9; }


/* Headlines */
h1, h2, h3{
	font-weight: bold;
	line-height: normal;
	letter-spacing:0px;
	text-shadow: black 0.1em 0.1em 0.2em
}
h1 { font-size:30px; }
h2 { font-size:25px; }
h3 { font-size:25px; }
h4 { font-size:14px; }
h5 { font-size:12px; }
h6 { font-size:10px; }
h1, h2, h3 {
	color: #f1c90d !important;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 15px;
}
h4 {
	color: #f1c90d !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}


/* Anchors */
a, a:link, a:visited {
	color: #f1c90d;
	text-decoration: none;
}
a:hover, a:active, a.active {
	text-decoration: underline;
}

/* Lists */
#main div.box1 ul {
	padding:3px;
	padding-left: 25px;
	list-style: square;
}

#main div.box1 li {
	padding-bottom: 10px;
}

#main div.box1 ol {
	padding:3px;
	list-style: square;
    list-style-type:decimal;
}
#sidebar .box1 { margin:7px 0 18px; padding: 18px; }
#sidebar #videos .box1 { margin: 0 0 20px; padding: 10px; }

#sidebar ul, #sidebar ol { 
	list-style-type: none;
}

blockquote {
	margin:15px 0; padding:10px 20px;
	border-bottom:1px solid #444; border-top:1px solid #444;
	font:17px Georgia, "Times New Roman", Times, serif; color:#fff; font-style: italic; text-shadow: black 0.1em 0.1em 0.2em;
	background-color: #666 !important;
}

/*-------------------------------
2.b Base layout
---------------------------------
[?] Mostly ID's. Classes & tags allowed.
*/

#wrap {
	margin: auto;
	text-align: left;
	width: 960px;
	position: relative;
}

	#header, #content, #footer {
		float: left; display: inline;
		clear: both;
		position: relative;
	}

	#header {
		height: 200px;
		width: 100%;
		z-index: 9999;
	}
		#logo { margin: 0 }

			#logo a {
				/* background: url(images/logo.png) no-repeat; */
				cursor: pointer;
				position: absolute;
				top: 85px; left: 7px;
				display:block;
			}

	#content {
		padding: 0 0 4em;
		width: 100%;
	}
		.home #main {
			float: left;
			width: 374px;
		}
		#main {
			float: left;
			width: 500px;
		}
		.home #sidebar {
			float: right;
			width: 543px;
		}
		#sidebar {
			float: right;
			width: 435px;			
		}
		#sidebar h3 { margin-top: -4px; }
	
#footer {
	width: 100%; height: 65px; border-top: 1px solid #555;
	background-color: #000; background-image: none !important;
}
	#footerWrap {
		color: #dadada;
		width: 960px;
		margin: 0 auto;
		position: relative;
	}
	
	
/* Fix Footer Position */
#wrap {position: relative; min-height: 100%;}
html, body, * html #wrap {height: 100%;}
#content {padding-bottom: 100px;}
#footer {margin-top: -73px; bottom: -7px }


/*-------------------------------
2.c Navigations
-------------------------------*/

ul.nav { margin: 0 }

/* Main navigation */
#nav {
	height: 38px;
	width: 750px;
	position: absolute;
	top: 10px; left: 0;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
	z-index: 100;
}

#nav a {
	color: #e7e7e7;
	font-size: 14px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding: 9px 15px;
	text-transform: uppercase;
    background-color: #000;
		-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#nav a:hover {
	color: #fff;
	background-color: #6099ff;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#nav li {
	float: left;
}

/* Style drop down list */

#nav li ul {
	position: absolute;
	width: 200px;
	left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li ul li a {
	background-color: #000;
	line-height: 15px;
	font-size: 11px;
	color: #fff;
	width: 150px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}

#nav li ul li a:hover {
	background-color: #FFF;
	color:#222;
}

#nav li ul li a {
}

#nav li ul ul {
	margin: -35px 0 0 180px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

/* IE7 Fix */

#nav li:hover, #nav li.hover {  
	position: static;
}

ul#footerNav {
	position: absolute;
	top: 24px; right: 0;
}
	ul#footerNav li {
		float: left; display: inline;
		margin-left: 15px;
	}


/*-------------------------------
2.d Elements, ID's & Classes
-------------------------------*/

#footer #footerWrap #copy {
	position: absolute;
	top: 27px; left: 0;
}
	#footer #footerWrap #copy a {
		color: #6099ff;
	}

div#hi {
	color: #2a2b2b;
	font: 18px/18px Arial, Helvetica, sans-serif;
	text-align: right;
	width: 440px;
	position: absolute;
	top: 135px; right: 0;
}
	div#hi p a {
		color: #d0d0d0;
		font: 13px/15px Arial, Helvetica, sans-serif;
	}

h3#myWritings {
	background: none;
	width: 0px; height: 0px;
	margin: 0 0 0px 0px;
}

h3#myVideos {
	background: url(images/bg-h2-myvideos.png) no-repeat;
	width: 138px; height: 33px;
	margin: 0 0 11px 12px;
}

h3#myPhotos {
	background: url(images/bg-h2-myphotos.png) no-repeat;
	width: 137px; height: 34px;
	margin: 0 0 10px;
}
h3#myPortfolio {
	background: url(images/bg-h2-myportfolio.png) no-repeat;
	width: 160px; height: 34px;
	margin: 0 0 10px;
}
h3#myLifestream {
	background: url(images/bg-h2-mylifestream.png) no-repeat;
	width: 189px; height: 34px;
	margin: 0 0 10px;
}
h3#myFavblog {
	background: url(images/bg-h2-myfavblog.png) no-repeat;
	width: 150px; height: 32px;
	margin: 0 0 10px;
}


h2.lifestream_date { display:none; } 
p.lifestream_credits { display:none; } 


div.box1, ol.commentlist li, form#comments { background: url(images/bg-box.png) repeat !important; background: #111; }

div.box1 {
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 0 0 20px;
	padding: 0px 10px;
}
	div.box1 ul, div.box1 ul.blog-list li p { margin: 0 }

		div.box1 ul.blog-list li {
			border-bottom: 1px solid #3f566e;
			padding: 0 0 15px;
		}

	div.box1 p.link {
		text-align: right;
		margin: 0 0 15px;
	}
	
	div.box1 ul.left-list {
		float: left;
		width: 230px;
		padding: 10px 0 10px 10px;
	}

	div.box1 ul.right-list {
		float: right;
		width: 230px;
		padding: 10px 10px 10px 0;
	}
	
		div.box1 ul.left-list li, div.box1 ul.right-list li, div.box1 ul.list3 li {
			line-height: 30px;
			border-top: 1px solid #3f566e;
			padding: 8px 0;
		}
		
		div.box1 ul.list3 {
			margin: 15px 0 0;
		}

		div.box1 ul.list3 li {
			padding: 25px 0;
		}
		
		div.box1 ul.list3 li ul {
			margin: 0;
			border: none !Important;
		}

		div.box1 ul.list3 li ul li {
			margin: 0 0 0 15px;
			padding: 15px 0 0;
			border: none !Important;
		}
		
		div.box1 ul.left-list li a, div.box1 ul.right-list li a, div.box1 ul.list3 li a { color: #dadada }

div.box2 {
	background-color: #141517;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 8px;
}

.txt0, .txt0 a, .continue { font-size: 13px; color: #fff !important; text-align: left; text-shadow: black 0.1em 0.1em 0.2em;}

h4.txt1 {
	background: url(images/ico-1.png) no-repeat; font-size: 24px; line-height: 29px; text-shadow: black 0.1em 0.1em 0.2em;
	padding: 0 0 20px 50px;
}

#sidebar h3 {
	color: #f1c90d;
	font-weight: bold;
}

#sidebar a {
	color: #6099ff;
}


/* Comments  */

ol.commentlist  { margin:0; }

ol.commentlist li {
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 0 0 10px;
	padding: 18px 20px 18px 20px;
	position: relative;
}
	ol.commentlist li p {	margin: 0; padding-top:13px; margin-top: 20px !important;}

		ol.commentlist li img.avatar {
			float:left;
			border: 1px solid #333;
	padding: 6px !important;
	background: #101010;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
margin-right: 12px;
		}

		ol.commentlist li p a { color: #6099ff; }
		
	ol.commentlist li ul li {
		padding: 15px 0px 5px 20px;
		margin:0;
	}

ol.commentlist .comment-meta a { color:#999; font-size: 12px; }
ol.commentlist .children { margin:0; }

h2.title { color: #f1c90d; margin: 0 0 14px; text-shadow: black 0.1em 0.1em 0.2em; font-weight: bold; font-size: 25px; }

div.post { padding: 5px 0px; margin-left: 10px; margin-right: 10px; }
.post strong { font-weight: 700;}
.post em { font-style: italic}



.home .post { border-bottom: 1px solid #777777}

div.post img { width: auto;
	border: 1px solid #333;
	padding: 15px !important;
	background: #101010;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	text-align: center;
}
	
.box1 .navigation { padding: 10px 0; }

h2.hd-page {
	margin: 20px 0;
}
div.box1 ul.list2 li, div.list3 li {
	line-height: 13px;
	border-bottom: none;
	padding: 8px 0;
}
div.list3 .lifestream li { border:none; }


/*------------------------------------------------------------------

3.	FORMS
	Styles for forms only

--------------------------------------------------------------------

/*-------------------------------
3.a Form styles
-------------------------------*/

input.text, select.select, textarea.textarea
{
	border: 0;
	color: #000;
	padding: 7px;
}
input.text { width: 168px }
select.select { width: 200px }
textarea.textarea { width: 375px; height: 100px; background-color: #e9eef4 }

button.button {
	color: #fff;
	height: auto; width: auto;
	line-height: normal;
	white-space: nowrap;
}

/* General forms */
form.form {  }

	form.form ol.fieldset { list-style: none }
	
		form.form ol.fieldset li.field {
			margin: 0 0 13px;
			position: relative;
		}
			form.form ol.fieldset li.field label {
				position: absolute;
				top: 5px; left: 195px;
			}
			
	form.form p.submit { margin: 0 }
	
	form.form p.submit input { padding: 5px 10px }


/* Search forms where button and text input are next to each other  */
form.search { /* nothing here */ }
	
	form.search p.fields { margin: 0 }

		form.search p.fields input, form.search p.fields button {
			display: inline;
			vertical-align: middle;
		}


/*-------------------------------
3.b Individual forms
-------------------------------*/

form#topSearch {
	background-color: #000;
	width: 178px; height: 32px;
	position: absolute;
	top: 10px; right: 0;
		-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
	form#topSearch p.fields input {
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		width: 130px;
		background: none;
		overflow: hidden;
		border: none;
		position: absolute;
		top: 8px; left: 8px;
	}
		form#topSearch p.fields button {
			background: url(images/ico-search.png) no-repeat;
			width: 21px; height: 21px;
			border: none;
			position: absolute;
			top: 5px; right: 10px;
		}

form#comments {
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 20px 30px;
}
		

/*------------------------------------------------------------------

4.	PLUGINS
	Predefined utilities

--------------------------------------------------------------------

/*-------------------------------
Sidebar Tabber
-------------------------------*/

ul.idTabs {
	width: 100%;
	padding: 0;
	margin: 0 0 0 10px;
}

ul.idTabs li {
	display: inline;
	margin-right:5px;
	float:left;
}

ul.idTabs li a {
	display:block;
	float:left;
	height:16px;
	margin:0 auto;
	padding:10px;
	text-align:left;
}

ul.idTabs li a.selected, ul.idTabs li a:hover {
	background: url(images/bg-box.png) repeat !important;
	background: #111;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	-khtml-border-radius: 6px 6px 0 0;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	border-radius: 6px 6px 0 0;	
}
#tabs .inside {
	background: url(images/bg-box.png) repeat !important;
	background: #111;
	-moz-border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;	
}

#tabs .inside ul li {
	line-height: 15px;
	border-bottom: none;
	padding: 15px 0;	
}
#tabs .inside ul#comm li {
	background:url(images/ico-6.gif) no-repeat left center;
	padding-left:28px;
}
#tabs .inside ul#pop li {
	background:url(images/ico-2.gif) no-repeat left center;
	padding-left:28px;
}


#tagcloud {
	padding:15px;
}
#tabs .inside ul{
	margin:0;
	padding:0px 15px 10px 15px !important;
}
.home #tabs {
	width:260px;
	float:left;
	margin:24px 0 20px;
}
.home div#myfavblog {
	width:260px;
	float:right;
}



/*-------------------------------
Widgets
-------------------------------*/


.widgetized .inside {
	background: url(images/bg-box.png) repeat !important;
	background: #111;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	-khtml-border-radius: 6px 6px 0 0;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	border-radius: 6px 6px 0 0;	
}

table#wp-calendar { margin:0 !important; }

#wp-calendar caption {
	color: #fff;
	font-weight: normal;
	font-size: 22px;
	letter-spacing: -1px;
	margin: 0 0 10px;
	font-family: Georgia;
}

#wp-calendar thead {
	color: #6099ff;
	font-weight: bold !important;
}

#wp-calendar #next, #wp-calendar #prev {
	padding: 10px 0 0 !important;
}

#flickr {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 10px;
}

#flickr .flickr_badge_image a {
		float: left;
		display: inline;
		margin: 0 16px 15px 0;
		border: 1px solid #888;
		padding: 5px;
}

#flickr .flickr_badge_image a:hover {
	border: 1px solid #fff;
}
#browseFlickr{
	background: url(images/bg-flickr.png) no-repeat;
	width: 91px; height: 11px;
	margin: 0 25px 10px 12px;
	float:right;
}
#video {
	padding: 10px;
}

#sidebar #advert_125x125 { padding:20px 0 20px 20px; margin: 0 0 18px;	}
#sidebar #advert_125x125 img { margin:0 7px 7px 0; }

#portfolio {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 10px;
}

#portfolio a {float: left; display: inline; margin: 0 16px 15px 0; border: 1px solid #888; padding: 5px; }

#portfolio a:hover {border: 1px solid #fff; }


/*-------------------------------
Lifestream
-------------------------------*/

.list3 .first, .list3 h5 {font-weight: bold; font-size: 16px; margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #fff; }

.list3 .lifestream-icon {float: left; padding: 0 15px 0 0;}

.list3 .lifestream-post {font-size: 14px;}

.list3 .lifestream-post p {margin: 0 !important;}


/*-------------------------------
Utility classes
-------------------------------*/

.l { text-align: left }
.c { text-align: center }
.r { text-align: right }
.aligncenter { margin: 5px auto 15px auto;	display: block; }
.alignleft { margin: 5px 15px 5px 0; float: left; }
.alignright { margin: 5px 0px 5px 15px; float: right; }

.wrap, .col { float: left;	display: inline; position: relative; }
.wrap { clear: both }

.clear { clear: both }
.fl { float: left }
.fr { float: right }
.hide, .hidden, .anchor, .skip { display: none }
.nomargin { margin-bottom: 0 !important }
.noborder { border: 0 !important }
.top { margin-top: 0 !important }

.replace, .br { display: block; font-size: 1%; line-height: 0; text-align: left; text-indent: -10000px; }

.hr { background: #ccc; height: 1px; margin: 1.5em 0 }
.hr hr { display: none }


/*-------------------------------
Clearfix
-------------------------------*/

.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clearfix { display: block }
.fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden; }

/* Twitter Styles */
.twitter-timestamp { font-size: 11px; color: #888; padding-left: 2px; }
li.twitter-item { font-size: 15px; line-height: 19px !important; border-bottom: none;}

/* Clean up outline areas 1 */
a { outline:none; }:focus { -moz-outline-style: none; }

/* Clean up outline areas 2 */
a, input { outline:none;}

/* Forcing a vertical scrollbar */
html, body { height: 100%; margin: 0 0 1px; padding: 0; }

#sidebar ul {line-height: 20px;}
ul.children { text-indent:15px; }

post-edit-link { background: #555; }

/* Code Style */
span.code { color: #090; font-size: 0.92308em; font-family: "Andale Mono", Courier, "Courier New", monospace; } /* Using a <span class="code"> preserves the line height better across a wider variety of browsers */

	code { color: #090; font-size: 0.92308em; font-family: "Andale Mono", Courier, "Courier New", monospace; line-height: 1.0em; }

	html[xmlns*=""] body:last-child code { font-size: 1.0em; } /* Safari hack to handle font sizes consistently. */

	pre { margin: 0 0 1.5em 0; font-size: 0.84615em; font-family: Courier, "Courier New", monospace; overflow: auto; clear: both; }

	html[xmlns*=""] body:last-child pre { font-size: 1.0em; } /* Safari hack to handle font sizes consistently. */
	
	
ol.commentlist li div.reply { margin-top: 20px; background:#000; border:1px solid #222; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }
ol.commentlist li div.reply:hover { background:#6099ff; border:1px solid #6099ff; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }

.right {float:left; width:140px;}
.left {float:left; width:140px;}