/* ( Reset ) */

a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var { margin:0px; padding:0px; border:none; outline:none; }
img { display:block; }
*:Focus { outline:none; }

/* --- */

body { font-family:Arial, Sans-Serif; font-size:13px; color:#444444; line-height:200%; }
.inner-width { width:980px; margin:0px auto; }



#content-col { width:630px; }
#sidebar-col { width:300px; }

#main-sidebar { padding:0px; margin:0px; font-size:12px; }
#main-sidebar .widget { list-style:none; margin-bottom:50px; }
#main-sidebar .widget-title { margin-bottom:10px; }

#main-sidebar .widget_categories ul{ padding:0px; margin:0px; }
#main-sidebar .widget_categories ul li { list-style:none; color:#999999; border-bottom:1px solid #CCCCCC; /* float:left; width:135px; */ padding:3px; }

#main-sidebar .twitterwidget { padding:0px; margin:0px; }
#main-sidebar .twitterwidget li { list-style:none; margin-bottom:5px; }
#main-sidebar .twitterwidget li span { display:block; padding:10px 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.even span { background:#EEEEEE; }
.odd span { background:#DDDDDD; }

#main-sidebar a { color:#000000; }



#header { background:url(../images/header_background.png) top center repeat-x; margin-bottom:10px; line-height:150%; }
.zig-zag-header { background:url(../images/zig_bottom.png) bottom center repeat-x; padding-bottom:5px; }
#header-consistant { height:90px; }
#header-message { margin-bottom:26px; margin-top:-10px; height:75px; background:url(../images/into_message.png) no-repeat; text-indent:-9999px; overflow:hidden; }

#image-banner { margin-bottom:50px; border:5px solid #124069; }



.header-border { height:2px; overflow:hidden; margin-bottom:40px; background:transparent url(../images/header_border.png) repeat-x; }

 
#body { margin-bottom:50px; }
.body-home { padding-top:40px; }
.portfolio-single { margin-bottom:40px; }
.portfolio-description { position:relative; padding:10px 0px; border-bottom:1px solid #DDDDDD; margin-bottom:60px; }

.portfolio-thumbnail a { display:block; }
.portfolio-visit-link { font-size:11px; position:absolute; bottom:15px; right:0px; }


.portfolio-single-title { font-weight:normal; font-size:15px; line-height:170%; }
.portfolio-single-project-type { font-style:italic; color:#999999; font-size:12px; }


#footer { background:#333333 url(../images/zig_top.png) top center repeat-x; }
#footer-main { padding:50px 0px; }
#footer-info { height:70px; background:#2A2A2A url(../images/footerzigzag.png) repeat-x; }

#footer p { margin-bottom:0px; }

.footer-copyright { float:left; margin-right:15px; line-height:32px; color:#555555; }
.footer-copyright { margin-top:21px; }


.footer-blog-details { float:left; margin-right:15px; margin-top:22px; font-family:'Arial Black', Arial, Sans-Serif; font-size:18px; color:#666666; text-transform:uppercase; letter-spacing:-1px; }
.footer-blog-details .footer-count { color:#FFFFFF; font-size:26px; }

.footer-social-icons { padding:0px; margin:21px 0px 0px 0px; height:32px; float:left; }
.footer-social-icons li { list-style:none; float:left; margin-left:5px; }
.footer-social-icons li a { background:url(../images/footericons_sprite.png) no-repeat; display:block; text-indent:-9999px; overflow:hidden; height:32px; width:31px; }
.footer-social-icons .last-fm a { background-position:0px 0px; }
.footer-social-icons .twitter a { background-position:-31px 0px; }
.footer-social-icons .facebook a { background-position:-62px 0px; }
.footer-social-icons .rss-feed a { background-position:-93px 0px; }
.footer-social-icons li a:hover { background-position-y:-32px; }




.footer-widgets { overflow:hidden; }
.footer-widgets .widget { float:left; padding-right:20px; margin-right:19px; border-right:1px solid #555555; padding-bottom:500px; margin-bottom:-500px; }
.footer-widgets .medium-widget { width:280px; }
.footer-widgets .small-widget { width:150px; }
.footer-widgets .large-widget { width:470px; }
.footer-widgets .widget-last { margin:0px; padding:0px; border:none; }
.footer-widgets .widget-title { font-family:Helvetica, Arial, Sans-Serif; font-size:22px; color:#FFFFFF; font-weight:normal; margin-bottom:12px; }
.footer-widgets  ul { padding:0px; margin-bottom:0px; }
.footer-widgets .widget-categories ul li { float:left; list-style:none; border-bottom:1px solid #555555; margin-right:10px; width:146px; padding:2px 2px; }
.footer-widgets .last { margin-right:0px; }
.footer-widgets a { color:#999999; }

.footer-widgets .widget-lastfm ul li { list-style:none; float:left; position:relative; overflow:hidden; }
.footer-widgets .widget-lastfm ul li a { display:block; background:url(../images/lastfmcd.png) no-repeat; width:70px; height:70px; text-indent:-9999px; overflow:hidden; position:absolute; top:0px; left:0px; }


/* Header Elements */

#logo { margin:33px 0px 0px 0px; }
#logo a { width:220px; height:26px; background:url(../images/logo.png) no-repeat; text-indent:-9999px; overflow:hidden; display:block; }

#main-nav { margin:36px 0px 0px 0px; padding:0px; }
#main-nav li { list-style:none; float:left; font-size:18px; font-weight:bold; padding-left:18px; margin-left:12px; background:url(../images/mainnav_divider.png) 0px 4px no-repeat; }
#main-nav li:first-child { background:none; padding-left:0px; margin:left:0px; }
#main-nav li a { display:block; color:#FFFFFF; }
#main-nav li a:hover { text-decoration:none; border-bottom:4px solid #7F9EB3; }

#breadcrumb-trail { font-size:11px; color:#666666; margin-bottom:25px; line-height:110%; }
.breadcrumb-arrow { margin:0px 5px;}


/* Typography */

a { color:#FF6600; text-decoration:none; }
a:hover { text-decoration:underline; }
p { margin-bottom:25px; }
pre code { display:block; }
code { margin-bottom:25px; background:#333333; padding:10px 15px; color:#CCCCCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

ul, ol { padding-left:25px; }
ul ul, ol ul, ol ol, ul ol { margin-bottom:0px; }

h1, h2, h3, h4, h5, h6 { font-family:Helvetica, Arial; color:#000000; line-height:110%; }
h1 { font-size:40px; margin-bottom:25px; }
h2 {  }
h3 { font-size:20px; margin-bottom:10px; }
h4 {  }
h5 {  }

.post-details { margin-bottom:25px; margin-top:-20px; }
.post-detail { background:#CCE0EB; font-size:11px; padding:3px; }
.post-detail a { color:#000000; }

.post-author { font-size:10px; margin-bottom:0px; }

.str { color: #65B042; } /* string  - green */
.kwd { color: #E28964; } /* keyword - dark pink */
.com { color: #AEAEAE; font-style: italic; } /* comment - gray */
.typ { color: #89bdff; } /* type - light blue */
.lit { color: #3387CC; } /* literal - blue */
.pun { color: #FFFFFF; } /* punctuation - white */
.pln { color: #FFFFFF; } /* plaintext - white */
.tag { color: #89bdff; } /* html/xml tag    - light blue */
.atn { color: #bdb76b; } /* html/xml attribute name  - khaki */
.atv { color: #65B042; } /* html/xml attribute value - green */
.dec { color: #3387CC; } /* decimal - blue */




.image-left { float:left; margin:20px 20px 20px 0px; }
.image-right { float:right; margin:20px 0px 20px 20px; }


/* Columns */

.one-half { width:470px; }
.one-fourth { width:215px; }
.three-fourth { width:725px; }
.one-third { width:300px; }
.two-third { width:640px; }
.one-fifth { width:164px; }
.two-fifths { width:368px; }
.three-fifths { width:572px; }
.four-fifths { width:776px; }
.one-fourth, .one-half, .three-fourth, .one-third, .two-third, .one-fifth, .two-fifths, .three-fifths, .four-fifths { float:left; margin-right:40px; }
.last { margin-right:0px !important; clear:right; position:relative; }

/* Sharing */

#social-sharing { height:48px; padding-top:16px; position:relative; margin-bottom:50px; }
.social-media-icons { padding:0px; margin:0px; height:48px; width:480px; }
.social-media-icons li { float:left; list-style:none; }
.social-media-icons li a { display:block; width:48px; height:48px; background-image:url(../images/socialicons_sprite.png); text-indent:-9999px; overflow:hidden; }
.social-sharing-title { position:absolute; right:0px; top:0px; width:130px; height:65px; text-indent:-9999px; overflow:hidden; background:url(../images/spreadtheword.png) no-repeat; }

.facebook-icon a { background-position: 0px 0px; }
.twitter-icon a { background-position: -48px 0px; }
.delicious-icon a { background-position: -96px 0px; }
.stumbleupon-icon a { background-position: -144px 0px; }
.reddit-icon a { background-position: -192px 0px; }
.digg-icon a { background-position: -240px 0px; }
.buzz-icon a { background-position: -288px 0px; }
.googlebookmarks-icon a { background-position: -336px 0px; }
.blogger-icon a { background-position: -384px 0px; }
.linkedin-icon a { background-position: -432px 0px; }
.social-media-icons li a:hover { background-position-y:-48px; }



/* Comments */

#comments-header { height:34px; border-bottom:10px solid #D4D4D4; margin-bottom:15px; }
.bold-heading { font-family:'Helvetica', Arial, Sans-Serif; font-weight:bold; font-size:26px; letter-spacing:-1px; margin:2px 0px 0px 10px; }
.comment-bubble { height:30px; background:url(../images/speechtail_background.png) 8px 24px no-repeat; }
.comment-count { background:#333333; height:24px; display:block; line-height:24px; color:#FFFFFF; font-size:12px; font-weight:bold; padding:0px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.comment-list { padding:0px; }
.comment-list li { list-style:none; margin-bottom:15px; }
.comment-avatar-id { width:80px; margin-right:15px; }
.comment-content { width:505px; padding:15px; background:#EEEEEE; }
.comment-number { width:80px; text-align:right; display:block; color:#000000; font-size:24px; letter-spacing:-1px; font-family:'Arial Black', Arial, Sans-Serif; font-weight:bold; }
.comment-details { margin-bottom:15px; height:21px; }
.comment-author { color:#000000; font-size:18px; display:inline; border-bottom:1px solid #D4D4D4; font-weight:normal; }

.comment-author a { color:inherit; border-bottom:1px solid #444444; }
.comment-author a:hover { background:#CCCCCC; text-decoration:none; }
.comment-date { font-size:11px; color:#999999; line-height:150%; }

.comment-content p:last-child { margin:0px; }

.comment-reply { height:15px; font-size:11px; line-height:150%; margin-top:-10px; }
.comment-reply a { color:#000000; }

a.twitter-color { color:#32CCFE; }
#twitter-bubble { height:94px; background:transparent url(../images/twitterbubble.png) no-repeat; padding:23px; color:#999999; }

/* pullquotes */

.pullquote-right, .pullquote-left, blockquote { letter-spacing:-1px; font-family:'Lucida Sans', arial, sans-serif; color:#333333; font-style:italic; }
.pullquote-right, .pullquote-left { width:40%; display:inline; background:url(../images/quote.png) 4px 1px no-repeat; border-left:7px solid #EEEEEE; padding: 0px 0px 0px 22px; }
.pullquote-right { float:right; margin:20px 0px 16px 20px; }
.pullquote-left { float:left; margin:20px 20px 16px 0px; }

blockquote { display:block; background:url(../images/quote_large.png) 7px 3px no-repeat;  padding:10px 0px 10px 40px; font-size:18px; margin-bottom:30px; }

/* ( Highlight ) */

.highlight { background:#FFFF99; }
.highlight-dark { background:#333333; color:#EEEEEE; }

/* ---- */

/* ( Table Styles ) */

table { width:100%; text-align:left; border-collapse:collapse; margin-bottom:30px; line-height:150%; }
table td, table th { border:3px solid #D6D6D6; padding:5px; }
table thead tr th, table thead tr td { background:#E9E9E9; padding:7px; border-bottom:3px solid #DDDDDD; color:#333333; }
table tbody tr:nth-child(2n) { background:#F6F6F6; }
table tfoot tr td { font-style:italic; font-size:10px; }
table tbody tr:hover { background:#EEEEEE; color:#333333; }

/* --- */

/* Boxes */

.note-box, .info-box, .success-box, .warning-box, .general-box { padding:17px; display:block; margin-bottom:30px; color:#333333; }
.general-box { background-color:#F6F6F6; border:3px solid #DDDDDD; color:#666666; }
.warning-box { background-color:#FFE2E7; border:3px solid #CF5858; color:#990000; }
.success-box { background-color:#EBF9E7; border:3px solid #71B670; color:#006600; }
.info-box { background-color:#E2F3FF; border:3px solid #4489E2; color:#003366; }
.note-box { background-color:#FFF5E2; border:3px solid #E2C844; color:#786A24; }

/* --- */

.button, .text, .textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.note-box, .info-box, .success-box, .warning-box, .general-box { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.general-box p:last-child { margin-bottom:0px; }

.form-ul { padding:0px; margin:0px; }
.form-ul li { list-style:none; margin-bottom:15px; }

.form-label { display:block; color:#000000; line-height:100%; margin-bottom:3px; font-weight:bold; }
.required-field { color:#FF0000; }
.mini-label { font-size:10px; display:block; line-height:150%; }
.side-by-side-form { margin-right:5px; }
.text, .textarea { background:#F6F6F6; border:3px solid #D9D9D9; padding:7px; font-size:12px; margin:0px; color:#444444; }
.box .text, .box .textarea { background:#FFFFFF; }
.textarea { height:110px; }
.form-ul .last { margin-bottom:0px; }

input.warning-box, textarea.warning-box { background-color:#FFE2E7; border:3px solid #CF5858; color:#990000; }
input.success-box, textarea.success-box { background-color:#EBF9E7; border:3px solid #71B670; color:#006600; }

.text:focus, .textarea:focus, .input:focus, .radio:focus, .checkbox:focus { background:#E5EFF5; color:#000000; border:3px solid #99C2D6; }

.xsmall { width:56px; max-width:60px; }
.small { width:144px; max-width:148px; }
.medium { width:280px; max-width:284px; }
.large { width:450px; max-width:454px; }
.xlarge { width:552px; max-width:556px; }

.box .xsmall { width:54px; max-width:60px; }
.box .small { width:102px; max-width:106px; }
.box .medium { width:240px; max-width:244px; }
.box .large { width:408px; max-width:412px; }
.box .xlarge { width:510px; max-width:514px; }

.button { padding:11px 7px; font-size:12px; font-weight:bold; color:#FFFFFF; cursor:pointer; border:3px solid #888888; background:#A3A3A3; }
.button:hover { box-shadow: 0px 1px 2px #666666 inset; background:#999999; }

.button.blue { border-color:#1C82BD; background:#2091D0; text-shadow:-1px -1px 1px #105780; }
.button.blue:hover { box-shadow: 0px 1px 2px #105780 inset; background:#1979B0; }

.button.orange { border-color:#FF6600; background:#FF782E; text-shadow:-1px -1px 1px #A34D1D; }
.button.orange:hover { box-shadow: 0px 1px 2px #A34D1D inset; background:#EE5F01; }

.contact-illustration { background:url(../images/contact_illustration.png) top right no-repeat; min-height:350px; margin-top:-30px; padding-top:30px; }


/* Styled List */

.styled-list { padding-left:0px; }
.styled-list li { list-style:none; padding-left:30px; background-repeat:no-repeat; }

.black li { background-image:url(../images/icons/list_icons_black.png); }
.red li { background-image:url(../images/icons/list_icons_red.png); }
.blue li { background-image:url(../images/icons/list_icons_blue.png); }
.grey li { background-image:url(../images/icons/list_icons_grey.png); }
.orange li { background-image:url(../images/icons/list_icons_orange.png); }
.brown li { background-image:url(../images/icons/list_icons_brown.png); }
.green li { background-image:url(../images/icons/list_icons_green.png); }
.pink li { background-image:url(../images/icons/list_icons_pink.png); }

.list-type1 li { background-position:-280px 0px; }
.list-type2 li { background-position:-260px -20px; }
.list-type3 li { background-position:-240px -40px; }
.list-type4 li { background-position:-220px -60px; }
.list-type5 li { background-position:-200px -80px; }
.list-type6 li { background-position:-180px -100px; }
.list-type7 li { background-position:-160px -120px; }
.list-type8 li { background-position:-140px -140px; }
.list-type9 li { background-position:-120px -160px; }
.list-type10 li { background-position:-100px -180px; }
.list-type11 li { background-position:-80px -200px; }
.list-type12 li { background-position:-60px -220px; }
.list-type13 li { background-position:-40px -240px; }
.list-type14 li { background-position:-20px -260px; }
.list-type15 li { background-position:0px -280px; }

/* --- */


/* Dividers */

.divider { clear:both; border-top:1px solid #D2D2D2; border-bottom:1px solid #FFFFFF; position:relative; margin-bottom:30px; }
.divider.top { margin-right:20px; }
.divider a { position:absolute; font-size:8px; right:-20px; top:-13px; text-decoration:none; padding-left:5px; color:#333333; }


/* ( Floating ) */

.left { float:left; }
.right { float:right; }
.clear { clear:both; }

/* --- */