/*
Theme Name: Plugin TOP v.2
Theme URI: http://plugintop.com
Description: WP Themes plugintop.com
Author: Plugin TOP
Version: 2.0
*/


@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('fonts/League_Gothic-webfont.eot');
    src: url('fonts/League_Gothic-webfont.eot#iefix') format('embedded-opentype'),
	url('fonts/League_Gothic-webfont.woff') format('woff'),
        url('fonts/League_Gothic-webfont.ttf') format('truetype'),
        url('fonts/League_Gothic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {margin:0; padding:0;}
html {overflow-x: hidden;}

body {
	font: normal 12px Verdana, sans-serif;
	color: #222222;
	background: #ffffff url(images/header_bg.gif) top repeat-x;
}

input, button, textarea, select{ font:normal 12px/12px Verdana, sans-serif; color:#535353; vertical-align:middle;}
h1,h2,h3, h4, h5, h6 {color: #222; font-weight: normal; font-family: Verdana, arial, helvetica, sans-serif; line-height: 1.2em; margin: 0; padding: 0; }
p { padding:5px 0; margin:5px 0; line-height:150%; }
blockquote { 
	color: #555; 
	margin: 1.5em; 
	padding: 0 0 0 40px;
	background: url(images/blockquote.gif) no-repeat left top; 
	font-style: italic;
}
blockquote a:hover { color: #555; text-decoration:none; outline: none; }
fieldset{border:none;}

a { color: #DD4200; text-decoration:none; outline: none; }
a:hover { color: #222222; text-decoration:none; outline: none; }

.clear { clear: both; }
.h5 { height: 5px; }
.h10 { height: 10px; }
.h20 { height: 20px; }
.h30 { height: 30px; }
.h40 { height: 40px; }

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.2em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.2em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.2em;
}

/* Header */
#wrapper {
	width: 960px;
	margin: auto;
}

#header {
	padding: 0;
	width: 960px;
	height: 165px;
	display: block;
	background: url(images/header.png) no-repeat;
}
#header #logoheader {
	float:left;
}

h1.logo { margin:0; padding:0; width:300px; font-size:300%; top:0; }
h1.logo a {
	width: 235px;
	display: block;
	text-transform: uppercase;
	text-indent: -9000px;
	height: 97px;
	outline: none;
}

/* Search */
#searchbox {
	margin-top: 35px;
	float: right;
}

.searchform {
	background: #fff;
	padding: 6px 6px 6px 8px;
	border: solid 1px #d2d2d2;
	outline: none;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	-moz-box-shadow: inset 0 1px 5px rgba(0,0,0, 0.1);
	-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0, 0.1);
	box-shadow: inset 0 1px 5px rgba(0,0,0, 0.1);
}

.searchform input {
	font: italic 12px/100% Tahoma, Verdana Arial, Helvetica, sans-serif;
}
.searchform input[type="text"] {
	background: #fff;
	color: rgba(155,155,155, 0.9);
	border: 0;
	outline: none;
	margin: 0 0 0 10px;
	padding: 0;
	width: 220px;
}
.searchform input::-webkit-input-placeholder {
    color: rgba(155,155,155, 0.9);
}
.searchform input:-moz-placeholder {
    color: rgba(155,155,155, 0.9);
}

.searchform input[type="submit"]#go{
	background:transparent url(images/go.png) no-repeat;
	width: 20px;
	height: 20px;
	cursor:pointer;
	border:none;
	margin: 0 5px 0 0;
}


/* Menu */
#menuBox {
	height: 66px;
}

#navigation {
	width: 780px;
	margin-top: 23px;
	float: left;
	font-family: 'LeagueGothicRegular','Bebas Neue','Arial Narrow', Arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
}

#navigation ul {
	padding: 0px;
	margin: 0;
}
#navigation ul li {
	float: left;
	display: inline;
	color: #222;
	margin: auto;
	text-align: left;
	position: relative;
}
#navigation li:hover>ul {
    left: -2px;
}
#navigation ul li a {
	color: #304E7F;
	text-decoration: none;
	margin-right: 30px;
	text-shadow: 1px 1px 1px rgba(199,220,255, 0.3);
}
#navigation ul li a:hover {
	color: #3E64A0;
	text-shadow: 1px 1px 1px rgba(199,220,255, 0.3);
}
#navigation ul li .active {
	color: #fff;
	text-shadow: none;
	/* text-shadow: 1px 1px 1px rgba(48,48,127, 0.6); */
}

