/*
Theme Name: Convergence
Theme URI: http://themeforest.net/
Description: The place where people and information converge and create community.
Version: 1
Author: Maximus
Author URI: http://themeforest.net/
Tags: community, news, industry, blog
*/

/*=== Setup ===*/

* {
border: 0;
margin: 0;
padding: 0;
outline: none;
}

body {
background: url(images/bgr.gif) #f7f6f6 repeat-x top;
color: #404040;
font-family: Arial, Verdana, Helvetica, sans-serif;
/* font-size: .75em; */
}

.leftsidebar {
width: 200px;
float: left;
margin: 0;
padding: 0;	
}
a {
color: #33707e;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

input, select, textarea {
border: #cfcfcf 1px solid;
color: #404040;
font-size: 12px;
padding: 3px;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

li {
list-style: none;
}

h2 {
color: #222222;
font-size: 1.5em;
font-weight: normal;
letter-spacing: -1px;
margin: 0 0 1em;
}

h3 {
color: #333333;
font-size: 1.2em;
margin: 0 0 .8em;
}

h4 {
font-size: 1em;
margin: 0 0 1em;
}

p {
line-height: 1.5em;
padding: 0 0 1.3em;
}

/*=== Layout ===*/

#page {
margin: 0 auto;
width: 975px;
}

#page-bot {
background: url(images/page-bot.gif) repeat-x top;
height: 39px;
}

/*=== H eader ===*/

#header{
height: 101px;
margin: 0 0 1px;
}

/*- Logo -*/

#header h1 {
background: url(images/logo.png) no-repeat;
float: left;
width: 408px;
}

#header h1 a {
display: block;
height: 101px;
}

#header h1 a:hover {
text-decoration: none;
}

/*=== Navigation ===*/

/*- Top Nav -*/

.topnav {
font-size: 10px;
font-weight: bold;
height: 31px;
overflow: hidden;
}

.topnav li {
background: url(images/topnav-sep.gif) no-repeat left;
float: left;
line-height: 30px;
}

.topnav li.first {
background: none;
}

.topnav li.first a {
padding: 0 7px 0 4px;
}

.topnav li a {
color: #333333;
display: block;
float: left;
padding: 0 7px 0 8px;
text-decoration: none;
}

.topnav li a:hover,
.topnav li.active a {
text-decoration: underline;
}	

/*- Nav1 -*/

#nav1 {
background: url(images/nav1-sep.gif) no-repeat left top;
font-size: 13px;
height: 37px;
}

#nav1 ul.sf-menu li {
position: relative;
background: url(images/nav1-sep.gif) no-repeat right top;
float: left;
line-height: 37px;
padding: 0 1px 0 0;
text-align: center;
}

#nav1 ul.sf-menu li a {
color: #333333;
display: block;
position: relative;
float: left;
text-decoration: none;
width: 107px;
cursor: pointer;
}

#nav1 ul.sf-menu li a:hover {
text-decoration: none;
background: #FEFEFE;
}

#nav1 ul.sf-menu li ul.children {
border: 1px solid #000000;
background: #272726 url(images/ul_children_bg.gif) repeat-y top right;
}

#nav1 ul.sf-menu li ul.children li {
background: url(images/ul_children_li_bg.gif) no-repeat bottom right;
}

#nav1 ul.sf-menu li ul.children li a {
color: #bebebe;
text-decoration: none;
display:block;
}

#nav1 ul.sf-menu li ul.children li a:hover {
text-decoration: none;
background: none;
}

#nav1 ul.sf-menu li ul.children li ul.children {
border: 1px solid #000000;
border-left: none;
background: #272726 url(images/ul_children_ul_children_bg.gif) repeat-y top left;
}

#nav1 ul.sf-menu li ul.children li ul.children li {
background: url(images/ul_children_li_bg.gif) no-repeat bottom right;
}

#nav1 ul.sf-menu li ul.children li ul.children a {
color: #bebebe;
text-decoration: none;
}

#nav1 ul.sf-menu li ul.children {
margin:5px 0 0 0;
}

#nav1 ul.sf-menu li ul.children ul.children {
margin:-1px 0 0 27px;
}

