/*  
Theme Name: Flexis
Theme URI: http://www.themesphere.com
Description: Flexis by <a href="http://www.themesphere.com">Theme Sphere</a>
Version: 1.0.0
Author: Themesphere
Author URI: http://www.themesphere.com
*/


* {
  margin: 0;
  padding: 0;
}

body {
  background: #464646;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
}

#container {
  text-align: left;
  width: 960px;
  margin: 0 auto;
}

img {
  border: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  line-height: 16px;
}

h3 {
  font-size: 12px; font-weight: bold;
}

h3.headline {
  margin-bottom: 12px;
  text-transform: uppercase;
}

li.recent ul li h2, .gbox li h2 {
  font-family: Arial, Verdana, Tahoma, Sans-Serif;
}

.heading-1 a:hover {
  text-decoration: underline;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter, div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

a {
  text-decoration: none;
}

a:hover {
  color: #000;
}

a:hover {
  text-decoration: underline;
}

a:active {
  outline: none;
}

a:focus {
  -moz-outline-style: none;
}

ul.list-1 li, #content .col-1 li, #content .col-2 li {
  background: transparent url('imgs/square_bullet.jpg') no-repeat 1px 15px;
  border-bottom: 1px solid #e6e6e6;
  padding: 6px 0 6px 15px;
  display: block;
}

.search {
  font-size: 12px;
}

.search p {
  overflow: hidden;
  width: 100%;
}

.search .input {
  background: #f3f3f3;
  color: #aaaaaa;
  float: left;
  border: none; border-top: 1px solid #a8a8a8; border-left: 1px solid #a8a8a8;
  padding-top: 7px; padding-bottom: 7px; padding-left: 10px; padding-right: 10px;
  width: 184px;
}

.search .light {
  background: #ffffff;
}

.search .button {
  float: left;
  margin-left: 7px;
}


.adblock-125 {
  overflow: hidden;
}

.adblock-125 li {
  float: left;
  display: inline;
  margin-left: 9px; margin-bottom: 9px;
}

.adblock-125 li a {
  background: #ebebeb;
  display: block;
  width: 125px;
  height: 125px;
}

.flickr_badge_image {
  border: 1px solid #5C98CC;
  float: left;
  margin-top: 10px; margin-right: 10px;
}

/* Navigation 1 */

#nav-1-container {
  background: #000;
  border-bottom: 1px solid #454545;
  text-align: center;
  height: 39px;
}

#nav-1 {
  height: 40px;
  text-align: left;
  width: 960px;
  margin: 0 auto;  
}

#nav-1 a {
  color: #ffffff;
  text-decoration: none;
}

#nav-1 a:hover {
  text-decoration: underline;
}

#nav-1 ul {
  list-style: none;
}

#nav-1 li {
  float: left;
  height: 40px;
  line-height: 40px;
}

#nav-1 #nav {
  margin-left: 15px;
}

#nav-1 #nav li {
  margin-right: 50px;
  position: relative;
}

#nav-1 #nav li ul {
  border: 1px solid #515151; border-bottom: 0; border-top: 0;
  background: #000000;
  display: none;
  position: absolute; left: 0; top: 40px !important; top: 41px;
  padding: 0;
  width: 140px;
}

#nav-1 #nav li:hover ul, #nav-1 #nav li.hover ul {
  display: block;
}

#nav-1 #nav li ul li {
  border-bottom: 1px solid #515151;
  height: auto;
  line-height: normal;
  margin: 0;
  width: 140px;
}

#nav-1 #nav li ul li a {
  color: #8a8a8a;
  display: block;
  width: 120px;
  padding: 6px 10px;
}

#nav-1 #nav li ul li a:hover {
  background: #313131;
  text-decoration: none;
}

#nav-1 .subscription-links {
  float: right;
}

#nav-1 .subscription-links li {
  margin-left: 30px;
}

#nav-1 .subscription-links li.rss a {
  background: transparent url('imgs/icons/rss.gif') no-repeat 0% 50%;
  padding-left: 20px;
}