#navigation li.current-cat a {
	color: #fff;
	/* text-shadow: 1px 1px 1px rgba(48,48,127, 0.6); */
	text-shadow: none;
}

#navigation li.current_page_item a {
	color: #fff;
	/* text-shadow: 1px 1px 1px rgba(48,48,127, 0.6); */
	text-shadow: none;
}

/* Menu Level 2 */
#navigation ul ul.children li { background: none; }
#navigation ul ul {
    position: absolute;
    left: -999em;
    width: 200px;
    padding: 10px 0 8px 0;
    background: #6b92d3;
    margin-top: 0;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -moz-box-shadow: 0px 5px 5px rgba(0,0,0,.50);
    -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,.50);
    box-shadow: 0px 5px 5px rgba(0,0,0,.50);
    z-index: 30;
}
#navigation ul ul.children li a {
    padding: 0 0 10px 15px;
    color: #304E7F;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(199,220,255, 0.3);
    background: url('images/arrow_right.png') no-repeat;
}
#navigation ul ul.children a:hover {
    color: #3E64A0;
}
#navigation ul ul.children li .active {
    color: #fff;
    text-shadow: none;
}
#navigation ul ul.children li.current-cat a {
    color: #fff;
    text-shadow: none;
}
#navigation ul ul.children li.current_page_item a {
    color: #fff;
    text-shadow: none;
}

#navigation ul ul.children li.last { background: none; }
#navigation ul ul.children li {
    width: 100%;
    padding: 5px 0 0 0;
}

/* Content */
#main {
	width: 960px;
	margin: 30px auto;
}
#leftBox {
	float: left;
	width: 630px;
}
#rightBox {
	float: right;
	width: 300px;
}

.rightBoxWrapper {
	float: left;
	width: 300px;
	margin-bottom: 30px;
}

#leftBox h2.c_title {
	color: #222;
	font-family: 'LeagueGothicRegular','Bebas Neue','Arial Narrow', Arial, sans-serif;
	font-size: 25px;
	font-weight: normal;
	font-style: normal;
	border-bottom: 1px #ccc solid;
	padding-bottom: 2px;
	margin-bottom: 2px;
}

#leftBox h2.article_title {
	color: #222;
	font-family: 'LeagueGothicRegular','Bebas Neue','Arial Narrow', Arial, sans-serif;
	font-size: 35px;
	font-weight: normal;
	font-style: normal;
	border-bottom: 1px #ccc solid;
	padding-bottom: 2px;
	margin-bottom: 2px;
}

#main h2 a:link, #main h2 a:visited	{ border: none; color: #3E64A0; }
#main h2 a:hover, #main h2 .active	{ border: none; color: #000; }

#rightBox h3 {
	color: #304E7F;
	padding: 0;
	margin-bottom: 5px;
	font-family: 'LeagueGothicRegular','Bebas Neue','Arial Narrow', Arial, sans-serif;
	text-transform: uppercase;
	font-size: 25px;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 2px;
	text-shadow: #aaa 1px 1px 0;
	background: #fff url(images/bg_separator.gif) right repeat-x;
	text-align: right;
}

#rightBox h3 span {
	background: #fff;
	padding-left: 15px;
}

