/*
Name : Simply Red
Type : Desktop
Gallery CSS Mywapblog ArbesDJ
http://cssmo.mywapblog.com
http://arbesdj.mywapblog.com
25 April 2014
*/
@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: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/-g5pDUSRgvxvOl5u-a_WHw.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:#ccc;
font-family: 'Mako', sans-serif;
font-size: 15px;
color: #777;
max-width:1360px;
}
body img{
max-width:100%;
}
h1, h2, h3 {
margin: 0;
padding: 0;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight: normal;
}

h1 {
font-size: 2.4em;
}

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: #000;
}
a:hover {
color:#e31349;
}

#wrapper {
margin:0px;
padding: 0;
}

/* Header */

#header-wrapper {
background:#333;
border-bottom:10px solid #e31349;
margin:0px auto;
padding:0;
}

#header {
width:1220px;
margin: 0px auto;
padding:0;
height:150px;
}

/* Logo */
#logo {
position:relative;
width:1240px;
margin:0;
padding:50px 0;
}
#logo .heading {
margin: 0px;
padding:10px 10px 0px 10px;
font-size: 2.4em;	
}
#logo .heading a {
color:#fff;
font-family: 'Yanone Kaffeesatz', sans-serif;
}
#logo .heading a:hover {
color:#e31349;
}
#logo .description  {
font-family: 'Oswald', sans-serif;
font-size: 1em;
padding-left:10px;
color:#fff;
}

/* Search */

#search {
position:absolute;
top:-5px;
left:610px;
right:0;
padding:0
}

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

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

/* Menu */

#menu {
position:absolute;
top:5px;
font-family: 'Yanone Kaffeesatz', sans-serif;
width: 1220px;
margin:0;
padding:0px;
}

#menu ul {
margin: 0;
padding: 0;
list-style: none;
}

#menu li {
float:left;
margin-left:20px;
}
#menu li:last-child{
border:none
}

#menu li a {
background:url(/files/kananmu.png)no-repeat right 3px center;
width:150px;
display: block;
margin:0px 0px 3px 10px;
padding:10px;
letter-spacing: -1px;
text-transform: uppercase;
font-size: 18px;
line-height:1em;
color:#fff;
}

#menu .current_page_item a {
color: #ffffc8;	
}
#menu li a:hover {
text-decoration: none;
color: #e31349
}

/* Page */

#page {
position:relative;
width: 1220px;
margin: 40px auto 0 auto;
padding: 10px 0 10px 0;	
}
#page-bgtop {
margin:0;
}
#page-bgbtm {
margin:0;	
}

/* Content */

