/*
Theme Name: Elegant Box
Theme URI: http://wordpress.org/extend/themes/elegant-box/
Description: Elegant Box is my first experiment in WordPress theming.
Version: 4.1.1
Author: mg12
Author URI: http://www.neoease.com/
Tags: white, black, green, blue, purple, brown, two-columns, fixed-width, theme-options, right-sidebar, custom-colors, threaded-comments
*/

* {
	margin:0;
	padding:0;
}
body {
	font-family:sans-serif;
	font-size:14px;
        background: url(images/drops.jpg) repeat;
}
h2 {font-size:32px;}
h3 {font-size:16px;}
a {
        color: #E52B50;
	text-decoration:none;
}
pre {
	width: 760px;
	padding:5px 5px 5px 30px;
	margin:5px 0;
	background: #000 url(images/pre.png) top left repeat-y;
	color: #fff;
	font-family: monospace;
	overflow: auto;
	box-shadow: 1px 1px 8px rgba(119,185,255,0.95);
        -moz-box-shadow: 1px 1px 8px rgba(119,185,255,0.95);
        -webkit-box-shadow: 1px 1px 8px rgba(119,185,255,0.95);
        filter:progid:DXImageTransform.Microsoft.dropShadow(color=#77b7ff, offX=5, offY=5, positive=true);
        -ms-filter:"progid:DXImageTransform.Microsoft.dropShadow(color=#77b7ff, offX=5, offY=5, positive=true)";
}
#content, #notice .inner, 
.widget_recent_comments ul, #bottom .postnav,
#bottom, #footer .content, .box, 
.post .title, .post .info, .post .content,
#trackbacks .caption, #submitbox, 
#main, .userinfo, .post .content ul,
.widget_twitter ul li{
        zoom: 1;
}
#content:after, #notice .inner:after, 
.widget_recent_comments ul:after, #bottom .postnav:after,
#bottom:after, #footer .content:after, .box:after,
.post .title:after, .post .info:after, .post .content:after, 
#trackbacks .caption:after,#submitbox:after, 
#main:after,.userinfo:after, .post .content ul:after
,.widget_twitter ul li:after{
        display: block;
        content: '\20';
        *height: 0;
        clear: both;
}
small, 
.small {
	font-size:10px;
}
.more-link {
	font-size:10px;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.alignleft{
	float:left;
	margin-right:10px;
}
.alignright{
	text-align:right;
	float:right;
	margin-left:10px;
}
.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.inline {
	display:inline;
}
.left {
	float:left;
	margin-right:10px;
}
.right {
	float:right;
	margin-left:10px;
}
.fontthin {
	font-weight:normal;
}
.boxcaption {
	padding:1px;
	border-width:1px 1px 0;
	border-style:solid;
}
.boxcaption h3 {
	padding:5px 10px 6px;
	font-size:11px;
}
.box {
	padding:5px 10px;
	margin-bottom:10px;
	border-width:0 1px 1px;
	border-style:solid;
}
.messagebox {
	margin-bottom:10px;
}
.messagebox .content {
	padding:8px 10px;
}
.button, 
a#cancel-comment-reply-link {
	font-size:10px;
	border-style:solid;
	border-width:1px;
	font-family:"lucida grande";
	text-align:center;
	padding:2px 8px;
}
a#cancel-comment-reply-link {
	padding:3px 8px;
}
a.button:hover, 
a#cancel-comment-reply-link:hover {
	text-decoration:none;
}
.bottom_space {
	margin-bottom:10px;
}
ul, ol {
	list-style: none;
}

