/*********************************************************************************************

Theme Name: Art Maga
Theme URI: https://www.woojojo.com/
Version: 1.0.1
Author: JoJo工作室
Author URI: www.woojojo.com
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

The PHP code portions of this WPZOOM theme are subject to the GNU General Public
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the WPZOOM Proprietary Use License below.

**********************************************************************************************

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.

**********************************************************************************************

0.  CSS Reset  -------------------------  All Theme Files
1.  Toolbox CSS  -----------------------  All Theme Files
2.  Page Structure  --------------------  All Theme Files
3.  Header  ----------------------------  header.php
4.  Main Navigation  -------------------  header.php
5.  Featured Slider  -------------------  wpzoom_featured.php
6.  Posts Styling ----------------------  index.php, single.php
7.  Comments  --------------------------  comments.php
8.  Sidebar & Widgets ------------------  sidebar.php
9.  Footer  ----------------------------  footer.php

**********************************************************************************************/


/*********************************************************************************************

0. CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/
* { margin: 0; padding: 0; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear: both; height: 1px; margin: 0 0 -1px; overflow: hidden; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style-type: none; list-style-position: inside; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border: none }
/* Gets rid of IE's blue borders */
table { -x-system-font: none; font-family: inherit; font-size: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit;  }
th { background: #BBCCDD; color: #333; }
th, td { line-height: 20px; padding: 4px; }
tr:nth-child(2n) { background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; }
tr:nth-child(2n+1) {  }

/*********************************************************************************************

1. Toolbox CSS  -------------------------  All Theme Files

*********************************************************************************************/


/* 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: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

a {
    color: #004276;
    text-decoration: none;
}

a:hover {
	color:#CA0002;
}

h4.title, #topside h3, #bottomside h3 {
    font-weight: bold;
	text-transform: uppercase;
    font-size: 10px;
    margin: 0 0 5px;
    background:#CA0002;
    padding:2px 4px;
    color:#fff;
     clear:both;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
 	zoom: 1;
	*display: inline;
}

.nextActions {
    display: block;
    text-decoration: none;
    clear:both;
    width:100%;
    float:left;
	margin: 6px 0;
    font-size: 11px;
    text-transform: uppercase;
 }

.homecat .nextActions {
	margin-left:-10px;
	text-align:right;
}


.colAds .item {
    background: #f5f5f5;
}
.colAds h5.title {
    color: #b4d5c5;
}

.floatleft { float: left; }
.floatright { float: right; }
.sticky, .bypostauthor {}

/* Navigation */
div.navigation {  padding-bottom: 15px; text-align:center; margin: 0 0 10px; font-size: 16px; }
div.navigation a { font-weight: normal; padding:0 10px; line-height: 50px; }
div.navigation span.current { padding: 0 10px; color:#000;   }
div.navigation span.pages { margin-right: 10px; display: none; }
div.navigation .alignleft, div.navigation .alignright { margin: 0; }
div.navigation .prev { float:left; font-style:italic; font-size:26px;}
div.navigation .next { float:right; font-style:italic; font-size:26px; }

 
html { overflow-y: scroll; }

p { margin-bottom:15px; line-height:1.6;}

input { padding:5px; }

#searchsubmit { padding:4px;}

#ad468 { text-align:center; margin: 0 0 20px 0;}

/*********************************************************************************************

2. Page Structure  -------------------------  All Theme Files

*********************************************************************************************/

body {
    text-align: center;
	background: #F2F2F2;
    font-family:Georgia,"Times New Roman",Times,serif;
	font-size: 12px;
    color: #252324;
    line-height:1.5;
}

#wrapper {
    margin: 0 auto;
	text-align: left;
    width: 1002px;
}

#inner-wrapper {
	background:#fff;
    padding:0 10px;
    border-left:1px solid #E8E6E6;
    border-right:1px solid #E8E6E6;
}

#content {
 	border-top: 1px solid #333;
}

#main.full-width { width:100%;}

/*********************************************************************************************

3. Header  -------------------------  header.php

*********************************************************************************************/

#head-bar {
	border-bottom: 1px solid #aaaaaa;
    float: left;
    font-size: 10px;
    text-transform: uppercase;
    width: 100%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#head-bar #date {
	float: left;
	line-height: 26px;
}

#head-bar #navigation {
	float: right;
	text-align:right;
	z-index:201;
}

#head-bar #navigation li {
	display: block;
	float: left;
}

#head-bar #navigation a {
	display: block;
	height: 27px;
	font-weight: bold;
	line-height: 27px;
	padding: 0 10px;
	text-decoration: none;
}

#header #inner {
	float: left;
	width: 100%;
}

#logo {
	float:left;
   	margin:0;
  	font-family: 'Oswald', sans-serif;
}

