/*--- Base CSS ---*/
* { outline: none; }
img { border: 0; vertical-align: middle; }
table { width: 100%; }
form { display: inline; margin: 0; padding: 0; }
ul { list-style: none; }
li { padding-bottom: 5px; }
.cursor { cursor:pointer; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.spacer10 { height: 8px; padding: 1px; }
.pad10 { padding: 10px; }
.pad5 { padding: 5px; }
.nounderline { text-decoration: none; }
.center { text-align: center; }
.bold { font-weight: bold; }
.nobold { font-weight: normal; }
.white { color: #FFFFFF; }
.italic { font-style: italic; }
.uppercase { text-transform: uppercase; }
.hide { display: none; }
label { color: #848484; font-size: 15pt; font-family: Helvetica, sans-serif; }
.contentform { padding: 4px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #848484; margin-top: 2px; margin-bottom: 5px; font-family: Helvetica, sans-serif; }

/*--- Metallic CSS ---*/
body { background: #3A3D48 url(http://mark.bockenstedt.net/cardly/bg.png) repeat-y top center; padding: 0; margin: 0; text-align: center; font: 13px Tahoma, "Lucida Grande", Verdana, Arial; }
a { color: #676767; text-decoration: none; }
a:hover { color: #444; }
#wrapper { background: transparent url(http://mark.bockenstedt.net/cardly/wrapper.png) no-repeat center center; margin: 65px auto; width: 513px; height: 423px; padding: 10px 20px; text-align: left; }
#header { height: 60px; padding: 20px; }
#full_name { font: 34px "Myriad Pro", Tahoma, "Myriad", "Trebuchet MS", Verdana, Arial, Helvetica, Tahoma; font-weight: bold; }
#tagline { font: 12px Helvetica, Tahoma, "Myriad Pro", Verdana, Arial; color: #676767; }
#tagline a { color: #676767; }
#tagline a:hover { color: #575757; }
#navigation { font-style: italic; height: 35px; padding-top: 8px; padding-left: 10px; }
#navigation a { color: #464646; font-style: italic; text-decoration: none; font-weight: bold; font-family: Helvetica, Verdana, "Trebuchet MS"; margin-left: 10px; line-height: 21px; vertical-align: middle; height: 21px; display: block; float: left; width: 79px; text-align: center; }
#navigation a.nav_active { background: url(http://mark.bockenstedt.net/cardly/nav_hover.png) no-repeat center center; }
#navigation a:hover { color: #222; }
.network_row, .network_row_last { background: url(http://mark.bockenstedt.net/cardly/network_row.png) repeat-x center center; height: 58px; padding-top: 10px; padding-left: 15px; padding-right: 15px; vertical-align: middle; }
.network_row_last { background: url(http://mark.bockenstedt.net/cardly/network_row_last.png) repeat-x center center; }
.network_row_left, .network_row_right { /*background: url(http://mark.bockenstedt.net/cardly/network_row.png) repeat-x center center;*/ height: 58px; padding-top: 10px; padding-left: 15px; padding-right: 15px; vertical-align: middle; float: left; margin-bottom: 10px; width: 210px; }
.network_row_left { margin-left: 17px; }
.network_row_right { margin-left: 0px; margin-right: 10px; }
.network_name { color: #3a3a3a; font: 17px "Myriad Pro", Tahoma, "Myriad", "Trebuchet MS", Verdana, Arial, Helvetica, Tahoma; font-weight: bold; padding-top: 5px; }
.network_img { float: left; margin-right: 5px; }
.network_url { color: #666; font: 13px  Tahoma, "Myriad", "Trebuchet MS", Verdana, Arial, Helvetica, Tahoma; }
.network_url a { color: #666; text-decoration: none; }
.network_url a:hover { color: #333; }
#about { padding: 20px; overflow-y: auto; height: 200px; }
.title { font: 24px "Myriad Pro", Tahoma, "Myriad", "Trebuchet MS", Verdana, Arial, Helvetica, Tahoma; font-weight: bold; margin-bottom: 10px; }
#about_body { color: #474747; line-height: 150%; font: 13px Tahoma, "Myriad", "Trebuchet MS", Verdana, Arial, Helvetica, Tahoma; }
#websites { padding: 20px; overflow-y: auto; height: 200px; }
#websites_body { color: #474747; line-height: 150%; font: 13px Tahoma, "Myriad", "Trebuchet MS", Verdana, Arial, Helvetica, Tahoma; }
#plugins_content { padding: 10px; }
#plugins span { color: #a09d9d; margin-left: 10px; }
#contact { height: 210px; padding: 15px 30px; }
#contact_textarea { background: transparent url(http://mark.bockenstedt.net/cardly/contact_textarea.png) no-repeat center center; border: 0; color: #888; width: 189px; height: 89px; padding: 10px; font: 14px "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, Tahoma; font-style: italic; }
.work_detail { margin-bottom: 10px; font: 14px  Arial, "Trebuchet MS", Tahoma, "Myriad", Helvetica, Tahoma; color: #444; }
.detail_name { width: 74px; float: left; color: #444; }
#contactform label { float: left; }
#captchaStatus { margin: 0px 0px 3px; padding: 0px; color: red; }
#recaptcha_logo, #recaptcha_tagline { display: none; }
.recaptchatable { border: none !important; }
#recaptcha_widget_div { margin-left: -15px; }