/* header START */
#header {
	width: 1200px;
}
#header .inner {
	height:150px !important;
	height:151px;
}
#header .caption {
	float:left;
	padding:1px 0 2px 15px;
	margin-top:15px;
}
@font-face {
	font-family: 'FiolexGirlsRegular';
	src: url('fonts/Filxgirl.eot');
	src: local('Fiolex Girls Regular'), local('FiolexGirls'), url('fonts/Filxgirl.ttf') format('truetype');
}
#title {
        font-family: 'FiolexGirlsRegular'; 
        font-size:5em;
        font-weight: normal; 
}
@font-face {
	font-family: 'AngelinaRegular';
	src: url('fonts/angelina.eot');
	src: local('Angelina Regular'), local('Angelina'), url('fonts/angelina.ttf') format('truetype');
}
#tagline {
        font-family: 'AngelinaRegular';
	font-size: 2em;
        margin-left: 160px;
}
#search_box {
	float:right;
	background: #2277dd;
	margin-top: 17px;
	padding: 3px;
}
#searchbox {
	border: 1px dashed #1e90ff;
	padding: 3px;
}
#searchbox .textfield {
	font-size: 18px;
	color: #f0f8ff;
	width:322px;
	background: none;
	border: none;
}
#searchbox .searchtip {
	color:#f0f8ff;
}
#notice {
	margin:0 -5px 25px;
}
#notice .inner {
	padding:5px 7px;
	background: #f4f4f4;
	border: 1px solid #fff;
}
#notice .icon {
	float:left;
	margin-right:5px;
	margin-bottom:0;
	background: url(images/notice.gif) no-repeat top left;
}
#notice .content {
	float:left;
}
#notice .content .separator {
	padding-right:10px;
}
#navigation {
	position: absolute;
	left: 1000px;
	top: 90px;
	width: 200px;
}
*+html #navigation {
	margin-top:18px;
}
#navigation li {
	float:left;
}
#navigation li a {
	display:block;
	width: 100px;
	height: 75px;
	text-indent: -9999px;
}
#navigation li a#feed {
	background:url(images/feed.png) no-repeat 0 10px;
}
#navigation li a#twitter {
	background-image:url(images/twitter.png);
}
/* header END */

/* main START */
#container {
        width: 1200px;
	padding:15px 10px;
}
#content {
	margin:0 auto;
	width:1180px;
        background: rgba(255,255,255,0.5);
}
#main {
	width:800px;
	float:left;
	padding:10px 15px 0;
	overflow:hidden;
}
.sided {
	padding:2px;
	margin-bottom:5px;
}
.wp-caption {
	padding:5px 0;
	margin-bottom:5px;
	text-align:center;
}
.post .content .wp-caption p {
	margin:3px 0 0;
}
.part {
	margin-bottom:10px;
}
.sidedate {
	float:right;
	font-size:10px;
}
.post {
	margin-bottom:20px;
}
.post .content {
	line-height:200%;
	overflow:hidden;
	padding-bottom:5px;
}

.post .content img {
        border: 1px solid #ccc;
        box-shadow: 1px 1px 8px rgba(119,185,255,0.95);
        -moz-box-shadow: 1px 1px 8px rgba(119,185,255,0.95);
        -webkit-box-shadow: 1px 1px 8px rgba(119,185,255,0.95);
        filter:progid:DXImageTransform.Microsoft.dropShadow(color=#77b7ff, offX=5, offY=5, positive=true);
        -ms-filter:"progid:DXImageTransform.Microsoft.dropShadow(color=#77b7ff, offX=5, offY=5, positive=true)";
}
#postnav {
	margin-top:20px;
}
.post .title, .post .info {
	font-size:12px;
	margin:3px 0 8px 0;  
}
.post .title span a,.post .info a {
        color: #999;
}
.post .title span,.post .info span {
        color: #999;
}
.post .title h2 a {
        color: #000;
}
.post .title .date {
        float: left;
        display: inline-block;
        color: #f0f8ff;
        font-weight: bold;
        font-size: 24px;
	background: #2277dd;
	margin: 0 8px 0 -15px;
	padding-top: 8px;
	border-radius-topright: 10px;
	border-radius-bottomright: 15px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-radius-topright: 10px;
	-webkit-border-radius-bottomright: 15px;
}
.post .title .month {
        height: 20px;
	background: #1e90ff;
	font-size: 12px;
	padding: 0 3px;
}
.post .title .day {
        width: 30px;
        margin: 0 auto;
}
.post span a {
        color: #cf1020;
}
.post .info {
	padding: 10px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.post .info h2 {
        color: #de3163;
}
.post .info .avatar, .userinfo .userpic{
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
}
.post .info .avatar {
        float: left;
        width: 64px;
        height: 64px;
        display: block;
        margin-right: 5px;
}
.post .author {
        margin-left: 5px;
        font-weight: bold;
}
.post .info .edit, 
.post .info .addlink,
.post .info .editlinks,
.post .title .edit,
.post .title .addlink,
.post .title .editlinks{
	float:right;
}
#bottom .postnav {
	float:left;
	padding:9px 10px !important;
	padding:9px 10px 0;
	width:800px;
}
#bottom .postnav span.right {
	margin-right:10px;
}
#bottom .anchor {
	float:right;
	text-align:right;
	width:251px;
	padding:11px 10px 10px;
	margin-bottom:-1px;
}
/* main END */