.infoContent { color: #dedede; font-size:11px; font-style: italic; font-family: Verdana, helvetica, sans-serif; margin-bottom: 10px; }
.infoContent a { color: #777777; }
.infoContent span { color: #777777; }

.exclist ul { margin: 0; padding: 0; }
.exclist ul li {
    font-size: 12px;
    font-weight: normal;
    list-style: none;
    padding: 5px 0 5px 0;
    border-bottom: 1px #ccc dotted;
}


.post { padding-bottom: 20px; }
.post p { padding: 5px 0; margin: 5px 0; }
.post ul { margin: auto; padding: auto; line-height:150%; }
.post ul li { margin-left: 15px; padding-left: 6px; }
.post ul ul li { margin-left: 40px; }
.post ol li { margin-left: 25px; line-height:150%; }

.post h3.download {
    background: url(images/download.gif) no-repeat;
    color: #ff6600;
    font-family: 'LeagueGothicRegular','Bebas Neue','Arial Narrow', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    text-shadow: #fefefe 1px 1px 0;
    height: 30px;
    padding: 3px 0 10px 35px;
    margin: 0;
}

.post h3.download a {
    color: #ff6600;
    border-bottom: 2px solid #ff6600;
}
.post h3.download a:hover {
    color: #222;
}
.post h1 { font-size: 30px; }
.post h2 { font-size: 26px; }
.post h3 {
    color: #222;
    font-family: 'LeagueGothicRegular','Bebas Neue','Arial Narrow', Arial, sans-serif;
    font-size: 22px;
    font-weight: normal;
    font-style: normal;
    margin: 5px 0;
    text-shadow: none;
}
.post h4 { font-size: 18px; }
.post h5 { font-size: 14px; }

.post .blinking {
	color: #DD4200;
	font-family: 'LeagueGothicRegular','Bebas Neue','Arial Narrow', Arial, sans-serif;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	background: #fff url(images/bg_separator_gray.gif) right repeat-x;
	text-align: right;
}
.post .blinking span {
	background: #fff;
	padding-left: 15px;
}
.post img {
	padding: 2px;
	border: 1px solid #c6c6c6;
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
	display:block;
}

/* Table Setting for Content Only*/
#leftBox table {
    background: #FFF;
    border: 1px solid #CCC;
    border-collapse: collapse;
    margin: 5px 0 10px;
}
#leftBox th, #leftBox td {
    border:1px solid #CCC;
    padding:5px 10px;
    text-align:left;
    vertical-align:top;
}
#leftBox tr.even td {
    background:#F7F7F7;
}
#leftBox th{
    background:#f1f1f1;
}


/* Comment */
#commentlist {margin:0; padding:0; clear:both;}
#commentlist ol{ margin: 0; }
#commentlist li{ margin:0; padding:0;list-style:none;}
#commentlist li li{margin:0 -10px -10px -10px;}
#commentlist li li{margin:0 -10px -20px -10px;border-top:10px solid #fff;}

#commentlist h3 {
	color: #222;
	font-family: 'LeagueGothicRegular','Bebas Neue','Arial Narrow', Arial, sans-serif;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	text-shadow: #ccc 1px 1px 0;
	background: #fff url(images/bg_separator.gif) right repeat-x;
	text-align: right;
}

#commentlist h3 span {
	background: #fff;
	padding: 0 10px;
	margin-right: 15px;
}

#respond h3 {
	color: #DD4200;
	font-family: 'LeagueGothicRegular','Bebas Neue','Arial Narrow', Arial, sans-serif;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	text-shadow: #ccc 1px 1px 0;
	background: #fff url(images/bg_separator.gif) right repeat-x;
}
#respond h3 span {
	background: #fff;
	padding-right: 15px;
}

#respond input[type="text"], #respond input[type="email"], textarea {
	border:1px solid #ccc;
    -moz-box-shadow:0px 1px 1px #F3F4F6 inset;
    -webkit-box-shadow:0px 1px 1px #F3F4F6 inset;
    box-shadow: 0px 1px 1px #F3F4F6 inset;
    font-size: 12px;
    color: #3a3a3a;
    padding: 8px 7px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px 3px 3px 3px;
    outline-color:#e2eaed;
	background: #F8F8F8;
}

#respond input[type="text"]:focus, #respond input[type="email"]:focus, textarea:focus {
    border:1px solid #B5C7E2;
    -moz-box-shadow: 0 0 5px rgba(0,0,0, 0.2);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0, 0.2);
    box-shadow: 0 0 5px rgba(0,0,0, 0.2);
    font-size: 12px;
    color: #3a3a3a;
    padding: 8px 7px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px 3px 3px 3px;
    background: #fff;
}

#respond textarea {
	width: 610px;
}

