/*
Theme Name: MILDLY
Description: 
Version: 0.3.1
Author: Bruce
*/

* {
margin:0;
padding:0;
}

html,body {
color:#565050;
background:#000000;
}

body {
font:12px arial,helvetica,verdana,sans-serif;
line-height:1.2em;
}

h2 {
margin-bottom:5px;
font-size:18px;
color:#A7A7A7;

font-weight:400;
}

h3 {
font-weight:400;
font-size:14px;
margin-bottom:2px;
}

h4 {
font-weight:400;
font-size:14px;
margin-bottom:2px;
}

p {
margin-bottom:8px;
}

strong {
color:#FFFFFF;
}

a:link, a:visited {
color:#A7A7A7;
text-decoration:none;
}

a:hover {
color:#FFFFFF;
}

img {
border:none;
}

/** categories list **/
ul, li {
padding:0;
border:0;
margin:0;
list-style:none;
}

#catlist {
font-size:14px;
padding:0px;
height:28px;
}

#catlist .menu li {
background:url(images/mmncnq7430147.gif) left top no-repeat;

height:28px;
margin-right:10px;
float:left;
}

#catlist .menu li a {
background:url(images/qf5446179.gif) right top no-repeat;
color:#A7A7A7;
padding:0 26px 0 10px;
width:264px;
padding:0 10px;
height:28px;
line-height:28px;
text-decoration:none;
display:block;

float:left;
}

#catlist .menu li a:hover {
color:#FFFFFF;
}

#catlist ul .submenu {
clear:both;
width:298px;

position:relative;
padding:6px 0;
display:none;
border-top:none;
z-index:2;
background:#000000;
}

#catlist ul .submenu li {
background:none;
margin:0 6px;
display:block;
line-height:normal;
height:auto;
border:0;
float:none;
border-top:solid 1px #1F1F1F;
}

#catlist .submenu li a {
padding:6px 11px;
background:none;
height:auto;

line-height:normal;
margin:0;
display:block;
color:#A7A7A7;
float:none;
border:0;
}

#catlist .submenu li a:hover{
background:#0D0D0D;

}

/** header **/
#header {
float:left;
background:#0D0D0D;
border-bottom:1px solid #3C3C3C;

width:100%;
}

#insideheader {
margin:0px auto;
width:1040px;
}

#logo {
float:left;

padding:20px 0 20px 0;
}

#topmenu {
font-size:14px;
text-align:right;
text-transform:lowercase;
background:url(images/kzl06.gif) top right no-repeat;
height:32px;
width:744px;
float:right;

}

#topmenu ul {
margin:7px 17px 0 0;
list-style:none;
float:right;
}

#topmenu li {
margin:0 15px 0 0;
display:inline;

}

/** search **/
#searchwrap {
margin:2px 5px 0 0;

float:right;
height:27px;
background:none;
}

#searchwrap input{
font-family:arial,helvetica,verdana,sans-serif;
background:none;
vertical-align:middle;
color:#A7A7A7;

}

#searchwrap #s{
width:190px;
font-size:14px;
border:none;
margin-right:3px;
padding:4px 4px;

}

/** showcase **/
#showcase {
padding:50px 0 0 0;
width:100%;
float:left;
}

#page {
border-bottom:1px solid #3C3C3C;

width:100%;
float:left;
padding:20px 0 0 0;
background:#000000;

}

#insideshowcase {
margin:0px auto;
width:1040px;
}

#insideshowcase h4 {
font-size:14px;
padding:0;
font-weight:normal;

margin:0 0 2px 0;

color:#A7A7A7;
}

#socialize {
padding:8px;

background:#0D0D0D;

border:1px solid #3C3C3C;
width:620px;
float:left;

margin:0 0 30px 0;

}

#video {
text-align:center;
float:left;
width:660px;
margin:0 8px 0 0;
}

#videolist {
width:300px;
float:left;

}

.videoitem {
overflow: hidden;
height:60px;
width:295px;

margin:10px 0 0 5px;

}

.altvideowrap {
border-bottom: 1px solid #000000;
padding: 0 0 10px 0;
}

.altvideoitem {
padding: 0 10px 0 10px;
overflow: hidden;
width:280px;
margin: 10px 0 0 0;
height:60px;
}

.videoitem img, .altvideoitem img {
margin:1px 8px 0 0;

border:1px solid #3C3C3C;
height:56px;
float:left;
width:102px;
}

.videoitem a:hover img, .altvideoitem a:hover img {
border:1px solid #FFFFFF;
}

/** tools **/
#tools {
float: left;
width: 68px;
}

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

#tools li {
list-style: none;
padding: 0px 0px 10px 0px;
display: block;
float: left;
margin: 0;

}

#tools a {
overflow: hidden;
display: block;
text-indent: -5000px;

height: 64px;
}

#tools a:hover {
background-image: none;
}

#toolshare {
width:68px;
background:transparent url(images/xfzdrk84.gif) no-repeat 0 -64px;
}

#toolshare a {
background:transparent url(images/xfzdrk84.gif) no-repeat 0 0;
}