/* sidebar START */
#sidebar {
	float:right;
	width:340px;
	min-height:100%;
	background: rgba(187,187,187,1);
	padding:10px 0;
}
#sidebar ul {
	padding:0 5px;
}
#sidebar div.widget {
	margin:0 5px 5px;
}
#sidebar div.widget_wrapper {
        background: #2277dd;
        padding: 3px;
}
#sidebar h3 {
        color: #F0F8FF;
	padding:3px 5px 4px;
	font-weight:bold;
	text-decoration:none;
	border: 1px dashed #1e90ff;
}
#sidebar .widget {
	margin:0 0 5px;
}
.widget_popular_posts ul li, .widget_tag_cloud a {
	text-shadow: 0 1px 0 #fff;
}
.widget_twitter ul li {
	text-shadow: 0 2px 0 #fff;
}
#sidebar .widget_tag_cloud {
	padding:0 5px 8px;
	margin:0px;
}
.widget ul li span.right {
	font-size:10px;
}
.widget .showcase {
	padding:5px;
}
.widget ul li ul {
	padding-bottom:0;
	padding-right:0;
}
.widget ul li ul li {
	padding:3px 5px 0;
	border-bottom:none;
	line-height:18px;
	margin-top:3px;
	margin-right:-5px;
}
.widget .avatar {
        display: block;
        border: 1px solid #DDD;
        opacity: .75;
        filter: alpha(opacity=75);
}
.widget .avatar:hover, .widget .hover {
        -moz-transform: rotate(15deg) scale(1.1);
        -webkit-transform: rotate(15deg) scale(1.1);
        -o-transform: rotate(15deg) scale(1.1);
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation =1);
        -ms-filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation =1)";
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transition-property: opacity;
        -o-webkit-transition-property: opacity;
        -webkit-transition-duration: 1s;
        -o-transition-duration: 1s;
}
.widget .recentcomment {
        display: none;
        position: absolute;
        left: -30px;
        bottom: 45px;
        padding-bottom: 19px;
        opacity: 0.75;
}
.widget .recentcomment .inside {
        z-index: 10;
        position: relative;
        width: 150px;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        background: #000;
        color: #FFF;
        padding: 4px 5px;
        z-index:2;
        box-shadow: 1px 1px 8px rgba(119,185,255,0.95);
        -moz-box-shadow: 1px 1px 8px rgba(119,185,255,0.95);
        -webkit-box-shadow: 1px 1px 8px rgba(119,185,255,0.95);
        border: 1px solid #fff;
        word-wrap: break-word;
}
.widget .recentcomment .extra {
        z-index: 20;
        position: relative;
        top: -1px;
        left: 75px;
        width: 43px;
        height: 20px;
        background: url(images/m_s-panel-tri-cut.png);
}
.widget .recentcomment a {
        color: #F1F1F1;
}
.widget .recentcomment a:hover {
        color: #E52B50;
        -webkit-transition-property: color;
        -o-webkit-transition-property: color;
        -webkit-transition-duration: 1s;
        -o-transition-duration: 1s;
}
.widget_recent_comments ul li {
        float: left;
        position: relative;
        margin: 5px 0 0 5px;
}
.widget_popular_posts ul li {
        border-bottom: 1px dotted #DDD;
        margin-top: 10px;
        padding: 5px;
        font-size: 18px;
}
.widget_popular_posts ul li a {
        color: #000;
}
.widget_popular_posts ul li a:hover {
        background-color: #E32636;
        -webkit-transition-property: background-color;
        -o-webkit-transition-property: background-color;
        -webkit-transition-duration: 2s;
        -o-transition-duration: 2s;        
}
.widget_popular_posts .commentcount {
        display: block;
        font-size: 14px;
        color: #777;
}
.widget_popular_posts .commentcount a {
        color: #777;
}
.widget_twitter .twitpic {
        float: left;
        margin: 0 5px 0 8px;
        display: block;
        width: 48px;
        height: 48px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
}
.widget_twitter .twitsource {
        margin-top: 8px;
        padding-left: 58px;
        font-size: 12px;
        color: #999;
}
.widget_twitter .twitsource a {
        color: #999;
}
.widget_twitter li {
        margin: 5px 0;
        padding: 7px 8px 8px 0;
        background: #EFEFEF;
        border: 1px solid #DDD;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
}
.widget_twitter p {
        padding-left: 58px;
}
.widget_twitter span {
        font-weight: bold;
        margin-right: 5px;
}
.widget_twitter a {
        color: #2276BB;
}
/* sidebar END */

