/* -----   /////    GLOBAL TEMPLATE   /////    ----- */
* {margin:0; padding:0;}
img{border: 0;}
.left{float: left;}
.right{float: right;}
.strong{font-weight: bold;}
.block{display: block;}
a.block{display: block;}
.clear{clear: both;}
.clearline{clear:both; border-bottom: 1px #ccc solid;margin: 15px 0 15px 0;}
.inline{display: inline;}
.none{display: none;}

h1{font-family: Arial, Century Gothic, Geneva, sans-serif;}

h2, h3, h4{
	font-weight: normal; 
	font-family: Arial, Century Gothic, Geneva, sans-serif;
}

h1{font-size: 1.3em; color: #88BB00;font-weight: normal; padding-bottom: .3em;}
h2{font-size: 1.2em;color: #07f;}
h3{font-size: 1.1em;color: #88BB00;font-weight: normal;}
h4{font-size: 1.0em;color: #88BB00;font-weight: normal; margin-bottom: -.7em;}
h5{font-size: 1.0em;color: #88BB00;font-weight: bold; margin-bottom: -.7em;}


h1 a:link, h1 a:visited, h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited, h4 a:link, h4 a:visited{
	color: #07f;
	text-decoration: none;
}

h1 a:hover, h1 a:active, h2 a:hover, h2 a:active,
h3 a:hover, h3 a:active, h4 a:hover, h4 a:active{
	color: #07f;
	text-decoration: underline;
}

a:link, a:visited, p a:link, p a:visited{color: #0055ff; text-decoration: none;}
a:hover, a:active, p a:hover, p a:active{color: #0055ff; text-decoration: underline;}

p{
	color: #444;
	margin: 1.0em 0 1.0em 0;
	font-size: 75%;
	line-height: 1.5em;
	font-family: Verdana, Arial, Tahoma, sans-serif;
}

p.disclaimer{
	background-color:#eee;
	border:1px #bbb solid;
	color: #b00;
	padding: 12px;
	margin: 1.0em 0 1.0em 0;
	font-size: 70%;
	line-height: 1.4em;
	font-family: Verdana, Arial, Tahoma, sans-serif;
}

/* -----   /////    LAYOUT TEMPLATE   /////    ----- */

body{
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: Arial, Tahoma, Verdana; 
}

#wrapper{
	margin: 0 auto;
	width: 770px;
	display: block;
	position: relative;
}

#header{
	width: 770px;
	border-bottom: #ccc 5px solid;
	display:block;
	background-color: #fff;
}

#header .logo{
	padding: 10px 0 10px 0;
	display: inline;
	float: left;
}

#header .logo img{
	float: left;
	border: 0;
	display:inline;
}

#header .graphic{
	height: 129px;
	background-image: url(/images/header-surfer.jpg);
	background-repeat: no-repeat;
	border-bottom: #fff 2px solid;
	display: block;
}

#header .pokergraphic{
	height: 129px;
	background-image: url(/images/header-poker.jpg);
	background-repeat: no-repeat;
	border-bottom: #fff 2px solid;
	display: block;
}

#header .nographic{
	height: 10px;
	background-color: #07f;
	border-bottom: #fff 2px solid;
	display: block;
}

#main{
	display: block;
	background-image: url(/images/main-bg.gif);
	background-repeat: repeat-y;
	border-top: 15px #fff solid;
	border-bottom: 15px #fff solid;
}

#rightcol{
	padding-left: 20px;
	float: right;
	width: 495px;
}										 

#rightcol p{text-align: left;}

#rightcol .datepost{
	margin-top: 2px;
	font-size: .75em;
	color: #666;
}

#rightcol .smo{
  	padding: 18px 0 0 12px;
	margin: 8px 0 13px 0;
	background-image: url(/images/social-bookmarking-bg.gif);
	background-repeat: no-repeat;
	height: 22px;
	font-size: 10px;
	display: block;
} 

#rightcol .smo a{padding: 0 7px 0 22px;}