#nav-1 .subscription-links li.rss-email a {
  background: transparent url('imgs/icons/rss-email.gif') no-repeat 0% 50%;
  padding-left: 20px;
}

/* Header */

#header-container {
  background: #2C2C2C;
  text-align: center;
}

#header {
  height: 120px;
  overflow: hidden;
  text-align: left;
  width: 960px;
  margin: 0 auto;
}

#header #logo {
  z-index: -1;
}

#header #logo h1.textual {
  display: block;
  float: left;
  margin-top: 45px;
}

#header #logo h1.textual a {
  color: #EFEFEF;
  font-size: 26px;
  font-family: Tahoma, Geneva, sans-serif; font-weight: bold;
  text-decoration: none;
}

#header #logo h1.img {
  display: block;
  float: left;
}

#header #logo h1.img a {
  display: block;
}

#header blockquote {
  display: block;
  float: right;
}

#header blockquote form {
  margin-top: 40px;
}

#header blockquote .ad {
  margin-top: 30px;
}

#header blockquote form span {
  border: 1px solid #141414;
  float: left;
}

#header blockquote form span input {
  background: #cccccc url('imgs/header_search_bg.jpg') repeat-x;
  border: none; border-bottom: 1px solid #fff; border-right: 1px solid #fff;
  display: block;
  float: left;
  font-size: 12px;
  padding: 7px 10px;
  width: 200px;
}

#header blockquote form .button {
  float: left;
  margin-top: 1px;
}

#nav-2 {
  height: 34px;
  padding: 0 10px;
  position: relative;
  text-align: left;
  width: 938px;
  margin: 0 auto;  
}

#nav-2, #nav-2 ul {
  list-style: none;
}

#nav-2 li {
  float: left;
  line-height: 34px;
}

#nav-2 li a {
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 12px;
  height: 34px;
  padding: 0 20px;
  text-decoration: none;
}

#nav-2 li.current-cat a, #nav-2 li.current-cat-parent a {
  font-weight: bold;
}

#nav-2 li.current-cat ul li a, #nav-2 li.current-cat-parent ul li a {
  font-weight: normal;
}

#nav-2 li ul {
  display: none;
  position: absolute; left: 1px; top: 34px;
  padding: 0;
  width: 958px;
}

#nav-2 li:hover ul, #nav-2 li.hover ul {
  display: block;
}

#nav-2 li ul li {
  height: auto;
  float: left;
  line-height: normal;
  margin: 0;
  padding: 0;
}

#nav-2 li ul li a {
  background: transparent none;
  border: 0;
  font-size: 11px; font-weight: normal;
  color: #000000;
  height: auto;
  padding: 7px 20px;
}

#nav-2 li.current-cat li a, #nav-2 li.current-cat-parent li a {
  background: none;
  border: 0;
}

/* Content */

#content {
  background: #fff;
  border-right: 1px solid #2c2c2c; border-left: 1px solid #2c2c2c;
  overflow: hidden;
  padding: 35px 25px 50px 22px;
  width: 911px;
}

.single #content {
  background: transparent url('imgs/single_content_bg.jpg') repeat-y;
  padding-right: 0; padding-left: 0;
  width: 958px;
}

/* Floated Boxes */

.floated-boxes {
  list-style: none;
  overflow: hidden;
}

.floated-boxes ul {
  list-style: none;
}

.floated-boxes li {
  float: left;
}

.floated-boxes ul li {
  float: none;
}


/* Featured Box */

li.featured {
  margin-right: 28px;
  width: 507px;
}

li.featured .container {
  position: relative;
  float: right;
  display: block;
  width: 100%;
}

li.featured ul {
  width: 250px;
  float: right;
  height: 235px;
  list-style: none;
}

li.featured li {
  float: left;
}

li.featured li a.title {
  background: #2c2c2c;
  border-bottom: 1px solid #636363;
  color: #fff;
  display: block;
  height: 46px;
  line-height: 46px;
  text-indent: 15px;
  text-decoration: none;
  overflow: hidden;
  width: 250px;
}

