@charset "utf-8";
/*
Theme Name: The Yellow Llama 2010
Theme URI: http://www.yellow-llama.com
Description: 
Version: 5.0
Author: Mark Bloomfield
Author URI: http://www.yellow-llama.com
*/

* {margin:0;padding:0;}
a img {border:0;}
.wrapper {width:100%;height:0;overflow:hidden;clear:both;}

*.toggle a {text-decoration:none;}
*.toggle a:hover {text-decoration:underline;}

.navigation {display: block;text-align: center;margin: 20px 0 0 0;}
.alignright {float: right;}
.alignleft {float: left}
img.alignleft {margin: 0 15px 15px 0;}
img.alignright {margin: 0 0 15px 15px;}
img.aligncenter {margin: 15px auto;display:block;}
#page img.noborder {border:0;}

.adsense {margin: 15px 0;}
.ad468 {width:468px;height:60px;}

/***************************** body + fonts */

body {text-align:center;background: #162737 url(http://www.yellow-llama.com/wp-content/themes/yl2010/images/body.jpg) 0 0 repeat-x;color:#a7a9ac;font: 12px Arial, Helvetica, sans-serif;padding: 0 0 50px 0;}
p {line-height:20px;padding: 10px 0;}

a {outline:none;color:#f4ab64;}
a:hover {text-decoration:none;color:#00ff74;}

ul, ol {padding: 10px 0 10px 15px;}
li {line-height:150%;}
#page li {line-height:20px;}

h1 {width:200px;height:41px;display:block;background: url(http://www.yellow-llama.com/wp-content/themes/yl2010/images/logo1.png) 0 0 no-repeat;margin: 13px 0 0 0;}
h1 a {width:200px;height:41px;display:block;overflow:hidden;text-indent:-9999px;background: url(http://www.yellow-llama.com/wp-content/themes/yl2010/images/logo.png) 0 0;}

h2 {font-size:30px;letter-spacing:-1px;line-height:25px;margin: 0 0 10px 0;}
#content h3 {font-size:20px;letter-spacing:-1px;}
h4 {font-size:12px;color:#fff;}
h5 {font-size:11px;font-weight:bold;color:#fff;margin: 5px 0 0 0;}

/***************************** containers */

#wrap {width:960px;margin:auto;text-align:left;}
#top {padding: 0 15px;height:70px;}
#main {height:415px;background: url(http://www.yellow-llama.com/wp-content/themes/yl2010/images/main.jpg) 0 0 no-repeat;padding:20px 20px 10px 465px;color:#fff;position:relative;}
#bottom {background:#0d1823;padding:15px 0 15px 15px;margin:20px 0;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color:#8b95a1;font-size:11px;}
#footer {border-top: 1px solid #585e66;padding: 15px 0;color:#4e5863;font-size:11px;}

/***************************** top */

#nav {padding:0;}
#nav li {list-style:none;display:block;float:left;}
#nav a {display:block;float:left;color:#fff;text-decoration:none;height:41px;line-height:41px;margin: 0 0 0 5px;text-align:center;}
#nav .thin a {width:42px;background: url(http://www.yellow-llama.com/wp-content/themes/yl2010/images/li-thin.gif) 0px -42px no-repeat;}
#nav .thick a {width:54px;background: url(http://www.yellow-llama.com/wp-content/themes/yl2010/images/li-thick.gif) 0px -42px no-repeat;}
#nav a:hover {color:#00ff74;}

/***************************** page */

/*pagetop*/
#pagetop {display:block;height:100px;overflow:hidden;background: url(http://www.yellow-llama.com/wp-content/themes/yl2010/images/pagetop.jpg) 0 0 repeat-y;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.pagetopinner {padding:15px 15px 0 150px;}
.pagetopinner p {padding:0;font-size:11px;color:#b4d6c3;line-height:15px;}

/*crumb*/
#wrap #breadcrumbs {padding:0;font-size:11px;height:25px;}
#wrap #breadcrumbs li {list-style:none;display:block;float:left;padding: 0 15px 0 5px;background: url(http://www.yellow-llama.com/wp-content/themes/yl2010/images/crumb.png) right 3px no-repeat;}
#wrap #breadcrumbs a {color:#40454f;text-decoration:none;}
#wrap #breadcrumbs a:hover {color:#535c6f;}
#wrap #breadcrumbs .crumb {background:none;}

/*page*/
#page {padding: 15px;background: url(http://www.yellow-llama.com/wp-content/themes/yl2010/images/opacity70.png);border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 20px 0 0 0;}
#content {width:615px;position:relative;}
#content img {border:5px solid #0b0d0f;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/*about*/
.page-444 blockquote p {padding:0;}
.page-444 blockquote {font-size:11px;background:#0b0d0f;padding:10px;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 0 20px 0;float:left;}
.page-444 #content ul {padding:5px 0 0 0;}
.page-444 #content li {list-style:none;display:block;float:left;padding: 0;}
.page-444 #content li a {text-decoration:none;}
.page-444 #content li img {float:left;margin: 0 3px 0 0;}
.page-444 #content h3 {margin: 0 0 5px 0;}

/*skills*/
.subdeet h4 {font-size:20px;}
.subdeet h4 a {text-decoration:none;}
.subpage {width:430px;float:left;padding: 10px;height:80px;cursor:pointer;margin: 0 15px 10px 0;}
.subimg {float:left;border-right: 1px dotted #333;padding: 0 15px 0 0;margin: 0 15px 0 0;width:80px;height:80px;display:block;}
.subdeet {float:right;padding-right:20px;width:290px;}
.subdeet p {padding:0;}
.subhover {background: url(/wp-content/themes/yl2009/images/png-10.png);}
table {width:100%;background:#1b2c3f;margin: 10px 0;font-size:12px;text-align:left;}
table td, table th {padding: 4px;background:#091422;}
table th {font-size:14px;letter-spacing:-1px;color:#fff;}
table tr.alt td {background:#0f1d2f;}
table td.details {background:#0f1d2f;}

/*blog*/
.archentry {border-top:1px solid #40454f;border-bottom:1px solid #40454f;margin:-1px 0 0 0;padding:10px;cursor:pointer;}
.evenrow {background:#12161b;}
.blogtitle {font-size:20px;width:330px;float:left;}
.blogtitle p {font-size:11px;padding:5px 0 0 0;line-height:16px;}
.blogdeets {width:150px;float:left;margin: 0 15px 0 20px;font-size:9px;text-transform:uppercase;line-height:15px;color:#3c4856;}
.blogdeets a {color:#37495f;}
.blogdeets span {display:block;}
.blogimg {float:right;background: url(http://www.yellow-llama.com/wp-content/themes/yl2010/images/image.png) center center no-repeat;display:block;height:80px;width:80px;}
.blogimg img {width:80px;height:80px;}
#content .blogimg img {border:0;}
h2.margin {margin: 0 0 20px 0;}
.blogtitle h4 a {text-decoration:none;color:#fff;}
.blogtitle h4 a:hover {color:#ddd;}
.blogtitle h4 {font-size:22px;}

/*gallery*/
.gallery img {width:100px;height:100px;}

/*portfolio*/
#page.page-518 {padding: 15px 0 15px 15px;}
.page-518 h2 {margin: 0 0 20px 0;}
.portentry, .portblockadvert {width:450px;height:300px;overflow:hidden;margin: 0 0 30px 0;float:left;display:block;position:relative;}
.portblockadvert {text-align:center;padding-top:120px;height:178px;border:1px solid #3c4856;width:449px;font-size:11px;}
.portblockadvert p {line-height:15px;}
.deets {font-size:11px;background:#080d14;width:450px;height:80px;}
.deettitle {font-size:14px;z-index:0;}
.deettitle a {text-decoration:none;}
.deetlarger {position:absolute;top:35px;}
.deets span {padding: 10px;display:block;}
.deets a {float:left;font-weight:bold;}
.deets a.whitelink {font-weight:normal;color:#acd2bd;}
.portimg {width:450px;height:300px;overflow:hidden;display:block;position:absolute;z-index:10;}
.deetwho {position:absolute;top:10px;right:10px;color:#576a7f;text-align:right;}
.deetwho span {padding:0;font-size:9px;text-transform:uppercase;color:#3c4856;}
.oddportblock {float:right;margin-right:15px;}

/***************************** sidebar */

#sidebar {width:300px;font-size:11px;color:#999;}
.sidebartop {height:30px;padding:0 0 0 10px;line-height:30px;font-weight:bold;color:#fff;background: url(http://www.yellow-llama.com/wp-content/themes/yl2010/images/sidebartop.png) 0 0 repeat-y;border-radius-topleft: 10px; -moz-border-radius-topleft: 10px; -webkit-border-radius-topleft: 10px;border-radius-topright: 10px; -moz-border-radius-topright: 10px; -webkit-border-radius-topright: 10px; }
.sidebarinside {padding:10px;background:#161d27;border-radius-bottomleft: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius-bottomleft: 10px;border-radius-bottomright: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-radius-bottomright: 10px; margin-bottom:20px;}

/*contactdetails*/
.contactdetails ul {padding:10px 0 0 0;}
.contactdetails ul ul {padding: 0;}
.contactdetails li {list-style:none;margin: 0 0 10px 0;}
.contactdetails ul ul li {margin:0;}
.contactdetails li strong {color:#bbb}


/*blog pages*/
.catarch ul {padding:0 0 0 6px;}
.catarch li {list-style:none;display:inline;}
.catarch li a {display:block;float:left;background: url(http://www.yellow-llama.com/wp-content/themes/yl2010/images/cat.png) 0 0 no-repeat;width:122px;height:24px;line-height:24px;padding: 0 0 0 5px;color:#fff;text-decoration:none;margin: 0 10px 10px 0;}
.catarch li a:hover, li.current-cat a {color:#e87b10;}

/*triggers*/
.catarch .trigger a {background-image:none;display:block;width:200px;margin-left:30px;text-align:center;padding:0;background:#2d3340;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/***************************** bottom */

.bottom {width:300px;float:left;margin: 0 15px 0 0;}
.bottom a {color:#e87b10;}
.bottom img.alignleft {margin: 15px 10px 0 0;padding-bottom:10px;}

/*comments*/
#comms {padding: 20px 0 0 0;border-top:1px solid #4e5863;margin: 10px 0 0 0;}
#respond {border-top:1px solid #4e5863;padding: 20px 0 0 0;margin: 10px 0 20px 0;}
#comms a {color:#e87b10;}
.commentblock {margin: 0 0 20px 0;}
.avatar {width:80px;height:80px;float:right;padding: 0 0 0 30px;background: url(http://www.yellow-llama.com/wp-content/themes/yl2010/images/avataredge.png) 0 10px no-repeat;}
#content .avatar img {border:0;}
.comminfo {width:485px;background:#0b0d0f;padding:10px;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#comms span.author {display:block;font-size:18px;color:#fff;}
#comms span.author a {color:#fff;text-decoration:none;}
.comminputs label {display:block;font-size:9px;text-transform:uppercase;line-height:15px;color:#4e5863;}
#comms .alignleft p, #comms .alignleft p {padding: 5px 0;}
.comminputs {width:220px;}
#author, #email, #url {border:5px solid #4e5863;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#d1d7df;padding:3px;color:#4e5863;font-size:13px;width:180px;}
#comment {border:5px solid #4e5863;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#d1d7df;padding:3px;color:#4e5863;font-size:13px;width:374px;height:130px;}
.commtext {width:390px;}
.commtext p {padding:5px 0 0 0;}
.commsubmit {clear:both;}
#submit {width:179px;height:34px;border:0;padding:0;line-height:34px;border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background: url(http://www.yellow-llama.com/wp-content/themes/yl2010/images/button.png) 0 0 no-repeat;color:#4e5863;}

/*quick contact*/
#gform_6 ul {padding:0;margin:0;}
#gform_6 .gfield_required {display:none;}
#gform_6 li {list-style:none;}
#gform_6 .gform_footer input{width:48px;height:48px;background: url(http://www.yellow-llama.com/wp-content/themes/yl2010/images/email_send.png) 0 0 no-repeat;border:0;float:left;margin:-7px 0 0 5px;}
#gform_6 #input_6_1 {border:5px solid #4e5863;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#d1d7df;padding:3px;float:left;color:#4e5863;font-size:13px;width:180px;}
#gform_6 .gform_footer a {display:none;}
.bottom #gforms_confirmation_message {font-weight:bold;color:#fff;}

/*full contact form*/
#gform_2 h2.gsection_title {margin: 10px 0;clear:both;width:100%;float:left;}
#gform_2 ul {padding:0;}
#gform_2 li {list-style:none;padding: 0 0 10px 0;}
#gform_2 input {border:5px solid #4e5863;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#d1d7df;padding:3px;color:#4e5863;font-size:13px;width:180px;}
#gform_2 select {border:5px solid #4e5863;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#d1d7df;padding:3px;color:#4e5863;font-size:13px;width:220px;}
#gform_2 textarea {border:5px solid #4e5863;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#d1d7df;padding:3px;color:#4e5863;width:420px;height:100px;font: 13px Arial;}
#gform_2 label {font-size:9px;text-transform:uppercase;color:#576a7f;}
#gform_2 input.medium {width:180px;}
#gform_2 .gfield_checkbox label, #gform_2 .gfield_radio label {color:#a7a9ac;font: 11px Arial, Helvetica, sans-serif;text-transform:capitalize;}
#gform_2 .gfield_radio label {font-size:12px;}
#gform_2 .gfield_checkbox li {width:50%;float:left;padding: 0 0 5px 0;}
#gform_2 .gfield_checkbox input, #gform_2 .gfield_radio input {width:auto;float:left;margin: 4px 5px 0 0;}
#gform_2 #field_2_1, #gform_2 #field_2_2, #gform_2 #field_2_4, #gform_2 #field_2_3, #gform_2 #field_2_10, #gform_2 #field_2_7, #gform_2 #field_2_25 {width:50%;float:left;height:60px;}
#gform_2 input.button {width:179px;height:34px;border:0;padding:0;line-height:34px;border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background: url(http://www.yellow-llama.com/wp-content/themes/yl2010/images/button.png) 0 0 no-repeat;margin: 10px 0 0 0;}
#gform_2 #field_2_2 .gfield_description {display:none;}
#gform_2 #field_2_5 {clear:both}
#gform_2 .gfield_error {font-size:11px;color:#e87b10;}
.page-534 #gforms_confirmation_message {background:#0b0d0f;padding:10px;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color:#ddd;}

/***************************** footer */

#footer a {color:#4e5863;}
#footer .alignleft a {width:120px;height:25px;background:url(http://www.yellow-llama.com/wp-content/themes/yl2010/images/logo2.png) 0 0 no-repeat;display:block;overflow:hidden;text-indent:-9999px;}
#footer .alignright {overflow:hidden;}
#footer .alignright ul {float:left;padding:0 0 0 90px;text-align:right;}
#footer .alignright li {list-style:none;background:0;padding:0;}

.tech4africa a {margin: 20px 0 0 10px;}