/*
Name : Rondoness
Type : Desktop
Gallery CSS Mywapblog ArbesDJ
http://cssmo.mywapblog.com
http://arbesdj.mywapblog.com
04 Mei 2014
*/
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: local('Anton'), url(http://themes.googleusercontent.com/static/fonts/anton/v4/tilmJBBU81h1G7ZsdY3Hmw.woff) format('woff');
}
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url(http://themes.googleusercontent.com/static/fonts/yanonekaffeesatz/v5/YDAoLskQQ5MOAgvHUQCcLRTHiN2BPBirwIkMLKUspj4.woff) format('woff');
}
@font-face {
  font-family: 'Mako';
  font-style: normal;
  font-weight: 400;
  src: local('Mako'), url(http://themes.googleusercontent.com/static/fonts/mako/v4/o_a1a_7ly-bxb26LESxgxQ.woff) format('woff');
}

body {
margin: 0px auto 0px auto;
padding:0;
background:#f6f5f1;
background-attachment:fixed;
font-family: 'Mako', sans-serif;
font-size: 15px;
color: #555;
}
body img{
max-width:100%;
}
h1, h2, h3 {
margin: 0;
padding: 0;
font-family: 'Anton', sans-serif;
font-weight: normal;
}

h1 {
font-size: 2.2em;
}

h2 {
font-size: 2em;
}

h3 {
font-size: 1.4em;
}
p {
line-height:1.6em;
}
ul, ol {
margin-top: 0;
line-height: 1.6em;
}
a {
text-decoration: none;
color: #22c971;
}
a:hover {
color:#16844a;
}

#wrapper {
border-bottom:none;
width:94%;
margin:0 auto 40px auto;
padding:0;
}

/* Header */

#header-wrapper {
position:fixed;
top:0px;
left:0;
width:21%;
height:100%;
background:#444;
border-right:5px solid #22c971;
margin:0px auto;
padding-bottom:10px;
z-index:10;
}
#header {
margin: 0px 2%;
padding:0;
height:200px;
}

/* Logo */
#logo {
position:relative;
margin:0;
padding:20px 0 80px 0;
text-align:center;
border-bottom:3px dotted #555;
}
#logo .heading {
margin: 0px;
padding:10px 10px 0px 10px;
font-size: 2.2em;	
}
#logo .heading a {
width:94%;
font-family: 'Anton', sans-serif;
text-transform:uppercase;
}
#logo .heading a:hover {
color:#fff;
}
#logo .description  {
font-family: 'Mako', sans-serif;
font-size: 1em;
color:#fff;
}

/* Search */

#search {
position:absolute;
top:268px;
left:0;
right:0;
padding:0 0 30px 0;
border-bottom:3px dotted #555;
}

#search-text {
width: 70%;
padding:0;
background: #fff url(/files/search4.png)left no-repeat;
color: #000000;
margin:4px 5px 0 0;
height:30px;
border:#ddd 1px solid;
} 

#search-submit {
padding:0 5px;
margin:0;
width:24%;
height:30px;
border: none;
background:#22c971;
color:#fff;
font: normal 11px Arial, Helvetica, sans-serif;
}

/* Menu */

#menu {
position:fixed;
top:255px;
left:1%;
margin:0;
padding:20px 0;
width:19%;
font-family: 'Anton', sans-serif;
z-index:40;
border-bottom:3px dotted #555;
}

#menu ul {
margin:5px 1%;
padding: 0;
list-style: none;
text-align:center;
}
#menu li {
margin-left:0;
}
#menu li a {
background:url(/files/home2.png)no-repeat left 3px center;
display: block;
margin:0;
padding:15px 2% 15px 20px;
letter-spacing: 0px;
text-transform: uppercase;
line-height:1em;
font-size:18px
}
#menu li+li a {
background:url(/files/info2.png)no-repeat left 3px center;
}
#menu li+li+li a {
background:url(/files/rss2.png)no-repeat left 3px center;
}
#menu .current_page_item a {
color: #fff;	
}
#menu li a:hover {
text-decoration: none;
color:#fff;
}

/* Page */

#page {
position:relative;
margin: 0px 0 0 0;
padding:0;	
}
#page-bgtop {
margin:0;
padding:0;
}
#page-bgbtm {
margin:0;
padding:0;	
}
#page iframe{
margin-top:5px;
}
/* Content */