#rightcol .smo a.digg{
	background-image: url(/images/digg-button.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#rightcol .smo a.tech{
	background-image: url(/images/technorati-button.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#rightcol .smo a.del{
	background-image: url(/images/delicious-button.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#rightcol .smo a.stumble{
	background-image: url(http://www.stumbleupon.com/images/stumbleit.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#rightcol .postfoot{
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	text-align: left;
	font-family: Arial, Helvetica, Tahoma, sans-serif; 
	font-size: 10px; 
	text-transform: uppercase;
	color: #555;
	line-height: 1.6em;
	background-image: url(/images/horz-dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#body_proj #rightcol p.postfoot{
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	text-align: left;
	font-family: Arial, Helvetica, Tahoma, sans-serif; 
	font-size: 10px; 
	text-transform: uppercase;
	color: #555;
	line-height: 1.6em;
}

#rightcol ul{
	margin: 15px 0 15px 30px;
	list-style: square;
	color: #444;
	font-size: 75%;
	line-height: 1.6em;
	font-family: Verdana, Arial, Tahoma, sans-serif;
}

#rightcol ul.split{
	margin:0 0 15px 5px;
	
	display:block;
	font-size:.70em;
}

span.title{
	font-weight: normal; 
	font-family: Arial, Century Gothic, Geneva, sans-serif;
	color: #0055FF;
	font-size:155%;
	line-height: 1.45em;
	text-align:left;
}

#rightcol ul.split li{
	display:inline;
	width:230px;
	line-height:1.3em;
	padding-top: 5px;
	padding-bottom:15px;
	list-style-image:url(/images/bullets-accept.png);
}

#rightcol ul.split li.left{
	padding-right: 20px;
	float:left;	
}

#rightcol ul.split li.right{
	float:right;	
}


#rightcol ol{
	margin: 15px 0 15px 30px;
	color: #444;
	font-size: 75%;
	line-height: 1.6em;
	font-family: Verdana, Arial, Tahoma, sans-serif;
}

#rightcol ul.projlist{
	margin: 4px 0 4px 0;
	padding: 1px 0 1px 0;
	display: block;
	width: 100%;
	list-style: none;
	border-bottom: 1px #ccc dotted;
}

#rightcol ul.projlist li.list-date{
	display: inline;
	float:left;
	padding-right: 15px;
}

#rightcol ul.projlist li.list-cat{
	display: inline;
	float:right;
	font-size: .85em;
}

#rightcol ul.projlist li.list-title{
	display: inline;
	padding-left: 0;
	float: left;
}


#rightcol div{
	color: #444;
	font-size: 100%;
	line-height: 1.6em;
	font-family: Verdana, Arial, Tahoma, sans-serif;
}

.postfoot a:link, .postfoot a:visited{

	color: #2255ff;

}


.postfoot img{
	margin: 2px 5px 0 0;
	border: 0;
}

.entry-more-link img{
	border: 0;
	margin: 0 5px 0 0;
}

/* ----------  COMMENTS ----------------- */

p.comments-open-moderated{
	font-size: 10px;
	line-height: 1.3em;
	color:#555;
}

#comments-open{
	margin-bottom: 15px;
}

#comments input{
	font-size: 10px;
}

.comment{
	padding: 1px 10px 1px 10px;
	background-color: #DDEEFF;
	line-height: 1.2em;
	border-top: 10px #fff solid;
}

.comment-head{
	padding-bottom:0;
	margin-bottom: 0;
	font-size: 12px;
	font-weight: bold;
}

.comment-footer{
	margin: 0;
	padding:0;
	font-size: 10px;
	color: #666;
}

.comments-content{
	margin-bottom: 20px;
	/*background-image: url(/images/horz-dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;*/
}

#leftcol{
	float: left;
	width: 250px;
	color: #05f;
}

.mini, #leftcol p{
	font-size: .70em;
	line-height: 1.4em;
	color: #666;
}

#leftcol p{
	padding-right: 10px;
}

#leftcol .mini{
	padding-right: 0;
	padding-bottom: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
	background-image: url(/images/horz-dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#rightcol .mini{
	padding-right: 0;
	padding-bottom: 15px;
	margin-bottom: 15px;
	background-image: url(/images/horz-dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}


#leftcol h1{
	padding: 0 0 0 20px;
	background-image: url(/images/bullet-folder-mag.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 1.1em;
}

#leftcol h3.icon, #body_serv #leftcol .sortserv h3{
	padding: 0 0 0 20px;
	background-image: url(/images/bullet-folder-go.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 1.1em;
}

#leftcol h3{margin-bottom: 10px;}

#leftcol ul.cats, #leftcol ul.posts, #leftcol ul.external, #leftcol ul.archives{
	padding-bottom: 10px;
	margin: 2px 0 5px 20px;
	line-height: 0.9em;
}

#leftcol ul.cats li, #leftcol ul.archives li, #leftcol ul.serv li{
	list-style: outside;
	font-size: .75em;
	font-weight: normal;
	margin: 0 0 4px 0;
}


#leftcol ul.cats li ul li{
	list-style: outside;
	font-size: .90em;
	font-weight: normal;
	margin: 7px 0 0 0;
}

#leftcol ul.cats{list-style-image: url(/images/bullet-folder2.png);}