#toolcomment {
width:68px;
background:transparent url(images/kuvdpo28766.gif) no-repeat 0 -64px;

}

#toolcomment a {
background:transparent url(images/kuvdpo28766.gif) no-repeat 0 0;
}

#toolembed {
background:transparent url(images/qlbppl8.gif) no-repeat 0 -64px;
width:68px;
}

#toolembed a {
background:transparent url(images/qlbppl8.gif) no-repeat 0 0;
}

#toolsubscribe {
width:68px;
background:transparent url(images/muunrg818633.gif) no-repeat 0 -64px;
}

#toolsubscribe a {
background:transparent url(images/muunrg818633.gif) no-repeat 0 0;
}

#toolread {
width:68px;
background:transparent url(images/fm3.gif) no-repeat 0 -64px;
}

#toolread a {
background:transparent url(images/fm3.gif) no-repeat 0 0;
}

/** copy **/
#copy {
border-top:1px solid #3C3C3C;
margin-top:50px;
border-bottom:1px solid #3C3C3C;
background:#0D0D0D;

float:left;
width:100%;
}
#copy .post-meta {
	display: block;
	border-bottom-width: 1px;
	height: 300px;

	width: 200px;
	margin-bottom: 10px;
	margin-right: 25px;
	clear: none;

	text-shadow: 0px 1px 1px #fff;
	float: left;
	padding: 0px;
	margin-top: 0px;
	border-bottom-color: #eaeaea;
	margin-left: 0px;
	border-bottom-style: solid;
}
#copy .post-meta-single {
	clear: none;
	text-shadow: 0px 1px 1px #fff;

	padding: 10px;
	background-color: #FEFEFA;
	width: auto;
	margin-right: 10px;
	margin-left: 0px;
	height: auto;
	margin-top: 0px;
	border: 1px solid #eaeaea;
	display: block;
	margin-bottom: 10px;
}

#copy .post-meta a {
	text-decoration: none;
	color: #3b3b3b;
}
#copy .post-meta a:hover {
	text-decoration: none;
	color: #000000;
}
#copy .post-meta .readmore {
	text-shadow: 0px 1px 1px #000;
	margin-left: 0px;

	float: center;
	background-color: #000000;
	padding-bottom: 4px;
	color: #FFFFFF;
	border-radius: 5px;
	margin-right: 20px;
	padding-top: 4px;
	-webkit-border-radius: 5px;

	padding-right: 6px;
	-moz-border-radius: 5px;
	font-size: 10px;
	margin-top: 5px;
	padding-left: 6px;
	text-transform: uppercase;
	margin-bottom: 0px;
}
#copy .post-meta .readmore:hover {
	background-color: #3b3b3b;
	color: #FFFFFF;
	text-decoration: none;

}
#copy .post-meta .thumb {
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	
	padding: 0px;
	width: 100%;
	clear: both;
	overflow: hidden;
	
	
	height: 220px;
	margin-top: 0px;
}
#copy .post-meta .thumb .aligncenter {
	border-bottom-style: none;
	border-top-style: none;
	border-bottom-width: 0px;
	border-right-width: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-top: 0px;

	border-right-style: none;
	border-left-style: none;
	padding: 0px;
	border-left-width: 0px;
	margin-left: auto;
	border-top-width: 0px;
}
#copy .post-meta h2 {
	font-weight: bold;

	padding: 0px;
	margin-bottom: 5px;

	margin-left: 0px;
	display: block;
	height: auto;
	font-size: 18px;
	margin-right: 0px;
	margin-top: 0px;
	clear: both;
	width: 100%;

	line-height: 22px;
}
#copy .post-meta .post-date {
	font-style: italic;

	font-weight: normal;
	clear: both;
	
	
	font-size: 11px;

	height: auto;
	float: right;
	color: #FFFFFF;

	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 0px;
	display: block;
}
#copy .post-meta-single .post-date {
	display: block;

	width: 100%;
	color: #7c7a68;
	height: auto;
	font-weight: normal;
	font-style: normal;
	margin: 0px;

	font-size: 12px;
	clear: both;
	line-height: 16px;
	padding: 0px;
}
#copy .post-meta .post-content {
	color: #888888;

	margin: 0px;
	width: 100%;
	display: block;
	padding: 0px;
	clear: both;
	height: auto;
	font-style: italic;
	line-height: 16px;
	font-size: 12px;
}
#copy .post-meta-single .post-content {
	display: block;
	width: 100%;
	padding: 0px;
	height: auto;
	color: #3b3b3b;
	line-height: 24px;

	margin: 0px;
	clear: both;
	font-size: 13px;
}
#copy .post-info {
	margin-left: 0px;
	border-bottom-width: 1px;
	padding-top: 0px;
	border-bottom-color: #eaeaea;
	padding-bottom: 2px;
	margin-bottom: 10px;
	margin-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-right: 0px;
	display: block;
	border-bottom-style: solid;
}
#insidecopy {
width:1040px;
margin:0px auto;
padding:25px 0 20px 0;
}

#insidecopy p {
font-size:14px;
line-height:1.4em;
}

#copywrap {
float:left;
width:700px;
}