#logo h1  {
	color:#fff;
 	font-size:64px;
	font-weight:bold;
	line-height:1.3;
	text-transform:uppercase;
	padding:10px;
	background:#181b1c;
}

#logo a {
	color:#fff;
}

#logo a:hover {
	text-decoration:none;
}

#header #inner #head_banner { float: left; position: relative; padding: 9px 0; font-size: 18px; line-height: 1.4; width: 468px; }
#header #inner #head_banner img { padding: 10px 0 0 5px; }
#header #inner #head_banner .text img { position: absolute; left: 20px; top: -18px; z-index: 200; padding: 0; }
#header #inner #head_banner .text { padding-left: 180px; }
#header #inner #right { float: right; }
#header #search { height: 23px; width: 169px; margin-top: 14px; border: 1px solid #C4C4C4; font-size: 12px; line-height: 15px; float: right; clear: both; }
#header #search #s { width: 136px; border: none; padding: 1px 6px; color: #4F4747; display: inline; float: left; font-size: 12px; height: 19px; }
#header #search:hover { border: 1px solid #333; }
#header #search #searchsubmit { text-indent: -9999em; background: url("images/search.png") no-repeat; cursor: pointer; border: 0 none; width: 17px; margin-top: 4px; }
#header #social { margin-top: 16px; text-align: right; float: right; clear: both; }
#header #social li { margin-left: 12px; display: inline; float: left; }

/* Social Icons */
#social ul:after { content: "."; visibility: hidden; height: 0; display: block; clear: both; }
#social ul li.button { position: relative; }
#social ul li.button div.tooltip { position: absolute; top: -40px; left: -51px; white-space: nowrap; display: none; z-index: 999; }
#social ul li.button div.tooltip:hover { cursor: pointer !important; }
#social ul li.button div.tooltip span.center { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.2em; background: url(images/tooltipC.png) top center no-repeat; display: block; padding: 0 10px; line-height: 30px; color: #FFF; font-weight: bold; height: 35px; text-shadow: 0 1px 1px #000; }
#social ul li.button div.tooltip span.left,
#social ul li.button div.tooltip span.right { width: 6px; height: 33px; display: block; position: absolute; top: 0; }
#social ul li.button div.tooltip span.left { background: url(images/tooltipL.png) top left no-repeat; left: -6px; }
#social ul li.button div.tooltip span.right { background: url(images/tooltipR.png) top right no-repeat; right: -5px; }
#social ul li.button a { padding: 0 !important; width: 32px; height: 32px; display: block; }


#breakingNews { line-height: 40px; height: 40px; color: #6C6767; border-bottom: 4px solid #333; }
#breakingNews span { color: #E71E1E; font-weight: bold; margin-right: 15px; text-transform: uppercase; }


/*********************************************************************************************

4. Main Navigation  -------------------------  header.php

*********************************************************************************************/

#menu {
	float: left;
	width:100%;
	border-top: 3px solid #181B1C;
	border-bottom: 1px solid #333;
	background:#F7F5F5;
	position:relative;
	z-index:99;
}

#menu li {
	display: block;
	float: left;
}

#menu a {
	display: block;
	text-decoration: none;
	font-size:14px;
	text-transform:uppercase;
}