li.featured li a.title:hover {
  color: #fff;
  border-bottom: 1px solid #4d7ea7;
  text-decoration: none;
}

li.featured li .img {
  background: transparent;
  border: 0;
  display: inline;
  height: auto;
  line-height: normal;
  text-indent: normal;
  width: auto;
}

li.featured li .img:hover {
  background: transparent;
  border: 0;
  display: inline;
  height: auto;
  line-height: normal;
  text-indent: normal;
  width: auto;
}

li.featured li img {
  height: 235px;
  width: 257px;
  position: absolute;
  left: 0; top: 0;
}

li.featured li .excerpt {
  background: #000;
  color: #fff;
  width: 237px;
  padding: 10px;
  opacity:0.5;
  overflow: hidden;
  filter:alpha(opacity=50);
  position: absolute;
  left: 0; bottom: 0;
}

li.featured li .excerpt:hover {
  text-decoration: none;
}

li.featured li .excerpt span {
  color: #fff;
}

/* Recent Box */

li.recent {
  width: 376px;
}

li.recent ul {
  height: 235px;
}

li.recent ul li {
  margin-bottom: 18px;
  overflow: hidden;
  height: 66px;
  width: 100%;
}

li.recent ul li .img {
  float: left;
  height: 64px;
  width: 100px;  
  margin-right: 20px;
  position: relative;
}

li.recent ul li .img img {
  float: left;
  height: 64px;
  width: 100px;
}

li.recent ul li .img span {
  background: #767676;
  color: #fff;
  font-family: Arial, Verdana, Tahoma, Sans-Serif;
  font-size: 9px;
  padding: 2px 4px 2px 4px;
  position: absolute; bottom: 0px; right: 0px;
}

li.recent ul li h2 {
  display: block;
  font-size: 14px; font-weight: bold;
  margin-bottom: 12px;
}

li.recent ul li p {
  font-size: 12px;
}

/* Grey Box */

.gbox {
  background: #f3f3f3;
  border: 1px solid #d3d3d3; border-right: none; border-left: none;
  overflow: hidden;
  margin-bottom: 35px;
  padding: 20px 18px 20px 17px;
  width: 876px;
}

.gbox li {
  width: 272px;
  margin-right: 27px;
  margin-bottom: 20px;
  min-height: 350px;
  height: auto !important;
  height: 350px;  
}

.gbox li.no-margin {
  margin-right: 0px;
}

.gbox li h2 {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 18px;
}

.gbox li img {
  border: 4px solid #dbdbdb;
  margin-bottom: 20px;
}

.gbox li .more {
  margin-top: 10px;
}

.gbox li .more a {
  margin-bottom: 0;
  font-size: 12px;
}

/* normal box */

.nbox {
  margin-left: 18px;
}

.nbox li.popular {
  width: 267px;
  margin-right: 33px;
}

.nbox li.popular ul {
  margin-bottom: 10px;
}

.nbox li.youtube {
  margin-right: 28px;
  padding: 9px;
  width: 264px;
}

.nbox li.youtube .vid {
  background: #2a2a2a;
  height: 200px;
  width: 264px;
}

.nbox li.youtube ul {
  margin-top: 15px;
  overflow: hidden;
  width: 100%;
}

.nbox li.youtube .more {
  margin-top: 20px;
}

.nbox .adblock-125 {
  width: 272px;
}

.nbox .adblock-125 li {
  float: left;
}

/* #footer */

#footer {
  background: #2c2c2c;
  color: #ffffff;
  font-size: 12px;
  padding: 40px 26px 20px 23px;
}

#footer p, #footer a {
  color: #ffffff;
}

#footer h2 {
  color: #99c9f0;
  font-size: 12px; font-weight: bold;
}

#footer h2.headline {
  margin-bottom: 17px;
}

#footer ul {
  overflow: hidden;
  list-style: none;
  width: 100%;
}

#footer ul li {
  display: inline;
  float: left;
  width: 200px;
  margin: 0px 0px 25px 0px;
  min-height: 250px;
  height: auto !important;
  height: 250px;
  line-height: normal;
}