#content {
float: left;
width: 900px;
padding:5px 0 0 0;
margin:0px 0 0 0px;
}
#content h3{
background:#444;
color:#fff;
padding:5px;
margin-bottom:5px;
text-align:center;
font-size:2em;
}
.post:before{
display:block;
float:left;
height:200px;
width:30%;
content:'';
margin:15px 1% 0 0;
padding:0px;
background: url(/files/no1.png)no-repeat center;
background-size:100% 100%;
}
.post {
background:#fff;
border:1px solid #bababa;
padding:10px 1% 43px 1%;
margin:0px 0px 10px 1%;
position:relative;
}
.comments{
background:#e31349;
color:#fff;
padding:0 5px;
}
.post .title {
background:url(/files/stripehor.png)repeat-x bottom;
font-family: 'Mako', sans-serif;
font-size:1.6em;
padding: 6px 5px 9px 5px;
margin:0 4px 0px 32%;
font-weight:bold;
}
.post .title a{
}
.post .meta {
display:block;
position:absolute;
bottom:5px;
left:32%;
text-align: left;
text-transform:uppercase;
font-family: 'Oswald', Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
padding:5px;
color:#e31349;
}
.thumbnail{
position:absolute;
top:25px;
left:1%;
float:none !important;
width:30% !important;
height:200px !important;
margin:0px !important;
border:none !important;
padding:0px !important;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.thumbnail:hover {
-webkit-transform: scale(1.2) rotate(1080deg);
-moz-transform: scale(1.2) rotate(1080deg);
-o-transform: scale(1.2) rotate(1080deg);
-ms-transform: scale(1.2) rotate(1080deg);
transform: scale(1.2) rotate(1080deg);
z-index:1
}
.post .entry {
text-align: justify;
border-bottom:1px solid #ddd;
margin-left:32%;
margin-bottom:15px;
padding:0;
}
.post-single:before{
height:0;
width:0;
background:none;
float:none;
border:none;
}
.post-single {
color:#222;
margin-bottom:10px;
margin-top:5px;
margin-left:0;
padding:10px;
width:870px;
}
.post-single .entry{
background:none;
height:auto;
padding-top:0;
margin:0 5px;
}
.post-single .entry ul li, .post-single .entry ol li{
border-bottom:1px dotted #ddd;
padding:3px;
}
.post-single .entry ul li:last-child, .post-single .entry ol li:last-child{
border-bottom:none;
}
.post-single .entry img {
border:5px solid #fff;
max-width:50%;
box-shadow: 1px 1px 10px 3px rgba(0,0,0,0.3);
}
.post-single .meta{
border-bottom:1px dotted #ccc;
position:static;
height:auto;
margin-top:10px;
margin-bottom:5px;
margin-left:5px;
padding:5px 0px;
font-weight:normal;
}
.post-single .title {
background:#eee;
border:1px solid #ddd;
color:#e31349;
font-size:1.4em;
padding:6px 5px;
margin:0 5px;
}
.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{
padding: 5px;
margin:0 10px 0px 0px;
}
#comments h3{
padding:5px;
}
#comments h4{
padding:5px 10px;
margin:0;
font-size:18px;
color:#555;
}
.comment{
padding:5px;
margin:5px 10px 10px 65px;
background:#fff;
border:solid 1px #ddd	
}
.comment:before{
content:' ';
float:left;
margin:-6px 0 0 -75px;
padding:5px;
width:54px;
height:54px;
background:url(/files/next-blue.png)no-repeat center;
}

#comments h3 a{
color:#fff
}
.comment h5{
margin:0 5px;
}
.comment p{
margin:0;
padding:5px;
}
.comment a{
font-size:15px
}
/* Sidebar */