/* footer START */
#footer .inner {
	margin:0;
	height:30px;
        width: 1200px;
}
#footer .content {
	margin:8px auto 0;
	width:1170px;
}
#footer #about {
	float:left;
}
#footer ul#admin {
	float:right;
	display:block;
	list-style-position:outside;
	list-style-type:none;
}
#footer ul#admin li {
	display:block;
	float:left;
	margin-left:12px;
}
/* footer END */

/* comments START */
.commentlist {
	margin-bottom:15px;
}
.commentlist ol {
	margin:0;
	padding-left:0;
}
.commentlist .comment {
	margin-bottom:10px;
	overflow:hidden;
	position:relative;
	border:1px solid;
	padding:1px;
}
.commentlist .comment p {
	margin-bottom:8px;
}
.commentlist .comment blockquote {
	margin:0 0 8px;
}
.userinfo {
	padding:5px 10px 6px;
}
.userinfo .date {
	font-size:10px;
	position:relative;
}
.userinfo .userpic {
	float:left;
	width: 48px;
        height: 48px;
	margin: 0px 10px 0 0;
	position:relative;
        border: 1px solid #B7B7B7;
}
.userinfo .usertext {
	float:left;
	position:relative;
}
.userinfo .count {
	float:right;
	text-align:right;
	font-size:10px;
	position:relative;
}
.commentlist .comment .username {
	font-weight:bold;
}
.commentlist .comment .comment_text {
	padding:8px 10px 0;
	line-height:145%;
}
#trackbacks {
	border:1px solid;
	padding:1px;
	margin-bottom:10px;
}
#trackbacks .caption {
	padding:5px 10px 6px;
}
#trackbacks h3 {
	float:left;
	font-size:11px;
}
#trackbacks .actions {
	float:right;
	font-size:11px;
}
#trackbacks ol {
	padding:3px 10px 8px;
}
#trackbacks li {
	padding:3px 5px;
	line-height:18px;
	border-width:0 0 1px;
	border-style:dashed;
}
#trackbacks li small {
	display:block;
}
textarea#comment {
	width:651px;
}
.commentlist .children {
	margin:0 10px;
}
.commentlist .children textarea#comment {
	width:627px;
}
.commentlist .children .children textarea#comment {
	width:603px;
}
.commentlist .children .children .children textarea#comment {
	width:579px;
}
.commentlist .children .children .children .children textarea#comment {
	width:555px;
}
.commentlist .children .children .children .children .children textarea#comment {
	width:531px;
}
.commentlist .children .children .children .children .children .children textarea#comment {
	width:507px;
}
.commentlist .children .children .children .children .children .children .children textarea#comment {
	width:483px;
}
.commentlist .children .children .children .children .children .children .children .children textarea#comment {
	width:459px;
}
#submitbox {
	margin:8px 0;
	font-size:10px;
	text-align:right;
}
#comments_rss {
	padding:2px 0 2px 22px !important;
	padding:2px 0 16px 22px;
	float:left;
	position:relative;
}
#submitbox .act {
	float:right;
        margin-right: 140px;
}
#submitbox #submit {
	cursor:pointer;
}
#emoticon {
	margin-right:10px;
	float:right;
}
#respond .row {
	margin:0 3px 5px 0;
	font-size:10px;
}
#commentnavi {
	font-size:10px;
	margin-bottom:15px;
}
#commentnavi a.page-numbers {
	padding:0 3px;
}
#commentnavi span.pages {
	padding:0 9px 0 0;
	float:left;
}
#commentnavi span.current {
	padding:0 3px;
	font-weight:bold;
}
/* comments END */

/* links START */
.post .content .linkcat ul li {
	float:left;
	padding-left:0;
	padding-bottom:8px;
	width:25% !important;
	width:24%;
	height:16px;
	line-height:24px;
	overflow:hidden;
	padding-left:0 !important;
	padding-left:0;
	text-indent:0 !important;
	text-indent:0;
}
*+html .post .content .linkcat ul li {
	padding-left:0 !important;
	text-indent:0 !important;
}
/* links END */