#submitbox .submitbutton{float:right;}

#respond input[type="submit"]{
    display: inline-block;
    text-decoration: none;
	font-size: 12px;
    padding: 5px 8px;
	line-height: 20px;
    color: #fff;
    text-transform:uppercase;
    border: 1px solid #dedede;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius:3px 3px 3px 3px;
    cursor:pointer;
}

#submitbox input[type="submit"]{
	background: #870606;
	background: -moz-linear-gradient(top, #870606 0%, #660303 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#870606), color-stop(100%,#660303));
	background: -webkit-linear-gradient(top, #870606 0%,#660303 100%);
	background: -o-linear-gradient(top, #870606 0%,#660303 100%);
	background: -ms-linear-gradient(top, #870606 0%,#660303 100%);
	background: linear-gradient(top, #870606 0%,#660303 100%);
	border-color: #7A1414 #6B1212 #560E0E;
	color: #fff;
	text-shadow: 0 1px 0 #222;
	-webkit-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #AF0E0E;
	-moz-box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #AF0E0E;
	box-shadow: 0 1px 1px #c1c1c1, inset 0 1px 0 #AF0E0E;
}
#submitbox input[type="submit"]:hover{
	background: #A02C2C;
	background: -moz-linear-gradient(top, #A02C2C 0%, #870606 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A02C2C), color-stop(100%,#870606));
	background: -webkit-linear-gradient(top, #A02C2C 0%,#870606 100%);
	background: -o-linear-gradient(top, #A02C2C 0%,#870606 100%);
	background: -ms-linear-gradient(top, #A02C2C 0%,#870606 100%);
	background: linear-gradient(top, #A02C2C 0%,#870606 100%);
	border-color: #AF0C0C #A30606 #8E0000;
	text-shadow: 0 1px 0 #222;
	color: #fff;
	-webkit-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #C10909;
	-moz-box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #C10909;
	box-shadow: 0 1px 1px #c3c3c3, inset 0 1px 0 #C10909;     
}

#submitbox input[type="submit"]:active{
	background: #870606;
	-webkit-box-shadow: 0 1px 1px #fff, inset 0 1px 0 #C10909;
	-moz-box-shadow: 0 1px 1px #fff, inset 0 1px 0 #C10909;
	box-shadow: 0 1px 1px #fff, inset 0 1px 0 #C10909;   
}


/* comment content style */
.avatar .photo {
	float:left;
	padding: 2px;
	border: 1px solid #c6c6c6;
	-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
	display:block;
}
.odd, .even, .byuser{ margin: 0; }
.even { background:#fff; border:0; }
.odd { background:#fff; border:0; }
.byuser{ background:#fff; }
.comment-author {font-weight: bold;}
.comment-meta {font-size: 1 0px;}

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

.comment-container {
	margin: 0;
	padding: 20px;
	border-bottom: 1px solid #ccc;
}
.comment-container img {
	border-bottom: 0;
}
.comment-head {
	margin-left: 90px;
}
.comment-head .name {
	font-weight: bold;
}
.comment-head .date {
	font-style: italic;
	color: #aaa;
}
.comment-entry {
	margin: 10px 0 0 90px;
}

.comment-container .unapproved {
	font-style: italic;
	color: #aaa;
}

#commentnavi{padding: 10px 5px; margin:0 3px;}


/* Paging Navigation */
.Nav {
	margin: 40px 0 20px 0;
	background: #fff url('images/bg_separator_yellow.gif') right repeat-x;
	text-align: center;
	font-size: 12px;
}
.Nav span.NavTxt {
	background: #fff;
	padding: 0 15px;
}
.Nav a, .Nav a:visited {
	background-color: #304E7F;
	border: 1px solid #8DA4C9;
	margin: 3px;
	padding: 5px 8px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	
}

.Nav a:hover, .Nav .on {
	background-color: #f2f2f2;
	border: 1px solid #ccc;
	margin: 3px;
	padding: 5px 8px;
	color: #222;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}



/* Footer */
#footer {width: 100%; border-top: 1px solid #ccc; background: url(images/bg_footer.gif) top repeat-x;}
.footer {
	width: 960px;
	margin: auto;
	height: 40px;
	padding-top: 15px;
	color:#777;
	text-shadow:1px 1px 0 #fff;
	font-size: 12px;
	font-family: Tahoma, Verdana, helvetica, sans-serif; 
}
.footer_left {
	float: left;
	width: 500px;
}
.footer_right {
	float: right;
	margin-left: auto;
}
.footer img {
	border: 0;
}
.footer a, .footer a:visited, .footer a:hover{
	color:#777;
	text-shadow:1px 1px 0 #fff;
}

.footer_right ul {
	padding: 0px;
	margin: 0;
}
.footer_right ul li {
	float: left;
	display: inline;
	margin-left: 10px;
	text-align: left;
}

.footer span {
	color: #999;
}

/* SocialNetwork */
#groupButton {
	float: right;
	margin: 16px 16px 0 0;
}

#buttonFacebook {
	float: left;
	display: block;
	width: 36px;
	height: 36px;
	background: url(images/i_facebook.png) no-repeat;
	margin-right: 10px;
}
#buttonFacebook:hover { background-position: 0 -36px; }
#buttonFacebook span { display: none; }

#buttonTwitter {
	float: left;
	display: block;
	width: 36px;
	height: 36px;
	background: url(images/i_twitter.png) no-repeat;
	margin-right: 10px;
}
#buttonTwitter:hover { background-position: 0 -36px; }
#buttonTwitter span { display: none; }

#buttonRSS {
	float: left;
	display: block;
	width: 36px;
	height: 36px;
	background: url(images/i_rss.png) no-repeat;
}
#buttonRSS:hover { background-position: 0 -36px; }
#buttonRSS span { display: none; }


/* Bookmark */
#socialbar {
    margin: 0 0 20px 0;
    padding: 10px;
    background: #fff url(images/bg_separator_gray.gif) repeat;
}
#socialbar ul {
    background: #fff;
    padding: 10px;
}
#socialbar ul li {
    display: inline;
    padding: 5px 0 0 0;
}


/* Related Post */
#related_posts {
   margin: 0 0 30px 0;
   padding: 10px;
   background: #fff url(images/bg_separator_gray.gif) repeat;
} 
#related_posts h4 {
    color: #304E7F;
    font-family: 'LeagueGothicRegular','Bebas Neue','Arial Narrow', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 22px;
    letter-spacing: 1px;
    text-shadow: #ccc 1px 1px 0;
    background: #fff;
    padding: 5px 5px 5px 10px;
}
#related_posts ul { margin-top: 5px; padding: 10px; background: #fff; }
#related_posts ul li {
    font-size: 12px;
    font-weight: normal;
    list-style: none;
    padding: 5px 0 5px 0;
    border-bottom: 1px #ccc dotted;
}

/**************************/
.brand {
	float: left; padding: 0 20px 10px 0;
}
.brand img {
	height: 100px;
	width: 170px;
	border: 1px solid #dedede;
	-webkit-box-shadow: 2px 2px 2px #dedede, inset 0 1px 0 #efefef;
	-moz-box-shadow: 2px 2px 2px #dedede, inset 0 1px 0 #efefef;
	box-shadow: 2px 2px 2px #dedede, inset 0 1px 0 #efefef; 
}



/* Ads */
.adv_link_box {
	margin: 10px 0 -6px 0;
	border: 1px #E5E5E5 solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.adv_link_box .adv_link_unit {
	margin: 0;
	padding: 5px 10px;
}
p.adv_style_link_vertical {
	float: left;
	color: #adadad;
	font-size: 11px;
	font-family: Tahoma, Verdana, helvetica, sans-serif;
	padding: 8px 0 0 0;
	margin: 0 15px 0 0;
}

p.adv_style {
	color: #adadad;
	font-size:11px;
	font-family: Tahoma, Verdana, helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

p.adv_style_468_60 {
	color: #adadad;
	font-size:11px;
	font-family: Tahoma, Verdana, helvetica, sans-serif;
	padding: 0;
	margin: 0;
	width: 468px;
}
.adv_center {
	width: 630px;
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}