#content {
float: left;
width: 59%;
padding:10px 0 0 0;
margin: 0 0 0 19%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#content h3{
background:url(/files/border.jpg)repeat-x bottom;
padding:5px 5px 10px 5px;
margin-bottom:5px;
margin-right:2%;
margin-left:2%;
text-align:center;
font-size:2em;
}
.post .entry:before{
display:block;
float:left;
height:120px;
width:40%;
content:'';
margin:0px 2% 0 0;
padding:0;
background: url(/files/no1.png)no-repeat center;
background-size:100% 100%;
}
.post+.post .entry:before{
height:80px;
margin:20px 2% 0 0;
background: url(/files/no1.png)no-repeat center;
background-size:100% 100%;
}
.post {
background:#fff;
position:relative;
display:block;
top:0px;
padding:10px 1% 5px 1%;
margin:0px 0 30px 2%;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.post+.post {
padding:10px 1% 100px 1%;
margin:0px 0 10px 2%;
display:inline-table;
width:47%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.post .title {
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size:1.4em;
padding: 6px 1% 9px 0;
margin:0 4px 0px 1%;
text-transform:uppercase;
}
.post+.post .title {
height:40px;
overflow:hidden;
}
.post .meta {
background:#222;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 14px;
letter-spacing:1px;
padding:10px 0 10px 1%;
color:#fff;
}
.post+.post .meta {
position:absolute;
bottom:3px;
left:1%;
right:1%;
}
post .meta a{
color:#fff;
}
.comments{
background:url(/files/rss.png)no-repeat left 3px center;
padding:5px 30px 5px 30px;
font-family: 'Anton', sans-serif;
text-transform:uppercase;
color:#fff;
}
.post+.post .comments{
position:absolute;
bottom:55px;
left:3%;
right:3%;
background:#22c971;
padding:5px 10px;
text-align:center;
}
.thumbnail{
position:absolute;
top:0px;
left:0;
display:block;
width:40% !important;
height:120px !important;
margin:0 !important;
border:none !important;
padding:0px !important;
}
.post+.post .thumbnail{
top:20px;
height:80px !important;
}
.post .entry {
position:relative;
text-align: justify;
margin-left:0;
margin-bottom:0;
padding:0px;
font-size:18px;
font-family: 'Yanone Kaffeesatz', sans-serif;
}
.post+.post .entry {
height:153px;
overflow:hidden;
margin-bottom:0;
}
.post-single .entry:before{
height:0;
width:0;
background:none;
float:none;
border:none;
}
.post-single {
background:#fff;
border-radius:5px;
margin-bottom:0px;
margin-top:5px;
margin-left:10px;
margin-right:10px;
padding:10px;
}
.post-single .entry{
height:auto;
padding-top:0;
margin:0 5px;
font-size:1em;
font-weight:normal;
font-family: 'Mako', sans-serif;
}
.post-single .entry ul li, .post-single .entry ol li{
border-bottom:1px dotted #ccc;
padding:3px;
}
.post-single .entry ul li:last-child, .post-single .entry ol li:last-child{
border-bottom:none;
}
.post-single .entry img {
max-width:50%;
}
.post-single .meta{
margin-top:0px;
margin-bottom:5px;
margin-left:5px;
margin-right:0;
padding:10px 5px 10px 20px;
font-weight:normal;
}
.post-single .title {
font-size:1.4em;
padding:6px 5px;
margin:0 5px;
color:#000;
}
.links {
display: block;
padding: 2px 0px 2px 0px;
text-align: center;
text-transform: uppercase;
font-size: 14px;
}
#share_buttons:before{
display:block;
content:'Share This';
margin-bottom:10px;
}
#share_buttons {
padding: 5px;
text-align:center;
}
#share_buttons img{
border:none !important;
margin:0 !important;
padding:0 !important;
box-shadow:none !important;
}
#comments{
clear:both;
padding: 5px;
margin:0 10px 0px 0px;
}
#comments h3{
padding:5px;
}
#comments h4{
padding:5px 10px;
margin:0;
font-size:18px;
}
.comment{
background:#fff;
padding:0px;
margin:5px 10px 10px 5px;
border-left:20px solid #000;	
}
.comment:nth-child(3n+2){
background:#fff;
border-left:20px solid #222;
margin-left:40px;
}
.comment:nth-child(3n+3){
background:#fff;
border-left:20px solid #444;
margin-left:60px;
}
.comment h5{
margin:0;
padding:5px 10px;
}
.comment p{
margin:0;
padding:5px 10px;
}
.comment a{
font-size:15px;
text-transform:uppercase;
}
/* Sidebar */