.downarrowclass { background: url(images/down.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/right.png) no-repeat center right; padding: 17px; position: absolute; right: 10px; }
.dropdown ul { margin: 0; list-style-type: none; }
.dropdown ul li { position: relative; display: inline; }
.dropdown ul li a { color: #292525; text-shadow: 1px 1px 0 #fff; text-transform: uppercase; text-decoration: none; height: 32px; line-height: 32px; padding: 0 18px; border-right: 1px dotted #6D7989; }
#head-bar .dropdown ul li a { border-right: 0; color: #333; text-transform: uppercase; }
#head-bar .dropdown ul li a:hover, #head-bar .dropdown ul li a.active,  #head-bar .dropdown ul li:hover a { color: #fff; text-shadow: none; border-right: 0; background: #191c1d; text-decoration: none; }
#head-bar .dropdown ul li ul { background: #191c1d; }
#head-bar .dropdown ul li ul li a { width: 130px; /*width of sub menus*/ border-bottom: 1px dotted #ccc; }
#head-bar .dropdown ul li ul li a:hover { background: #303537; /*sub menus hover style*/ border-right: 0; }
#head-bar .dropdown ul li.current_page_item a, #head-bar .dropdown ul li.current-cat a { color: #fff; text-shadow: none; border-right: 0; background: #191c1d; }
* html .dropdown ul li a { display: inline-block; /*IE6 hack to get sub menu links to behave correctly*/ }
.dropdown ul li a:hover, .dropdown ul li a.active,  .dropdown ul li:hover a { color: #fff; text-shadow: 1px 1px 0 #7D2727; border-right: 1px dotted #CA0002; background: #CA0002; text-decoration: none; }
.dropdown ul li.current_page_item a, .dropdown ul li.current-cat a, .dropdown ul li.current-menu-item a, .dropdown ul li.current-menu-parent a { color: #fff; text-shadow: 1px 1px 0 #7D2727; border-right: 1px dotted #CA0002; background: #CA0002; }
.dropdown ul li.current_page_item a:hover, .dropdown ul li.current-cat a:hover { color: #fff; }
.dropdown ul li ul { position: absolute; left: 0; display: block; visibility: hidden; z-index: 100; background: #CA0002; text-align: left; padding: 0; }
.dropdown ul li:hover ul li a, .dropdown ul li ul li a { color: #fff; text-shadow: 1px 1px 0 #7D2727; border-right: 0; }
.dropdown ul li ul li { display: list-item; float: none; }
.dropdown ul li ul li ul { top: 0; }
.dropdown ul li ul li a { width: 160px; /*width of sub menus*/ margin: 0; border-top-width: 0; border-bottom: 1px dotted #7D0000; color: #fff; text-transform: none; border-right: 0; display: block; }
.dropdown ul li ul li:last-child a, .dropdown ul li ul li:last-child a:hover { border: none; }
.dropdown ul li ul li a:hover { background: #df0207; /*sub menus hover style*/ border-right: 0; }


/*********************************************************************************************

5. Featured Articles  -------------------------  index.php

*********************************************************************************************/

#content #featured {
    margin:15px 0 10px 0;
}

.main_feat h2 {
    font-size: 18px;
	margin-bottom:10px;
	font-weight:bold;
	line-height:1.2;
}

.main_feat div.date {
	color: #E73838;
	font-style:italic;
	font-size: 12px;
	margin-bottom:8px;
}

.main_feat .thumb  {
    float: left;
 	margin:0 0 10px 0;
}

.main_feat .thumb span {
    color:#666;
    font-size:10px;
    font-family: Helvetica, Arial, sans-serif;
}

.main_feat .content {
	line-height:1.4;
	border-top: 1px dotted #ddd;
	padding-top:10px;
}

.main_feat .entry span {
    line-height:1.5;
    padding-bottom:10px;
    font-size:22px;
    display:block;
}

.main_feat {
    width:310px;
    float:left;
}

.main_feat .entry {
 	font-size: 14px;
	margin-bottom:5px;
	padding-bottom:15px;
    overflow:hidden;
}

#featured .entry p {
	line-height:1.5;
}


.headings { float: right; width: 300px; }
.headings p { font-size: 12px; overflow:hidden;}
#featured .headings h2 { font-size: 16px; line-height:1.2; margin-bottom:5px; font-weight:bold;}
.headings .post-thumb { float: left; margin: 0 8px 8px 0; }
.headings li {   margin:0 0 15px; float: left; width: 100%; clear: both; list-style-type: none; }
.headings li:last-child { border-bottom: none; }
.headings h2 { font-weight:normal; }

#featured .meta {
 	padding-top:3px;
	border-top:1px dotted #E7E7E7;
	background:#F3F3F3;
	padding:6px 8px;
}

#featured .headings .meta {
	border-top:1px dotted #E7E7E7;
	color:#9B9B9B;
	font-size:10px;
 	font-family: Helvetica, Arial, sans-serif;
	background:#F3F3F3;
	padding:3px 5px;
}

#featured .headings .comments {
	margin:0;
	font-weight:normal;
	font-size:10px;
	font-family:Georgia, serif;
}

#featured .nextActions {
	width:50%;
	margin:0;
}

#featured .meta span { padding-bottom:0; }

#featured .comments {
	float:right;
 	background:url(images/comments.png) no-repeat left 4px;
	padding-left:16px;
 	font-size:12px;
}

#home_ad {
	text-align:center;
	margin:5px 0 15px 0;
}

/*********************************************************************************************

5. Homepage Categories -------------------------  index.php

*********************************************************************************************/

#main {
    float: left;
    width: 630px;
}

 
#main .homecat {
	width: 100%;
	float: left;
	margin-bottom:25px;
}

#main .red h4 { border-top:3px solid #CA0002; }
#main .red h4 a {  background:#CA0002;}
#main .red h4 a:hover { color:#fff; background:#D73333;}

#main .grey h4 { border-top:3px solid #333; }
#main .grey h4 a { background:#333;}
#main .grey h4 a:hover { color:#fff; background:#4B4B4B; }

#main .black h4 { border-top:3px solid #333; }
#main .black h4 a { background:#333;}
#main .black h4 a:hover { color:#fff; background:#4B4B4B; }


