/*********************************************************************************************

Theme Name: Magnet
Theme URI: http://www.wpzoom.com/themes/magnet
Version: 2.1.1
Author: WPZOOM
Author URI: http://www.wpzoom.com/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html



**********************************************************************************************

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.

**********************************************************************************************

1. Toolbox CSS  -----------------------  All Theme Files
2. Global Styles ----------------------  All Theme Files
3. Header -----------------------------  header.php
4. Posts ------------------------------  loop.php, single.php
5. Comments ---------------------------  comments.php
6. Sidebar & Widgets ------------------  sidebar.php
7. Footer  ----------------------------  footer.php

**********************************************************************************************/

/*********************************************************************************************

1. Toolbox CSS  -------------------------  All Theme Files

*********************************************************************************************/

/* Reset & General Styling */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { border: 0; border-top: 1px solid #ccc; display: block; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0; padding: 0; list-style-position: inside; }
ul ul, ol ol, ul ol, ol ul { margin: 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol,
#mainmenu, .part-items { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure, form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
tr, th, td { padding-right: 1.625em; border-bottom: 1px solid #E4E4E4; }
td { vertical-align: top; }



/* Smart clearfix */
.clear, .cleaner { clear: both; height: 0; overflow: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* Headings */
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }
h1 { font-size: 36px; top: 5px; }
h2 { font-size: 28px; top: 8px; }
h3 { font-size: 22px; top: 1px; }
h4 { font-size: 18px; top: 2px; }
h5 { font-size: 15px; top: 4px; }
h6 { font-size: 13px; top: 5px; }

/* Navigation */
.navigation { color: #333; float: left; width: 100%; text-align: center; }
.navigation .alignleft a, .navigation .alignright a { width: 125px; text-align: center; height: 20px; }
.navigation a, .post .navigation a, .navigation .current { color: #fff; background: #4e6883; font-weight: bold; margin: 0 5px 7px 0; padding: 5px 6px; cursor: pointer; font-size: 10px; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; }
.navigation a:hover, .navigation .current { color: #fff; text-decoration: none; background: #243445; }
.navigation .alignright { float: right; }
.navigation .alignleft { float: left; }

.floatleft { float: left; }
.floatright { float: right; }
.sticky, .bypostauthor {}

/* Forms */
input[type="text"],input[type="password"] {  border: 1px solid #e3e3e3; color: #564B4B;  font-weight: normal; padding: 7px 6px; }
textarea { border: 1px solid #e3e3e3;  color: #564B4B;  font-weight: normal; padding: 7px 6px; }
input[type="submit"],input[type="reset"] { background-color: #418cd8;  color: #fff; border: none; font-size: 12px; padding: 7px 10px 8px; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,0.2); margin:0; position: relative;  cursor:pointer; border:1px solid #2974c0; -webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px; }
input[type="submit"]:hover,input[type="reset"]:hover { background-color: #3580cc; }
input[type="submit"]:active,input[type="reset"]:active { background-color: #2970b9; }
label {	font-weight:bold;}



/*********************************************************************************************

2. Global Styles

*********************************************************************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	background: #D8DFE5 url(images/bg.png) repeat-x;
	color: #333;
	margin:0;
	padding:0;
}

p { font: 1.3em/1.3em; margin:0 0 1.3em; }
a { outline: none; color: #0D74B4; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }



/* Page Structure */
#page-wrap { width: 995px; margin: 0 auto; padding: 50px 0 0 0; }
#featured { float: left; display: inline; padding: 0px 0 0px 5px; margin: 0px 0 0px 0; }
#main { width: 990px; background: url(images/bgmain.png) repeat-y scroll 0 0; padding: 0 10px 10px 5px; margin: 20px 0 0 0; float: left; }
#bgbottom { background: url(images/bgbottom.png) no-repeat ; width: 990px; float: left; height: 33px; }
#main #fullwidth {width:933px; float:left; background:#fff; overflow:visible; padding-right:20px;}



/*********************************************************************************************

3. Header  -------------------------  header.php

*********************************************************************************************/

/* Top Categories */
.boxgrid a { color: #fff; text-shadow: 1px 1px 0 #000000; }
.boxgrid a:hover {text-decoration:underline;}
.boxgrid h3 { margin: 5px 10px 0 0px; color: #FFF; font: bold 15px Arial, sans-serif; letter-spacing: -1px; text-shadow: 1px 1px 0 #000000; }
.boxgrid { width: 240px; height: 115px; margin: 0 7px 0 0; float: left; background: #161613; overflow: hidden; position: relative; }
.boxgrid img { position: absolute; top: 0px; left: 0px; border: 0px; }
.boxgrid p, .boxgrid div { padding: 0 0px; margin: 0 0 5px; }
.boxgrid p a { color: #66CCFF; font-weight: bold; font-size: 12px; }
.boxgrid { color: #fff; font: bold 10px "Lucida Grande", Arial, sans-serif; text-shadow: 0 1px 1px #000; }
.boxcaption { float: left; position: absolute; background: #000; height: 110px; width: 100%; opacity: .7;
			/* For IE 5-7 */
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
			/* For IE 8 */
			-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
.caption .boxcaption { top: 73px; left: 0; padding:0 0 0 5px;}



#header { height: 162px; width: 979px; position:relative; }
#header .head_bg { width:979px; height: 162px; top:0; position:absolute; z-index:1;}
#logo { position:absolute; width:730px; height:140px; padding: 20px 0 0 10px; z-index:2;}

#header #subscribe { position:absolute; z-index:2; right:27px; top:15px; width:250px; height:130px;}
#header #subscribe li { list-style-type:none; padding: 0 0 14px;  }
#header #subscribe li a { display: block; color:#fff; font-weight:bold; font-size:22px; height:33px; font-family: 'Ruda', Arial, sans-serif; }
#header #subscribe li a:hover { text-decoration:none; }
#header #subscribe li img { float:left; margin:0 8px 0 0; }

#searchbar { float: right; width: 190px; padding: 10px 0 0 0; }
#searchbar #s { background: url(images/search.png) no-repeat; width: 120px; height: 25px; float: left; border: 0; color: #666666; padding: 0 0 0 10px; font-size: 12px; }
#searchbar #searchsubmit { background: url(images/searchb.png) no-repeat; width: 30px; height: 25px; float: left; cursor: pointer; border: 0; text-indent: -2999px; }



/* Dropdown menu */
#headpages ul.children ul { left: 99%; position: relative; z-index: 597; float: left; }
#headPages { float: left; width: 979px; background:#000 url(images/bgmenu.png) repeat-x;   background-repeat: repeat-x; clear: left; padding: 0 0 7px 0;}
#headPages .dropdown { float:left; width:770px;}

.downarrowclass { background:url(images/downh.png) no-repeat center; padding:6px 11px; }
.dropdown li a:hover .downarrowclass, .dropdown li:hover .downarrowclass, .dropdown ul li.current_page_item a .downarrowclass, .dropdown ul li.current-cat a .downarrowclass{
background:url(images/downh.png) no-repeat center; }
.rightarrowclass {background:url(images/righth.png) no-repeat center right;padding:8px;position:absolute;right:10px;}

ul.dropdown { position:relative;  float:left; padding: 10px 0 0 10px; }
ul.dropdown li a { font: 20px Georgia, Serif; text-decoration: none; text-transform: uppercase; padding: 4px 20px 0px 10px; color: #fff; }
ul.dropdown li li a { font: bold 12px Arial, Sans-Serif; color: #fff; background: #000; width: 150px; display: block; height: 27px; }
ul.dropdown li.current_page_item a { color: #39C2F1; }
ul.dropdown li a:hover { color: #39C2F1; }
ul.dropdown li { position:relative; float:left;padding: 0px 30px 0px 10px; }
ul.dropdown li ul { padding: 0; }
ul.dropdown li ul ul { padding-top: 0; }

ul.dropdown ul {	width: 180px;	 margin-top: 1px; }
ul.dropdown ul ul { }
ul.dropdown ul li {	font-weight: bold;		}
ul.dropdown *.dir {padding: 7px 8px; }
ul.dropdown li *.dir {font-weight: bold; text-transform:uppercase; padding-left:0; }
ul.dropdown li *.dir li {font-weight: normal; text-transform:none; }

* body ul.dropdown li.hover a {background:#000; color: #fff;}
* body ul.dropdown li.hover {text-decoration:none;}

ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; }
ul.dropdown li { float: left; zoom: 1; }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; }
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598;  }
ul.dropdown ul li { float: none;}
ul.dropdown ul ul { top: 1px; left: 99%;}
ul.dropdown li:hover > ul { visibility: visible;}
ul.dropdown li.rtl ul { top: 100%; right: 0; left: auto; }
ul.dropdown li.rtl ul ul { top: 1px; right: 99%; left: auto; }

ul.dropdown-pages { z-index: 697; }
ul.dropdown-pages li.hover, ul.dropdown li:hover { z-index: 699; }
ul.dropdown-pages ul { z-index: 698;}

#categmenu { float: left; width: 979px; background: #000 url(images/bgcat.png) repeat-x; padding-bottom:5px;}
#categmenu ul.dropdown { padding: 2px 0 0 10px; }
#categmenu ul.dropdown li ul {padding:0 0 0;}
#categmenu ul.dropdown li li a { height: 24px;  }
#categmenu li a { font: bold 12px Arial, Sans-Serif; color: #fff; text-decoration: none; text-transform: uppercase; line-height: 20px; }
#categmenu li a:hover { color: #39C2F1; }



/*********************************************************************************************

4. Posts -------------------------  index.php

*********************************************************************************************/

#content {
	width: 629px;
	float: left;
	display: inline;
}

.post {
	width:580px;
	float:left;
	clear:both;
	margin: 0 22px 10px 27px;
	line-height: 1.6;
	padding: 15px 0 40px 0;
	background: url(images/afterpost.jpg) no-repeat bottom center;
}

.post .post-thumb {
    margin: 0 15px 0 0;
    float:left;
    position:relative;
}

.post .post-content {
    padding: 0;
	overflow: hidden;
}

.post h1.title,
.post h2.title { line-height: 1.2; }
.post h1.title a,
.post h2.title a { text-decoration: none; color: #2b2828; font-family: oswald,sans-serif; font-size: 34px; font-weight: bold; line-height: 1; }
.post h1.title a:hover,
.post h2.title a:hover {color:#555454;}
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { color: #2b2828; }

.entry {
	line-height: 1.7;
	overflow:hidden;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
 	margin-bottom: 12px;
	line-height:1.3;
	font-weight:bold;
}

.entry a { font-weight:bold; }

.entry p { margin-bottom: 14px; }

.entry img.aligncenter, .entry img.alignleft, .entry img.alignright {
	padding: 4px;
	border: 1px solid #B9C5C9;
	background: #fff;
}

.entry img { margin-bottom:10px; }

.entry img.alignnone,
.entry img.aligncenter,
.entry img.alignleft,
.entry img.alignright {
	margin-bottom: 10px;
	max-width: 566px;
	width:auto;
 	height:auto;
}

.entry ul, .entry ol { margin: 0 0 14px 14px; padding: 0; }
.entry li ul, .entry li ol { margin-bottom: 0; }
.entry li { list-style-position: inside; padding:5px 0; }
.entry ul li { list-style-type: square; }
.entry ol li { list-style-type: decimal; }
.entry blockquote {	color: #666666; border-left: 3px solid #CCCCCC; color: #777777; font-family: Georgia,"Times New Roman",Times,serif; font-size: 14px; font-style: italic; line-height: 1.8em; margin: 10px 20px 10px 30px; padding-left: 10px; }
.galleria-container { margin-bottom: 20px; }
.entry .galleria-container img { margin-bottom: 20px; }

/* [gallery] shortcode */
.entry .gallery .gallery-item { max-width:150px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; }
.entry .gallery { clear: both; margin: auto; text-align: center; }
.gallery img { border: 2px solid #cfcfcf; width:150px; height:auto; }

/* Images align */
.entry .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.entry .alignleft { float: left; margin: 5px 15px 5px 3px; }
.entry .alignright { float: right; margin: 5px 4px 5px 15px; }

/* Caption for Images */
.wp-caption {  max-width: 100% !important; text-align:center; border: 1px solid #ddd; background-color: #f3f3f3; padding: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; max-width:566px;  width:auto; height:auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

img.wp-smiley { border: none; padding: 0; }
.thumbnails {  clear: both; float: left; font-size: 11px; line-height: 1.6em; margin: 10px 0 20px 15px; padding: 10px 10px 5px; }
.thumbnails img { height: 100px; margin: 5px 15px 10px; width: 100px; }



/* Post Meta */
.meta { font-size: 10px; text-transform: uppercase; color: #979da1;  padding: 10px 0 10px 0; display: block; line-height: 17px; margin: 0; float:left;}
.meta ul { padding: 0px 0 0 0; margin: 0; }
.meta li { display: inline; padding: 0 20px 0 0; }
.meta li a {color:#979DA1;}

.retweet { float:right; width:80px; padding:10px 0;}
.afterpostad {padding:0 0 0 20px; text-align:center;}
.afterpostad img { border:5px solid #D7D7D7;}

.post a.time { display: block; font-size: 12px; color: #979797; font-family: Georgia, Sans-Serif; font-style: italic; padding: 0px 10px 2px 12px; line-height: 17px; margin: 0px 0 3px 0; background: url(images/clock.png) no-repeat left; padding-left: 12px; }
.post a:hover.time { color: #000; text-decoration: none; }
li.time { background: url(images/clock.png) no-repeat left; padding-left: 12px; }
li.category { background: url(images/category.png) no-repeat left; padding-left: 13px; }
li.comments { background: url(images/comments.png) no-repeat left; padding-left: 15px; }
span.more { background: #73CAE4; padding: 5px 5px 5px 0; text-transform: uppercase; color: #fff; font-size: 10px; letter-spacing: 1px; font-weight: bold; text-shadow: 0.1em 0.1em rgba(0,0,0,0.3); }
span.more:hover { background: #B6E4F1; color: #5285A4; text-shadow: 0.1em 0.1em #fff; }
span.more span { background: #B6E4F1; padding: 5px 7px; text-shadow: 0.1em 0.1em #5285A4; margin: 0 5px 0 0; }
span.more:hover span { background: #73CAE4; color: #fff; }
.separator { margin: 25px 0 0 0; padding: 25px 0 0px 0; background: url(images/afterpost.jpg) no-repeat center top; }
#comments { margin: 25px 0 0 0; padding: 25px 0 0px 0; background: url(images/afterpost.jpg) no-repeat center top; }
.afterpost { margin: 15px 0 0; }
.post .related { width: 65%; float: left; }
.post .share { width: 28%; float:right; }
.post .related li, .post .share li { list-style-type: none; }

.afterpost h3 { font-size: 24px; font-family: Georgia, Serif; font-weight: normal; text-transform: capitalize; font-style: normal; clear: left; }
h1.pagetitle { font-size: 24px; font-family: Georgia, Serif; font-weight: normal; text-transform: capitalize; font-style: normal; clear: left; padding: 25px 0 10px; border-bottom: 1px dotted #e3e3e3; text-align:center; }
.related { text-transform: uppercase; font-style: italic; font-family: Georgia, Serif; font-size: 10px; color: #c13636; }
.post .related ul, .share ul { margin: 5px 0 0 0; padding: 0; }
.related li { padding: 0 0 4px 0; }
.related li a { text-transform: capitalize; color: #555555; font-size: 14px; }
.share li { padding: 0 0 4px; }

/* Author box */
#authorbio { margin: 15px 0 10px 0; line-height: 1.6; padding: 15px 10px 15px 20px; -moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari */ border: 1px solid #d8dfe5; background: #f0f4f7; }
#authorbio img { margin: 0 5px 5px 0; padding: 3px; background: #fff; border: 1px solid #A6A6A6; }
#authorbio h3 { font-weight: normal; font-family: Georgia, Serif; }
#authorbio h3 a { color: #1a5067; font-style: italic; }
#authorbio p { font-size: 12px; font-family: Georgia, Serif; padding: 0; margin:3px 0 0; }
#authorbio small a { text-transform: uppercase; font-style: italic; font-size: 10px; color: #C13636; font-family: Georgia, Serif; margin: 0 0 10px; }
#authorpic { float: right; width: 80px; }



/*********************************************************************************************

5. Comments  -------------------------  comments.php

*********************************************************************************************/

.post div.comments { margin: 0 0 10px 0; }
.post div.comments h2 { font-size: 18px; font-weight: normal; }
.post div.comments li, #main #respond { padding: 10px 0 5px; }
.post ol.commentlist div.comment-content { margin-left: 95px; }
.post cite { font-style: normal; font-weight: normal; }
.post p.trackbackurl { font-size: 11px; }
.post p.trackbackurl span.url { font-weight: bold; padding: 1px; }
.post a.more-link { display: block; margin: 10px 0 0; }
.post a.more-link:hover { text-decoration:none; }
.post div.post-comments ul, .post div.post-comments ol { margin-left: 0; }
.post .normalComments { padding: 0; clear: left; margin: 0 0 15px; }
.post .normalComments li { margin: 0px 0 0em 0; padding: 10px 0 20px 0; list-style-type: none; border-bottom: 1px dotted #e3e3e3; }
.post .normalComments li ul li {padding:10px 0 5px 0;}
.post .normalComments li ul.children { padding: 0px 0 0; }
.post .normalComments li ul.children li { clear: left; margin: 0 10px 0px 40px; }
.post .normalComments li ul li { border: none; }
.post .normalComments cite.fn { font-size: 20px; font-family: Georgia, Serif; }
.post .normalComments div.gravatar { float: left; display: inline; width: 75px; margin: 0 10px 5px 0; }
.post .normalComments div.gravatar img { margin: 0; }
.post .normalComments div.comment-author { margin: 0 20px 3px 0; line-height: 18px; }
.post .normalComments div.comment-content { margin-left: 100px; }
.post .normalComments p, .post .normalComments li.author p { margin: 0 0 0 85px; font-size: 12px; line-height: 20px; }
.normalComments .avatar { float: left; margin: 0 15px 0 0; width: 70px; }
.normalComments span.says { display: none; }
.normalComments .children {margin:0 0 0 0;}
.normalComments .commentmetadata a.comment-edit-link { background: none; }
.normalComments .commentmetadata { margin: 0 0 5px 0; }
.normalComments .commentmetadata a { display: inline; font-size: 12px; color: #979797; font-family: Georgia, Sans-Serif; font-style: italic; padding: 0px 0px 2px 0; line-height: 17px; margin: 0px 0 3px 0; }
.normalComments .commentmetadata a:hover { color: #000; text-decoration: none; }
.normalComments .reply { clear: both; margin: 10px 0 0 85px; }
.normalComments .cancel-comment-reply p { margin: 0 0 0 0; }
.reply a, .cancel-comment-reply a { padding: 2px 5px; margin-bottom: 5px; font-weight: 700; text-transform: uppercase; background: #73CAE4; font-size: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; text-shadow: 0.1em 0.1em #5285A4; color: #fff; }
.reply a:hover, .cancel-comment-reply a:hover { background: #B6E4F1; color: #5285A4; text-decoration: none; text-shadow: 0.1em 0.1em #FFFFFF; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }



#commentform { color: #626060; margin-top: 15px; }
#commentform code { font-size: 11px; }
#commentform p { margin: 0 0 5px; font-size: 12px; }
#commentform #formLabels { float: left; display: inline; width: 34%; }
#commentform #formContent { float: left; display: inline; width: 60%; margin-left:4%;}
#commentform label { font-weight: bold; line-height: 2.0em; font-size: 11px; display: block }
#formLabels input {  width: 97%;  margin-bottom: 5px;  color: #333; font-weight: bold;  font-size:12px;  }
#commentform textarea { width: 96%; height: 130px; padding: 8px; margin-bottom: 15px; font-size: 12px; color: #333; font-weight: bold;  }
#commentform #subscribe { float: left; margin: 5px 5px 0 0; }



/*********************************************************************************************

6. Sidebar & Widgets -------------------------  sidebar.php

*********************************************************************************************/

#sidebar {
	width: 350px;
	margin: 0px;
	display: inline;
	float: left;
	font-size: 12px;
}

#sidebar_left,
#sidebar_right {
	width: 50%;
	float: left;
}

.widget { width: 100%; padding: 0 0 20px 0; }
.widget ul { clear: both; padding: 0; line-height: 1.7; }
.widget ul li { list-style-type: none; padding: 0 0 7px; }
.widget ul ul { border-top: none; margin: 0; padding: 0; }
.widget ul ul li { border: none; }
.widget_tag_cloud a {line-height:1.3em; font-weight:normal; font-weight:normal; margin-right:7px; }
.padder { padding:0 15px; }

.widget h3.title {
	background: url(images/bgw.png) repeat-x;
	height: 45px;
	font-weight: bold;
	padding: 8px 0 0 15px;
	color: #fff;
	text-shadow: 0.1em 0.1em 0 rgba(0,0,0,0.3);
	font-size: 15px;
	margin:0 0 5px;
}

.widget h3.title a {
	color: #fff;
	font-size: 14px;
}

#sidebar #sidebar_left .widget h3.title,
#sidebar #sidebar_right .widget h3.title {
	background: url(images/bgw2.png) repeat-x;
}

#sidebar .meta,
#sidebar .meta ul {
	color: #626a70;
	padding: 0px;
	margin: 0px;
}

#sidebar a { color: #3f4244; font-size: 12px; font-weight: bold;   }
#sidebar a.comments { background: url(images/buble.png) no-repeat; float: right; width: 32px; height: 26px; font-size: 12px; font-weight: bold; font-family: Arial, Sans-Serif; color: #637886; text-shadow: 0.1em 0.1em #fff; padding: 1px 0 0 0px; text-align: center; margin: 3px 0 0 0; }
#sidebar span.time, #sidebar span.category { float: left; font-size: 10px; text-transform: uppercase; color: #626a70; padding: 0px 10px 2px 12px; line-height: 17px; margin: 3px 0 0 0; font-weight: normal; }
#sidebar span.category a {font-size:10px; color:#626a70; font-weight:normal; display:inline;}
#sidebar span.time, span.time { background: url(images/clock.png) no-repeat left; }
#sidebar span.category { background: url(images/category.png) no-repeat left; }

#sidebar #ads {padding:0 0 10px; text-align:center; }



.popular-posts ul li {
	display:block;
	padding: 0 0 7px;
	border-bottom:1px solid #B5CDD6;
	margin:0 0 7px;
	float:left;
	width:100%;
}



/*  Widget: Recent Comments */
.recent-comments-list .avatar {	margin-right:8px; float: left;  padding: 3px; background: #fff; border: 1px solid #A6A6A6; }
.recent-comments-list li { padding: 0 0 10px; margin:0 0 10px; border-bottom: 1px solid #B5CDD6; }
.recent-comments-list li a { font-weight:bold; }
.recent-comments-list li:last-child { border-bottom: 0; }

/* Widget: Recent Posts  */
.widget .feature-posts-list a { font-weight:bold;}
.widget .feature-posts-list br {display: none;}
.widget .feature-posts-list img {margin: 4px 12px 10px 0;float: left;}
.widget .feature-posts-list small {	color:#999; display: block; margin: 0 0 3px; }
.widget .feature-posts-list .post-excerpt {	display: block;}
.widget .feature-posts-list li { padding: 6px 0 10px; margin:0 0 5px; border-bottom: 1px solid #B5CDD6; }
.widget .feature-posts-list li:last-child { border-bottom: 0; }

/* Flickr widget */
.widget .flickr_badge_image {margin-right: 10px; margin-bottom: 12px; float: left; }
.widget .flickr_badge_image img { width: 70px; height: 70px; }
.widget .flickr_badge_image img:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60); opacity: 0.6; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}

/* Twitter widget */
.widget .twitter-list li { border-bottom: 1px solid #B5CDD6; padding: 0 0 7px; margin: 0 0 7px; }
.widget .twitter-list li a { font-weight: nold; }
.widget .twitter-list .twitter-timestamp { display: block; color: #999; font-size: 11px; font-style: normal; }
.widget .follow-user { margin: 0; padding: 5px 0; }

/* 125x125 widget */
.widget_wpzoom-125x125-ads li {	float:left;	margin:0 15px 10px 0;}
.widget_wpzoom-125x125-ads .padder { padding: 0 7% }

/* Sidebar Slider */
div.scrollable { float: left; }
#scrolling a.prev { float: left; }
#scrolling a.next { float: right; }
#scrolling a.disabled { visibility: hidden !important; }
#scrolling a.next, #scrolling a.nextPage { background-image: url(images/right.png); clear: right; }
div.navi { width: 200px; height: 0px; float: left; margin: 0 0 0 35px; }
div.navi a { width: 14px; height: 14px; float: left; margin: 6px 3px; background: url(images/navigator.png) 0 0 no-repeat; font-size: 1px; }
div.navi a:hover { background-position: 0 -15px; }
div.navi a.active { background-position: 0 -30px; }
div.scrollable { position: relative; overflow: hidden; width: 348px; height: 245px; padding: 0; }
#thumbs { position: absolute; width: 20000em; clear: both; }
#scrolling {  background: #78B4C6; height: 25px; padding: 5px 15px 5px ;  }
#thumbs div { float: left; width: 316px; height: 200px; padding: 0 0 0 16px; }
#thumbs div img { padding: 4px; background: #fff; border: 1px solid #A6A6A6; margin-bottom: 5px; }
#thumbs a { color: #3f4244; font-size: 14px; font-weight: bold; display: block; }

#scrolling a.prev, #scrolling a.next { margin:2px 0 0; display: inline-block; padding: 4px 11px 2px; font-size: 10px; text-transform:uppercase; font-weight: bold; line-height: 1.4; font-family: Arial, sans-serif; background: #E4E4E3; background: -moz-linear-gradient(center top , #FFFFFF 0%, #F5F6F6 3%, #E4E4E3 100%) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(3%,#f5f6f6), color-stop(100%,#e4e4e3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f5f6f6 3%,#e4e4e3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f5f6f6 3%,#e4e4e3 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f5f6f6 3%,#e4e4e3 100%); /* IE10+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e3',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 0%,#f5f6f6 3%,#e4e4e3 100%); /* W3C */ border: 1px solid #ccc; color: #7D7D7D; cursor: pointer;   -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;  }

#scrolling a.prev:hover, #scrolling a.next:hover { text-decoration: none; background: #dcdcdb; background: -moz-linear-gradient(center top , #FFFFFF 0%, #eeeeee 3%, #dcdcdb 100%) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(3%,#eeeeee), color-stop(100%,#dcdcdb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 3%,#dcdcdb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 3%,#dcdcdb 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 3%,#dcdcdb 100%); /* IE10+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdcdb',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 0%,#eeeeee 3%,#dcdcdb 100%); /* W3C */ text-decoration:none;}



/*********************************************************************************************

6. Footer  -------------------------  footer.php

*********************************************************************************************/

#footer { float: left; width: 100%; background: #2a3e4f url(images/bgfooter.png) repeat-x;  margin: 15px 0 0 0; padding:10px 0 15px 0; color: #fff; text-shadow: 0.1em 0.1em #000; font-weight: bold; text-transform: uppercase; font-size: 10px; }
#footer h4 { font-size: 10px; }
.footer-wrap { width: 995px; margin: 0 auto; }
#footer li { display: inline; font-size: 12px; font-weight: normal; padding: 0 15px 0 0; font-family: Verdana; }
#footer a, #subfooter a { color: #fff; }
#subfooter {float:left; width:100%; padding:7px 0; background:#242c32 url(images/bgsubf.png) repeat-x;   color: #fff; text-shadow: 0.1em 0.1em #000; font-weight: bold; text-transform: uppercase; font-size: 10px;}
#copyright a { color: #A1C0CF; }
#footer .hr { background: #516E86 none repeat scroll 0 0; border-top: 1px solid #072138; clear: both; height: 1px; overflow: hidden; width: 100%; margin: 10px 0 10px 0; }
#copyright { float: left; width: 50%; line-height: 1.7; }
#footersocial { float: right;  margin: 9px 0; }
#footersocial a.rss { background: url(images/rss.png) no-repeat; padding: 0 0 3px 20px; height: 16px; margin: 0 15px 0 0; }
#footersocial a.twitter { background: url(images/twitter.png) no-repeat; padding: 0 0 3px 20px; height: 16px; }