#leftcol ul.serv{list-style-image: url(/images/bullet-doc.png);}

#leftcol ul.cats li, #leftcol ul.cats li ul li{list-style-image: url(/images/bullet-folder2.png);}

#leftcol ul.archives{list-style-image: url(/images/bullet-archives.png);}

#leftcol ul.cats li.archive-list{list-style-image: url(/images/bullet-archives.png);}

#leftcol ul.archives li{list-style-image: url(/images/bullet-archives.png);}

#leftcol ul.posts li, #leftcol ul.external li{
	list-style: outside;
	font-size: .75em;
	margin: 0 15px 7px 0;
}

#leftcol ul.posts li{list-style-image: url(/images/bullet-doc.png);}

#leftcol ul.external li{list-style-image: url(/images/bullet-externallink.png);}

.filedas{
	color: #666;
	font-weight: normal;
	font-family: Arial Narrow;
	font-size: 11px;
	letter-spacing: 1px;
}

/* -----   /////    ARCHIVES FORMATTING   /////    ----- */

#rightcol #archive-links ul, #rightcol #archive-links ul li{
	list-style: none;
	line-height: 1.6em;
	font-size: 0.85em;
	font: normal;
}

#rightcol #archive-links ul.datearchive li{
	display: block;
	padding-bottom: 2px;
	margin-bottom: 2px;
	margin-top: 2px;
	background-image: url(/images/horz-dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#rightcol #archive-links ul {
        list-style-type: none;
        width: 490px;
} 

#rightcol #archive-links li {
        /*border: 1px dotted #999;
        border-width: 1px 0;*/
}

#rightcol #archive-links li a { 
        color: #666;
        display: block;
        font-weight: bold;
        font: normal;
}

 * html #rightcol #archive-links li a {  /* make hover effect work in IE */
	width: 490px;
	font: normal;
	text-decoration: none;
}

#rightcol #archive-links li a:hover {
   background: #EFF7D7;
	text-decoration: none;
}

#rightcol #archive-links a span { 
	color: #05f;
   font: normal;
	line-height: 1.6em;
	font-weight: normal; 
}

#rightcol ul.poker{
	list-style-image:url(/images/bullet-spade.png);
	line-height:1.4em;
}

#rightcol ul.poker li{
	padding-bottom:6px;
}


/* -----   /////    PHOTOGRAPHY   /////    ----- */

.catbox1{
	padding:15px 0 15px 0;
	width:500px;
	background-color: #fff;
	font-family:Arial, Tahoma, sans-serif;
}

.catbox1 .features a{
	font-weight: normal;
	font-size:10px;
	line-height:1.3em;
}

.catbox1 .features a:link,
.catbox1 .features a:visited{
	color: #007FCF;
	text-decoration: none;
}

.catbox1 .features a:active,
.catbox1 .features a:hover{
	color: #007FCF;
	text-decoration: underline;
}

.catbox1 .entry-body{
	display: block;
	margin-bottom:5px;
}

.catbox1 .entry-all{
	display: block;
	font-size:10px;
	line-height:.1em;
}

.catbox1 .features{
	margin: 0 3px 15px 3px;
	width: 159px;
	height: 160px;
	display: inline;
	float: left;
	text-align: center;
	padding-bottom:10px;
	font-size:10px;
	/*border:1px #ccc solid;*/
	font-family:Arial, Tahoma, sans-serif;
}



/* -----   /////    NAVIGATION   /////    ----- */

#header ul.mininav{
	font-size: 11px;
	list-style-type: none;
	float: right;
	display: inline;
	margin-top: 10px;
}

#header ul.mininav li{
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
	padding: 0 6px 0 6px;
}

#header ul.mininav li.last{
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	padding: 0 0 0 6px;
}

#header ul.mininav li a {
	font-weight: normal;
	padding-right: 4px;
	display: block;
	padding: 0 4px 0 4px;
}

#mininav a:link		{color: #09F; text-decoration: none; }
#mininav a:visited	{color: #09F; text-decoration: none; }
#mininav a:hover		{color: #04F; text-decoration: none; }
#mininav a:active		{color: #04F; text-decoration: none; }

#navigation {
	background: #ddd;
	float: left;
	width: 100%;
	border-bottom: #fff 2px solid;
	display: block;
}

#navigation ul{
	list-style-type: none;
	float: left;
}

#navigation li{
	float: left;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding: 0;
}

#navigation a {
	font-size: 75%;
	font-weight: normal;
	padding: 0;
	display: block;
	voice-family: "\"}\"";
	voice-family: inherit;
	padding: 4px 8px 4px 8px;
}