.homecat h4 { border-top: 3px solid #336699; margin-bottom: 15px; text-transform: uppercase; font-weight: bold; font-size: 18px; background: #F5F5F5; float: left; width: 100%; }
.homecat h4 a { background: #336699; color: #fff; float: left; padding: 3px 10px; }
.homecat h4 a:hover { background: #2F6998; }
.homecat ul { display: inline; float: left; margin-left:-10px; }
.homecat ul li { width: 200px; margin:0 3px 0 0; padding:0 0 0 10px; display: inline; float: left; line-height: 1.5; }
.homecat ul li p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.homecat ul li h3 { font-size: 13px; font-weight: bold; line-height: 1.4; margin: 8px 0 5px; }
.homecat ul.stories { float: left; clear: both; width: 100%; display: block; margin: 5px 0; border-top: 1px dotted #ddd; padding: 10px 0 7px; border-bottom: 1px dotted #ddd; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.homecat ul.stories li { width: 100%; list-style-type: square; display: list-item; list-style-position: inside; margin: 2px 0; }
.homecat ul.stories li a { font-size: 12px; width: 100%; clear: both; }
.homecat .thumb { position: relative; }
.homecat .thumb  a img { z-index: 100; }
.homecat li .meta { background: #000000; color: #fff; display: block; float: left; font-weight: 700; top: 105px; z-index: 101; padding: 2px 0 4px 5px; opacity: 0.8; text-transform: uppercase; font-size: 10px; position: absolute; height: 14px; width: 195px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.homecat li .meta strong { float: right; margin-right: 10px; background: url(images/comments.png) no-repeat left 3px; padding-left: 15px; }
.homecat li a:hover .meta { opacity: 0.4; }
 

.section_separator {
 	border-top:3px solid #333;
}

.recent_title {
	font-weight:normal;
	padding:10px 0;
	border-bottom:1px dotted #E7E7E7;
}

.recent_title img { float:right; }

/*********************************************************************************************

6. Posts Styling  -------------------------  index.php, archive.php, single.php, page.php

*********************************************************************************************/

#posts .title a {
	font-size:18px;
	font-weight:bold;
}

#posts .post-thumb {
    margin: 0 15px 0 0;
    float:left;
}

#posts .post .entry {
	clear:none;
}

.breadcrumbs {
	background:#F5F5F5;
	margin:0 0 5px;
	padding:5px 10px;
	font-weight:bold;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	border:1px solid #C1C1C1;
}

.post {
	margin:10px 0;
	overflow:hidden;
}

.post h1 a {
 	font-weight:bold;
	font-size:24px;
	line-height:1.2;
	margin-bottom:7px;
}

.post h2 a {
	font-weight:normal;
	font-size:33px;
	line-height:1.2;
	margin-bottom:7px;
}

.post .meta {
	border-bottom:1px dotted #ddd;
	padding:0 0 7px 0;
	margin:4px 0 10px 0;
	font-size:10px;
  	color:#A2A2A2;
	font-family: Helvetica, Arial, sans-serif;
	text-transform:uppercase;
}

.post .meta .date {
	background:url(images/date.png) no-repeat 0 -3px;
	padding-left:16px;
	margin-right:20px;
}

.post .meta .comments a {
  	background:url(images/comments.png) no-repeat 0 2px;
	padding-left:16px;
	color:#A2A2A2;
}

.post .meta .comments a:hover {
  	color:#333;
}

.post .meta .views {
  	float:right;
  	width:70px;
}

.post .entry {
	line-height:1.7;
	font-size:14px;
	text-indent:2em;
}

 
.sticky h2 a {
 	background:url(images/sticky.png) no-repeat 0 5px;
 	padding-left:20px;
}


.post .entry .thumb img {
 	float:left;
 	margin:3px 10px 5px 0;
 	font-size:0;
}

.post .entry ul {
	margin:0 0 20px;
	padding:0 0 0 30px;
}

.post .entry ul li {
	list-style-type:square;
}

.post .entry ol {
	margin:0 0 20px;
	padding:0 0 0 30px;
}

.post .entry ol li {
	list-style-type:decimal;
}

.post blockquote {
 	border-left:3px solid #CCCCCC;
	color:#777777;
 	font-size:14px;
	font-style:italic;
	line-height:1.8em;
	margin:10px 20px 10px 30px;
	padding-left:10px;
}

blockquote, q {
	quotes:none;
}

.post .entry p {
	line-height:1.8;
}
 
.post .entry h2 {
	float:none;
 	width:auto;
}

 
.entry img.alignnone,
.entry img.aligncenter,
.entry img.alignleft,
.entry img.alignright,
.entry img.attachment-fullsize {
    margin-bottom: 10px;
    max-width: 630px;
    width:auto;
    height:auto;
}

.full-width .entry img.alignnone,
.full-width .entry img.aligncenter,
.full-width .entry img.alignleft,
.full-width .entry img.alignright,
.full-width .entry img.attachment-fullsize {
    margin-bottom: 10px;
    max-width: 940px;
    width:auto;
    height:auto;
}

/* Images align */
.entry .aligncenter, div.aligncenter { display: block; clear:both; margin-left: auto; margin-right: auto; }
.alignleft, .entry .alignleft { float: left; margin-right:15px; }
.alignright, .entry .alignright { float: right; margin-left:15px; }

/* [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; }
.entry .gallery a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90); opacity: 0.6; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
.gallery img { width:150px; height:auto; }

/* Caption for images */
.entry .wp-caption { background-color: #EFEFEF;  max-width: 100% !important; width:auto; margin-bottom: 5px; padding: 5px 5px 5px; }
.entry .wp-caption img { margin:0; max-width:100%;  width:auto; height:auto;  }
.entry .wp-caption-text, .gallery-caption { color:#A7A3A3; font-size:11px; margin:0; padding:4px 0 0; text-align:center; }
.entry .wp-caption.aligncenter { margin:0 auto 15px; }
img.wp-smiley { border: none; padding: 0; }

.galleria-container { margin-bottom:15px; }


.post span.tag-links {
 	float:left;
  	margin:10px 0;
}

.post .tag-links a {
 	background:#285C9A;
 	color:#fff;
 	font-size:10px;
 	padding:1px 6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:none;
 	margin:3px 3px 3px 0;
	font-style:normal;
	font-family: Helvetica, Arial, sans-serif;
}

.post .tag-links a:hover {
 	text-decoration:none;
  	background:#d61919;
}

.post a.post-edit-link {
  	font-weight:bold;
  	margin-left:20px;
}


.post .col_arch {
 	float:left;
 	width:100%;
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	margin:10px 0;
	border-top:1px solid #ccc;
	padding-top:15px;
}

.post .col_arch .left {
	float:left;
	text-transform:uppercase;
	width:200px;
		font-weight:bold;
}

.post .col_arch .right {
	float:left;
	width:420px;
	margin-left:10px;
}

.post .col_arch .right ul li {
	width:30%;
	float:left;
	margin:0 10px 5px 0;
}

.archiveposts {
	float:left;
	width:100%;
	margin:5px 0 10px 0;
	border-bottom:1px dotted #ddd;
	padding:5px 0 8px 0;
}

.archiveposts .date {
	color:#ADADAD;
	text-transform:uppercase;
  	margin:9px 0 5px 0;
  	display:block;
}

.archiveposts h2 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:18px;
}

.archiveposts img {
 	float:left;
 	padding:3px;
 	border:1px dotted #ddd;
 	margin:0 10px 10px 0;
 	width:70px;
}

h3.catname {
	font-weight:bold;
  	margin:8px 0;
  	padding-bottom:7px;
 	border-bottom:1px dotted #ddd;
}

h3.catname img {
 	float:right;
 	display:block;
}


.tag-links {
 	float:left;
	clear:both;
}

.nextpage {
  	float:left;
	clear:both;
	margin-bottom:5px;
}

 #socialicons {
	border-bottom:1px solid #EEE;
	border-top:1px solid #EEE;
 	float:left;
	margin:15px 0 0;
	padding:1px 0 10px;
	width:100%;
}


#socialicons li {
	border:none;
	display:inline;
	float:left;
	padding-right:15px;
	width:110px;
}

#socialicons ul {
	list-style:none;
	float:left;
	padding:10px 0 0 0;
}