/*=== All Columns ===*/

#columns {
margin: 0;/*37px 0 0;*/
padding: 0 0 15px;
display: table-cell;
display: block;
height: auto !important;
height: 900px;
min-height: 900px;
}

/*=== Center Column ===*/

#centercol {
float: left;
width: 610px;
}

/*=== Right Column ===*/

#rightcol {
float: right;
width: 184px;
}

#rightcol a {

color: #404040;

text-decoration: none;

}

#leftcol {
float: left;
width: 164px;
position:relative;
overflow:hidden;
margin-right: 7px;
}
#leftcol #rightcol {
width: 164px;
}
#leftcol #text-3 {
width: 160px;
}

#leftcol a {

color: #404040;

text-decoration: none;

}

/*=== Sub Columns ===*/

.subcols {
/* background: url(images/subcols-bgr.gif) repeat-y left; */
background: url("images/subcols-bgr.gif") repeat-y scroll -16px 0 transparent;
height: 1%;
}

.col1, .col2 {
float: left;
width: 285px;
}

.col2 {
float: right;
}

/*=== Post ===*/

/*- Post Title -*/

.post-title h1 {

color: #333333;

font-size: 18px;

font-weight: bold;

letter-spacing: -0.5px;

}

.post-title h1 span {

color: #33707e;

}

.post-title h1.author {

color: #888888;

font-size: 14px;

padding-top: 2px;

}

.post-title h2, .post-title h2 a  {

font-size: 30px;

font-weight: bold;

letter-spacing: -2px;

margin: 0 0 .45em;

color: #222222;

text-decoration: none;

}

/*- Post Date -*/

.post-date {

margin: 0 0 1.25em;

}

.post-date a {

color: #ffffff;

}

.post-date em {

background: #5eb7cb;

color: #ffffff;

font-size: .9em;

font-style: normal;

padding: 3px 5px;

line-height: 1.75em;

}

/*- Post Excerpt -*/

.post-excerpt {

display: table;

font-size: 13px;

font-style: italic;

height: 1%;

/* margin: 0 0 1em; */

}

/*- Post Lists -*/

.post ul, .post ol {

margin: 0 0 1.5em;

}

.post ul li {

background: url(images/ico-list.gif) no-repeat 0 6px;

margin: 0 0 .4em;

padding: 0 0 0 10px;

}

.post ol li {

list-style: decimal;

list-style-position: inside;

margin: 0 0 .4em;

}

/*- Post Blockquote -*/

.post blockquote {

border-left: 3px solid #cfcfcf;

font-size: 13px;

font-style: italic;

margin: 0 0 1.5em;

padding: 5px 0 0 10px;

}

/*- Post Author -*/

.post-author {

margin: 0 0 1em;

}

.author-details {

font-size: .85em;

}

.author-descr {

display: table;

height: 1%;

}

/*- Social Links -*/

.social-links {

background: url(images/box-bgr2.gif) #f1f1f1 repeat-x top;

height: 42px;

padding: 0 18px;

}

.social-links .fl {

line-height: 42px;

}

.social-links .fl span {

background: url(images/comment_count_bg.gif) no-repeat center left;

font-weight: bold;

font-size: 14px;

text-align: center;

padding: 4px 0 8px 0;

width: 33px;

margin-right: 6px;

display: inline-block;

line-height: 32px;

}

.social-links .fr {

padding: 9px 0 0;

}

.social-links .fr span {

line-height: 21px;

}

.social-links img {

margin: 0 0 0 2px;

}

/*- Related Posts -*/

.post-rel {

line-height: 1.5em;

}

.post-rel a {

color: #33707E;

}

/*- Post Comments -*/

.post-comments .fl {

width: 80px;

}

.post-comments .fr {

width: 520px;

}

/*- Widget Title - */

.wtitle {

background: url(images/box-bgr.gif) repeat-x top;

}

.wtitle h2 {
/* line-height: 40px; */
line-height: 35px;
margin: 0;
padding: 0 0 0 18px;
}

/*=== Styling Boxes ===*/

/*- Box1 -*/

