/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, 
pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0; outline:none; font-weight: normal;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; outline:none;}
input[type="submit"]:hover { cursor: pointer;}
html { height:100%; d}
body { -webkit-font-smoothing: antialiased;}
textarea { resize: none; }
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul, li{list-style:none; list-style-position:inside;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight: bold;}
q:before, q:after{content:''}
a{text-decoration:none; outline:none}
strong{font-weight:bold}
em{font-style:italic}
a img{border:none}
iframe {border: none;}
.clearfix{width:100%; height:0px; clear:both; visibility: hidden; display:block;}
::selection { background: #e1e1e1; }
::-moz-selection { background: #e1e1e1; }
@media screen and (max-device-width: 480px){ body{ -webkit-text-size-adjust: none; clear:both; width: 1200px; }}

/* Main Elements */
body{background: #f1f2f3; color:#717171; height:100%; line-height: 1.5; font-size:13px; height:100%; font-family: "Droid Sans", Arial, serif; overflow-y: scroll; overflow-x: hidden; }

#topwrapper { width: 1200px; min-height: 120px; margin: 0 auto; clear:both; position: relative; }
#sliderwrapper { width: 1200px; height: 480px; padding: 0px; margin: 0 auto; clear:both; z-index: 1;}
#headerbackground { width: 1200px; height: 140px; padding: 0px; margin: 0 auto; clear:both; z-index: 1;}
#pagewrapper { width: 940px; padding: 40px 20px; margin: 0 auto; clear:both; }
#subfooterwrapper { width: 940px; padding: 20px 0px; margin: 0 auto; clear:both; margin-bottom: 20px; border-top: 2px solid #c2c2c2; }
#content { width: 940px; height:100%; float:left; font-size: 0.9em;}
#headerwrapper { width: 1200px; height: 70px; position: absolute; top: 0px; left: 0px; z-index: 99;}
#headerwrapper .top { width: 940px; margin: 0px auto;}
#headerwrapper .top .logo { width: 240px; float:left;}
#headerwrapper .top .logoside { width: 700px; padding-top: 20px; float:left;}
#headerwrapper .top .navigation { width: 940px; height: 40px; clear:both; background: #4e4f50; margin-bottom: 20px;}
#headerwrapper .top .navigation .menu-item-last span{ display: none; }
#headerwrapper .top .navigation ul.sub-menu span.border { border: none; display: none; width: 0px; height: 0px;}
#headerwrapper .top .navigation span.border{ display: inline-block; width: 0px; border-right: 1px solid #999;}
#headerwrapper .top .navigation li:hover span.border{ width: 1px; border-right: none;}

/* Links */
a { color: #51616e; }
a:hover { color: #2e3337; }

#footerwrapper a { color: #5a636c; }
#footerwrapper a:hover { color: #b3bec4; }

/* Slider */
#sliderwrapper #slider { width: 1200px; height: 480px; float: left; position: relative; overflow:hidden;}

/* Header Text & Search */
.headertext { width: 510px; padding-right: 20px; float: right; text-align:right; color: #fff; line-height: 22px;}
.search { width: 170px; float: right; text-align:right;}
form#searchform input { width: 140px; padding: 4px 20px 4px 4px; height:12px; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; background: #fff url(../images/search-icon.png) right center no-repeat; opacity: 0.7; border: none; font-size: 0.9em; color: #808080;}
form#searchform input:hover, form#searchform input:focus { opacity: 1; }

/* Text Elements */
#content p { padding-bottom: 20px;;}
#content a.more-link { font-weight:bold; text-transform:uppercase; font-size: 0.9em;} 

#content h1 { font-size: 1.8em; line-height: 40px; margin: 0px 0px 10px 0px; color: #4e4f50; font-weight: bold; text-transform:uppercase;}
#content h2 { font-size: 1.6em; line-height: 36px; margin: 0px 0px 10px 0px; color: #4e4f50; font-weight: bold; text-transform:uppercase; }
#content h3 { font-size: 1.4em; line-height: 32px; margin: 0px 0px 10px 0px; color: #4e4f50; font-weight: bold; text-transform:uppercase; }
#content h4 { font-size: 1.2em; line-height: 30px; margin: 0px 0px 10px 0px; color: #4e4f50; font-weight: bold; text-transform:uppercase;  }
#content h5 { font-size: 1em; line-height: 28px; margin: 0px 0px 10px 0px; color: #4e4f50; font-weight: bold; text-transform:uppercase; }
#content h6 { font-size: 0.9em; line-height: 24px; margin: 0px 0px 10px 0px; color: #4e4f50; font-weight: bold; text-transform:uppercase; }

#content blockquote {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; color:#444; padding: 10px 20px 10px 45px; background:url("../images/quote.gif") no-repeat scroll 0px 6px transparent;}
#content blockquote p {margin-bottom:8px;}
#content blockquote.pullquote_right {float: right; display: block; width: 35%; }
#content blockquote.pullquote_left {float: left; display: block; width: 35%; }

#content .posttext ul, #content .posttext ol { margin:0px 20px 20px 20px; }
#content .posttext ul li ul, #content .posttext ol li ol { margin: 5px 20px; }
#content .posttext ul li{ list-style: disc; list-style-position:inside; margin-bottom: 5px;}
#content .posttext ol li{ list-style: decimal; }
#content pre{ line-height: 18px; clear: both; font: 11px Consolas, "Andale Mono", Courier, "Courier New", monospace; background: url(../images/pre_bg.gif) repeat; border: 1px solid #d3d3d3;-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding: 18px 20px 15px 20px;line-height: 19px;overflow: auto;overflow-Y: hidden;color: #555;margin: 0 0 20px 0;}

.aligncenter { margin-left: auto; margin-right: auto; display: block; float: none;}
.alignleft { float: left; margin-right: 20px !important; margin-left: 0 !important;margin-top: 0px;}  
.alignright { float: right; margin-left: 20px !important; margin-right: 0 !important; margin-top: 0px; }

/* Blog */
#content #blog { width: 600px; float:left; }
#content #blog .post { width: 600px;}
#content .post { float: left; margin-bottom: 30px; border-bottom: 2px solid #e1e1e1;}
#content .post .posttitle h3 a{ font-size: 1.4em; line-height:1em; margin-bottom:20px; font-weight: normal;}
.post .postimage { display:block;  width: 600px; height: 230px; padding-bottom: 20px; float: left; background:url(../images/image_shadow_verylarge.png) bottom center no-repeat;}
.post .postmeta { border-top: 1px solid #e1e1e1; padding: 4px 0px 3px 0px; float: left; width: 100%; font-size: 0.9em;}

/* Author Description */
#authordesc { float:left; width:600px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e1e1e1; }
#authordesc .author-avatar {float: left; margin-right:20px;}
#authordesc img {float: left; }
#authordesc .author-text { float:left; width:520px; }

/* Related & Popular Posts in Single Post View*/
#content .relatedposts { width: 290px; float:left; margin-bottom: 20px;}
#content .popularposts { width: 290px; padding-left: 20px; float:left; margin-bottom: 20px; }
#content .relatedposts>ul, #content .popularposts>ul { margin: 0px; width: 300px; float: left;}
#content .relatedposts>ul>li, #content .popularposts>ul>li { width: 290px; float: left; padding: 10px 0px; border-top: 1px solid #d7d9d4; list-style:none;}
#content .relatedposts>ul>li:first-child, #content .popularposts>ul>li:first-child { border-top: none;}
#content .relatedposts img, #content .popularposts img { width: 40px; height:40px; float: left;  margin-right: 20px; }
#content .relatedposts img:hover, #content .popularposts img:hover { }
#content .relatedposts p span, #content .popularposts p span { display: block; float: left; font-size: 0.9em;  width: 208px; padding-left: 12px; color: #999; background: url(../images/calendar.png) 0 3px no-repeat;}

/* Sidebar */
#sidebar { width: 300px; padding-left: 20px; float:right;}
#sidebar h3 { font-weight:normal; line-height:1; margin-bottom: 20px; padding-bottom: 20px;background: url(../images/stripes.png) bottom left repeat-x;}
#sidebar .widget { padding-bottom: 20px; float:left; width: 100%;}
#sidebar ul { margin:0px; width: 300px; float: left;}
#sidebar ul li { width: 300px; float: left; margin: 0; padding: 6px 0px; border-top: 1px solid #d7d9d4; list-style: none;}
#sidebar ul li:first-child { border-top: none; padding-top: 0px;}

/* Recent & Popular Posts Widgets */
#sidebar .widget_subtlerecent>ul>li, #sidebar .widget_subtlepopular>ul>li { padding: 10px 0px !important;}
#sidebar .widget_subtlerecent>ul>li:first-child, #sidebar .widget_subtlepopular>ul>li:first-child {padding-top: 0px !important; }
#sidebar .widget_subtlerecent img, #sidebar .widget_subtlepopular img { width: 40px; height:40px; float: left;  margin-right: 20px; }
#sidebar .widget_subtlerecent img:hover, #sidebar .widget_subtlepopular img:hover { }
#sidebar .widget_subtlerecent p span, #sidebar .widget_subtlepopular p span { display: block; float: left; font-size: 0.9em;  width: 228px; padding-left: 12px; color: #999; background: url(../images/calendar.png) 0 3px no-repeat;}

/* Twitter Widget */
#sidebar  ul#twitter_update_list { float: left; padding: 0px; }
#sidebar  ul#twitter_update_list li{padding-left:35px;background:url(../images/tiny-timeline-bird.png) no-repeat 0 5px; width: 265px;}
#sidebar  ul#twitter_update_list li a { display:inline; background: none; padding: 0; margin:0; font-size: 8px;font-style:italic;}
#sidebar  ul#twitter_update_list li span a { font-size: 12px; font-style: normal;}
#sidebar  ul#twitter_update_list li a:hover { background: none; }

/* Contact Info Widget */
.contact-info { width: auto; float: left; }
.contact-info p { width: auto; float: left; padding-bottom: 10px;}
.contact-info span { width: 270px;  float: left;}
#footerwrapper .contact-info span { width: 190px;  float: left;}
.contact-info span.icon-phone { background: url(../images/icons-contact.png) -4px -45px no-repeat; padding-left: 30px; float: left;}
.contact-info span.icon-cellphone { background: url(../images/icons-contact.png) -4px -88px no-repeat; padding-left: 30px; float: left;}
.contact-info span.icon-mail { background: url(../images/icons-contact.png) -4px -174px no-repeat; padding-left: 30px; float: left;}
.contact-info span.icon-address { background: url(../images/icons-contact.png) -4px -133px no-repeat; padding-left: 30px;float: left;}
.contact-info span.icon-name { background: url(../images/icons-contact.png) -5px -4px no-repeat; padding-left: 30px; float: left;}

/* Video Widget */
#sidebar .widget_subtlevideo .subtlevideo { clear: both; background:url(../images/image_shadow_small.png) bottom center no-repeat; padding-bottom: 9px;}

/* Sponsor Widget */
.sponsors a { float: left; margin: 0px 20px 0px 0px; line-height: 1;}
.sponsors a.toprow { margin: 0px 20px 20px 0px; }

/* Tag Cloud Widget */
#sidebar .widget_tag_cloud li { float: left; display: block; height: 31px; width: auto; background: url(../images/tag-bg.png) top left no-repeat; padding: 0px 0px 0px 21px; margin-right: 2px; margin-bottom: 5px; border-top:none;}
#sidebar .widget_tag_cloud li a { float: left; display: block; height: 27px; background:url(../images/tag-bg.png) bottom right; padding: 4px 16px 0px 7px; color: #fff;}
#sidebar .widget_tag_cloud li:hover { opacity: 0.8;}

/* Contact Us Widget */
form#subtleContact { float: left; }
form#subtleContact p { float: left; width: 100%; padding-bottom: 10px;}
form#subtleContact label { font-size: 10px;}
form#subtleContact input { padding: 5px; margin: 0px 10px 0px 0px; background: #ececec; width: 60%; border: 1px solid #c8c6c2; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
form#subtleContact input:hover, form#subtleContact input:focus { box-shadow:0px 1px 2px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2); }
form#subtleContact textarea { padding: 5px; margin:0px; background: #ececec; width: 90%; height: 130px; border: 1px solid #c8c6c2; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
form#subtleContact textarea:hover, form#subtleContact textarea:focus { box-shadow:0px 1px 2px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2); }
form#subtleContact input[type="submit"] {height:37px; width:128px; display:block; outline:0; padding-top: 10px; text-align:center; font-size:0.8em; font-weight:bold; text-transform:uppercase; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; box-shadow:0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3); background-position: 0px 0px; background-repeat:repeat-x; background-clip: padding-box; background-image:url(../images/buttons/button-white.png); border:solid 1px #ccc; color: #444; text-shadow:0px 1px 0px rgba(255,255,255,0.3); letter-spacing: 0.5px;}
form#subtleContact input[type="submit"]:hover{box-shadow:0px 1px 2px rgba(0,0,0,0.5); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.5); background-position: 0px -46px;}
form#subtleContact input[type="submit"]:active{box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; background-position: 0px -92px;}
form#subtleContact input[type="submit"]::-moz-focus-inner { border: 0; }

/* Flickr Widget */
.widget_flickr div {float: left; margin-right: 20px; margin-bottom: 20px;}
#footerwrapper .widget_flickr div {float: left; margin-right: 15px; margin-bottom: 15px;}
.widget_flickr div a, .widget_flickr div a img {width: 40px;height: 40px;}
.widget_flickr div a { overflow: hidden; display: block;}
.widget_flickr div a img { opacity: 1; }
.widget_flickr div a:hover img { opacity: 0.7; }

/* Pagination */
.wp-pagenavi{clear:both; width:600px; font-size:11px; line-height:13px}
.wp-pagenavi span, .wp-pagenavi a{display:block; float:left; margin:2px 3px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; border-radius:3px}
.wp-pagenavi span.pages{float:right}
.wp-pagenavi .current{font-weight:bold}
.wp-pagenavi a:hover, .wp-pagenavi .current {background: #4e4f50; color:#fff; }
.wp-pagenavi span, .wp-pagenavi a {	background: #e5e6e7;}

/* Comments Area */
#commentsarea { width: 600px; float: left; }
#commentsarea h3 { }
#commentsarea h3 span { font-size: 18px; color: #777; }

#commentsarea .date{ padding-left:2px; color:#BBB; font-size:9px; line-height:15px; text-transform:uppercase;}
#commentsarea .comment-text{float: left; color:#666; margin: 0px 0px 20px 0px; min-height:60px;  position: relative;}
#commentsarea .comment-text:hover {}
#commentsarea .commentlist { border-bottom: 1px solid #e1e1e1;}
#commentsarea .commentlist  li .comment-text { width: 530px; }
#commentsarea .commentlist  ul li .comment-text	{width:470px; }
#commentsarea .commentlist  ul ul li .comment-text {width:410px; }
#commentsarea .commentlist  ul ul ul li .comment-text {width:350px; }

#commentsarea .vcard { float:left; width:60px; }
#commentsarea .vcard img { width: 40px; height: 40px;}
#commentsarea .comment-author {  font-size: 0.9em; display:block; width:auto; height: 28px; background: #ececec; padding: 12px 12px 0px 12px; margin: 0px 0px 20px 0px; border: 1px solid #d9d9d9; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#commentsarea .comment-author span { font-weight: normal; color: #999; font-size: 10px; float:right;}
#commentsarea .commentlist cite { display:inline-block; font-style:normal; line-height:16px; padding-left:2px; padding-top:5px; text-transform:capitalize;}
#commentsarea .commentlist cite , .commentlist cite a:link, .commentlist cite a:visited {color: #666;}
#commentsarea .commentmetadata { float:right; font-size:10px; margin-right:5px; text-transform:lowercase;}
#commentsarea .comment-text .reply a{ display:none; position:absolute; bottom:0px; right: 0px;}
#commentsarea .comment-text:hover .reply a{height:18px; width:60px; display:block; outline:0; line-height:19px; text-align:center; font-size:0.8em; text-transform:uppercase; color:#FFF; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; box-shadow:0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3); text-shadow:0px -1px 0px rgba(0,0,0,0.3); background-position: 0px 0px; background-repeat:repeat-x; background-clip: padding-box; background-image:url(../images/buttons/button-grey.png); border:solid 1px #666;}
#commentsarea .comment-text:hover .reply a:hover{box-shadow:0px 1px 2px rgba(0,0,0,0.5); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.5); background-position: 0px -46px;}
#commentsarea .comment-text:hover .reply a:active{box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; background-position: 0px -92px;}
#commentsarea .commentlist {margin: 0 0 20px 0px;}
#commentsarea .commentlist li { list-style-image:none;list-style-position:outside; list-style-type:none; overflow:hidden; display: block; clear:both;}
#commentsarea .commentlist li ul li { margin: 0px 0px 0px 60px; padding:0px;}
#commentsarea .cancel-comment-reply a{color:#bbb;font-size:9px;padding-left:2px; line-height:15px;}
#commentsarea .comms-navigation {clear: both; display: block;margin-bottom:0px;overflow: hidden;}
#commentsarea .children {padding: 0; margin: 0;}
#commentsarea .nocomments {text-align: center;margin: 0;padding: 0;}
#commentsarea p.logged { width: 100%; }

/* Respond - Comment Form */
#respond { width: 600px; float: left;}
#commentform { float: left; width: 100%; }
li li .cancel-comment-reply { text-transform:uppercase; }
li .cancel-comment-reply { text-transform:uppercase; }
ol #respond { margin-left: 60px; float: left;}
ol #commentform { width: 75%; float: left; }
ol #commentform input{ width: 50%; }
ol #commentform textarea{ width: 75%;  }

#commentform input { padding: 9px; margin: 0px 20px 0px 0px; background: #ececec; width: 200px; border: 1px solid #c8c6c2; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#commentform input:hover, #commentform input:focus { box-shadow:0px 1px 2px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2); }
#commentform textarea { padding: 10px; margin:0px; background: #ececec; width: 460px; border: 1px solid #c8c6c2; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#commentform textarea:hover, #commentform textarea:focus { box-shadow:0px 1px 2px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2); }
#commentform small { font-size: 0.9em; }
#commentform small span { color: #F00; }

#commentform input#submit{ display:block; height:30px; width:128px; outline:0; padding-top: 8px; text-align:center; font-size:0.8em; font-weight:bold; text-transform:uppercase; color:#FFF; -moz-border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; border-radius:15px; box-shadow:0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3); text-shadow:0px -1px 0px rgba(0,0,0,0.3); background-position: 0px 0px; background-repeat:repeat-x; background-clip: padding-box; background-image:url(../images/buttons/button-grey.png); border:solid 1px #666;}
#commentform input#submit:hover{box-shadow:0px 1px 2px rgba(0,0,0,0.5); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.5); background-position: 0px -46px;}
#commentform input#submit:active{box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; background-position: 0px -92px;}
#commentform input#submit::-moz-focus-inner { border: 0; }

/* Full Width & Columns */
#fullwidth { width: 940px; float: left;}
#fullwidth .post{ width: 940px; float: left;}
#content .one-half { float: left; width: 460px; margin: 0px; margin-right: 20px; }
#content .one-third { float: left; width: 300px; margin-right: 20px; }
#content .two-third { float: left; width: 620px; margin-right: 20px; }
#content .one-forth { float: left; width: 220px; margin-right: 20px; }
#content .three-forth { float: left; width: 700px; margin-right: 20px;  }
#content .one-fifth { float: left; width: 170px; margin-right: 20px;  }
#content .two-fifth { float: left; width: 360px; margin-right: 20px;  }
#content .three-fifth { float: left; width: 560px; margin-right: 20px;  }
#content .four-fifth { float: left; width: 750px; margin-right: 20px;  }
#content .last { margin-right: 0px; }

/* 404 Page */
#content .left404 { width: 405px; float: left; padding: 70px 29px 70px 0px; border-right: 1px solid #e1e1e1; text-align:right; margin-top: 50px;}
#content .left404 h2 { font-weight: bold; font-size: 8em; line-height: 1;}
#content .right404 { width: 465px; float: left; padding: 82px 0px 65px 30px; margin-top: 50px;}

/* Buttons */
a.button{height:30px; width:128px; display:block; outline:0; line-height:30px; text-align:center; font-size:0.8em; font-weight:bold; text-transform:uppercase; color:#FFF !important; -moz-border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; border-radius:15px; box-shadow:0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3); text-shadow:0px -1px 0px rgba(0,0,0,0.3); background-position: 0px 0px; background-repeat:repeat-x; background-clip: padding-box; margin-bottom: 20px;}
a.button:hover{box-shadow:0px 1px 2px rgba(0,0,0,0.5); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.5); background-position: 0px -46px;}
a.button:active{box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; background-position: 0px -92px;}

a.button.large {height: 46px; width: 200px;	line-height: 44px; font-size: 1.1em; }

a.button.blue { background-image:url(../images/buttons/button-blue.png); border:solid 1px #185ca8;}
a.button.darkblue { background-image:url(../images/buttons/button-darkblue.png); border:solid 1px #2d2db3;}
a.button.white { background-image:url(../images/buttons/button-white.png); border:solid 1px #ccc; color: #444 !important; text-shadow:0px 1px 0px rgba(255,255,255,0.3);}
a.button.red { background-image:url(../images/buttons/button-red.png); border:solid 1px #cc0000;}
a.button.orange { background-image:url(../images/buttons/button-orange.png); border:solid 1px #cc8400;}
a.button.grey { background-image:url(../images/buttons/button-grey.png); border:solid 1px #666;}
a.button.purple { background-image:url(../images/buttons/button-purple.png); border:solid 1px #660066;}
a.button.green { background-image:url(../images/buttons/button-green.png); border:solid 1px #006600;}
a.button.yellow { background-image:url(../images/buttons/button-yellow.png); border:solid 1px #cccc00; color: #444 !important; text-shadow:0px 1px 0px rgba(255,255,255,0.3);}
a.button.black { background-image:url(../images/buttons/button-black.png); border:solid 1px #000;}

/* Box Shortcode */
.download_box,.warning_box,.info_box,.note_box{clear:both;padding:20px 20px 25px 55px;margin: 0px 0px 20px 0px;-moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; box-shadow:0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3);}
.info_box{ background:#bfe4f9 url(../images/icons/info.png) no-repeat scroll 10px 14px; color:#2e6093; border: 1px solid #b2d3f0;}
.warning_box{ background:#ffcccc url(../images/icons/stop.png) no-repeat scroll 10px 15px; color:#c31b00;  border: 1px solid #f3b9bb;}
.download_box{ background:#dee3ab url(../images/icons/down_alt.png) no-repeat scroll 10px 15px; color:#5e6f33; border: 1px solid #b4db86;}
.note_box{ background:#fdebae url(../images/icons/notebook.png) no-repeat scroll 10px 15px; color:#9e660d; border: 1px solid #fad442;}

/* Video Shortcode */
.video_frame { clear: both; }
.video_frame .iframe{background:#FFF; margin-bottom: 20px;}

/* Divider Shortcode */
.divider { clear: both; display: block; margin-bottom: 20px; width: 100%; min-height: 10px; background: transparent url(../images/stripes.png) center left repeat-x; } 
.toplink {text-align: right;line-height: 10px;position: relative;font-size: 0.8em; }
.toplink a {background: none repeat scroll 0 0 #fff ;color: #b2b2b2;font-size: 10px; text-transform: uppercase;	padding: 0 0 0 5px; position: absolute; left: 47%; bottom:0px;}

/* Highlight Shortcode */
.hlight { background-color:#ffffcc; padding: 1px 4px;}
.hdark { background-color:#354046; color:#fff; padding: 1px 4px;}

/* Dropcap */
.dropcap {display: block;float: left;font-size: 38px;line-height: 38px;margin: 0 6px 0 0; }

/* Callout Shortcode */
.callout { width:auto; padding: 20px; clear:both; background: #edebec; margin-bottom: 20px;}  

/* List Shortcode */
#content ul.list-tick li	{ list-style-image: url(../images/icons/bullet_tick.png); margin-bottom: 5px;}
#content ul.list-folder li { list-style-image: url(../images/icons/bullet_folder.png); margin-bottom: 5px;}
#content ul.list-arrow li { list-style-image: url(../images/icons/bullet_arrow.png); margin-bottom: 5px;}
#content ul.list-note li	{ list-style-image: url(../images/icons/bullet_note.png); margin-bottom: 5px;}
#content ul.list-star li	{ list-style-image: url(../images/icons/bullet_star.png); margin-bottom: 5px;}
#content ul.list-black li { list-style-image: url(../images/icons/bullet_black.png); margin-bottom: 5px;}
#content ul.list-blue li	{ list-style-image: url(../images/icons/bullet_blue.png); margin-bottom: 5px;}
#content ul.list-green li{ list-style-image: url(../images/icons/bullet_green.png); margin-bottom: 5px;}
#content ul.list-red li{ list-style-image: url(../images/icons/bullet_red.png); margin-bottom: 5px;}

/* Tabs Shortcode */
#content .tabs{ margin:0 0 20px 0}
#content .tabs ul{margin:0;  list-style:none}
#content .tabs li{list-style:none}
#content .tab_wrap{ background:#fff;  color:#444;  border:1px solid #d2d2d2;  -moz-border-radius:4px;  -webkit-border-radius:4px;  float:none;  -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);  -moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);  box-shadow:0 1px 3px rgba(0,0,0,0.1)}
#content .tabs ul.nav{ background:#fff;  background:-moz-linear-gradient(top,#fff 0%,#eee 99%);  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(99%,#ddd));  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0 ); /* ie */    width:100%; height:39px; border-bottom:1px solid #d9d9d9; font-size:0.9em; -webkit-border-radius:3px 3px 0 0;     -moz-border-radius:3px 3px 0 0;     border-radius:3px 3px 0 0}
#content .tabs ul.nav li a{    display:block;     padding:13px 20px 10px 20px;     text-align:center;     border:none;     color:#666;     border-right:1px solid #ccc;     text-shadow:0 1px 0 rgba(255,255,255,1)}
#content .tabs ul.nav li a:hover, .tabs ul.nav li a:active{background:rgba(255,255,255,0.6)}
#content .tabs ul.nav li{    float:left;     position:relative;     padding:0 0 0 0; margin:0; list-style:none; list-style-type:none;     background:url(http://mementmori.net/wp-content/themes/subtle-wp/css/images/tab_border.gif) repeat-y right}
#content .tabs .tab p:last-child{margin:0}
#content .tabs ul.nav li.ui-tabs-selected a{background:#fff;  padding-bottom:11px;  color:#353535}
#content .tabs ul.nav li.first a{ -moz-border-radius-topleft:3px;  -webkit-border-top-left-radius:3px}
#content .tabs .tab{ float:none;  padding:10px;  margin:0}
#content .ui-tabs .ui-tabs-hide{display:none}

/* Accordion Shortcode */
#content #accordion{ clear:both; margin-bottom:20px; border-bottom:1px solid #d3d3d3;}
#content #accordion div.title a{ margin:0px; display: block; padding:13px 15px 10px 15px; font-size:0.9em; line-height:normal; text-shadow:0 1px 0 rgba(255,255,255,1);  -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);  -moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);  box-shadow:0 1px 3px rgba(0,0,0,0.1); cursor:pointer; -moz-user-select:none; border-top:1px solid #d3d3d3; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3;  -webkit-user-select:none; background:#fff; background:-moz-linear-gradient(top,#ffffff 0%,#eeeeee 99%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(99%,#ddd)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0 );}
#content #accordion div.title a:hover, content #accordion div.title a:active{border-color: #bbb}
#content #accordion .ui-state-active a{ border-color: #bbb; margin:0px; -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.1); -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.1); box-shadow:0px 1px 3px rgba(0,0,0,0.1)}
#content #accordion div.title a.firsttitle { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px; }

#content #accordion div.inner{ background:#fdfcfa; color:#444; padding:10px;border-top:1px solid #d3d3d3; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-bottom: none;margin:0px; overflow:hidden; -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.1); -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.1); box-shadow:0px 1px 3px rgba(0,0,0,0.1);}
#content #accordion div.inner p:last-child{padding:0}

#content #accordion div.title span{    background:url(../images/toggle.gif) 0px 12px;     display:block;     float:left;     width:12px;     height:12px;     margin:15px 10px 0 15px}
#content #accordion div.title.ui-state-active span{    background:url(../images/toggle.gif) 12px 12px}

/* Toggle Shortcode */
.toggle{margin-bottom:20px}
.toggle div.title{margin:0px; padding:13px 15px 10px 15px; font-size:0.9em; line-height:normal; text-shadow:0 1px 0 rgba(255,255,255,1);  -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);  -moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);  box-shadow:0 1px 3px rgba(0,0,0,0.1); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; cursor:pointer; -moz-user-select:none; border:1px solid #d3d3d3;  -webkit-user-select:none; background:#fff; background:-moz-linear-gradient(top,#ffffff 0%,#eeeeee 99%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(99%,#ddd)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0 ); /* ie */}
.toggle div.title:hover{border:1px solid #bbb}
.toggle div.title span{    background:url(../images/toggle.gif) 0px 12px;     display:block;     float:left;     width:12px;     height:12px;     margin:0px 10px 0 0}
.toggle div.title.toggled span{    background:url(../images/toggle.gif) 12px 12px}
.toggle div.title.toggled{-webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; border:1px solid #d3d3d3; margin:0px; -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.1); -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.1); box-shadow:0px 1px 3px rgba(0,0,0,0.1)}
.toggle .inner{display:none; background:#fdfcfa; color:#444; padding:10px; border:1px solid #d3d3d3; border-top:none; margin:0px; overflow:hidden; -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.1); -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.1); box-shadow:0px 1px 3px rgba(0,0,0,0.1); -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px}
.toggle .inner pre{margin:5px 0}
.inner p:last-child{margin:0}

/* Portfolio Sortable */
#portfoliotop, #portfolio { width: 940px; float: left;}
#portfoliotop .post { width: 940px; padding-bottom: 20px; margin-bottom: 20px; }
#portfoliotop .control-bg ul li{ float: left; margin-right: 10px;}
#portfoliotop .control-bg ul li a{ }
#portfoliotop .control-bg ul li a.active, #portfoliotop .control-bg ul li a:hover { border-bottom: 2px solid #e2ac1f; }
#portfolio ul:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; }
#portfolio ul { width: 960px; float: left; }
#portfolio ul.single-column li { width: 940px; height: auto; float: left; margin-bottom: 20px; }
#portfolio ul.two-column li { width: 460px; height: auto; float: left; margin-right: 20px; margin-bottom: 20px; }
#portfolio ul.three-column li { width: 300px; height: auto; float: left; margin-right: 20px; margin-bottom: 20px; }
#portfolio ul.four-column li { width: 220px; height: auto; float: left; margin-right: 20px; margin-bottom: 20px;}
.post-thumb { position: relative; }
ul.single-column li .post-thumb {padding-bottom: 24px; float: left; width: 620px; height: 300px;background:url(../images/image_shadow_verylarge.png) bottom center no-repeat; margin-right: 20px; }
ul.two-column li .post-thumb {padding-bottom: 16px; float: left;  width: 460px; height: 230px;background:url(../images/image_shadow_large.png) bottom center no-repeat;;}
ul.three-column li .post-thumb {padding-bottom: 12px; float: left;  width: 300px; height: 160px;background:url(../images/image_shadow_medium.png) bottom center no-repeat;}
ul.four-column li .post-thumb {padding-bottom: 9px; float: left;  width: 220px; height: 120px; background:url(../images/image_shadow_small.png) bottom center no-repeat;}

ul.single-column li .entry-content { float:left; width: 300px;}
#portfolio .entry-content h3 { line-height: 1em;}

/* Portfolio Classic */
.image_overlay { height: 360px;}
ul.single-column li .image_overlay { height:300px;}
ul.two-column li .image_overlay { height:230px;}
ul.three-column li .image_overlay { height:160px; }
ul.four-column li .image_overlay { height:120px; }
.image_overlay{ position:absolute; top:0; left: 0; width:100%; visibility:hidden; overflow: hidden; background:url(../images/image_icon_zoom.png) no-repeat scroll 50% 50% transparent; line-height: 1;}
.preloading { background:url(../images/loading.gif) no-repeat 50% 50%; }
.image_frame { background-color:#f9f9f9; position: absolute; top: 0; left:0;}

/* Portfolio Accordion */
.accordion .modern-title { float: left; display: block; width: 940px;}
.accordion .modern-title a { text-transform:uppercase; cursor:pointer; display: block; width: 923px; padding: 10px 0px 10px 17px; margin-bottom: 10px; -moz-user-select:none; background: url(../images/stripes.png) bottom left repeat-x;}
.accordion .modern-title span { width: 100px; float: right; text-align:right;}
.accordion div.inner{ float: left; display: block; width: 940px; height: 400px;}
.accordion div.inner>div { float: left; display: block; width: 940px; height: 360px; }
.accordion div.inner ul { display: block; text-align: center; width: 940px; float: left; padding-top: 10px;}
.accordion div.inner ul a { margin-right: 10px; }
.accordion div.inner ul a.activeSlide { border-bottom: 2px solid #e2ac1f;}
.accordion div.modern-title.ui-state-default { background: url(../images/accordion-portfolio-icons.png) -35px -28px no-repeat; }
.accordion div.modern-title.ui-state-active { background: url(../images/accordion-portfolio-icons.png) 0px -64px no-repeat; }
/* Portfolio Single Page */
#portfolio .post { width: 940px;}
#portfolio .post .postimage { display:block;  width: 940px; height: 360px; padding-bottom: 24px; float: left; background:url(../images/image_shadow_verylarge.png) bottom center no-repeat;}

/* Footer */
#subfooterwrapper .copyright { display:block; width: 300px; float:left; margin-right: 20px; color: #666;}
#subfooterwrapper .subfootermenu { display:block; width: 620px; float:left; text-align:right;}
#subfooterwrapper .subfootermenu li { display: inline-block; margin-left: 10px; }
#subfooterwrapper .subfootermenu span.border{ display: inline-block; width: 0px; border-right: 1px solid #ccc; margin-left: 10px; }
#subfooterwrapper .subfootermenu .menu-item-last span{ display: none; }

/* Superfish Menu */
.navigation .menu, .navigation .menu *{margin:0; padding:0; list-style:none}
.navigation>ul.menu { margin-top: 0px; padding-bottom: 0px;}
.navigation .menu{line-height:1.0}
.navigation .menu ul{position:absolute; top:-999em; width:10em;}
.navigation .menu ul li{width:100%}
.navigation .menu li:hover{visibility:inherit}
.navigation .menu li{float:left; position:relative}
.navigation .menu a{display:block; position:relative}
.navigation .menu li:hover ul, 
.navigation .menu li.sfHover ul{left:0; top:40px; z-index:99}
.navigation ul.menu li:hover li ul, 
.navigation ul.menu li.sfHover li ul{top:-999em;}
.navigation ul.menu li li:hover ul, 
.navigation ul.menu li li.sfHover ul{left:10em; top:0;}
.navigation ul.menu li li:hover li ul, 
.navigation ul.menu li li.sfHover li ul{top:-999em}
.navigation ul.menu li li li:hover ul, 
.navigation ul.menu li li li.sfHover ul{left:10em; top:0;  z-index:50}

/* Superfish Menu SKIN */
.navigation .menu{float:left; text-align:left; font-size:1em; line-height: 1em;}
.navigation .menu a {display: block; padding:0px; }
.navigation .menu a {color:#fff;}
.navigation .menu>li>a{ color:#fff; padding: 12px 20px 10px 20px; height: 18px; text-transform:uppercase; font-size: 1em; letter-spacing: 0.5px; line-height: 1.1em; font-family: "Play", Arial, serif; display: inline-block;}
.navigation .menu>li>a:hover { background: #fff; color: #808080;}
.navigation .menu li.sfHover > a{ background: #fff; color: #808080;}
.navigation .menu li li.sfHover > a{ color: #3c454c;}
.navigation .menu li ul li a { color: #999; padding: 10px 15px; margin:0px; font-weight: normal; text-transform: capitalize; text-shadow:none; background: #fff;}
.navigation .menu li ul li a:hover { color: #3c454c;}
.navigation .menu li{ display: block; padding-bottom: 10px; height: 30px; }
.navigation .menu li li{ border-top: 1px solid #dce0e3; padding: 0px; margin: 0; height: 33px;}
.navigation .menu li li:first-child { border-top: none;}
.navigation .menu li li li{ margin: 0px;}
.navigation .menu>li:hover, 
.navigation ul.menu>li>a:focus, .navigation ul.menu>li>a:hover, .navigation ul.menu>li>a:active { background: #fff; color: #808080;}
.navigation .menu>li:hover, .navigation .menu>li.sfHover { background: #ccc; color: #808080;}
.navigation ul.menu ul { background: #eef2f5; -webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2);box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2); z-index: 99;}
.navigation ul.menu ul li ul{ background: #eef2f5; border-left: 1px solid #dddee0;}

/* point right for anchors in subs */
.navigation .menu a.sf-with-ul{ min-width:1px; padding-right: 15px; }
.navigation .sf-sub-indicator{position:absolute; display:block; width:5px; height:3px; text-indent:999em; overflow:hidden; background: url(../images/menu-arrow.png) -2px -3px; bottom: 0.5em; left: 48%;}
.navigation a:focus >.sf-sub-indicator, 
.navigation a:hover >.sf-sub-indicator, 
.navigation a:active >.sf-sub-indicator, 
.navigation li:hover >a >.sf-sub-indicator, 
.navigation li.sfHover >a >.sf-sub-indicator{background: url(../images/menu-arrow.png) -2px -3px;}
.navigation .menu ul a.sf-with-ul{ padding-right: 35px; }
.navigation .menu ul .sf-sub-indicator{ display:block; background: url(../images/menu-arrow.png) -17px -23px; width: 3px; height: 5px; top: 1em; left: 90% !important;}
.navigation .menu ul a >.sf-sub-indicator{ display:block; background: url(../images/menu-arrow.png) -17px -23px; width: 3px; height: 5px;  top: 1em; left: 90% !important;}
.navigation .menu ul a:focus >.sf-sub-indicator, 
.navigation .menu ul a:hover >.sf-sub-indicator, 
.navigation .menu ul a:active >.sf-sub-indicator, 
.navigation .menu ul li:hover >a >.sf-sub-indicator, 
.navigation .menu ul li.sfHover >a >.sf-sub-indicator{background: url(../images/menu-arrow.png) -17px -2px; }

/* Nivo Slider */
#slider .nivoSlider{position:relative}
#slider .nivoSlider img{position:absolute; top:0px; left:0px}

.nivoSlider a.nivo-imageLink{position:absolute; top:0px; left:0px; display:block; width:940px; height:360px; border:0; padding:0; margin:0; z-index:6;}

#slider .nivo-slice{display:block; position:absolute; z-index:5; height:100%}
#slider .nivo-box{display:block; position:absolute; z-index:5}

#slider .nivo-caption{position:absolute; left:130px; bottom:0px; display:block; width: 900px; height: auto; padding: 20px;background: url(../images/slider-caption-bg.png); color:#fff; z-index:8;}
#slider .nivo-caption p{padding:0px; margin:0}
#slider .nivo-caption h1 { color:#fff; font-size: 1.1em; font-weight:normal;}
#slider .nivo-caption a{display:inline !important}
#slider .nivo-html-caption{ display:none}

#slider .nivo-controlNav a.nivo-prevNav{cursor:pointer; display: inline-block; width: 16px; height: 15px; text-indent: -9999px; left:20px; top: 44%; background:url(../images/slider-buttons.png) 0px 0px; margin-right:10px;}
#slider .nivo-controlNav a.nivo-prevNav:hover { background-position: 0px -30px;}
#slider .nivo-controlNav a.nivo-nextNav{cursor:pointer; display: inline-block; width: 16px; height: 15px; text-indent: -9999px; right:20px; top: 44%; background:url(../images/slider-buttons.png) 0px -15px;margin-left:5px;}
#slider .nivo-controlNav a.nivo-nextNav:hover { background-position: 0px -45px;}

#slider .nivo-controlNav { position: absolute; top: 110px; left: 45%; z-index: 8;}
#slider .nivo-controlNav a.nivo-control{position:relative; z-index:9; text-indent: -9999px; cursor:pointer; display: inline-block; width: 15px; height: 16px; background:url(../images/slider-dot.png) 0px 0px;margin-right:5px;}
#slider .nivo-controlNav a.nivo-control:hover { background:url(../images/slider-dot.png) 0px -16px; }
#slider .nivo-controlNav a.nivo-control.active{font-weight:bold; background:url(../images/slider-dot.png) 0px -32px;}