#footer ul li.widget-1 {
  margin-right: 155px;
}

#footer ul li.widget-2 {
  margin-right: 155px;
}

#footer ul li.last {
  margin-right: 0;
}

#footer ul li ul li {
  display: block;
  float: none;
  height: auto;
  min-height: 0;
  width: auto;
  margin-left: 0; margin-right: 0; margin-bottom: 2px;
}

#footer .copyright {
  color: #858585;
  font-size: 11px;
  margin-top: 0;
  text-align: center;
  text-transform: uppercase;
}

/* Column 1 - Single */

.single #content .col-1 {
  display: inline;
  float: left;
  margin: 0 21px 0 21px;
  width: 601px;
}

.single #content h1 {
  font-size: 20px;
}

.single #content h2 {
  font-size: 18px;
}

.single #content h2.pagetitle {
  border-bottom: 1px solid #D3D3D3;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 40px;
  padding-bottom: 10px;
}

.single #content h3 {
  font-size: 16px; font-weight: normal;
}

.single #content h4 {
  font-size: 15px;
}

.single #content h5 {
  font-size: 14px;
}

.single #content h6 {
  font-size: 13px;
}

.single #content h1, .single #content h2,
.single #content h3, .single #content h4,
.single #content h5, .single #content h6 {
  display: block;
  margin-bottom: 20px;
}

.single #content h2.post-title {
  padding: 0;
}

h2.post-title {
  font-family: Arial, Verdana, Tahoma, Sans-Serif;
}

h2.post-title a {
  color: #000;
  text-decoration: none;
}

#content .col-1 p, #content .col-1 ol, #content .col-1 ul {
  list-style-position: inside;
  line-height: 20px;
  margin-bottom: 20px;
}

#content .col-1 ul {
  list-style: none;
}

#content .col-1 ol li {
  background-image: none;
  padding-left: 0;
}

#content .col-1 .post {
  overflow: hidden;
}

#content .col-1 blockquote {
  background: #f3f3f3 url('imgs/quote.jpg') no-repeat top left;
  border: 1px solid #d1d1d1;
  color: #313131;
  margin-bottom: 20px;
  padding: 30px 40px 10px 40px;
}

#content .col-1 .post .post-content ul {
  list-style-type: disc; list-style-position: outside;
  margin-left: 25px;
}

#content .col-1 .post .post-content ol {
  list-style-position: outside;
  margin-left: 30px;
}

#content .col-1 .post .post-content li {
  background-image: none;
  border: none;
  padding: 3px 0px 3px 0px;
}

#content .col-1 .archive {
  margin-bottom: 30px;
}

#content .col-1 .archive h2.post-title {
  margin-bottom: 0px;
}

#content .col-1 .postmetadata {
  border-bottom: 1px solid #d3d3d3;
  list-style: none;
  margin-bottom: 20px;
  padding: 0;
  overflow: hidden;
  width: 100%;
}

#content .col-1 .postmetadata li {
  float: right;
  background-image: none;
  border: 0;
  padding: 0;
}

#content .col-1 .postmetadata li a {
  background: #e2e2e2;
  color: #000;
  display: inline-block;
  float: right;
  font-size: 11px;
  text-decoration: none;
  padding: 0 10px;
}

#content .col-1 .postmetadata li a:hover {
  background: #d3d3d3;
}

#content .col-1 img.alignleft {
  margin: 0px 10px 10px 0px;
  background-color: #DFDFDF;
  padding: 4px;
}

#content .col-1 img.alignright {
  margin: 0px 0px 10px 10px;
  background-color: #DFDFDF;
  padding: 4px;  
}

#content .col-1 .post .post-content .social-media {
  border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;
  margin-bottom: 10px;
  overflow: hidden;
  list-style: none;
  padding: 5px 0px;
  margin-left: 0;
  width: 100%;
}

#content .col-1 .post .post-content .social-media li {
  background: none;
  border: 0;
  float: left;
  padding: 0;
}