.copycontent {
overflow: hidden;
float:left;
margin:0 0 20px 0;
width:700px;
}

#postcomments {
padding:20px 0 0 0;
margin:20px 0 0 0;

border-top:1px solid #3C3C3C;
width:695px;

}

#sidebar {
width:300px;

font-size:12px;

float:left;

margin:5px 0 20px 36px;

}

.sideblock {
margin:0 0 20px 0;
width:300px;

background: #000000;
float:left;
}

#altsidebar {
width:300px;

font-size:12px;

float:left;

margin:5px 0 20px 36px;

}

.altsideblock {
width:300px;
float:left;
margin:0 0 20px 0;
background: #0D0D0D;
}

#sidebar p, #altsidebar p {
font-size:12px;
padding:0 10px 2px 10px;
line-height: 1.2em;
}

#sidebar h3, #altsidebar h3 {
padding:10px 10px 2px 10px;

color:#A7A7A7;
}

.sideblog {
border-bottom: 1px solid #0D0D0D;

padding: 0 0 10px 0;

}

.sideblog p {
overflow: hidden;
margin: 0;
height: 42px;
padding: 0;
}

/** comments **/
#comment {
font:12px arial,helvetica,verdana,sans-serif;
width:450px;
}

h2.commh2 {
padding: 0 0 5px;
font-size: 1.4em !important;

color:#333 !important;
}

ol.commentlist {
line-height: 20px;
padding: 0;
list-style: none;
font-size: 12px;
margin: 10px 0 20px;
}

ol.commentlist p {
line-height: 20px;
margin-bottom:10px;
}

ol.commentlist cite {
font-weight: bold;
font-style: normal;

}

ol.commentlist li {
margin:10px 0 10px 0;
padding: 10px 10px 5px 10px !important;

border:1px solid #171717;
}

ol.commentlist li.alt {
background:#080808;
padding: 10px 10px 5px 10px !important;

border:1px solid #171717;

}

input#submit {
background:#080808;
color:#A7A7A7;
text-align:center;

margin:5px 0 0 0;
border:1px solid #171717;
font-family: Arial, Helvetica, sans-serif;
cursor:pointer;

font-size: 14px;

padding:7px 10px;
}

#comment,#author,#email,#url {
padding:2px;
background:#080808;
color:#A7A7A7;
border:1px solid #171717;
}

/** search **/
.searchitem {
float:left;
width:300px;

margin:0 15px 0 0;
}

.searchitem p {
font-size:12px;
line-height:1.2em;
}

#insidesearch {
padding:0;
width:1040px;
margin:0px auto;

}

/** begin images **/
p img {
padding: 0;

max-width: 100%;

}

img.centered {
margin-right: auto;
margin-left: auto;

display: block;
}

img.alignright {
display: inline;
padding: 4px;
margin: 0 0 2px 7px;

}

img.alignleft {
margin: 0 7px 2px 0;
padding: 4px;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

/** begin lists **/
html>body .copycontent ul {
padding: 0px;

list-style: none;
margin-left: 0px;
}

html>body .copycontent li {
margin: 7px 0 8px 0;
}

.copycontent ol li {
padding: 0;
margin: 0;
}

.postmetadata ul, .postmetadata li {
list-style-image: none;
list-style-type: none;

display: inline;

}

#sidebar ul, #sidebar ul ol, #altsidebar ul, #altsidebar ul ol {
padding: 0;

margin: 0 0 10px 10px;
}

#sidebar ul li, #altsidebar ul li {
list-style-type: none;
list-style-image: none;
}

#sidebar ul p, #sidebar ul select, #altsidebar ul p, #altsidebar ul select {
margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol, #altsidebar ul ul, #altsidebar ul ol {
margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol, #altsidebar ul ul ul, #altsidebar ul ol {
margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li, #altsidebar ul ol li {
list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li, #altsidebar ul ul li, #altsidebar ul ol li {
padding: 0;
margin: 3px 0 0;

}

/** blockquote **/
blockquote {
border-left: 5px solid #0D0D0D;
padding-left: 20px;

margin: 15px 30px 0 10px;

}

blockquote cite {
display: block;
margin: 5px 0 0;
}

/** navigation **/
.navigation {
display: block;
float: left;
text-align: center;
margin-bottom: 30px;
margin-top: 10px;
}

/** footer **/
#footer {
padding:10px 0 100px 0;
float:left;
width:100%;

}

#insidefooter {
margin:0px auto;
width:1040px;
}
ul#recentcomments {
  margin: 5;
  padding: 0;
  list-style: none;

}    
ul#recentcomments li.recentcomments {
  min-height: 40px;
  margin: 0 0 8px;	
  padding: 0 0 9px;
  border-bottom: 1px solid #C6C6C6;
	
  background-image: none;
  color:#A7A7A7;
  list-style: none;
}
ul#recentcomments .alignleft {
  padding: 0;

  margin: 0 8px 0 0;
}
ul#recentcomments img.avatar {
  margin: 0;

  border: 1px solid #C6C6C6;
  box-shadow: none;
  background-color: #FFFFFF;
  padding: 3px;
}