#sidebar {
float: right;
width: 302px;
margin-left:10px;
padding: 0 0 10px 0 ;
}
#sidebar img {
max-width:100%;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
#sidebar li {
margin: 0;
padding: 0;
}
#sidebar li ul {
margin: 0px 0px;
padding: 5px;
}
#sidebar li li {
padding:5px;
margin:0px;	
}
#sidebar li li span {
display: block;
margin-top: -20px;
padding: 0;
}
#sidebar li+ li ul li {
border-bottom:1px dotted #ddd;
}
#sidebar li+ li ul li:last-child {
border-bottom:none;
margin-bottom:-10px
}
#sidebar h3,#sidebar h2 {
background:#444 url(/files/kananmu.png)no-repeat right 5px center;
padding: 8px 5px 8px 5px;
text-transform: uppercase;
color:#fff;
display:block;
}
#sidebar h2{
margin:5px -5px 0px -5px;
}
#sidebar h2 a,#sidebar h3 a{
color:#fff;
}
#sidebar h2 a:hover,#sidebar h3 a:hover {
color:#ff00ab;
}
#sidebar h3{
margin:5px 0px 0px 0px;
}
#sidebar ul li li h3 {
margin: 0px -10px;
}
#sidebar ul li:nth-child(1) ul{
background:#ffffff !important;
padding:5px 5px 0px 5px;
margin:0 0 40px 0;
}
#sidebar ul li:nth-child(2) ul{
background:#ffffff;
padding:5px 5px 0px 5px;
margin:0 0 40px 0;
}
#sidebar ul li:nth-child(2) ul li{
background:url(/files/next-blue.png)no-repeat left center;
margin:0;
padding:0px 5px 10px 60px;
}
#sidebar ul li:nth-child(2) ul li:after{
display:block;
content:'Popular Posts by ArbesDJ Blog';
margin:0;
padding:2px 0px;
font-size:10px;
}
#sidebar ul li:nth-child(2) ul li a{
}
#sidebar ul li:nth-child(2) ul li:first-child{
border-top:none;
}
#sidebar ul li:nth-child(2) ul li:last-child{
border-bottom:none;
}
#sidebar ul li:nth-child(3) ul{
background:#ffffff;
padding:0px 5px;
margin:0;
}
#sidebar ul li:nth-child(3) ul li{
background:url(/files/arrowin.png)no-repeat left 3px center;
margin:0;
padding:7px 5px 7px 18px;
color:#000;
}
#sidebar ul li:nth-child(3) ul li:first-child{
border-top:none;
}
#sidebar ul li:nth-child(3) ul li:last-child{
border-bottom:none;
}
#sidebar p {
margin: 0 0px;
padding: 0px 20px 20px 20px;
text-align: justify;
}
#sidebar a {
border: none;
}
/* Footer */
#footer-bgcontent{
margin-bottom:-30px;
background:#333;
border-top:3px solid #e31349;
}
#footer {
font-family: 'Oswald', sans-serif;
margin: 10px 0 0 0;
font-size:10px;
padding:20px 0;
color:#fff;
}
#footer a{
color:#e31349;
}
#footer p {
margin: 0;
padding:5px;
line-height: normal;	
}
#footer p+p{
float:right;
margin-top:-40px;
}
#footer p+p:after{
content:"redesign : ArbesDJ-2014";
display:block
}
#comment_form{
padding:15px 15px 15px 0;
}
.inp-text {
padding:10px;
  width: 400px;
}
.inp-textarea {
padding:10px;
  width: 400px;
  height: 60px;
}
#comment.inp-btn{
border:none;
background:#333;
margin:2px 0 0 0;
padding:5px;	
color:#fff
}
#comment.inp-btn:hover{
box-shadow:1px 1px 5px #ec782b
}
#pagination_links
{
background:#fff;
border:1px solid #bababa;
display:block;
font-size: 15px;
margin:-40px 0 0 9px;
padding:10px 5px;
width:879px;
}
#pagination_links span
{
background:#444;
padding: 9px 20px;
display: inline-block;
margin: 5px 4px;
color:#fff;
}
#pagination_links a
{
background:#e31349;
padding: 9px 20px;
display: inline-block;
color:#fff;
}
#pagination_links a:hover
{
text-decoration: none;
background:#eee;
color:#333;
}
.no-link, .no-link:hover {
text-decoration: none;
}
.messages,.highlight {
background: #eee;
padding:10px;
border:#ddd;
margin:10px;
color:#000;
}
#following_list h3 a,#blogroll_list h3 a {
margin-left:20px !important;
padding:5px !important;
color:#fff;
}
#following_list ol,#blogroll_list ol {
padding:0px;
margin:0px;
}
#following_list ol li,#blogroll_list ol li{
padding:5px;
border-bottom:solid 1px #ddd;
list-style:square;
list-style-position:inside;
}
#following_list ol li:last-child,#blogroll_list ol li:last-child {
border:0;
}
table{
border-collapse:collapse
}
table caption{
background:#f7f7f7;
padding:5px;
}
table th{
background:#ccc;
border:1px solid #fff;
padding:10px 3px;
}
table tr{
background:#eee;
}
table tr:nth-child(even){
background:#ddd
}
table td{
border:1px solid #fff;
padding:10px 3px;
font-size:14px;
}
iframe.youtube-player{
width:80%;
height:300px;
}
blockquote {
margin : 20px;
min-height : 40px;
background : #eee;
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 #eee transparent;
border-style : solid;
border-width : 10px;
}

/*--------------MEDIA SCREEN--------------*/
@media screen and (max-width:1280px){
#logo
{
width:960px;
}
#header,#menu,#page
{
width:940px;
}
#content{
width:700px;
}
#sidebar{
width:222px;
}
.post-single{
width:680px;
}
#pagination_links{
width:671px;
margin-left:7px;
}
}
/*
Name : Simply Red
Type : Desktop
Gallery CSS Mywapblog ArbesDJ
http://cssmo.mywapblog.com
http://arbesdj.mywapblog.com
25 April 2014
*/