#content .col-1 .social-media li a {
  color: #000;
  display: inline-block;
  font-size: 14px;
  height: 22px;
  padding-left: 28px;
  margin-right: 20px;
}

#content .col-1 .social-media li.stumble a {
  background: transparent url('imgs/icons/stumbleupon.png') no-repeat center left;
}

#content .col-1 .social-media li.save a {
  background: transparent url('imgs/icons/delicious.png') no-repeat center left;
}

#content .col-1 .social-media li.digg a {
  background: transparent url('imgs/icons/digg.png') no-repeat center left;
}

#content .col-1 .social-media li.share a {
  background: transparent url('imgs/icons/share.png') no-repeat center left;
}

#content .col-1 .infobox {
  float: left;
  height: 100%;
  overflow: hidden;
  margin-bottom: 25px;
  padding: 15px 11px 15px 15px;
  width: 573px;
}

#content .col-1 .post .post-content .infobox ul {
  list-style-type: none;
  margin-left: 0;
}

#content .col-1 .post .post-content .infobox ul li {
  background: transparent url('imgs/square_bullet.jpg') no-repeat 1px 15px;
  border-bottom: 1px solid #E6E6E6;
  padding: 6px 0 6px 15px;
}

#content .col-1 .archive .infobox {
  padding-top: 5px; padding-bottom: 5px;
  margin-bottom: 0;
}

#content .col-1 .infobox ul {
  padding-bottom: 0;
}

.single #content .col-1 .infobox h3 {
  text-transform: uppercase;
  font-size: 12px;
}

.single #content .col-1 .infobox p {
  margin: 3px 0px;
}

#content .col-1 .infobox h3.top-border {
  border-top: 1px solid #bcc6ce;
  padding-top: 20px;
  margin-top: 20px;
}

#content .col-1 .infobox .box-1 {
  float: left;
  margin-right: 37px;
  width: 268px;
}

#content .col-1 .infobox .box-2 {
  float: left;
  width: 268px;
}

#content .col-1 .comments {
  border-bottom: 1px solid #dcdcdc;
  float: left;
  list-style: none outside;
  margin-bottom: 25px;
  padding: 0;
}

#content .col-1 .comments li {
  border-top: 1px solid #dcdcdc;
  border-bottom: 0;
  float: left;
  padding: 1px; padding-bottom: 0;
  width: 599px;
}

#content .col-1 .comments li ul {
  overflow: hidden;
  padding: 0;
  line-height: auto;
  margin-bottom: 0;
}

#content .col-1 .comments li ul li {
  background-image: none;
  padding: 0;
}


#content .col-1 .comments li .comment-container-div {
  position: relative;
  overflow: hidden;
  width: 599px;
}

#content .col-1 .comment_pointer {
  display: inline-block;
  position: absolute; top: 20px; left: 129px;
  width: 14px;
  height: 24px;
}

#content .col-1 .comments li .comment_author {
  float: left;
  text-align: center;
  width: 142px;
  padding: 15px 0;
}

#content .col-1 .comments li .comment_author img {
  background: #fff;
  border: 1px solid #adadad;
  padding: 1px;
  height: 57px; width: 57px;
}

#content .col-1 .comments li .comment_author .author_name {
  margin-bottom: 0;
}

#content .col-1 .comments li .comment_author .comment_date {
  color: #9d9d9d;
  margin-bottom: 0;
}

#content .col-1 .comments li .comment_text {
  float: left;
  width: 406px;
  padding: 15px 20px 15px 20px;
}

#content .col-1 .comments li.depth-2 .comment_text {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 20px 20px;
  width: 386px;
  padding-left: 40px;
}

#content .col-1 .comments li.depth-3 .comment_text {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 30px 20px;
  width: 376px;
  padding-left: 50px;
}

#content .col-1 .comments li.depth-4 .comment_text {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 40px 20px;
  width: 366px;
  padding-left: 60px;
}

#content .col-1 .comments li.depth-5 .comment_text {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50px 20px;
  width: 356px;
  padding-left: 70px;
}