/* Author Bio */
.post .post_author {
	background:#f2f2f2;
	border-top: 4px solid #354554;
 	padding:10px 10px 5px 10px;
	margin:10px 0;
}

.post .post_author img {
	float:left;
	margin:0 7px 7px 0;
}

.post .post_author span {
 	font-size:14px;
	display:block;
	margin-bottom:5px;
}


/* Template: Sidebar on the left */
.side-left #main { float: right;  }
.side-left #sidebar { float: left; }

/* Template: Full-width */
.full-width #main { width: 100%; }
  

/*********************************************************************************************

6. Footer Slider

*********************************************************************************************/

#departments { float: left; width: 980px; border-top: 5px solid #333; margin: 10px 0; }
#departments .items-out { width: 980px; position: relative; overflow: hidden; }
#departments .items { position: absolute; width: 20000em; clear: both; }
#departments h4 { float: left; font-size: 18px; font-weight: bold; padding: 6px 0 6px 0; }
#departments .more { text-transform: uppercase; font-size: 10px; margin: 13px 10px 0 0; float: right; }
#departments ul li { padding: 0 16px 0 3px; float: left; width: 180px; display: block; }
#departments .item .category { text-transform: uppercase; margin: 16px 0 8px 0; font-weight: bold; float: left; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
#departments .item .category a { background: #336699; color: #fff; padding: 3px 5px; font-size: 10px; line-height: 2.2 }
#departments .item .category a:hover { background: #CA0002; }
#departments .item:hover .category a { background: #CA0002; }
#departments .item h3 { font-size: 14px; font-weight: bold; margin: 5px 0; }
#departments .item p { line-height: 1.6; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
#departments .item a.more { margin: 0 0 4px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; float: left; }
#departments .nav { width: 100%; float: left; border-top: 1px dotted #ddd; }
#departments .nav a { background: #eeeeee; display: block; text-transform: uppercase; padding: 4px 10px; }
#departments .nav a.prev { float: left; }
#departments .nav a.next { float: right; }


