/*
Theme Name: Dragonium
Version: 1.0
Theme URI: http://dragonwp.com/theme/dragonium
Description: Free Premium Theme by DragonWP.com with 500+ Fonts by Google, Unlimited Color Schemes, 6 Loop Templates and HTML/Shortcodes Extra Areas. Ideal for blogging, photoblogging and portfolio.
Author: Dragon WordPress
Author URI: http://dragonwp.com
Tags: gray, orange, light, two-columns, fixed-width, custom-background, custom-colors, custom-menu, rtl-language-support, theme-options, translation-ready, photoblogging
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, iframe, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-style:normal;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
  	min-width: 960px;
	font-size:14px;
	font-family: 'Open Sans', Verdana, Helvetica, sans-serif;
	background: #e2e1d9;
	margin: 0;
	padding: 0;
	color: #333333;
	text-shadow:0 1px 1px #ffffff;
}

ul, ol, dl {
	margin: 0;
	list-style-position:inside;
}
h1 {font-size:250%}
h2 {font-size:200%}
h3 {font-size:150%}
h4 {font-size:125%}
h5 {font-size:110%}
h6 {font-size:105%}
p {
	font-size:100%;
	
}
h1, h2, h3, h4, h5, h6, p {
	padding:0;
	margin:0;
}
abbr, acronym {
	border-bottom: #000000 1px dotted;
	cursor: help;
}
blockquote {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 50px;
	padding-left: 15px;
	border-left: 3px solid #ccc;
}
cite, em, i {
	font-style: italic;
}
sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
table, th, td
{
	padding:5px;
	border:1px solid #cccccc;
}
.gallery {
	margin:auto;
}
.gallery-caption{
}
.gallery-item a img {
	border:1px solid #ffffff !important;
	-webkit-box-shadow: 0px 0px 5px #000000;
	-moz-box-shadow: 0px 0px 5px #000000;
	box-shadow: 0px 0px 5px #000000;
}
.gallery-item a img:hover {
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
.floatright {
	float: right;
	margin-left: 10px;
}
.floatleft {
	float: left;
	margin-right: 10px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.alignleft, .alignright, .aligncenter{
	border:1px solid #ffffff;
	-webkit-box-shadow: 0px 0px 5px #000000;
	-moz-box-shadow: 0px 0px 5px #000000;
	box-shadow: 0px 0px 5px #000000;
}
.alignnone {
    margin: 10px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 10px auto;
}
.alignleft{
	float:left;
	margin:0 10px 10px 0;
	clear:both;
}
.alignright{
	float:right;
	margin:0 0 10px 10px;
	clear:both;
}
.aligncenter {
    display: block;
    margin: 5px auto;
}
.wp-caption {
	border:1px solid #ffffff;
	-webkit-box-shadow: 0px 0px 5px #000000;
	-moz-box-shadow: 0px 0px 5px #000000;
	box-shadow: 0px 0px 5px #000000;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0 auto;
	text-align:center;
    padding: 5px;
}
a img {
	border: none;
}

a:link {
	color: #0088CC;
	text-decoration: none;
}
a:visited {
	color: #0088CC;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #b22c00;
	text-decoration: none;
}

.wrapper {
}
.sidebar {
	width: 220px;
	display: inline;
	float: left;
	margin:0 0 10px 0;
	padding:0 9px 10px 9px;
	background:#f6f6f3;
	border:#FFF 1px solid;
	-moz-box-shadow:    0 0 10px #000000;
	-webkit-box-shadow: 0 0 10px #000000;
	box-shadow:         0 0 10px #000000;
}
.logo{
	width:220px;
	height:50px;
	margin:5px 0;
}
.sidebar div.menu{
	display:none;
}
ul.menu {
	font-size:16px;
	list-style: none;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #ffffff;
	margin: 15px 0 !important;
	padding:0 !important;
}
ul.menu li {
	position:relative;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	margin:0;
	padding:0;
}
ul.menu li a, ul.menu li a:visited {
	padding: 4px 0;
	display: block;
	text-decoration: none;
	color:#777777;
}
ul.menu li.current_page_item a, ul.menu li.current_page_item a:visited {
	color:#333333;
}
ul.menu li a:hover, ul.menu li a:active, ul.menu li a:focus {
	background:rgba(255, 255, 255, 0.3);
	color: #333333;
}
ul.menu ul {
	display:none;
	visibility:hidden;
	top: 0;
	z-index: 9999;
	background-color:#f6f6f3;
	-moz-box-shadow:    0 0 3px #000000;
	-webkit-box-shadow: 0 0 3px #000000;
	box-shadow:         0 0 3px #000000;
}
ul.menu li:hover > ul {
	display:block;
	visibility:visible;
	position:absolute;
}
ul.menu ul {
	top: 0;
	left: 220px;
	margin:0;
	_margin: 0;	
}
ul.menu ul li:last-child {
	border-bottom:none;
	padding-bottom: 0 !important;
}
ul.menu ul li:first-child {
	border-top:none;
	padding-top: 0 !important;
}
ul.menu ul a {    
	padding: 4px 0;
	width: 220px;
	_height: 10px;
	display: block;
	white-space: nowrap;
	float: none;
}
ul.menu li:first-child > a:after {
	content: '';
	position: absolute;
	left: 40px;
	top: -6px;
}
ul.menu ul li:first-child a:after {
	left: -6px;
	top: 50%;
}

.widget{
	margin:15px 0;
	padding:0;
}
.widget-title{
	background:url(images/title-bg.png);
	font-weight:bold;
	font-size:16px;
	padding:3px 2px;
	color:#f7941d;
}
.widget a:link, .widget a:visited {
	text-decoration: none;
}
.widget a:hover, .widget a:active, .widget li a:focus {
	text-decoration: none;
}
.widget ul, .widget ol { 
	padding: 0;
	list-style:none;
}
.widget_search {
	background:#fff; 
	padding:5px; 
	height:21px; 
	width:200px;
	border:1px solid #777;
}
#searchform #searchsubmit, #cse-search-box input[type="submit"] {  
	width: 26px;  
	height: 23px; 
	vertical-align:top; 
	margin:-1px 0 0 0; 
	color:#ccc;  
	padding: 0;  
	border: 0;  
	background: url(images/search.png) center top no-repeat;  
	text-indent: -1000px; 
	font-size:0; 
	cursor: pointer;  
}
#searchform, #cse-search-box {
	background:#fff; 
	margin:0; 
	padding:0; 
}
#searchform #s, #cse-search-box input[type="text"] {
	width:164px; 
	height:20px; 
	margin:0 0 0 3px; 
	border:none;
	outline: none; 
}

.dragon_top{
	margin-bottom:20px;
}
.content {
}
.content p{
	text-align:justify;
	margin:5px 0;
}
.content ul, .content ol { 
	padding: 0 10px 10px 20px;
}
.post{
	clear:both;
	margin-bottom:20px;
}
.sticky{
}
.post-title{
	font-weight:bold;
	padding:0 2px;
	color:#0088CC;
	background:url(images/title-bg.png);
}
.post-title a:link, .post-title a:visited {
	text-decoration: none;
}
.post-title h1, .post-title h2{
	margin: 5px 0;
}
.post-title h1{
	font-size:22px;
}
.post-title h2{
	font-size:18px;
}
.link-pages {
     clear:both;
}
.aboutpost{
	border-bottom:1px dotted #000000;
	border-top:1px dotted #000000;
	margin:10px 0;
}
.aboutpost a:link, .aboutpost a:visited, .aboutpost a:hover, .aboutpost a:active, .aboutpost a:focus {
	text-decoration: none;
}
.authorbox{
	min-height:85px;
}
.post .authorbox{
	margin-top:20px;
}
.authorbox a:link, .authorbox a:visited, .authorbox a:hover, .authorbox a:active, .authorbox a:focus {
	text-decoration: none;
}
.authorbox .avatar{
	float: left;
	border:1px solid #fff;
	margin:0 10px 5px 0;
	-moz-box-shadow: 0 0 5px #000000;
	-webkit-box-shadow: 0 0 5px#000000;
	box-shadow: 0 0 5px #000000;
}
.authorbox .authorinfo{
	display:block;
	width:610px;
	margin-left: 90px;
}
.authorbox .about{
	background: url(images/title-bg.png);
	padding-left:5px;
}
#comments{
	margin-top:20px;
	clear:both;
}
#comments a:link, #comments a:visited, #comments a:hover, #comments a:active, #comments a:focus {
	text-decoration: none;
}
#comments-title{
}
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	border: 1px solid #000000;
	background: #ffffff;
	padding: .2em;
}

#commentform textarea {
}
.comment {
	margin:10px 0;
	min-height:75px;
	clear:both;
	display:block;
}
.commentlist{
	padding:0;
	clear:both;
}
.comment-author{
	background: url(images/title-bg.png);
	margin-left: 75px;
	padding-left:5px;
}
.bypostauthor{
}
.comment-author cite{
	font-weight:bold;
	font-style:normal;
}
.comment-meta{
}
.comment-text{
	display:block;
	width: 625px;
	margin-left: 75px;
}
.commentlist .avatar {
	float: left;
	border:1px solid #fff;
	margin:0 9px 5px 0;
	-moz-box-shadow: 0 0 5px #000000;
	-webkit-box-shadow: 0 0 5px#000000;
	box-shadow: 0 0 5px #000000;
}
.commentlist em {
	font-style:italic;
	font-size:9px;
}
.portfolio-2, .portfolio-3, .portfolio-4{
	margin-bottom:20px;
}
.portfolio-title{
	padding:0 3px 3px 3px;
	text-align:left;
	color:#ffffff;
	position:absolute;
	bottom:0;
	left:0;
	opacity: 0;
   -webkit-transition: opacity 0.5s 0s ease-in-out;
   -moz-transition: opacity 0.5s 0s ease-in-out;
   -o-transition: opacity 0.5s 0s ease-in-out;
   -ms-transition: opacity 0.5s 0s ease-in-out;
   transition: opacity 0.5s 0s ease-in-out;
}
.view:hover .portfolio-title{
	opacity: 1;
}
.portfolio-2 .portfolio-title h2{
	font-size:16px;
}
.portfolio-3 .portfolio-title h2{
	font-size:14px;
}
.portfolio-4 .portfolio-title h2{
	font-size:11px;
}
.portfolio-title h2{
	font-weight:normal !important;
}
.portfolio-title a:link, .portfolio-title a:visited {
	text-decoration: none;
	text-shadow:none;
	color:#ffffff;
}

.pagination {
	clear:both;
	margin:10px 0;
	position:relative;
	font-size:14px;
	line-height:13px;
}

.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	color:#000000 !important;
	border:1px solid #000000;
}
.pagination a:hover {
	text-decoration:none;
	text-shadow:none;
	background:#000000;
	color:#ffffff !important;
	border:1px solid #000000;
}
.pagination .current{
	background:url(images/title-bg.png);
	padding:6px 9px 5px 9px;
	color:#000000;
	border:1px solid #000000;
}

.top-image{
	margin: 0 auto 20px auto;
	width:700px;
	height:467px;
	-webkit-box-shadow: 0 8px 6px -6px #000000;
	-moz-box-shadow: 0 8px 6px -6px #000000;
	box-shadow: 0 8px 6px -6px #000000;
	border: 1px solid #ffffff;
}

.blog-item .view {
	width: 300px;
	height: 200px;
	margin:0 20px 20px 0;
}
.blog-item .view .mask, .blog .view .content {
	width: 300px;
	height: 200px;
}
.blog-item .third-effect .mask,
.blog-item .third-effect:hover .mask {
   border:100px solid rgba(0,0,0,0.7);
}
.portfolio-2 .view, 
.portfolio-2 .view .mask, .portfolio-2 .view .content {
	width: 338px;
	height: 226px;
}
.portfolio-2 .third-effect .mask,
.portfolio-2 .third-effect:hover .mask {
   border:113px solid rgba(0,0,0,0.7);
}
.portfolio-3 .view,
.portfolio-3 .view .mask, .portfolio-3 .view .content {
	width: 218px;
	height: 146px;
}
.portfolio-3 .third-effect .mask,
.portfolio-3 .third-effect:hover .mask {
   border:73px solid rgba(0,0,0,0.7);
}
.portfolio-4 .view,
.portfolio-4 .view .mask, .portfolio-4 .view .content {
	width: 158px;
	height: 106px;
}
.portfolio-4 .third-effect .mask,
.portfolio-4 .third-effect:hover .mask {
   border:53px solid rgba(0,0,0,0.7);
}
.view {
	float: left;
	border: 1px solid #ffffff;
	overflow: hidden;
	position: relative;
	text-align: center;
	box-shadow: 0px 0px 5px #000000;
	cursor: default;
}
.view .mask, .view .content {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view a.info {
   background:url(images/link.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:20px;
   height:20px;
}
.third-effect .mask {
   opacity: 0;
   overflow:visible;
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.third-effect a.info {
   position:relative;
   top:-10px;
   opacity: 0;
   -webkit-transition: opacity 0.5s 0s ease-in-out;
   -moz-transition: opacity 0.5s 0s ease-in-out;
   -o-transition: opacity 0.5s 0s ease-in-out;
   -ms-transition: opacity 0.5s 0s ease-in-out;
   transition: opacity 0.5s 0s ease-in-out;
}
.third-effect:hover .mask {
   opacity: 1;
}
.third-effect:hover a.info {
	opacity:1;
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.footer{
	padding:10px 0;
}