#content .col-1 .comments li.depth-6 .comment_text {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 60px 20px;
  width: 346px;
  padding-left: 80px;
}

#content .col-1 .comments li.depth-7 .comment_text {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 70px 20px;
  width: 336px;
  padding-left: 90px;
}

#content .col-1 .comments li.depth-8 .comment_text {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 80px 20px;
  width: 326px;
  padding-left: 100px;
}

#content .col-1 .comments li.depth-9 .comment_text {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 90 20px;  
  width: 316px;
  padding-left: 110px;
}

#content .col-1 .comments li.depth-10 .comment_text {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 100px 20px;
  width: 306px;
  padding-left: 120px;
}

#content .col-1 .comments li .comment_text .comment-reply-link {
  display: block;
  text-indent: -5000em;
  width: 42px;
  height: 16px;
  position: absolute; bottom: 10px; right: 10px;
}

#content .col-1 .wp-pagenavi a, #content .col-1 .wp-pagenavi span {
  color: #010101;
  float: left;
  padding: 5px;
  text-decoration: none;
  margin-right: 6px;
}

#content .col-1 .wp-pagenavi span.current {
  background: #E1E1E1;
  border: 1px solid #AFAFAF;
}

#content .col-1 .wp-pagenavi a:hover {
  color: #fff;
}

.single #content .col-2 {
  display: inline;
  float: right;
  width: 313px;
}

#content .col-2 ul {
  list-style: none outside;
}

#content .col-2 .box {
  width: 276px;
  margin: 0 18px 30px 18px;
  overflow: hidden;
}

.single #content .col-2 .headline {
  background: #e1e1e1;
  border: 1px solid #c6c6c6;
  display: block;
  font-size: 12px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.single #content .col-2 .headline h3 {
  border: 1px solid #fff;
  font-size: 12px;
  margin: 0;
  padding: 4px 8px;
}

.single #content .col-2 .headline .post-list {
  border: 1px solid #fff;  
  overflow: hidden;
  height: 100%;
}

#content .col-2 .post-list li {
  background-image: none;
  display: inline;
  float: left;
  border: 0;
  margin: 2px 7px;
  padding: 0;
}


#content .col-2 .post-list li a {
  background: #d6d6d6;
  color: #000;
  display: block;
  text-transform: lowercase;
  text-decoration: none;
  padding: 3px 5px;
}

#content .col-2 .post-list li a:hover, #content .col-2 .post-list li.current a {
  background: #174164;
  color: #fff;
  text-transform: lowercase;
}

#content .col-2 ul.adblock-125 li {
  background-image: none;
  border: 0;
  padding: 0;
}

#content .col-2 ul li ul li {
  background-image: none;
  border-bottom: 0;
  padding: 3px 0px 3px 8px;
}

/* Forms */

.form-1 {
  background: #f3f3f3;
  border-top: 1px solid #b8b8b8; border-bottom: 1px solid #b8b8b8;
  color: #4f4f4f;
  display: block;
  float: left;
  width: 569px;
  padding: 16px;
}

.form-1 input.text, .form-1 textarea {
  background: #ffffff;
  border: none; border-top: 1px solid #b0b0b0; border-left: 1px solid #b0b0b0;
  color: #4f4f4f;
}

.form-1 input.text {
  margin-right: 10px;
  padding: 5px 10px;
  width: 330px;
}

.form-1 textarea {
  height: 216px;
  width: 546px;
  padding: 5px 10px;
}

.form-1 .button {
  float: right;
} 
  
/* Begin Calendar */

#wp-calendar {
  background: #EFEFEF;
  empty-cells: show;
  margin: 10px auto 0;
  width: 155px;
}

#wp-calendar #next a {
  text-align: right;
}

#wp-calendar #prev a {
  text-align: left;
}

#wp-calendar a {
  display: block;
}

#wp-calendar caption {
  text-align: center;
  font-weight: bold;
}

#wp-calendar td {
  padding: 3px;
  text-align: left;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
  background-color: #fff; 
}

#wp-calendar th {
  font-style: normal;
  text-transform: capitalize;
}