/*********************************************************************************************

7. Comments  -------------------------  comments.php

*********************************************************************************************/

#comments { float: left; width: 100%; background: #F8F8F8; margin:10px 0; }
#comments h3 { color: #262525; font-weight: normal; background: #E3E3E3; border-top: 4px solid #354554; border-bottom:1px dotted #354554; padding: 8px 10px; font-size:16px; text-transform:uppercase; }
.comment-input-text textarea { width: 80%; }
.comment-list { margin: 0; padding: 15px 0 0; }
.comment-list li { list-style: none; }
.comment-list li .commbody { border-bottom: 1px dotted #BBBABA; padding: 16px 0; }
.comment-list ul { margin-bottom: 0; }
.comment-list ul.children .commbody { padding: 15px 0 10px 15px; }
.comment-author img { float: left; margin: 0 12px 12px 0; }
.comment-author cite.fn a { font-size: 17px; color: #484040; }
.comment-author cite.fn a:hover { color: #000; }
.comment-profile-wrapper { text-align: center; width: 105px; }
span.says { display: none; }
.comment-meta { float: left; margin-top: 4px; }
.commleft { float: left; width: 215px; padding-left: 15px; }
.commentmetadata a { color: #8b8b8b; font-style:italic; font-size: 11px; }
.commentmetadata a:hover { color: #484040; text-decoration: none; }
.comment-gravatar { margin-bottom: 3px; }
.comment-content-wrapper { float: right; width: 538px; }
.comment-parent, .comment-single { margin-top: 15px; }
.comment-list ul.children, #comments #respond ul { border-left: 1px dotted #BBBABA; margin: 0 0 10px 47px; }
.comment-list ul.children ul.children { margin-left: 40px; }
.comment-list ul.children li { background: url('images/dot.png') no-repeat left 20px; margin: 0; }
.comment-body { padding: 8px 12px 0; margin: 0; position: relative; }
.comment-list li div p { margin-bottom: 0.8em; padding-right: 15px; color: #4F5051; font-size: 12px; margin-left: 229px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.comment .post-date { margin-top: 0; }
.comment .post-date .right a { color: #BBB; }
.comment .post-date .right a:hover { color: #234; }
.reply { float: right; clear: both; margin-right: 15px; }
.cancel-comment-reply { margin: 15px 0 0 40px; }
.reply a, .cancel-comment-reply a { text-transform:uppercase; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background: #285C9A; color: #fff; font-size: 10px; padding: 2px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; margin-right: 3px; }
.reply a:hover, .cancel-comment-reply a:hover { text-decoration: none; color: #fff; background: #d61919;}
#respond li { list-style: none; }
#respond ul { margin: 0; }
#respond .legend { margin-bottom: 10px; }
#respond #commentform { padding: 15px; }
#comments #respond { padding: 0; float: left; width: 100%; }
#comments #respond .legend { margin-bottom: 0; border-bottom: 0; }
#comments #respond ul { padding: 10px 0 0 15px; background: url('images/dot.png') no-repeat left top; }
#comments ul.children #respond ul { margin-left: 30px; padding: 0; }
#comments #respond .comment-profile-wrapper, #comments #respond .comment-arrow { display: none; }
#comments #respond .comment-body { background: #FFF; }
#comments #respond .comment-content-wrapper { width: 100%; float: none; }
#respond input { margin-right: 10px; }
#respond #formContent input { margin: 7px 0; }
#respond #formContent textarea { width: 80%; }
.comment-list li #respond p { margin-left: 0; }
.comment-list li #respond h3 { padding: 8px 0; }
.comment-list li #commentform { margin-left: 25px }
#trackbacks { float: left; width: 100%; }
#trackbacks ol { padding: 10px 0; }
#trackbacks li { list-style-type: decimal; padding: 5px 0 5px 15px; }


/*********************************************************************************************

8. Sidebar & Widgets -------------------------  sidebar.php

*********************************************************************************************/

#sidebar {
	width:322px;
	float:right;
	background:#f2f2f2;
	padding:10px 10px 0;
}

.widget { float: left; line-height: 1.7; margin-bottom: 10px; width: 100%; }

#sidebar .widget { width:300px; clear:both; background:#fff;  border-width:1px; border-style: solid; border-color:#f2f2f2 #e8e8e8 #e8e8e8 #e8e8e8; padding:10px;}

#sidebar #ads { margin-bottom:10px; text-align:center;}
#sidebar .widget h3.title { border-bottom:2px solid #f2f2f2; color:#BB0101; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom:7px; font-size:14px; font-weight:bold; text-transform:uppercase; }
.widget ul { clear: both; margin: 5px 0; line-height: 1.7; }
.widget ul li { list-style-type: none; }
.widget ul ul { margin: 0; padding: 0; border-top: none; }
.widget ul ul li { border: none; }

.widget #cat, .widget select { width: 100%; background: #F7F7F7; border: 1px solid #cdcfd4; color: #333333; display: inline; padding: 5px; line-height: 1.5; clear: both; float: left; font-family: Georgia, serif; }

/* Flickr widget */
.widget .flickr_badge_image {margin-right: 10px; margin-bottom: 12px; float: left; }
.widget .flickr_badge_image img { width: 59px; height: 59px; }
.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;}

.widget_tag_cloud div a {  font-weight: normal; }

/* Video Widget */
.wpzoom_media .open .description { margin: 10px 0 5px; font-size: 12px; }
.wpzoom_media .hide { display: none; }
.wpzoom_media ul li { background: url("images/video.gif") no-repeat 0 50%; border-bottom: 1px dotted #ddd; list-style-type: none; font-size: 14px; padding: 8px 0 8px 25px; line-height: 1.6; }
.wpzoom_media li a  { font-weight: normal; }
.wpzoom_media li a.active { font-weight: bold; }

/* Recent Posts  */
.widget.recent-posts ul li { float: left; width: 100%; margin: 5px 0; padding: 0 0 7px 0; border-bottom: 1px dotted #ddd; list-style-type: none; }
.widget.recent-posts li img { float: left; margin: 0 10px 0 0; }
.widget.recent-posts li a { font-size: 16px; font-weight: bold; line-height: 20px; }
.widget.recent-posts li small { font-size: 10px; font-family:  Arial, sans-serif; color: #BBB4B4; }
.widget.recent-posts li p { margin-top: 4px; margin-bottom: 10px; line-height: 18px; }
.widget.recent-posts more { margin-left:-10px; text-align:right; }

/* Recent Comments */
.widget.recent-comments li img { float: left; margin: 0 10px 0 0; }
.widget.recent-comments li { list-style-type: none; float: left; clear: both; display: block; width: 100%; margin: 5px 0; padding: 0 0 7px 0; border-bottom: 1px dotted #ddd; }
.widget.recent-comments li a { font-weight: bold; }

/* Popular posts tab */
.popular-tabs { background: transparent !important; padding: 0 !important; border: 0 !important; }
.popular-tabs ul { margin: 0 !important; }
.popular-tabs ul li { padding-left: 0 !important; }
.tabs-out { float: left; font-family:   Helvetica, Arial, sans-serif; width: 322px; }
.tabs-out .tabs { height: 25px; border-bottom: 1px solid #e4e4e4; }
.tabs-out .tabs li { float: left; text-indent: 0; list-style-type: none; }
.tabs-out .tabs li a { font-size: 10px; font-weight: bold; text-transform: uppercase; padding: 5px 6px; float: left; line-height: 1.5; }
.tabs-out .tabs .current,
.tabs-out .tabs .current,
.tabs-out .tabs li.current a { border: 1px solid #e4e4e4; border-bottom: 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #CA0002; background: #fff; }
.tabs-out .panes { margin-bottom: 10px; background: #fff; clear: both; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; }
.tabs-out .panes ol li { list-style-type: decimal; list-style-position: inside; font-size: 18px; border-bottom: 1px dotted #ddd; padding: 5px 8px; color: #C4C4C4; font-weight: bold; }
.tabs-out .panes ol li:last-child { border-bottom: none; }
.tabs-out .panes ol li span { font-size: 10px; text-transform: uppercase; font-weight:normal;}
.tabs-out .panes ol li a { font-size: 12px; vertical-align: middle; }

 /* Social widget */
.widget .social li { display: inline; width: 47%; float: left; background: url(images/dot.png) repeat-x bottom; padding: 10px 0; margin-right: 7px; line-height: 1.2; }
.widget .social li a { font-size: 16px; }
.widget .social li a span { color: #242323; font-size: 12px; display: block; font-style: italic; }
.widget .social img { float: left; margin-right: 7px; }

/* Twitter widget */
.widget .twitter-list li { padding: 0 0 7px; margin: 0 0 7px; }
.widget .twitter-list li a { font-weight: normal; }
.widget .twitter-list .twitter-timestamp { display: block; color: #A8A8A8;  font-size: 11px; font-style: normal;}
.widget .follow-user { margin: 0; padding: 5px 0; }


/* Calendar widget */
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; font-weight:bold;  font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #EFEEEE; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #E8E8E8; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }


/* People  */
.widget.people-posts ul li { display: inline; width: 33%; height: 110px; float: left; margin: 5px 0; padding: 0 0 7px 0; border-bottom: 1px dotted #ddd; list-style-type: none; text-align:center; }
.widget.people-posts li img { float: top; margin: 0 5px; }
.widget.people-posts li a {  font-size: 12px; font-weight: bold; line-height: 20px; }
.widget.people-posts li small { font-size: 10px; font-family:  Arial, sans-serif; color: #BBB4B4; }
.widget.people-posts li p { margin-top: 4px; margin-bottom: 10px; line-height: 18px; }
.widget.people-posts more { margin-left:-10px; text-align:right; }


/*********************************************************************************************

9. Footer  -------------------------  footer.php

*********************************************************************************************/

#footer-wrap {
 	background: #181818;
	color: #efefef;
	padding-top:10px;
}

#footer {
	margin: 0 auto;
	width: 980px;
	text-align:left;
}

#bottomside {
	padding:15px 0 0 0;
    border-top:5px solid #333;
}
 
#bottomside div.column {
    display: inline;
    float: left;
    margin-right: 25px;
    width: 300px;
}

#bottomside div.last {
    margin-right: 0;
}

#bottomside .column .widget {
    width:300px;
    float:left;
    line-height:1.7;
    overflow:hidden;
    margin-bottom:15px;
}


#footer .logo {
	float:left;
   	margin:0;
  	font-family: 'Oswald', sans-serif;
}

#footer .logo a  {
	color:#FAFAFA;
 	font-size:36px;
	font-weight:bold;
	line-height:1.3;
	text-transform:uppercase;
	padding:10px 10px 10px 0;
	background:#181b1c;
}

#footer .logo  a:hover {
	text-decoration:none;
}


#footer #left {
	float:left;
	width:170px;
	font-size:12px;
	padding:10px 20px 50px 10px;
}

#footer #left ul {
	float:left;
	clear:both;
	margin:10px 0 0 10px;
	text-align:left;
	width:100%;
}

#footer a {
	color:#c2c2c2;
}

#footer a:hover {
	color:#fff;
}


#footer_search {
	margin:10px 0 0 0;
	height:73px;
	float:left;
	color:#fff;
	clear:both;
	width:100%;
	border-bottom:1px solid #000;
}

#footer #searchform {
	margin-top:5px;
}

#footer_search #s {
	border:1px solid #000;
	background:url(images/s.jpg) repeat-x;
	height:22px;
	float:left;
	width:366px;
}

#footer_search input#s:focus{
	border:1px solid #D61919;
	background:#fff;
}


#footer_search #searchsubmit {
	border:1px solid #555;
	background:url(images/sb.jpg) repeat-x;
	height:34px;
	color:#fff;
	font-weight:bold;
	float:left;
	padding:0 10px;
	text-transform:uppercase;
}


#footer #footer_right {
	float:left;
	width:760px;
	padding:15px 0 0 0;
}

#footer #footer_right strong {
	font-weight:normal;
	text-transform:uppercase;
	font-size:13px;
	width:100%;
	clear:both;
}

