/*
Theme Name: GH theme

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

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;
}
IMG, FIELDSET, ABBR, ACRONYM
{
	border: 1 solid #000000;
}
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
---------------------------------
[?] Tags only. No classes or ID's here.
*/
BODY#woothemes
{
	background: #FFF url(images/bg.jpg) no-repeat center 0;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
}
P, UL, OL, TABLE
{
	margin: 0 0 20px;
}
EM
{
	color: #97BF0D;
}
/*Headlines*/
H1, H2, H3
{
	font-weight: normal;
	line-height: normal;
	letter-spacing: 1px;
}
H1
{
	font-size: 18px;
}
H2
{
	font-size: 19px;
}
H3
{
	font-size: 22px;
}
H4
{
	font-size: 14px;
}
H5
{
	font-size: 12px;
}
H6
{
	font-size: 10px;
}
H1, H2, H3
{
	color: #97BF0D;
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-top: 7px;
}
H4
{
	color: #1A7094;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}
/*Anchors*/
A, A:link, A:visited
{
	color: #FFF;
	text-decoration: none;
}
A:hover, A:active, A.active
{
	text-decoration: underline;
	color: #FFF;
	background-color: #000;
}
/*Lists*/
#main DIV.box1 UL
{
	padding: 20px;
	list-style: inside;
}
#main DIV.box1 OL
{
	padding: 20px;
	list-style: inside;
	list-style-type: decimal;
}
#sidebar .box1
{
	margin: 7px 0 18px;
	padding: 18px;
	background: url(images/bg-box2.png) repeat scroll 0 0 !important;
}
#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 #000;
	font: 1em Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	background: url(images/bg-box.png) repeat scroll 0 0 !important;
	background: #222;
}
/*-------------------------------
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: 430px;
	width: 100%;
}
#logo
{
	margin: 0;
}
#logo A
{
	background: url(images/logo.png) no-repeat;
	cursor: pointer;
	position: absolute;
	top: 126px;
	left: 7px;
	display: block;
}
#content
{
	padding: 0 0 4em;
	width: 100%;
}
.home #main
{
	float: left;
	width: 374px;
}
#main
{
	float: left;
	width: 687px;
}
.home #sidebar
{
	float: right;
	width: 543px;
}
#sidebar
{
	float: right;
	width: 257px;
}
#sidebar H3
{
	margin-top: 10px;
}
#footer
{
	width: 100%;
	height: 65px;
	background: url(images/bg-footer.png) repeat-x;
}
#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: 751px;
	position: absolute;
	top: 10px;
	left: 224px;
}
#nav, #nav UL
{
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 100;
}
#nav A
{
	color: #97BF0D;
	font-size: 14px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding: 9px 15px;
	text-transform: uppercase;
}
#nav A:hover
{
	color: #FFF;
	background: url(images/bg-nav.png);
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#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: url(images/bg-nav.png);
	line-height: 18px;
	font-size: 11px;
	color: #FFF;
	width: 150px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#nav LI UL LI A:hover
{
	background: #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: 27px;
	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: 27px/18px Arial, "sans sérif";
	text-align: right;
	width: 440px;
	position: absolute;
	top: 135px;
	right: 0;
}
DIV#hi P A
{
	color: #D0D0D0;
	font: 11px/11px Arial, Helvetica, sans-serif;
}
H3#myWritings
{
	background: url(images/bg-h2-mywritings.png) no-repeat;
	width: 160px;
	height: 34px;
	margin: 0 0 10px 12px;
}
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#myLinks
{
	background: url(images/bg-h2-mylinks.png) no-repeat;
	width: 160px;
	height: 34px;
	margin: 0 0 10px;
}
DIV.box1, OL.commentlist LI, FORM#comments
{
	background: url(images/bg-box.png) repeat !important;
}
DIV.box1
{
	-moz-border-radius: 25px;
	-khtml-border-radius: 0px 15px;
	-webkit-border-radius: 18px;
	border-radius: 20px;
	margin: 1px 0 9px;
	padding: 0px 7px 0px 8px;
}
DIV.box1 UL, DIV.box1 UL.blog-list LI P
{
	margin: 0;
}
DIV.box1 UL.blog-list LI
{
	border-bottom: 1px dashed #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: 13px;
	border-top: 1px dashed #3F566E;
	padding: 8px 0;
}
DIV.box1 UL.list3
{
	margin: 15px 0 0;
}
DIV.box1 UL.list3 LI
{
	padding: 15px 0;
}
DIV.box1 UL.list3 LI UL
{
	margin: 0;
	border: 0 none #000000; /*[e]!Important none #000000*/
}
DIV.box1 UL.list3 LI UL LI
{
	margin: 0 0 0 15px;
	padding: 15px 0 0;
	border: 0 none #000000; /*[e]!Important none #000000*/
}
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: #151617;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 8px;
}
P.txt0, P.txt0 A, .continue
{
	padding: 0px 0 2px 2px;
	color: #595A58;
	background-color: #333;
	border-bottom: 1px dotted #FFFFFF;
}
H4.txt1
{
	background: url(images/ico-1.gif) no-repeat 15px 3px;
	padding: 0 0 10px 45px;
}
#sidebar H3
{
	color: #FFF;
	font-weight: normal;
	margin-left: -1px;
	padding-left: 10px;
}
#sidebar A
{
	color: #E3E3E2;
	cursor: pointer;
	border-bottom: 1px solid #97BF0D;
	line-height: 24px;
	width: 333px;
}
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;
	position: relative;
}
OL.commentlist LI P
{
	margin: 0;
}
OL.commentlist LI IMG.avatar
{
	float: right;
	padding: 0 10px;
}
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;
	padding-bottom: 5px;
}
OL.commentlist .children
{
	margin: 0;
}
H2.title
{
	color: #FFF;
	margin: 0 0 14px;
}
DIV.post
{
	padding: 4px 0px;
}
DIV.post IMG
{
	border: 4px dotted #E3EE30;
	padding: 6px !important;
	padding: 0;
}
.box1 .navigation
{
	padding: 10px 0;
}
H2.hd-page
{
	margin: 20px 0;
}
/*------------------------------------------------------------------

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: url(images/bg-search.png) no-repeat;
	width: 178px;
	height: 32px;
	position: absolute;
	top: 10px;
	right: 0;
}
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: 13px;
	border-bottom: 1px dashed #555;
	padding: 15px 0;
}
#tagcloud
{
	padding: 15px;
}
#tabs .inside UL
{
	margin: 0;
	padding: 0px 15px 10px !important;
}
#sidebar #tabs
{
}
/*-------------------------------
Widgets
-------------------------------*/
.widgetized .inside
{
	background: url(images/bg-box2.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;
	padding: 0 10px;
}
#flickr .flickr_badge_image A
{
	float: left;
	display: inline;
	margin: 0 16px 15px 0;
	border: 1px dashed #888;
	padding: 5px;
}
#flickr .flickr_badge_image A:hover
{
	border: 1px dashed #FFF;
}
#video
{
	padding: 10px;
}
#sidebar #advert_125x125
{
	padding: 30px 0 20px 30px;
	margin: 0 0 18px;
}
#sidebar #advert_125x125 IMG
{
	margin: 0 15px 5px 0;
}
/*-------------------------------
Lifestream
-------------------------------*/
.list3 .first, .list3 H5
{
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px dashed #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;
	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;
}