#sidebar {
float: right;
width: 21%;
margin-top:0px;
margin-left:0;
margin-right:0;
padding: 0px 0 10px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#sidebar img {
max-width:100%;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
#sidebar li ul {
margin: 0px;
padding: 5px 1%;
}
#sidebar li li {
padding:5px 1%;
margin:0px;	
}
#sidebar li li span {
display: block;
margin-top: -20px;
padding: 0;
}
#sidebar li+ li ul li:last-child {
margin-bottom:-10px
}
#sidebar h3,#sidebar h2 {
background:#fff url(/files/pin.png)no-repeat right 5px center;
border-bottom:1px solid #ddd;
font-size:1.4em;
padding: 8px 2% 8px 2%;
text-transform: uppercase;
display:block;
}
#sidebar h2{
margin:5px -2% 0px -2%;
}
#sidebar h2 a,#sidebar h3 a{
color:#000;
}
#sidebar h2 a:hover,#sidebar h3 a:hover {
color:#1273d1;
}
#sidebar h3{
margin:5px 0 0px 0;
}
#sidebar ul li li h3 {
margin: 0px -2%;
}
#sidebar ul li:nth-child(1) ul{
background:#fff;
padding:5px 1% 0px 1%;
margin:0px 0 30px 0;
}
#sidebar ul li:nth-child(2) ul{
background:#fff;
padding:5px 1% 2px 1%;
margin:0 0 40px 0;
}
#sidebar ul li:nth-child(2) ul li{
background:#e8e7ef;
border-left:10px solid #bbbbbd;
margin:0 0 6px 0;
padding:0px 1% 9px 1%;
}
#sidebar ul li:nth-child(2) ul li:after{
display:block;
content:'Popular Posts by ArbesDJ Blog';
margin:0;
padding:0;
font-size:10px;
}
#sidebar ul li:nth-child(2) ul li a{
text-transform:uppercase;
}
#sidebar a{
color:#888;
}
#sidebar a:hover{
color:#22c971
}
#sidebar ul li:nth-child(2) ul li a:hover{
color:#fff;
}
#sidebar ul li:nth-child(3) ul{
background:#fff;
padding:0px 1%;
margin:0px 0 0 0;
}
#sidebar ul li:nth-child(3) ul li{
background:url(/files/info.png)no-repeat left 3px center;
margin:0;
padding:7px 1% 7px 24px;
}
#sidebar p {
margin: 0 0px;
padding: 0px 2% 20px 2%;
text-align: justify;
}
/* Footer */
#footer-bgcontent{
position:relative;
margin-bottom:-30px;
background:#000;
border-top:10px solid #333;
z-index:42;
}
#footer-bgcontent a{
color:#999;
}
#footer {
margin: 0;
font-size:10px;
padding:30px 0;
}
#footer p {
margin: 0;
padding:5px;
line-height: normal;	
}
#footer p+p{
float:right;
margin-top:-40px;
}
#footer p+p:after{
content:"redesign by : ArbesDJ-2014";
display:block
}
#comment_form{
padding:15px 15px 0px 0;
text-align:center;
}
#comment_form .inp-text {
padding:10px;
width: 60%;
border-radius:5px;
}
#comment_form .inp-textarea {
padding:10px;
width: 60%;
height:60px;
border-radius:5px;
}
#comment_form .inp-btn{
border:none;
background:#333;
margin:2px 0 0 0;
padding:10px;	
color:#fff;
border-radius:5px;
}
#comment_form .inp-btn:hover{
box-shadow:1px 1px 5px #ec782b
}
#pagination_links
{
display:block;
font-size: 15px;
margin:-20px 0 0 20%;
padding:10px 0px;
}
#pagination_links span
{
background:#222;
padding: 7px 2%;
display: inline-block;
margin: 0 1%;
color:#fff;
}
#pagination_links a
{
background:#22c971;
padding: 7px 2%;
display: inline-block;
color:#fff;
}
#pagination_links a:hover
{
text-decoration: none;
background:#444;
}
.no-link, .no-link:hover {
text-decoration: none;
color: inherit;
}
.messages,.highlight {
background: #f7f7f7;
padding:10px;
border:1px solid #ddd;
margin:10px;
}
#following_list h3 a,#blogroll_list h3 a {
margin-left:20px !important;
padding:5px !important;
color:#000;
}
#following_list ol,#blogroll_list ol {
padding:0px;
margin:0px;
color:#16844a;
}
#following_list ol li,#blogroll_list ol li{
padding:5px;
border-bottom:1px dotted #ddd;
list-style:square;
list-style-position:inside;
}
#following_list ol li a,#blogroll_list ol li a{
color:#666;
}
#following_list ol li:last-child,#blogroll_list ol li:last-child {
border-bottom:none;
}
table{
border-collapse:collapse
}
table caption{
background:#ddd;
padding:5px;
}
table th{
background:#ddd;
border:1px solid #ccc;
padding:10px 3px;
}
table th a{
}
table tr{
background:#eee;
}
table tr:nth-child(even){
background:#f7f7f7
}
table td{
border:1px solid #ccc;
padding:10px 3px;
font-size:14px;
}
iframe.youtube-player{
width:80%;
height:300px;
}
blockquote {
margin : 20px;
min-height : 40px;
background : #f7f7f7;
padding : 5px;
position : relative;
overflow-wrap : break-word;
margin-bottom : 10px;
}
blockquote:after,.preview-item:after {
content : '';
display : block;
position : absolute;
top : -20px;
left : 30px;
width : 0;
height : 0;
border-color : transparent transparent #f7f7f7 transparent;
border-style : solid;
border-width : 10px;
}


/*
Name : Rondoness
Type : Desktop
Gallery CSS Mywapblog ArbesDJ
http://cssmo.mywapblog.com
http://arbesdj.mywapblog.com
04 Mei 2014
*/