#footer #footer_right ul {
	margin:5px 0 10px 0;
	float:left;
	clear:both;
	width:100%;
}

#footer #footer_right ul li {
	display:inline;
	padding-right:15px;
	text-transform:uppercase;
}

#footer .copyright { float:left; width:65%; border-top:1px solid #333; padding-top:10px; color:#818181; font-size:12px; font-family:Arial; font-weight:normal;}
#footer .copyright a { color:#D22C2C; }
#footer .copyright a:hover { color:#fff;  text-decoration:none; }
#footer .designed {float:right; text-align:right; width:35%; font-style:italic; border-top:1px solid #333; padding-top:10px;}
#footer .designed img {vertical-align:middle;padding:5px 0 5px 2px;}

/************************************** addon *******************************************************/

#departments {
	float: left;
	width: 588px;
}

#departments .items-out {
    width: 588px;
}

#content .dp_2 {
    float: right;
	width: 386px;
}

#content .dp_2 .items-out {
    width: 386px;
}


#footer .logo a {
    font-size: 18px;
    font-weight: bold;
}

.magazine_left {
	float: left;
    width: 58%;
}

.magazine_right {
	float: right;
    width: 38%;
    text-align: center;
}

.magazine img {
    width: 100%;
}

.magazine .button {
    background: #eeeeee none repeat scroll 0 0;
    display: block;
    padding: 4px 10px;
    text-transform: uppercase;
    margin:15px auto;
    width: 60%;
}

.widget_text ul li {
    list-style-type: circle;
}

.widget_text ul.magazine li {
    list-style-type: none;
    font-size: 14px;
    padding: 5px;
}