#navigation a:link		{color: #333; text-decoration: none; padding: 4px 8px 4px 8px; display: block;}
#navigation a:visited	{color: #333; text-decoration: none; padding: 4px 8px 4px 8px; display: block;}
#navigation a:hover		{color: #fff; text-decoration: none; background-color: #07f; padding: 4px 8px 4px 8px; display: block;}
#navigation a:active		{color: #fff; text-decoration: none; padding: 4px 8px 4px 8px; display: block;}

#body_home #header #home a {color: #fff; text-decoration: none; background-color: #07f; padding: 4px 8px 4px 8px; display: block;}
#body_blog #header #blog a	{color: #fff; text-decoration: none; background-color: #07f; padding: 4px 8px 4px 8px; display: block;}
#body_proj #header #proj a {color: #fff; text-decoration: none; background-color: #07f; padding: 4px 8px 4px 8px; display: block;}
#body_down #header #down a	{color: #fff; text-decoration: none; background-color: #07f; padding: 4px 8px 4px 8px; display: block;}
#body_abou #header #abou a	{color: #fff; text-decoration: none; background-color: #07f; padding: 4px 8px 4px 8px; display: block;}
#body_cont #header #cont a {color: #fff; text-decoration: none; background-color: #07f; padding: 4px 8px 4px 8px; display: block;}
#body_photo #header #photo a {color: #fff; text-decoration: none; background-color: #07f; padding: 4px 8px 4px 8px; display: block;}
#body_serv #header #serv a {color: #fff; text-decoration: none; background-color: #07f; padding: 4px 8px 4px 8px; display: block;}
#body_news #header #news a {color: #fff; text-decoration: none; background-color: #07f; padding: 4px 8px 4px 8px; display: block;}

#header #blog a{
	display:none;
}


/* -----   /////    SUB MENU VARIANTS   /////    ----- */

#body_blog .sortproj, #body_blog .sortserv, #body_blog .sortnews, #body_blog .sortphoto{
	display:none;
}

#body_proj .sortblog, #body_proj .sortdate, #body_proj .smo, #body_proj p.content-nav, #body_proj .sortnews, #body_proj .sortserv, #body_proj .sortphoto{
	display: none;
}

#body_serv .sortblog, #body_serv .sortdate, #body_serv .sortproj, #body_serv .smo, #body_serv p.content-nav, #body_serv .sortnews, #body_serv .sortphoto{
	display: none;
}


#body_phot .sortblog, #body_phot .sortdate, #body_phot .sortproj, #body_phot p.content-nav, #body_phot .sortnews, #body_phot .sortserv{
	display: none;
}

#body_news .sortblog, #body_news .sortdate, #body_news .sortproj, #body_news .smo, #body_news .sortserv, #body_news .sortphoto{
	display: none;
}

#body_serv #leftcol .icon, #body_serv #leftcol .posts, #body_serv #leftcol .mini, #body_serv #rightcol .datepost{
	display: none;
}

#body_phot #leftcol .icon, #body_phot .posts, #body_phot #rightcol .datepost, #body_phot #leftcol .mini{
	display: none;
}

#body_phot .sortphoto ul.posts, #body_phot #leftcol .sortphoto .mini{
	display:block;
}



#body_serv #leftcol .sortserv .posts{
	display: block;
}

#body_news .content-nav{
	display: none;
}


#footer{
	padding: 5px 0 5px 0;
	width: 100%;
	background-image: url(/images/footer-bg1.gif);
	background-repeat: repeat-y;
	background-color: #fff;
	border-bottom: 10px #fff solid;
	border-top: 1px #ccc solid;
}
#footer h4{
	padding: 8px 0 5px 0;
	margin-bottom: 5px;
	color: #666;
	/*color: #88BB00;*/
	font-weight: normal;
	font-size: .90em;
}

#footer .box1, #footer .box2, #footer .box3, #footer .box4{
	/*border-right: 1px #8BC1FF dotted;*/
	display: inline;
	float:left;
	width: 172px;
}

#footer .box1{padding: 0 0 0 20px;}
#footer .box2{	margin: 0 20px 0 20px;}
#footer .box3{margin: 0 20px 0 0;}
#footer .box4{margin: 0; border-right: none;}

#footer ul{
	margin: 0 20px 20px 18px;
	color: #07f;
	font-size: .70em;
	line-height: 1.3em;
	list-style-position: outside;
	list-style-image: url(/images/bullet-externallink.png);
}

#footer ul li{	margin: 5px 0 5px 0;}