.box {

background: #ffffff;

border: 1px solid #cfcfcf;

margin: 0 0 28px;

padding: 1px;


}

.box .content {

background: url(images/box-bgr.gif) #ffffff repeat-x top;

height: 1%;

padding: 9px;

}

.box.ads .content {

padding-left: 15px;

padding-right: 0;

text-align: center;

}

#rightcol .box {

margin: 0 0 10px;

}

/*- Box2 -*/

.box2 {

background: #f9f9f9;

border: 1px solid #cfcfcf;

height: 1%;

margin: 0 0 20px;

padding: 18px;

min-height: 115px;

}

.box2.alt {

background: #FFFFFF;

}

.box2.alt {

background: #FFFFFF;

}

.comm-name, .comm-date {

line-height: 20px;

}

/*=== Styling Lists ===*/

/*- List1 -*/

.list1 li {

background: url(images/ico-list1.gif) no-repeat 0 1.1em;

border-bottom: 1px solid #e7e7e7;

height: 1%;

padding: .7em 0 .7em 13px;

}

.list1 li.last {

border: 0;

}

#rightcol .list1 li a:hover {

color: #33707e;

}

/*=== Styling Forms ===*/

input.btn {

background: none;

border: 0;

margin: 0;

padding: 0;

}

select {

padding: 1px;

}

/*- Search -*/

#search {

float: right;

height: 25px;

padding: 31px 0 0;

}

#search input {

background: url(images/search-bgr.gif) repeat-x top;

border: 1px solid #000000;

float: left;

padding: 8px;

width: 285px;

}

#search input.btn {

background: none;

border: 0;

margin: 8px 0 0 -30px;

padding: 0;

width: auto;

}

/*- Message -*/

.message div {

margin: 0 0 18px;

}

.message input {

padding: 9px 15px;

width: 487px;

}

.message textarea {

height: 114px;

overflow: auto;

padding: 9px 15px;

width: 487px;

font-family: Verdana;

}

.message .submit {

float: left;

}

.message .btn {

padding: 0;

width: auto;

}

.message .notice {

color: #a4a4a4;

float: right;

font-style: italic;

padding: 10px 0 0;

}

/*=== Pics, Thumbs, Ads etc. ===*/

.pic img {

border: 1px solid #cfcfcf;

display: block;

margin: 0 0 .8em;

}

.pic.fl img {

margin-right: 23px;

}

.pic.fr img {

margin-left: 23px;

}

.th {

display: block;

margin: 0 0 .5em;

}

.th.fl img {

margin-right: 10px;

}

.th.fl img

{

width:40px;

height:40px;

border: 1px solid #cfcfcf;

}

.ads img, .ads.flickr .content img {

margin: 0 14px 15px 0;

}

.ads.flickr .content img {

border: 1px solid #cfcfcf;

}

.ads.flickr .ac img {

border: 0;

margin: 0;

}

/*=== Footer ===*/

#footer {

color: #5f5f5f;

font-size: 11px;

line-height: 39px;

margin: 0 auto;

width: 975px;

}

#footer a {

color: #33707e;

text-decoration: none;

}

#footer a:hover {

color: #5f5f5f;

text-decoration: underline;

}

/*=== Misc. ===*/

.fix {

clear: both;

height: 1px;

margin: -1px 0 0;

overflow: hidden;

}

.hl, .hl2 {

background: url(images/hl-dot.gif) repeat-x top;

clear: both;

height: 2px;

overflow: hidden;

width: 100%;

}

.hl2 {

background: none;

border-top: 1px solid #e7e7e7;

height: 1px;

margin: 0 0 .8em;

}

.fl {

float: left;

}

.fr {

float: right;

}

.ac {

text-align: center;

}

.ar {

text-align: right;

}

.alignleft,

img.alignleft {

display: inline;

float: left;

margin-right: 24px;

margin-top: 4px;

}

.alignright,

img.alignright {

display: inline;

float: right;

margin-left: 24px;

margin-top: 4px;

}

.aligncenter,

img.aligncenter {

clear: both;

display: block;

margin-left: auto;

margin-right: auto;

}

img.alignleft,

img.alignright,

img.aligncenter {

margin-bottom: 12px;

}


