/* softsupplier wp theme */

* {margin: 0; padding: 0; border: none; outline: none; list-style-type: none}

html {background: url(../img/bg-body.jpg) repeat-x top left #0c2c47}
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #444; background: url(../img/bg-head.jpg) no-repeat top center;}

a {color: #0075b2; text-decoration: none;}
a:hover {color: #000; text-decoration: underline;}
a img {border: none; outline: none;}

#page {width: 960px; min-height: 300px; margin: 0 auto; padding: 0 20px; margin-bottom: 20px;}
#header {padding-top: 15px; padding-right: 220px; display: block; overflow: hidden; height: 153px; position: relative;}
#footer {width: 980px; margin: 0 auto; padding-bottom: 20px; color: #808080;}

#header a.logo {text-indent: -9000px; display: block; width: 172px; height: 38px; background: url(../img/logo.jpg) no-repeat bottom left; position: absolute; left: 0px; bottom: 50px;}
#header ul.topmenu {position: absolute; right: 0px; top: 30px;}
#header ul.topmenu li {float: left; }
#header ul.topmenu li a {color: #0075b2; padding: 7px 10px; font-size: 12px;}
#header ul.topmenu li a:hover {background: #fff; text-decoration: none;}

#nav {height: 40px; display: block; overflow: hidden; padding-top: 6px;}
#nav ul li {float: left;}
#nav ul li a {color: #fff; font-size: 11px; font-weight: bold; padding: 3px 10px; border-right: 1px solid #fff; line-height: 40px; text-transform: uppercase;}
#nav ul li a:hover {color: #000; background: #fff; text-decoration: none;}
#nav ul li.last a {border: none;}

#content {display: block; overflow: hidden;}
#main {width: 690px; float: left; margin-right: 20px; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 20px;}

div.ads {height: 30px; margin-bottom: 23px;}

div.adArea-728 {width: 728px; height: 90px; background-color: transparent; position: absolute; right: 0px; bottom: 20px;}

h1 {margin-bottom: 10px;}
h1 a:hover {text-decoration: none;}

p.details {font-size: 11px; color: #7b7b7b; margin-bottom: 5px;}
p.excerpt {font-size: 14px; line-height: 20px; padding: 5px 0;}
p.excerpt .image {float: left; margin: 0 10px 10px 0; width: 150px; border: 10px solid #eee;}

#main .post {margin-bottom: 20px; display: block; overflow: hidden; border-bottom: 1px solid #b2cfe4; padding-bottom: 10px;}
#main .post h2 {margin-bottom: 5px;}
#main .post h2 a {color: #000;}

#main #featured {padding-bottom: 20px; border-bottom: 1px solid #cecece; margin-bottom: 20px; width: 700px !important;}
#main #featured .image {float: right; border: 10px solid #efefef; margin-left: 10px; margin-bottom: 10px;}
#main #featured .image:hover {border: 10px solid #ddd;}

#sidebar {float: left; display: block; overflow: hidden; width: 210px;}
#sidebar h3 {font-size: 12px; color: #fff; margin-bottom: 10px; font-weight: bold; text-transform: uppercase;}
#sidebar .section {padding-bottom: 10px; margin-bottom: 20px; border-bottom: 5px solid #114d6b; display: block; overflow: hidden;}
#sidebar .section ul li a:hover { color: #fff; }
#sidebar p {color: #ccc;}

#sidebar ul.recentComments li {padding-bottom: 10px;}
#sidebar ul.recentComments li a {color: #cccccc; font-size: 11px;}
#sidebar ul.recentComments li a span {color: #fff;}
#sidebar ul.recentComments li a:hover {color: #fff; text-decoration: none;}

#sidebar ul.mostPopular li {margin-bottom: 10px;padding-bottom: 10px; border-bottom: 1px dashed #344d63; color: #fff;}
#sidebar ul.mostPopular li a {color: #23d0f9; font-size: 12px; font-weight: normal;}
#sidebar ul.mostPopular li a:hover {color: #fff; text-decoration: none;}

#sidebar ul.mostPopular li img.wpp-thumbnail { float: left; margin-right: 7px; margin-top: 2px; }

#sidebar ul.moreInfo {margin-bottom: 15px;}
#sidebar ul.moreInfo li {padding-bottom: 5px;}
#sidebar ul.moreInfo li a {color: #23d0f9; font-size: 12px; font-weight: bold;}
#sidebar ul.moreInfo li a:hover {color: #fff; text-decoration: none;}

#sidebar ul.otherInfo li {padding-bottom: 10px;}
#sidebar ul.otherInfo li a {color: #23d0f9; font-size: 12px; font-weight: bold;}
#sidebar ul.otherInfo li a:hover {color: #fff; text-decoration: none;}
#sidebar ul.otherInfo li h4 {font-size: 11px; line-height: 14px; margin-bottom: 5px; font-weight: bold; color: #fff;}
#sidebar ul.otherInfo li p {font-size: 11px; line-height: 14px; margin-bottom: 10px;}

#sidebar ul.social li {padding-bottom: 10px; display: block;}
#sidebar ul.social li a {color: #fff; font-size: 12px; padding-left: 40px; line-height: 32px; display: block;}
#sidebar ul.social li a:hover {color: #23d0f9; text-decoration: none;}
#sidebar ul.social li a.feed {background: url(../img/rss_32.png) no-repeat center left;}
#sidebar ul.social li a.twitter {background: url(../img/twitter_32.png) no-repeat center left;}
#sidebar ul.social li a.facebook {background: url(../img/facebook_32.png) no-repeat center left;}

#sidebar ul.social li input.input_text {border: 3px solid #dcdcdc; padding: 5px; font-size: 12px; color: #555; width: 130px; float: left;}
#sidebar ul.social li input.submit {background: url(../img/bg-subscribe-btn.jpg) no-repeat top left; width: 36px; height: 30px; color: #fff; text-indent: -9000px; margin-left: 5px; cursor: pointer; display: block; float: left;}

#soloSearch {}
#soloSearch input.input_text {border: 3px solid #dcdcdc; padding: 5px; font-size: 12px; color: #555; width: 450px; float: left;}
#soloSearch input.submit {background: url(../img/bg-subscribe-btn.jpg) no-repeat top left; width: 36px; height: 30px; color: #fff; text-indent: -9000px; margin-left: 5px; cursor: pointer; display: block; float: left;}

#picks {display: block; overflow: hidden; padding-bottom: 10px; background: #1b3b56; position: relative; padding-top: 10px;}
#picks .sliderPrev, #picks .sliderNext {display: block; position: absolute; width: 20px; height: 20px; text-indent: -9000px;}
#picks .sliderPrev {background: url(../img/slider-controls.jpg) no-repeat top left;  margin-top: 80px; }
#picks .sliderPrev:hover {background: url(../img/slider-controls.jpg) no-repeat bottom left;}
#picks .sliderNext {background: url(../img/slider-controls.jpg) no-repeat top right; right: 0; margin-top: 80px;}
#picks .sliderNext:hover {background: url(../img/slider-controls.jpg) no-repeat bottom right;}

#picks .boxHead {display: block; overflow: hidden; margin-bottom: 10px; width: 960px; margin: 0 auto; margin-bottom: 10px; }
#picks p.boxTitle {font-size: 12px; padding-top: 18px;color: #23d0f9; float: left; margin-right: 10px; font-weight: bold; text-transform: uppercase;}
#picks ul.picksCategories {padding-top: 12px;}
#picks ul.picksCategories li {float: left; margin-right: 10px;}
#picks ul.picksCategories li.current {background: #fff;}
#picks ul.picksCategories li a {font-weight: bold; padding: 10px; line-height: 25px; color: #75fff7; text-transform: uppercase; font-size: 11px;}
#picks ul.picksCategories li a:hover {color: #fff; text-decoration: none;}
#picks ul.picksCategories li.current a {color: #000;}
#picks ul.picksCategories li.current a:hover {color: #000;}

#picks #picksContent {display: block; overflow: hidden; float: none; height: 180px; width: 960px; margin: 0 auto; position: relative;}
#picks #picksList {padding-left: 25px;}
#picks .picksPost {width: 220px; float: left; margin-right: 10px; margin-bottom: 10px;}
#picks .picksPost img {border: 3px solid #333; margin-bottom: 5px;}
#picks .picksPost a {color: #75fff7;}
#picks .picksPost a.picksTitle {font-weight: bold; font-size: 14px; margin-bottom: 10px; display: block; color: #fff;}
#picks .picksPost a:hover {color: #fff; text-decoration: none;}

#categories {display: block; overflow: hidden; margin-bottom: 20px; _height: 315px; background: #071a2b; }
#categories .list {display: block; overflow: hidden; width: 960px; margin: 0 auto; padding-top: 20px;}
#categories .categoriesSection {float: left; width: 220px; margin: 0 20px 20px 0; display: block;}
#categories h4 {font-size: 12px; font-weight: normal; margin-bottom: 10px; color: #fff; text-transform: uppercase;}
#categories h4 a:hover {text-decoration: none; color: #fff;}
#categories ul {}
#categories ul li a {font-weight: bold; color: #75fff7;}
#categories ul li a:hover {color: #fff;}
#categories ul li {padding: 3px 0}

#footer a {font-size: 11px;}
#footer a:hover {color: #fff;} 

.breadcrumbs {display: block; overflow: hidden; margin-bottom: 10px; width: 700px;}
.breadcrumbs ul li {float: left; margin-right: 5px; font-weight: bold;}

.postsNav ul.pagination {float: left; margin-bottom: 5px; margin-top: 10px;}
.postsNav ul.pagination li {display: inline; float: left; margin-right: 10px;}
.postsNav ul.pagination li a {font-size: 14px; color: #0057B0;}
.postsNav ul.pagination li a:hover { color: #000; }
.postsNav ul.pagination li.current a { font-weight: bold; color: #000; border: 1px solid #ccc; padding: 0 5px; }
.postsNav ul.pagination li.page_info { font-weight: bold; font-size: 14px; }

ol.articlesNavigation {width:700px; padding:5px; margin-bottom:5px; border-top: 1px solid #cecece; overflow: hidden;}
ol.articlesNavigation li { float:left; list-style-type: none; }
ol.articlesNavigation li.next { float: right; }
ol.articlesNavigation li a { display: block; line-height:25px; }
ol.articlesNavigation li a:hover {color:#c00;}

/* article page */

#content.article #main .post {/* width: auto; */ margin-right: 0;}
#content.article #main .post p {font-size: 14px; line-height: 20px; margin-bottom: 10px;}
#content.article #main .post p.details {font-size: 11px; margin: 0;} 
#content.article #main .post .ads {width: 300px; height: 250px; float: left;}
#content.article #main .post img.align-right {float:right; margin: 10px 0 10px 10px}
#content.article #main .post .socials {width: 120px; float: right; height: 250px}
#content.article #main .post .socials {background: url(../img/socials.png) no-repeat center top;}

/* Comments */
#content.article #comments {clear: both;}
#content.article #comments .navigation {padding: 0 0 18px 0;}
#content.article h3#comments-title,h3#reply-title {color: #000;font-weight: bold;font-size: 16px;margin-bottom: 0;}
#content.article h3#comments-title {padding: 10px 0;}
#content.article .commentlist {list-style: none;margin: 0; overflow: hidden;}
#content.article .commentlist li.comment {line-height: 24px;margin: 0 0 15px 0;padding: 0 0 0 56px;position: relative;}
#content.article .commentlist li:last-child {border-bottom:none;margin-bottom:0;}
#content.article #comments .comment-body p { font-size: 12px; }
#content.article #comments .comment-body ul,#comments .comment-body ol {margin-bottom: 18px;}
#content.article #comments .comment-body p:last-child {margin-bottom: 6px;}
#content.article #comments .comment-body blockquote p:last-child {margin-bottom: 24px;}
#content.article .commentlist ol {list-style: decimal;}
#content.article .commentlist .avatar {position: absolute;top: 4px;left: 4px;}
#content.article .comment-author {}
#content.article .comment-author cite {color: #000;font-style: normal;font-weight: bold;}
#content.article .comment-author .says {font-style: italic;}
#content.article .comment-meta {font-size: 12px;margin: 0 0 18px 0;}
#content.article .comment-meta a:link,.comment-meta a:visited {color: #888;text-decoration: none;}
#content.article .comment-meta a:active,.comment-meta a:hover {color: #FF4B33;}
#content.article .commentlist .even { background-color: #F5F5F5; }
#content.article .commentlist .bypostauthor {}
#content.article .reply {font-size: 12px;padding: 0 0 10px 0;}
#content.article .reply a,a.comment-edit-link {color: #888;}
#content.article .reply a:hover,a.comment-edit-link:hover {color: #FF4B33;}
#content.article .commentlist .children {list-style: none;margin: 0; border-top: 1px solid #fff;}
#content.article .commentlist .children li {border: none;margin: 0;}
#content.article .nopassword,.nocomments {display: none;}
#content.article #comments .pingback {margin-bottom: 18px;padding-bottom: 18px;border-bottom: 1px solid #e7e7e7;}
#content.article .commentlist li.comment+li.pingback {margin-top: -6px;}
#content.article #comments .pingback p {color: #888;font-size: 12px;line-height: 18px;display:block;margin: 0;}
#content.article #comments .pingback .url {font-style: italic;font-size: 13px;}

/* Comments form */
#content.article input[type=submit] {color: #333;}
#content.article #respond {margin: 24px 0;border-top: 1px solid #e7e7e7;overflow: hidden;position: relative;}
#content.article #respond p {margin: 0;}
#content.article #respond .comment-notes {margin-bottom: 1em;}
#content.article .form-allowed-tags {line-height: 1em; display: none;} /* hide 'comment_notes_after' argument */
#content.article .children #respond {margin: 0 48px 0 0;}
#content.article h3#reply-title {margin: 18px 0;}
#content.article #comments-list #respond {margin: 0 0 18px 0;}
#content.article #comments-list ul #respond {margin: 0;}
#content.article #cancel-comment-reply-link {font-size: 12px;line-height: 18px;font-weight: normal;}
#content.article #respond .required {color:#FF4B33;font-weight:bold;}
#content.article #respond label {color: #888;font-size: 12px;}
#content.article #respond input {margin:0 0 9px;width:90%;display:block;}
#content.article #respond textarea {width:90%;}
#content.article #respond input,textarea {border: 2px solid #ccc; padding: 5px 10px; font-family: arial, sans-serif; font-size: 13px;}
#content.article #respond .form-allowed-tags {color: #888;font-size: 12px;line-height: 18px;}
#content.article #respond .form-allowed-tags code {font-size: 11px;}
#content.article #respond .form-submit {margin: 12px 0;}
#content.article #respond .form-submit input {width: auto;font-size: 14px;}

/* contact form */
#contactForm {padding: 10px 10px 0 10px; margin-bottom: 20px;}
#contactForm input, #contactForm textarea {border: 2px solid #ccc; padding: 5px 10px; margin-bottom: 10px; margin-right: 5px; font-family: arial, sans-serif; font-size: 13px;}
#contactForm input {width: 350px; background-color: #EFFAFF; color: #114D6B;}
#contactForm div#success {border: 1px solid #45DD4C; background-color: #E9FFEB; color: #00A708; padding: 5px; margin: 10px 0; font-family: arial, sans-serif; font-size: 13px;}
#contactForm div#failed {border: 1px solid #FF0000; background-color: #FFE5EE; color: #000; padding: 5px; margin: 10px 0; font-family: arial, sans-serif; font-size: 13px;}

#content.article #main .post dl, #content.article #main .post ol, #content.article #main .post ul {padding: 10px 0;}
#content.article #main .post dl dt {color: #000;}
#content.article #main .post dl dd {color: #555; padding-bottom: 5px;}

table {width: 100%; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec;}
table th {background: #ececec; font-weight: normal;}
table td {background: #fff; }
table td, table th {text-align: left;border-left: 1px solid #ececec; border-top: 1px solid #ececec;padding: 5px;} 

blockquote {padding: 10px 10px 10px 20px; margin-top: 10px; background: url(../img/quote.jpg) no-repeat top left; color: #22425e;}

#content.editors h1 {/* color: #fff; */}
#content.editors #main .post {/* width: auto;  */margin-right: 0;}
#content.editors ul.editorsList li {border-bottom: 1px solid #cecece; display: block; overflow: hidden; margin-bottom: 10px; }
#content.editors p.pic {float: left; width: 100px; height: 100px; background: url(../img/bg-editor-pic.jpg) no-repeat top left; padding: 24px 25px 25px 26px;}
#content.editors p.name {font-size: 20px; font-weight: bold; color: #333; margin-top: 20px; float: left}
#content.editors p.description {font-size: 14px; line-height: 20px; float: left; width: 500px; padding-bottom: 20px;}
#content.editors p.name a {/* color: #333; */}
#content.editors p.name a:hover {color: #000; text-decoration: none;}
#content.editors ul.editorsList li  {_display: inline-block;}

#content.tag h1 {/* color: #fff; */}
#content.tag div.tagDescription {font-size: 14px; line-height: 20px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #cecece}

/* related posts */
#content #main #article .related_list ul { list-style-type: none; margin: 10px 0 0 12px; padding: 0; }
#content #main #article .related_list ul li { width: 150px; float: left; margin: 0 15px 15px 0; position: relative; border: 1px solid #555; }
#content #main #article .related_list ul li:hover { border: 1px solid #ddd; }
#content #main #article .related_list ul li .desc { position: absolute; bottom: 0; left: 0; }
#content #main #article .related_list ul li .desc a { color: #fff; text-decoration: none; padding: 5px; background: url(../img/transparent-bg.png); color: #fff; font-weight: bold; display: block; }
#content #main #article .related_list ul li .desc a:hover { background: url(../img/transparent-bg.gif); }

#floating-share-box-wrapper {position: absolute; top: 240px; left: 50%; z-index: 100; width:0;height:0;}
#floating-share-box-wrapper #floating-share-box {position:relative; right: 600px; width: 70px; overflow: hidden; text-align: center; border: none;}
#floating-share-box-wrapper .share-button {text-align: center; padding: 5px;}

/*******************************************************************************************************
TAKEN FROM WORDPRESS DEFAULT THEME - helps to maintain alignment classes for images
*******************************************************************************************************/
/* Captions */
.aligncenter,
div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img {margin: 0; padding: 0;	border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;	line-height: 17px; padding: 0 4px 5px; margin: 0;}
/* End captions */

/* Begin Images */
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
/* End Images */

/* Misc */
.adArea {width: 728px; height: 90px; margin: 10px 0;}
p.notfound {border: 1px solid #FF0000; background-color: #FFE5EE; color: #000; padding: 5px; margin: 10px 0; font-family: arial, sans-serif; font-size: 13px;}

/* editors' online profiles */
div.separator {padding-bottom: 10px; margin-bottom: 10px; background: url(../img/dotted-interline.gif) repeat-x bottom left;}
p.connect { font-size: 15px; font-weight: bold; color: #000; margin-bottom: 5px; margin-top: 20px; }
p.connect > span { font-style: italic; color: #a11; }
ul.online-profiles { margin: 0px; padding: 0px; }
ul.online-profiles li { display: inline; list-style-type: none; margin: 0px; padding: 3px; background-image: none; }
ul.online-profiles li a.facebook { padding-left: 20px; background: url(../img/facebook-icon.jpg) no-repeat left 0px; }
ul.online-profiles li a.twitter { padding-left: 20px; background: url(../img/twitter-icon.gif) no-repeat left 0px; }
ul.online-profiles li a.linkedin { padding-left: 20px; background: url(../img/linkedin-icon.png) no-repeat left 0px; }
ul.online-profiles li a.google { padding-left: 20px; background: url(../img/google-icon.png) no-repeat left 0px; }