/* 
YOUR CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

/* Globals */
body {background: #D4EEF8;}
p {color:#141414;}
a {color:#141414;border-bottom: 1px dotted #96D5ED;}
a:hover {color:#219CC5;}
h3.sub {color:#219CC5; border-color: #BAE4F3;}
h3.sub a {border:none;}
caption {background: #96D5ED;color:#141414;font-weight: bold;}
label {font-weight:normal;}
div.colborder{border-color: #BAE4F3;margin-right:24px;}
blockquote {border-left: 5px solid #BAE4F3;margin-left:0; padding-left: 1.5em;}
hr {background-color: #BAE4F3;}
.span-7 {width:284px;}
.span-16 {width:617px;}

/* Masthead */
#mastheader {width: 100%; background: #141414;}
#masthead {background: none; margin: 0px auto;padding:10px 0 5px 0; float:none;height:80px;width:950px;}
#masthead #logo {float:left;}
#masthead #logo h1 {float:none;width:auto;padding: 3px 0 5px 0;margin:0;line-height:0;}
#masthead #logo h1 a {color: #fff;border:none;}
#masthead #logo h1 a:hover {color:#fff}
#masthead #logo .description {text-align:left;color:#D4EEF8;font-family:Georgia;font-size:14px;font-style:italic;float:none;margin:0;padding:0;}
#masthead #search {float:right;width:auto;margin-top:18px;}
#masthead #search #s {background:#D4EEF8 url(../work-a-holic-pro/images/search.png) no-repeat scroll 2px 4px;border:none;color:#141414;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
#masthead #search #s:hover {background:#96D5ED url(../work-a-holic-pro/images/search.png) no-repeat scroll 2px 4px;color:#141414;}

/* Main navigation overrides */
.sf-menu {float:right; margin:0;padding:0;width: auto;position: relative;background:none;top:17px;margin-right:10px;}
.sf-menu a, .sf-menu a:visited  { color:#219CC5;border-bottom: none;}
.sf-menu li a {font-size:12px;font-weight: bold;padding: 6px 14px 8px 14px;}
.sf-menu > li a {-moz-border-radius: 12px; -webkit-border-radius: 12px;}
.sf-menu  li a:hover {background: #D4EEF8;color:#141414;-moz-border-radius: 12px; -webkit-border-radius: 12px;}
.sf-menu > li {background:#96D5ED;color: #141414;margin-right:10px;-moz-border-radius: 12px; -webkit-border-radius: 12px; width: 115px;}
.sf-menu li ul {margin:-3px 0 0 0;padding:0;-moz-border-radius: 0; -webkit-border-radius: 0;-moz-border-radius-bottomleft:12px;-moz-border-radius-bottomright:12px;-webkit-border-bottom-right-radius:12px;-webkit-border-bottom-left-radius:12px;background: #D4EEF8;width: 115px !important;}
.sf-menu li ul li {margin:0;padding:0;background:none;}
.sf-menu li li a { font-size:12px;background:none;padding:2px 14px 8px;}
.sf-menu li li a:hover { background:none;}
.sf-menu a > .sf-sub-indicator {top:8px;}
.sf-menu li ul li .sf-sub-indicator {top:2px;}
.sf-menu li.sfHover {color: #141414;}
.sf-menu a.sf-with-ul {padding-right:1.9em;-moz-border-radius: 0px;-webkit-border-radius:0px;-moz-border-radius-topleft:12px;-moz-border-radius-topright:12px;-webkit-border-top-right-radius:12px;-webkit-border-top-left-radius:12px;}
.sf-menu li.sfHover, .sf-menu a.sf-with-ul:hover {background:#D4EEF8;-moz-border-radius: 0; -webkit-border-radius: 0;-moz-border-radius-topleft:12px;-moz-border-radius-topright:12px;-webkit-border-top-right-radius:12px;-webkit-border-top-left-radius:12px;}
.sf-menu li ul li ul {margin: 0 0 0 -16px; padding:8px 0 0 0;-moz-border-radius: 12px; -webkit-border-radius: 12px;}
.sf-menu li ul li.sfHover, .sf-menu li ul li a.sf-with-ul:hover {-moz-border-radius: 12px; -webkit-border-radius: 12px;}
.sf-menu li ul li ul li a,.sf-menu li ul li ul li a:hover { }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background: none;}
.sf-menu li.sfHover{background: #D4EEF8;}

/* Welcome */
.hello {background:#BAE4F3;width:100%;border-top: 1px solid #D4EEF8;border-bottom:1px solid #96D5ED;}
.welcomebox {background:none;width:950px; margin: 0 auto;overflow: hidden;display: table;padding: 40px 0;text-align:left;}
.welcomebox h2 {color:#70C6E6;float:none;font-size:4em;font-weight: bold;margin:0;padding:0 20px 5px 0;line-height:1.1;letter-spacing: -3px;vertical-align: middle;display: table-cell;text-shadow: #fff 0px 0px 1px;}
.welcomebox h3 {line-height: 20px;font-size:14px;vertical-align: middle;display: table-cell;}
.welcomebox h3 a {font-style: italic; color: #141414;}
.welcomebox h3 a:hover {color: #219CC5;}
.welcomebox h3 {color:#141414;}

/* Featured Items */
.featureditems {background: #fff url(../work-a-holic-pro/images/thumb_bg.jpg) no-repeat 7px 7px;margin: 0 0 30px 0; overflow: hidden; height: 164px; position:relative;}
.featureditems a {border:none;}
.featureditems h4 img {max-width:270px;border:0 none;height:150px;position:absolute;top:7px;left:7px;width:270px;z-index:3;}
.featureditems h4{margin:0;}
.featureditems h4 a {color:#333;display:block;height:134px;line-height:1.2;overflow:hidden;padding:15px;}
.featureditems span.category {bottom:0;color:#aaa;font-size:12px;left:0;position:absolute;margin:0 18px 18px 23px;}
.featureditems span.category a {color:#666;}
.featureditems span.category a:hover,.featureditems a:hover {color:#fff;}
.featureditems span.title a {bottom:0;left:0;padding:18px 18px 36px 23px;position:absolute;font-size: 14px;}
#featured h3.sub {color: #219CC5;border-color: #BAE4F3;margin-bottom: 25px;padding-bottom: 10px}
#featured {margin: 20px 0 30px 0;overflow: hidden;}
#featured img.attachment-thumbnail {max-width:270px;overflow:hidden;display: inline;}
.end {margin-bottom:0;padding-bottom:0;}

/* Thumbnail Slider */
.sliderGallery {background: #D4EEF8;width: 2860px;}
.slider-item span.slider-title  {width:262px;}
.slider-item a.thumb, .slider-item  .slider-title a, .slider-item a{border:none;}
.slider-item .attachment-thumbnail {width: 270px; border:none;}
#slider-handle {background: #BAE4F3;margin-top: 15px;}
.ui-slider-handle {background: #96D5ED;border:none;}
.slider-item {float: left; margin: 0 0px 0 0; width: 270px;}
#slider-section {height: 150px;}
ul#slider-nav a {border: none;}

/* Post Slider */
.slide-details .description p {color: #141414;}
.slide-details h2 {font-style: normal; line-height: 1.2;}
.slide-details h2 a {color: #141414; border: none;}
.slide-details h2 a:hover {color: #96D5ED;}
.slide-thumbnail a {border: none;}
.slide-details a.button { color: black; background: #BAE4F3; border: none; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.slide-details a.button:hover {background: #BAE4F3;}

/* Content */
.container {background: none;margin:20px auto;}
.container-inner {padding:0;}
.content {overflow: hidden;}
.single .container-inner {padding:20px 0}
.postmetadata {background: #BAE4F3;color:#333333;}
.postmetadata a {color:#333; border-bottom: 1px dotted #96D5ED;}
.postmetadata a:hover {color: #141414;border-bottom: 1px dotted #141414;}
img.size-medium, img.alignnone {border: 10px solid #fff;padding:0;}
.wp-caption a {border:none;}
.wp-caption p.wp-caption-text  {padding: 0 0px 10px;}
.slider-item .thumbnail, .thumbnail, .attachment-thumbnail {width: 270px; max-width: 270px;border: 7px solid #fff;}

/* Comments */
#commentform textarea {border: 5px solid #BAE4F3; font-family: Arial;}
#commentform textarea:hover { border:5px solid #BAE4F3; }
#respond {margin-bottom: 0;}
#commentform input {border:1px solid #BAE4F3; padding:3px}
#commentform #submit {color:#70C6E6;background: #141414;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
#commentform #submit:hover {background: #23323F;}
ol.commentlist li:hover {background: none;}
ol.commentlist li {border-color: #BAE4F3;padding-right: 0;padding-left: 50px; padding-top: 10px}
ol.commentlist li div.comment-meta, ol.commentlist li.comment-author-admin div.comment-meta {background: #BAE4F3;}
ol.commentlist li.comment-author-admin {border-color: #141414}
ol.commentlist li div.comment-meta a,ol.commentlist li.comment-author-admin div.comment-meta a:hover {color:#141414;}
ol.commentlist li div.vcard img.avatar {padding:3px; background: #fff;top:10px;}
ol.commentlist li div.reply a {background: #141414;color: #fff;border:none;}
ol.commentlist li div.reply a:hover {background: #23323F;}

/* Sidebar Widgets */
#sidebar ul li a, ul.txt li {border-color: #BAE4F3;background:transparent url(../work-a-holic-pro/images/li.png) no-repeat scroll 0 50%;padding-left:15px}
#sidebar ul li a:hover, ul.txt li:hover {color:#219CC5;background:#DFFBFF url(../work-a-holic-pro/images/li-white.png) no-repeat scroll 5px 50%; padding-left:20px}
#sidebar #search #s {margin: 10px 0 0 0;}
#sidebar table, #sidebar td, #sidebar th {text-align: center;}
#sidebar td, #sidebar th {border-bottom: 1px solid #BAE4F3;}
#sidebar th {background: #BAE4F3;color:#219CC5;}
#sidebar a.portfolioheading {font-weight: bold;padding-left:0;background: none;}
#sidebar a.portfolioheading:hover {font-weight: bold;padding-left:0;background: none;}

/* Archive */
.archive h3 {margin:.5em 0;}
.archive .content {margin: 2em 0;}

/* Slider */
.sliderGallery {background:#D4EEF8;}

/* Portfolio Gallery */
#gallerys {border:10px solid #fff;display: none;padding:0;margin:0;}
#gallery-nav {margin:2px 0 25px 0;padding: 0;list-style: none;}
#gallery-nav li { display: inline; margin:0;  border-collapse: collapse;}
#gallery-nav li.current a {color:#141414;background: #fff}
#gallery-nav li a {color:#fff;font-weight: bold; border: none; padding:3px 6px;background:#96D5ED;}
#gallery-nav li a:hover {background: #BAE4F3;color:#141414;}
.attachment-medium {display: block;}

/* Archive Navigation */
.navigation-archive {clear: both;margin: 20px 0 15px;height: 33px;text-align:center;}
.next  {background: url(../work-a-holic-pro/images/prevnext.png) -105px -66px no-repeat;width: 85px; height: 33px;float: right;}
.prev  {background: url(../work-a-holic-pro/images/prevnext.png) 0 -66px no-repeat;width: 105px; height: 33px;float: right;}
.next a {background: url(../work-a-holic-pro/images/prevnext.png) -105px 0 no-repeat;width:85px; margin:0;padding:0;}
.prev a {background: url(../work-a-holic-pro/images/prevnext.png) 0 0 no-repeat;width:105px;margin:0;padding:0;}
.next a, .prev a {float:right;display:block; height:33px;text-indent:-9999px;border:none;}
.next a:hover {background-position: -105px -33px;border:none;}
.prev a:hover {background-position: 0 -33px;border:none;}
.navigation-archive .prev {float:left;}

/* CATEGORY SECTION */
#category-stack{margin:0 0 2em 0;}
.byline {font-size:.9em;margin:0 0 10px ;color:#219CC5;}
.byline a {color:#141414;}
.more {margin:0 0 1em 0;background:#BAE4F3;}
.more ul{list-style:none;margin:0;padding:0;}
.more ul li a{color:#219CC5;height:1%;line-height:1.2em;border-bottom:1px solid #96D5ED;display:block;padding:6px 0 6px 8px;}
.more ul li a:hover{color:#219CC5;background-position:1px 0.8em;background: ##DFFBFF;}
.more ul li a span{color:#696455;}
.more ul li.active a{cursor:default;color:white;}
.double-border {background: none; border-bottom: 1px solid #BAE4F3;}


/* Footer */
#footer {padding:0;color:#D4EEF8;}
#footer p{color:#D4EEF8;}
#footer a {color:#70C6E6;border-bottom: 1px dotted #343C44;}
#footer a:hover {color:#96D5ED !important;}
#footer-wrap {background:#141414;margin:0 auto; padding: 2em 0 3em; width: 100%;overflow: hidden;}
#footer div.colborder {padding-right:25px;margin-right:25px;border-right:1px solid #343C44;}
#footer hr {background:#343C44;}
#footer h3, #footer h3.sub {color:#70C6E6;margin:1.3em 0; text-transform: uppercase;font-weight: bold;letter-spacing: 1px;}
#footer h4, #footer p.quiet {font-size:11px;}
#footer ul {margin:0;padding:0;}
#footer ul li {padding: 0 0 4px 0;margin:0;}
#footer ul li a {display: inline;padding:0;}
#footer ul li a:hover {background:none;}
#footer .item h4, #footer .item h4 a {font-size: 12px;}
#footer .item h4 span {font-weight: normal; font-size:11px;}
#footer #twitter_update_list {color:#D4EEF8;}
#footer #twitter_update_list li {margin-bottom:0.5em;color:#D4EEF8;}
#footer #twitter_update_list li span a {display: inline;padding:0;}
#footer .item {margin:0;}
.item dt {clear:left;float:left;font-weight:bold;width:60px;}
.item dd{margin-left:60px;}