/* CSS Document */

* { margin: 0px; padding: 0px; }
body { margin: 0; padding: 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; background-color:#333333;}
h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:27px; font-weight:normal; line-height:45px; color:#292929; font-style:italic;}
h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:normal; line-height:42px; color:#363636; font-style:italic;}
h3 { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; line-height:42px; color:#363636; }
h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:normal; line-height:27px; color:#363636;}
#wrapper2.xmas h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:34px; line-height:46px;  color:#ad0505; font-style:italic; text-decoration:none; padding-top:50px;}
#wrapper2.xmas h2.cta { font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; font-weight:normal; line-height:42px; color:#363636; font-style: normal;}

h1 a { font-family:Georgia, "Times New Roman", Times, serif; color:#363636; text-decoration:none;}
h1 a:hover { color:#00a7e5;}

h2 a { font-family:Georgia, "Times New Roman", Times, serif; color:#363636; text-decoration:none;}
h3 a { font-family:Arial, Helvetica, sans-serif; color:#363636; text-decoration:none;}
h2 a:hover, h3 a:hover { color:#00a7e5;}

p { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:normal; color:#676768; line-height:20px; margin-bottom:10px;}
p a { font-family:Georgia, "Times New Roman", Times, serif; color:#363636; text-decoration:none; border-bottom: 1px dotted #363636;}
p a:hover { border-bottom: 1px dotted #00BCEC; color:#00BCEC;}
p.hr {border-bottom:1px dotted #c4c4c4; padding-bottom:15px; margin-bottom:10px;}
p.hr2 {border-bottom:3px solid #e2e2e2; padding-bottom:20px; margin-bottom:10px;}
p.hr3 {border-bottom:1px dotted #c4c4c4; padding-bottom:25px; margin-bottom:10px;}
p.hr4 {border-bottom:1px dotted #c4c4c4; padding-bottom:20px; margin-bottom:25px;}
p.hr5 {border-bottom:1px dotted #c4c4c4; padding-bottom:15px; margin-bottom:10px; width:200px;}
p.hr6 {border-bottom:1px dotted #6f6f6f; padding-bottom:15px; margin-bottom:10px;}
b {color:#363636;}
.highlight { color:#363636;}

.noborder { border:0px}
ul, ol {margin:0 0 15px;list-style-image:none;list-style-position:outside;list-style-type:none;}
ul.aboutlist {margin:0 0 0 15px;list-style-image:none;list-style-position:outside;list-style-type: square;}
ul.aboutlist li {margin:0 0 10px 0px; color:#676768; font-weight:bold;}
ul.aboutlist ul {margin:10px 0 0px 0px; color:#676768;}
ul.aboutlist ul li {margin:0 0 4px 0px; color:#676768; font-weight:normal;}

/* FOOTER STYLES */
#footer h3 { color:#858585;}
#footer p { color:#fff;}
#footer p a{ color:#858585;}
#footer p a:hover{ color:#DE3D81; border-bottom:1px dotted #DE3D81;}
#footer h3 a{ color:#858585;}
#footer h3 a:hover{ color:#DE3D81;}
#footer p.notes {color:#777777; font-size:10px; text-transform:uppercase;}

ul#twitter_update_list {list-style:none; border-top:1px dotted #6f6f6f; padding-top:10px; width:180px;}
ul#twitter_update_list li span {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#FFF; line-height:24px;}
ul#twitter_update_list li a {font-family:Georgia, "Times New Roman", Times, serif; color:#676768; font-size:12px; text-decoration:none; display:block; line-height:18px;}
ul#twitter_update_list li {font-family:Georgia, "Times New Roman", Times, serif; color:#fff; font-size:12px; text-decoration:none; display:block; line-height:18px;}
ul#twitter_update_list a:hover { color:#DE3D81;}
ul#twitter_update_list li {margin-bottom: 10px; border-bottom:1px dotted #6f6f6f; padding-bottom:10px;}

ul#blog_update_list {list-style:none; border-top:1px dotted #6f6f6f; padding-top:10px; width:180px;}
ul#blog_update_list li span {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#FFF; line-height:18px;}
ul#blog_update_list li a {font-family:Georgia, "Times New Roman", Times, serif; color:#676768; font-size:12px; text-decoration:none; display:block; line-height:18px;}
ul#blog_update_list a:hover { color:#DE3D81;}
ul#blog_update_list li {margin-bottom: 10px; border-bottom:1px dotted #6f6f6f; padding-bottom:10px;}

ul#featured_list {list-style:none; border-top:1px dotted #6f6f6f; padding-top:10px; width:180px;}
ul#featured_list li span {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#FFF; line-height:18px;}
ul#featured_list li a {font-family:Georgia, "Times New Roman", Times, serif; color:#676768; font-size:12px; text-decoration:none; display:block; line-height:18px;}
ul#featured_list a:hover { color:#DE3D81;}
ul#featured_list li {margin-bottom: 10px; border-bottom:1px dotted #6f6f6f; padding-bottom:10px;}

#footer .fourcolumns {width:960px; background: none; border-bottom:1px solid #444444; padding:0px 0px 40px 0px; margin-bottom:15px;}

/* GENERIC CONTAINER STYLES */
#wrapper { margin:0px; padding:0px; background:#fff; border-top:5px solid #00BCEC;}
#wrapper2 { margin:0px; padding:0px; background:#fff; margin-top:5px; background:url(../images/bg_xmas.jpg) top right no-repeat #ffffff;}
#wrapper.coffee {background:#e5e4df url(../images/bg_coffee2.jpg) top right no-repeat;}
#wrapper2.xmas #title {background:none;}
#wrapper.texture {background:#e5e4df url(../images/bg-texture-repeat.png) top left repeat;}
#wrapper.emailbg {background:#fff url(../images/mail_bg.jpg) top center no-repeat;}
#wrapper.paper {background:#f3f3f3 url(../images/bg_paper.jpg) top right no-repeat;}
#wrapper.paper2 {background:#f3f3f3 url(../images/bg_paper2.jpg) center repeat;}
#container { width:960px; margin:0 auto; padding:0px 20px 0px 20px;}
#santa {background:url(../images/bg_santa.gif) top left no-repeat;}
#header {width:960px; height:168px; clear:both; }
#logo a {width:177px; height:19px; float:left; margin:67px 0px 0px 0px; background:url(../images/logo_g1.gif) top left no-repeat;}
#logo a:hover {width:177px; height:19px; float:left; margin:67px 0px 0px 0px; background:url(../images/logo_g1.gif) bottom left no-repeat;}
#logo span { display:none;}
#wrapper2.xmas #logo a {background:none;}

#title {width:960px; padding:30px 0px 30px 0px; background:url(../images/divider_full.gif) top left no-repeat;}
#footer { width:960px; margin:0 auto; padding:30px 20px 40px 20px;}
.deafultcolumns {width:960px;}
.fourcolumns {width:960px; background:url(../images/divider_4col.gif) top left repeat-y;}
.twocolumns_r {width:960px; background:url(../images/divider_2col_r.gif) top left repeat-y;}
.twocolumns_m {width:960px; background:url(../images/divider_2col_m.gif) top left repeat-y;}
.threecolumns_m_r {width:960px; background:url(../images/divider_3col_m_r.gif) top left repeat-y;}
.threecolumns_r {width:960px; background:url(../images/divider_3col_r.gif) top left repeat-y;}
.threecolumns_l_r {width:960px; background:url(../images/divider_3col_l_r.gif) top left repeat-y;}
.fourcolend {width:221px; padding:0px 0px 0px 0px; float:left;}
.fourcol {width:221px; padding:0px 0px 0px 25px; float:left;}
.fourcolblog {width:221px; padding:10px 0px 0px 250px; float:left;}
.twocolend {width:467px; padding:0px 0px 0px 0px; float:left; }
.twocol {width:467px; padding:0px 0px 0px 25px; float:left; }
#basedivider {width:960px; height:100px; background:url(../images/divider_full.gif) top left no-repeat; }
#basedivider2 {width:960px; height:100px; }
div.storycontent a img { border-bottom:0px dotted #c4c4c4; margin-bottom:10px;}

/* NAV STYLES */
#nav {float:right; padding:35px 0px 0px 0px;}
#nav ul {list-style:none;}
#nav ul li{list-style:none;}
#nav li { display:inline; margin:0px; padding:0px; }
#nav li a{ display:block; float:left; height:9px; width:97px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#cccccc; text-decoration:none; padding:42px 0px 0px 10px; line-height:10px; border-left:1px dotted #ccc; font-weight:bold;}
#nav li a:hover{ color:#DE3D81;}
#nav li a.on{ color:#00BCEC; }
#wrapper2.xmas #nav li a { color:#304161; border-left:1px dotted #304161;}
#wrapper2.xmas #nav li a.on { color:#304161;}
#wrapper2.xmas #nav li a:hover{ color:#fff;}


/* QUICK ICON STYLES */
#quickicons {float:right; padding:75px 0px 0px 0px; width:960px;}
#quickicons ul {list-style:none;}
#quickicons ul li{list-style:none;}
#quickicons ul li span{ display:none;}
#quickicons li#share { display:inline; margin:0px; padding:0px; }
#quickicons li#share a{ display:block; float:right; height:16px; width:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#cccccc; text-transform:uppercase; text-decoration:none;background:url(../images/button_share.gif) top left no-repeat;}
#quickicons li#share a:hover{ background-position:0px -16px}

/* HOME STYLES */
#recentwork {width:960px; padding:30px 0px 30px 0px; background:url(../images/divider_full.gif) top left no-repeat; }
.intro {width:960px; padding:30px 0px 30px 0px; background:url(../images/divider_full.gif) top left no-repeat;}
#homerotator {width:960px;}
div#screenrotator {display:block;float:right;height:406px;margin:0px 0 0;width:960px;}
div#screenrotator ul {margin: 0pt; padding: 0pt; position: relative; list-style-type: none; z-index: 1; width: 3675px; left: -1575px;}
div#screenrotator li {overflow: hidden; float: left; width: 883px; height: 406px;}
div.imagearea {display:block;float:left;height:406px;overflow:hidden;width:883px;}
div#screenrotator button.prev {background:transparent url(../images/button_back.gif) no-repeat scroll 0 0;border:none;cursor:pointer;display:block;float:left;height:29px;margin:200px 8px 0 0;outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;padding:0;width:29px;}
div#screenrotator button.next {background:transparent url(../images/button_forward.gif) no-repeat scroll 0 0;border:medium none;cursor:pointer;display:block;float:right;height:29px;margin:200px 0 0;outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;padding:0;width:29px;}
div#screenrotator button.next.active, #ipp div#screenrotator button.next.active {background:transparent url(../images/button_forward.gif) no-repeat scroll 0 -29px;}
div#screenrotator button.prev.active, #ipp div#screenrotator button.prev.active {background:transparent url(../images/button_back.gif) no-repeat scroll 0 -29px;}
div#screenrotator button span, #ipp div#screenrotator button span {display:none;}
div#screenrotator button:focus, #ipp div#screenrotator button:focus {outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;}

/* EXPERTISE STYLES */
#ipp {width:960px; padding:30px 0px 40px 0px; background:url(../images/divider_full.gif) top left no-repeat; }
#ipp div#screenrotator {display:block;float:right;height:250px;margin:30px 0 0;width:960px;}
#ipp div#screenrotator li {overflow: hidden; float: left; width: 883px; height: 250px;}
#ipp div.imagearea {display:block;float:left;height:250px;overflow:hidden;width:883px;}
#ipp div#screenrotator button.prev {background:transparent url(../images/button_back.gif) no-repeat scroll 0 0;border:none;cursor:pointer;display:block;float:left;height:29px;margin:110px 8px 0 0;outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;padding:0;width:29px;}
#ipp div#screenrotator button.next {background:transparent url(../images/button_forward.gif) no-repeat scroll 0 0;border:medium none;cursor:pointer;display:block;float:right;height:29px;margin:110px 0 0;outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;padding:0;width:29px;}

/* WORK STYLES */
.workthumb img { height:142px; width:221px; border-bottom:3px solid #666666; padding-bottom:5px; margin-bottom:10px;}
.workthumb a:hover img { height:142px; width:221px; border-bottom:3px solid #00a7e5; padding-bottom:5px;}
.twocolumns {width:960px; padding-top:10px;}
h3.workthumbtitle{ line-height:16px; margin-top:12px;}
.workdesc { line-height:10px; margin-bottom:12px; margin-top:8px; color:#BBBBBB;
font-size:10px;
font-weight:normal;
letter-spacing:2.6pt;
text-transform:uppercase;}

/* IMAGE PLAYER */
.preview {float:left;padding:0 0 80px 26px;width:713px;}
#current_preview {min-height:300px;overflow:hidden;position:relative;width:713px;}
#current_preview img {cursor:pointer;display:block;}
img, a img {border:0 none;}
#thumbnails {margin-bottom:5px;padding:20px 0 0;width:690px;}
#thumbnails li {float:left;margin:0 2px 0 0;position:relative;width:79px;}
#thumbnails a img {border:2px solid #E5E5E5;display:block;width:75px;}
#thumbnails a:hover img {border:2px solid #00a7e5;color:#fff;}
#thumbnails span.loader {background:transparent url(../images/loader_bkgd.png) no-repeat scroll 0 0;display:block;height:24px;left:26px;position:absolute;top:12px;width:24px;}
#thumbnails span.loader span {background:transparent url(../images/loader.gif) no-repeat scroll 0 0;display:block;height:16px;left:4px;position:relative;text-indent:-9999px;top:4px;width:16px;}
a.current img {border:2px solid #00A7E5 !important;}
a:hover {color:#333333;}
a, a:hover {color:#00A7E5;text-decoration:none;}

/* ABOUT STYLES */
.aboutprofile { width:467px; border-bottom:3px solid #00BCEC; padding-bottom:5px; margin-bottom:10px;}

/* CONTACT FORM */
h2.contactform {margin-bottom:15px;}
.contact {width:467px; border:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #494c4e; margin-top:15px; }
.login {width:467px; border:1px dotted #ccc; background-color:#fff; padding:20px 20px 10px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #494c4e; margin-top:5px; }
.col2 input{ width:250px; height:19px; border:0px solid #d9d9d9; background-color:#EFEFEF; font-size:12px; color:#252525; margin-bottom:12px; padding: 3px 5px 0px 5px;}
.col2 input:hover, .col2 textarea:hover{ background-color:#00BCEC; color:#FFFFFF;}
.col2 textarea{ width:255px; height:46px; border:0px solid #d9d9d9; background-color:#EFEFEF; color:#252525; margin-top:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #494c4e; padding: 3px 0px 0px 5px;}
.col2 input:focus, .col2 textarea:focus {background-color:#DE3D81; color:#FFFFFF;}
.contact td{ height:25px;}
.col1{ width:150px; vertical-align:top;}
.col2{ width:150px; vertical-align:top;}
.col3 input{ background-color:#f3ece9; margin-top:10px;}
.col4{ width:80px; margin-top:0px; font-size:10px;}
input.formborder {background-image:url(../images/button_submit.gif); background-position:top left; background-repeat:no-repeat; background-color:#fff; width:89px; height:25px; display:block;border:0px;color:#fff; cursor: pointer; margin-top:25px; text-indent:-1000px; line-height:50px;}
.formborder:hover, .formborder:active {background-position:bottom left;background-color:#fff;}

input.formborder2 {background-image:url(../images/button_submit.gif); background-position:top left; background-repeat:no-repeat; background-color:#fff; width:89px; height:25px; display:block;border:0px;color:#fff; cursor: pointer; margin-top:0px; text-indent:-1000px; line-height:50px;}
.formborder2:hover, .formborder2:active {background-position:bottom left;background-color:#fff;}

input.error, textarea.error { border:1px solid #d10000; background-color:#f2afaf; }
#formerror {width: 410px; padding:15px 10px 15px 10px; margin-bottom:10px; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#d10000; border:1px solid #d10000;}
#formaction {padding:15px 10px 15px 10px; margin-bottom:10px; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#019272; border:1px solid #019272;}
.error { color:#d10000; }

.paypal-donations input { width:92px; height:26px; background-color:#fff;}
.paypal-donations input:hover { background-color:#fff;}
.paypal-donations input:focus { background-color:#fff;}

/* MAIL STYLES */
ul.mail { list-style: decimal; margin-left:20px;}
ul.mail li{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:normal; color:#676768; line-height:18px; margin-bottom:10px;}
.package {height:250px; border-bottom:1px dotted #c4c4c4; margin-bottom:10px;}

/* BLOG STYLES */
.contentshit { width:699px; float:left;}
.dateshit { width:211px; float:left; padding:10px 20px 0px 0px;}
.twocolendblog {width:467px; padding:0px 0px 0px 0px; float:left;}
.fourcolblog {width:221px; padding:0px 0px 0px 0px; float:right;}

ul.sidebar {padding-top:5px;}
ul.sidebar li.widget_recent_entries, ul.sidebar li.widget_categories, ul.sidebar li.widget_archive,  ul.sidebar li.widget_twitter {border-bottom: 0px dotted #c4c4c4; margin-bottom:25px;}


li.widget, ul.sidebar li a.twitter_title_link { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:normal; color:#363636; border-bottom: 0px dotted #c4c4c4; font-style: normal; line-height:30px;}
ul.sidebar li a:hover.twitter_title_link { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:normal; color:#00a7e5;}



li.widget a { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#676768; text-decoration:none; border-bottom: 0px dotted #363636; line-height:12px; display:block;}

li.widget li { border-bottom: 1px dotted #c4c4c4; padding:12px 0px 12px 0px; line-height:12px;}

ul.twitter li.twitter-item { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#676768; text-decoration:none; line-height:24px;}
li.widget a:hover { border-bottom: 0px dotted #363636; color:#00a7e5;}
span.date {font-size:16px; color:#00a7e5; font-style:italic;}
.post { border-bottom:1px dotted #c4c4c4; padding-bottom:15px; margin-bottom:20px; }
div.post h2 {margin-bottom:8px;}
ul.sidebar { margin-top:10px;}
.comment { border-bottom:1px dotted #c4c4c4; padding-bottom:20px; margin-bottom:20px; }
.comment p {width:467px; }
h3#comments { line-height:16px; margin-bottom:20px; }


.twitter-timestamp {font-size:12px; color:#00a7e5; font-style:italic; border-bottom:0px; display:block; line-height:14px; padding-bottom:5px;}
abbr {border:none;}

input{ width:220px; height:19px; border:0px solid #d9d9d9; background-color:#EFEFEF; font-size:12px; color:#252525; font-size:12px; margin-bottom:5px; padding: 3px 5px 0px 5px;}
textarea{ width:440px; height:200px; border:0px solid #d9d9d9; background-color:#EFEFEF; font-size:12px; color:#252525; margin-top:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #494c4e; padding: 3px 0px 0px 5px;}
input:hover, textarea:hover{ background-color:#00BCEC; color:#FFFFFF;}
input:focus, textarea:focus {background-color:#DE3D81;color:#FFFFFF;}
div.dateshit .commentsicon { height:26px; width:28px; padding:0px 0px 0px 0px; border:0px; text-align:center; float:right;}
div.dateshit .commentsicon a { font-size:13px; line-height:18px; height:26px; width:27px; color:#fff; padding:0px; margin:0px; display:block; background:url(../images/button_comment.gif) top left no-repeat;}
div.dateshit .commentsicon a:hover { color:#fff; background-position:0 -26px;}
.commentname {font-size:16px; font-style:normal; color:#363636;}
div.twocolendblog p {font-size:14px; line-height:27px;}

div#shDisplay img#shTopImg {border:3px solid #fff;}
.alignleft{ padding:0px 20px 0px 0px;}