#copyright{
	margin: 5px 0 35px 0;
	color: #666;
	font-size: 11px;
	text-align: center;
	line-height: 1.5em;
}


/* -------------- CONTACT FORM ------------------- */



/* all inputs, select, and textarea */
input, select, textarea{ 
  font-family: Verdana, Arial, sans-serif; 
  color : #333; 
  padding : 1px; 
  font-size: 11px;
  line-height: 1.6em;
  margin-bottom: 2px;
  /*background-color : #fffffa;
  border: 1px solid #666;
  */
}




/* for main form wrapping div */
div#gb_form_div { 
	border: 0;
  /* not styled on demo page */
}

/* id for the form itself */
form#gb_form { 
	border: 0;
  /* not styled on demo page */
}

#gb_form{
	border: 0;
}

/* form and results heading size */
.main_formhead, .formhead {
	display:none; 
  font-size : 1.4em; 
  color : #cc9900; 
}

.required{
	color: #f00;
}
/* outer fieldset - it's common to make this border : 0; */
fieldset#formwrap { 
  background-color : #fff; 
  border:0;
}

/* section fieldsets - it's common to make this border : 0; */
fieldset { 
  background-color : #fff; 
  border:0;
  margin: 0 0 15px 0;
  line-height: 1.3em;
}

/* form legends and dt "heading" */
legend, dt {
	line-height: 1.4em;
	font-family: Verdana, Arial, Tahoma, sans-serif; 
  	font-weight : bold; 
  	font-size: 11px;
	color : #444;
}

/* main legend at top of the form */
legend#mainlegend { 
  display: none;
}

/* form label text */
label { 
  font-family: Verdana, Arial, sans-serif; 
  color : #444; 
  padding : 2px; 
  font-size: 11px;
}

/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox { 
  font-family: Verdana, Arial, sans-serif; 
  color : #666; 
  padding : 2px; 
  font-size: 11px;
  line-height: 1.6em;
  margin-bottom: 4px;
  /*background-color : #fffffa;
  border: 1px solid #666;
  */
}

/* to make focus stable in IE 6 */
* html input.button { 
  color : #333;  
  font-size: 11px;
  /*background-color : #cc9900;
  border : 1px solid #333;
  */
}

* html input.button.hover { 
  color : #000;  
  font-size: 11px;
  /*border : 1px solid #000;
  background-color : #cc9900;
  */
}
* html input.button.focus { 
  color : #000;  
  /*border : 1px solid #000;
  background-color : #cc9900;*/
}

/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
  color : #000;  
  /*border : 1px solid #000;*/
  background-color : #fff;
}

/* for the checkbox input */
input.checkbox {
  /* not styled on demo page */
}

/* error heading weight and color - bold is for the error reason text */
span.error, dt.error, strong.error { 
  color : #cd0000; 
  font-weight : bold; 
}

/* success heading color */
span.success { 
  color : #669900; 
  font-weight : bold; 
}

/* privacy and "Why?" small element link sizes (relative to their parent element */
small.privacy, small.whythis { 
  font-size : 10px; 
}

/* set up relativity to position small Why? text */
small.whythis { 
  position : relative; 
}

/* Why? link style */
small.whythis a { 
  text-decoration : underline; 
  font-size : 10px;
}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active { 
  text-decoration : none;
} 

/* hide the Why? text span */
small.whythis a span { 
  border : 1px solid #fafafa; 
  background-color : #fafafa; 
  padding : 0 4px 0 4px; 
  color : #fafafa;
  text-decoration : none; 
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span { 
  border : 1px solid #000; 
  background-color : #eecc11; 
  color : #000;
  padding : 0 4px 0 4px; 
  text-decoration : none; 
}

/* the link back to me for form credit */
p.creditline { 
  float : right; 
  margin : -17px 0; 
  padding-bottom : 1px; 
  font-size : 80%; 
}

/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr, .abbr { 
  cursor : help; 
  /*border-bottom : 1px dotted #999;*/
}

/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt, #dl.result_dl_blockq dt,#result_dl_blockq dt small  {
  color : #444;
  font-family: Verdana, Arial, sans-serif;  
  font-size: 11px;
}

/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote, dl.result_dl_blockq blockquote {
  margin-left : 0;
  font-family: Verdana, Arial, sans-serif; 
}

/* style the input names in the result */
div#hf_form_div span.items {
  font-weight : bold;
  color : #cc9900;
}

#gb_form_div ul{
	list-style: outside;
	font-size: .75em;
	font-weight: normal;
	margin: 4px 0 15px 30px;
	color: #444;
}

#gb_form_div ul li{
	line-height: 1.5em;
}
/* End CSS */