/* -----------------------------------
GLOBAL CLASSES
----------------------------------- */

	a {color:#aec253; }
	a:hover {color:#aec253;}
	a:visited{ } 
	a img {border:none;}

	ul {list-style: none;}
	
	h1, h2, h3, h4, h5, h6, h7,h8{ color:#ffffff;}
	h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:32px; padding:0 0 0 0; margin:0 0 20px 0; line-height:35px; }

	
	.clearer {clear: both; font-size: 0;}
	.left {float: left; }
	.right {float: right; }
	.text-right { text-align: right;}
	.texleft { text-align: left;}
	.small-12px {font-size: 12px}
	.small-11px {font-size: 11px}
	.small-10px {font-size: 12px;  text-align:center;}
	.top-push {margin:10px;}
	.bottom-push {margin:10px;}
	.lightblue { color:#59a3d9; }
	.lightbluem { color:#ffffff; padding:0 0 30px 0; font:bold 40px/40px "Courier New", Courier, monospace; } 
		.lightbluemsoft { color:#ffffff; padding:0 0px; 0 0px; font:bold 35px/35px "Courier New", Courier, monospace; }
	.green {color:#aec253;} 
	.green-star {color:#aec253; font-size:18px; font-weight:bold; vertical-align: middle;} 
	.warning-star {color:#ffa70f; font-size:14px; font-weight:bold; vertical-align: middle;}
	.jumpmenu {  border:1px dashed #4b7498; }
	.resume { padding-bottom:15px; } 
	.resume img { margin-left:20px; border:1px dashed #4b7498; }
	.resume img:hover { border:1px dashed #6499c7; }
	.send { border:1px solid #1f476a; } 
	
	
	h8 {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; padding:0 0 0 0; margin:0 0 20px 0; line-height:35px; }

	

/* -------------------------------------------------------------------------------------------------------------------------------------------- */
/* STRUCTURE
 ---------------------------------------------------------------------------------------------------------------------------------------------- */

body {background:#0b182a url("../img/bg-fade.gif") repeat-x center top; color:#FFFFFF;}
#container-header{background-color:#b6c8c8; background:#b6c8c8 url("css-images/bg-blue-grain.gif") repeat-x center top;  } 
#container-body{background:transparent url("../img/bg-bluegrid-2.jpg") no-repeat center top;}

#main { margin-top:30px; margin-bottom:25px; } 

/* -------------------------------------------------------------------------------------------------------------------------------------------- */
/* NAVIGATION
 ---------------------------------------------------------------------------------------------------------------------------------------------- */
 
 #main-nav { padding-top:23px; } 
 #main-nav ul {padding:0px; margin:0px; } 
 #main-nav ul li { display:inline; font-family:Arial, Helvetica, sans-serif;  margin:0 50px 0 0px;} 
 #main-nav ul li a { color:#FFFFFF; padding:3px 10px 3px 10px; font-size:16px; text-decoration:none; font-weight:normal; border:1px dashed transparent;}
 #main-nav ul li a:hover { border-bottom:1px dashed #92c4d2; border-top:1px dashed #92c4d2;}
 #main-nav .selected { color:#b2dbfc;}
 #main-nav .lasttnav { margin-right:0px;}
 
/* -------------------------------------------------------------------------------------------------------------------------------------------- */
/* SUB NAVIGATION
 ---------------------------------------------------------------------------------------------------------------------------------------------- */

/*.sidebar { background:#0b1628 url("css-img/bg-footer-fade.gif") repeat-x left top; margin-bottom:15px; } */
.sidebar-home { margin-bottom:15px; border-bottom:1px solid #122945;}
.sidebar-home h4 { text-transform:uppercase; font:bold 16px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.sidebar { border:1px dashed #4b7498; margin-bottom:15px; }
.sidebar h4 { text-transform:uppercase; font-size:18px; }
.sub-sidebar { padding-top:2px;   }
.sub-sidebar h4 { margin-left:15px; padding:0px; margin-bottom:10px; font-size:15px;} 
.sub-sidebar p { padding:0px 15px 0px 15px;  } 
.sub-sidebar ul li { font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:4px 0px 4px 15px; background:transparent url("../img/bg-bullet-green.gif") no-repeat 0 10px; } 
.sub-sidebar ul li a, .sub-sidebar ul li a:visited { color:#FFFFFF; text-decoration:none; display:block; } 
.sub-sidebar ul li a:hover, .sub-sidebar ul li a.pseudo-hover {color:#aec253;}

/* -------------------------------------------------------------------------------------------------------------------------------------------- */
/* HOMEPAGE
 ---------------------------------------------------------------------------------------------------------------------------------------------- */

/*#position { position:absolute; left:0px; top:0px; width:10px; height:109px; z-index:1; }*/

#glass {background:transparent url("../img/bg-glass.png") no-repeat left top; font-family:Georgia, "Times New Roman", Times, serif; height:350px; border-left: 1px solid #49789c; border-bottom:1px solid #122945; border-right:1px solid #417095; } 
#glass p { font-size:17px; margin:0px; padding:0px; font-weight:normal; } 
#glass h2 {margin:0px; padding:30px 0 0 0px; color:#9CE8FE; font: bold 26px/30px "Courier New", Courier, monospace; }

#glass h8 {margin:0px; padding:30px 0 0 0px; color:#9CE8FE; font: bold 18px/20px "Courier New", Courier, monospace; } 
#glass h3 { font-size:20px; margin:0px; padding:0px; } 
#side-glass { background:transparent url("../img/bg-side-glass-dark.gif") repeat-x left top; height:330px; } 
#side-glass{ padding-top:20px; } 
#side-glass1 { background:transparent url("../img/bg-side-glass-dark.gif") repeat-x left top; height:345px; } 
#side-glass1{ padding-top:0px; } 
#side-glass h4{ margin-left:10px; } 

#recent li img { border: 5px solid #4b789e; margin:0 0 15px 3px; width:186px; padding:0px;} 
#recent li img:hover { border:5px solid #aec253;} 

.homebox { background: transparent  url("../images/templatemo_menu_hover2.png") no-repeat left top; height:120px; padding:20px; } 
.homebox p { line-height:22px; font-size:12px; }
.homebox h3 { text-transform:uppercase; font-size:14px; font-weight:bold; background-color:#0d1e35;background:transparent url("../img/bg-homebox.png") no-repeat left top; }
.hombox-header h3 { text-transform:uppercase; font-size:14px; font-weight:bold; background:#0d1e35 url("../img/bg-homebox-header.gif") no-repeat left top; margin:0 0 5px 0;  } 
.hombox-header h3 a { text-transform:uppercase; font-size:14px; font-weight:bold; background:#0d1e35 url("../img/bg-homebox-header.gif") no-repeat left top; padding:15px 0 15px 20px; display:block; text-decoration:none; color:#ffffff;} 
.homebox-col-1 ul {padding:0px; margin:0px;}
.homebox-col-1 ul li { font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:0px 0px 20px 0px;  } 
.homebox-col-1 ul li a, .homebox-col-1 ul li a:visited { color:#FFFFFF; text-decoration:none; display:block; border-bottom:1px dashed #3b546e; padding: 5px 5px 0 0; line-height:17px; } 
.homebox-col-1 ul li a:hover {color:#aec253;}
.homebox-col-1 ul li span { background-color:#0b1729; color:#b6d8f4; padding:3px 5px 3px 5px; margin:0 5px 0 0; font-size:10px; }  
.homebox-col-1 ul li span:hover {background-color:#aec253; color:#ffffff;}


#viewwork {list-style-type:none; padding:40px 0 0 290px; margin:0 0 0 0;}
#viewwork a span { visibility:hidden;}
#viewwork a {background-image:url('../img/view-the-work.gif'); display:block; height:60px; width:185px; color:#ffffff; font-size:14px; background-repeat:no-repeat; text-decoration:none;  }
#viewwork a.viewwork {background-position:0px 0px; }
#viewwork a:hover.viewwork {background-position:0px -60px;}

/* -------------------------------------------------------------------------------------------------------------------------------------------- */
/* WORK
 ---------------------------------------------------------------------------------------------------------------------------------------------- */
 
#work-wrap { padding-left:61px;}

.project-tile { margin-bottom:10px;} 
.project-tile img a { margin:0px; padding:0px;} 
.project-tile { padding-right:5px;} 
.project-tile h4 { margin:0px; padding:8px 5px 8px 5px;  text-align:center;} 
a.tab { margin:0px; padding:0px 0px 0px 0px; background-color:#14334f; display:block; width:177px; color:#ffffff; text-decoration:none; font-size:13px;} 
a.tab:hover, .project-tile a.pseudo-hover{ background-color:#aec253; }

.project-linkout a { font-style:italic; font-weight:bold; color:#ffffff; font-size:12px; text-decoration:none; } 
.project-linkout a:hover { color:#c7ee1e; text-decoration:underline;  }

.project-details p, .project-response p { padding-top:10px; padding-bottom:10px; line-height:22px; font-size:12px;   }
.project-details, .project-response { margin-top:20px; } 
.project-title h4,.project-response h4 { color:#b2dbfc; padding:0 0 8px 0; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform: uppercase; font-weight:bold;  } 

.project-switch {text-align:right;}
.project-switch ul { padding:0px; margin:0px; } 
.project-switch ul li { display:inline; } 
.project-switch ul li a { background-color:#0b1628; color:#ffffff; padding: 3px 7px 3px 7px; text-decoration:none; font-weight:normal; }
.project-switch ul li a:hover, .project-switch ul li a.active { background-color:#aec253; color:#ffffff; outline: none; }

.project-response ul { padding:0px; margin:0px; } 
.project-response ul li { display:block; margin:3px 0 3px 0; font-weight:normal; color:#ffffff; font-size:12px; text-decoration:none; padding:0px 5px 0px 5px;} 
.project-response ul li a { background-color:transparent; text-decoration:none; }
.project-response ul li a:hover { color:#ffffff; }


.padbottom { padding-bottom:15px;}
.nextprev { padding-left:20px; margin-bottom:15px; float:left;} 
.nextprev img a { margin:0px; padding:0px;} 
.nextprev { padding-right:0px;} 
.nextprev h4 { margin:0px; padding:0px; } 
a.nextprev-tab { margin:0px; padding:0px 0px 3px 0px; background-color:#14334f; display:block; width:87px; color:#ffffff; text-decoration:none; font-size:13px; text-align:center; vertical-align:middle;} 
a.nextprev-tab:hover { background-color:#aec253; }

/* -------------------------------------------------------------------------------------------------------------------------------------------- */
/* NOTES
 ---------------------------------------------------------------------------------------------------------------------------------------------- */

.post { border-bottom:1px solid #4b7498; margin-bottom:25px;} 
.post-sub {margin-bottom:0px; padding-bottom:5px;}
.post a, .post a:visited { text-decoration:none; } 
.post a:hover { color:#ffffff; text-decoration:underline;  } 
.post p { font-family:Arial, Helvetica, sans-serif; line-height:21px; font-size:13px;  } 
.post h2 a { color:#ffffff;}
.post h2 {  font-family:Georgia, "Times New Roman", Times, serif; font-size:32px; padding:0 0 0 0; margin:0 0 20px 0; line-height:35px;  } 
.post-details p {  padding:0 0 0 0; margin:0 0 0px 0; } 
.post-date p { font-family:Arial, Helvetica, sans-serif; padding:0 0 0 0; margin: 0 0 5px 0;} 
.post-continue { border-right:1px solid #4b7498; border-left:1px solid #4b7498; border-top:1px solid #4b7498;} 
.post-continue a, .post-continue a:visited { color:#ffffff;  background-color:#14334f; padding:3px 5px 3px 8px; display:block; text-decoration:none; }
.post-continue a:hover {  background-color:#aec253; color:#ffffff; text-decoration:none; } 
.post-comment a, .post-comment a:visited, .post-comment-response a { color:#aec253; text-decoration:none;  } 
.post-comment a:hover, .post-comment-response a:hover { color:#aec253; text-decoration:underline;  } 
.post-comment p { margin-left:15px; } 
.post-tags {color:#7c9fbd; } 

.dotted-left { border-left:1px dashed #4b7498; background:transparent url("../img/bg-dotted-corner.gif") no-repeat right top;  }
.dotted-right { border-right:1px dashed #4b7498; background:transparent url("../img/bg-dotted-corner.gif") no-repeat left top;  } 
.post-comment-response { border-bottom:1px dashed #4b7498; padding:15px; } 
.post-comment-response p {  font-size:13px; padding:0 0 0 0; margin: 10px 0 5px 0; } 
.post-comment-response h3 { font-size:17px; font-weight:bold; padding:0 0 0 0; margin: 0 0 0 0;} 
.post-comment-response h5 { font-size:10px; font-weight:bold; padding:5px 0 0 0; margin: 0 0 0 0; color:#CCCCCC; font-style:italic;} 

.post-comment-admin h3 {color:#b2dbfc; }

.about { margin-bottom:15px;} 
.about a { color:#ffffff; text-decoration:none; } 
.about a:hover { color:#ffffff; text-decoration:underline;  } 
.about p { font-family:Arial, Helvetica, sans-serif; line-height:21px; font-size:13px;  } 
.about h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:32px; padding:0 0 0 0; margin:0 0 20px 0; line-height:35px;  } 
.about-img-left { float:left; padding-right:20px; padding:5px; margin-right:10px; border:1px dashed #618cb2; } 
.about-img-left img { padding:0px; margin:0px; } 

.icon li {margin-bottom:10px;}
.icon li a {background-image:url('../img/social-icons-sprite.gif'); display:block; height:16px; padding-top:0px; padding-left:24px; color:#ffffff; font-size:12px; font-weight:bold; text-decoration:none; background-repeat:no-repeat;}
.icon li a.lastfm {background-position:0px -22px; }
.icon li a:hover.lastfm {background-position:0px -3px}
.icon li a.linkedin {background-position:0px -67px; }
.icon li a:hover.linkedin {background-position:0px -47px}
.icon li a.facebook {background-position:0px -110px; }
.icon li a:hover.facebook {background-position:0px -91px}
.icon li a.twitter {background-position:0px -154px; }
.icon li a:hover.twitter {background-position:0px -135px}
.icon li a.flickr{background-position:0px -199px; }
.icon li a:hover.flickr {background-position:0px -179px}
.icon li a.rss {background-position:0px -243px; }
.icon li a:hover.rss {background-position:0px -224px}

/* -------------------------------------------------------------------------------------------------------------------------------------------- */
/* FORMS
 ---------------------------------------------------------------------------------------------------------------------------------------------- */

/* attribute selector */
form#search input[type="text"] {border: 1px solid #ccc; margin:0px; padding:0px; vertical-align: middle; color:#333333;}
/* attribute selector */
form#search input[type="image"] { vertical-align: middle;}

/*override*/	

fieldset {padding:1.4em;margin:0 0 0 0;}
legend {font-weight:bold;font-size:1.2em; }
input.text, input.title, textarea, select {margin:0 0;border:1px solid #bbb; }
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title, select {width:200px;padding:3px;}
input.title {font-size:1.0em;}
textarea {width:250px;height:150px;padding:5px;font-family:Arial, Helvetica, sans-serif;}


#contact p { font-family:Arial, Helvetica, sans-serif; line-height:21px; font-size:13px;} 
#contact-form form, #contact-form form ul{ margin:0px; padding:0px;}
#contact-form ul li {background-color:#2d5474; margin: 0 0 5px 0; padding:5px 5px 10px 5px; background:transparent url("../img/bg-glass.png") no-repeat left top; border:1px dashed #4b7498; } 
#contact-form ul li:hover {border:1px dashed #6397c5 } 
#contact-form label {display:block; width:200px; padding-left:15px; }
.inputbox { padding:5px 0 5px 15px }
.inputbox-details { float:right; display:block; width:285px; text-align:left; padding-top:5px; padding-bottom:5px; } 
input.email{ margin:0 0;border:1px solid #bbb; width:145px; padding:3px; } 


.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error { color:#ffffff; } 

/* attribute selector */
form#email input[type="text"] {border:1px solid #ccc; margin:2px 0 2px 0 ; padding:3px 0 3px 1px; vertical-align: middle; color:#333333;}
/* attribute selector */
form#email input[type="image"] { vertical-align: middle;}
/* -------------------------------------------------------------------------------------------------------------------------------------------- */
/* FOOTER
 ---------------------------------------------------------------------------------------------------------------------------------------------- */
 
 .footer { padding-top:20px; font-family:Arial, Helvetica, sans-serif; color:#436e8d; font-size:14px; } 
 .footer a { color:#ffffff; text-decoration:none; } 
 .footer a:hover { color:#c7ee1e; /*border-left:1px dashed #4b7498;*/}
 .sub-footer a { color:#436e8d; text-decoration:underline;  }  
 
 #footer-copy p { padding-bottom:0px; margin:0px; } 
 
 #footer-nav ul {padding:0px; margin:0px; } 
 #footer-nav ul li { display:inline; } 
 #footer-nav ul li a { color:#436e8d; padding:3px 40px 3px 0px; text-decoration:none; font-weight:normal;}
 #footer-nav ul li a:hover { color:#c7ee1e;}
 #footer-nav .selected { color:#ffffff;}


 dt { padding:15px 0 5px 0; border-bottom:1px dashed #4b7498; font-size:14px;  } 
 dd { margin:0px; padding:5px 0 3px 0px; font-size:13px; } 


 ul#categories { margin:0 0 15px 0; padding:0px;}
 #categories li { background:transparent url("../img/bg-glass.png") no-repeat left top; float:left; margin:3px 5px 3px 0; width:127px; border:1px dashed #4b7498;}
 #categories li a, #categories li a:visited { display:block; padding:3px 15px 3px 15px; text-decoration:none; font-size:12px; font-weight:bold; }
 
#backwork {list-style-type:none; padding:0 0 0 20px; margin:0 0 0 0;}
#backwork a span { visibility:hidden;}
#backwork a {background-image:url('../img/btn-backtowork.gif'); display:block; height:28px; width:194px; color:#ffffff; font-size:14px; background-repeat:no-repeat; text-decoration:none;  }
#backwork a.backwork {background-position:0px 0px; }
#backwork a:hover.backwork {background-position:0px -31px;}



/* END OF STYLE SHEET
----------------------------------------------------------------------- */


/* UPDATES 2010.06.07 */
.cta-btn { padding:0 15px; margin-bottom:15px; } 
.cta-btn1 { padding:0 15px; margin-bottom:4px; } 
.cta-btn a { display:block; background-image: url("../img/bg-sideCTA-off.gif"); background-repeat:no-repeat; background-position:left top; height:29px; text-align:center; font:bold 12px "Arial", Helvetica, sans-serif; text-decoration:none; text-shadow:0 1px 0 #618041; text-transform:uppercase; outline:none; padding-top:10px; opacity: 1.0; width:203px; color:#ffffff; 
transition: all .3s linear;
   -o-transition: all .3s linear;
   -moz-transition: all .3s linear;
   -webkit-transition: all .3s linear; } 

.cta-btn1 a span { font-size:15px; } 
.cta-btn1 a:hover { text-shadow:0 2px 0 #308cc4; background-image: url("../img/bg-sideCTA-on.gif");  background-position:left top; } 

.cta-btn1 a { display:block; background-image: url("../img/bg-sideCTA-off.gif"); background-repeat:no-repeat; background-position:left top; height:29px; text-align:center; font:bold 12px "Arial", Helvetica, sans-serif; text-decoration:none; text-shadow:0 1px 0 #618041; text-transform:uppercase; outline:none; padding-top:2px; opacity: 1.0; width:203px; color:#ffffff; 
transition: all .3s linear;
   -o-transition: all .3s linear;
   -moz-transition: all .3s linear;
   -webkit-transition: all .3s linear; } 

.cta-btn1 a span { font-size:15px; } 
.cta-btn1 a:hover { text-shadow:0 2px 0 #308cc4; background-image: url("../img/bg-sideCTA-on.gif");  background-position:left top; }