/*
Theme Name: Shameless
Theme URI: http://unitedalone.com/
Description: Custom for unitedalone by wandering@unitedalone
Version: 1.0a
Author: wandering@unitedalone
Author URI:http://www.unitedalone.com/
*/

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
		margin: 0;
		padding: 0;
}

body{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11.5px;
	text-align: left;
	vertical-align: top;
	background: #000000;
	color: #cccccc;
}

table{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

h1, h2, h3, h4, h5, h6{
	font-family: georgia, arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

a{
	text-decoration: underline;
	color: #ff0000;
}

a:hover{ text-decoration: none;}

a img{border: 0;}

p{
	padding: 10px 0 5px;
	line-height: 14pt;
}

blockquote p{ padding: 10px;}

blockquote blockquote{
	float: none;
	width: auto;
	margin: 0 10px;
	background: #333333;
}

dd{
	padding: 0 0 0 20px;
}

form, input, textarea{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11.5px;
}

p img {
	max-width: 100%;
}

img.centered{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright{
	margin: 3px 0 2px 10px;
	padding: 4px;
	border: 1px solid #ededed;
	display: inline;
}

img.alignleft{
	margin: 3px 10px 2px 0;
	padding: 4px;
	border: 1px solid #ededed;
	display: inline;
}

.alignleft{float: left;}

.alignright{float: right;}

.clear{margin: 0; padding: 0; clear: both;}

small{
	font-size: 10px;
}

#wrapper{
	margin: 0 auto;
	width: 900px;
	text-align: left;
}

#header{
	float: left;
	width: 900px;
	background: #000;
}

#content{
	float: left;
	width: 500px;
	padding: 1.8em 0 0 0;
	margin: 0 0 0 0px;
}

.sidebar{
	float: left;
	padding: 1.8em 0 0 0;
	width: 200px;
	margin: 0 0 0 0;
}

.sidebar2{
	float: left;
	padding: 1.8em 0px 0 0;
	width: 200px;
	margin: 0 0px 0 0;
}

.sidebar ul{
	list-style: none;
	padding: 0 0 10px 40px;
}

.sidebar2 ul{
	list-style: none;
	padding: 0 0 10px 0px;
	margin: 0 0 0 20px;
}

.sidebar ul li a,
.sidebar2 ul li a{
	display: block;
	text-decoration: none;
	color: #6a6a6a;
}

.sidebar h2,
.sidebar2 h2{
	color: #FF0000;
}

#footer{
	float: left;
	width: 900px;
	padding: 10px 0 10px 0;
	text-align: center;
	line-height: 24px;
}

#footer a{
	text-decoration: none;
}

.flickr a img{
	border:.08em solid #ff0000;
	padding:.077em;
	width:3.5em;
	height:3.5em;
	margin:0 .077em .077em 0;
}

/* @group Special Styles */
/* This is based on styles from the Sawchuk scheme for K2 */
.download, .code, .note,
.alert, .new, .construction,
.information {
	background-position: 15px 10px;
	background-repeat: no-repeat;
	font-size: 1.2em !important;
	line-height: 115%;
	margin: 10px auto;
	padding: 10px 10px 10px 50px;
	text-align: left;
	color: #cccccc;
}

ul.download, ul.code, ul.note,
ul.alert, ul.new, ul.construction,
ul.information {
	font-size: 1em !important;
	line-height: 115%;
	list-style-type: disc;
	list-style-position: inside;
	padding: 10px 10px 10px 50px;
}

ol.download, ol.code, ol.note,
ol.alert, ol.new, ol.construction,
ol.information {
	font-size: 1em !important;
	line-height: 115%;
	list-style-type: decimal;
	list-style-position: inside;
	padding: 10px 10px 10px 65px;
}

dl.download, dl.code, dl.note,
dl.alert, dl.new, dl.construction,
dl.information {
	font-size: 1em !important;
	line-height: 115%;
	padding: 10px 10px 10px 50px;
}

dl.download dt, dl.code dt, dl.note dt,
dl.alert dt, dl.new dt, dl.construction dt,
dl.information dt {
	font-size: 1.2em !important;
	font-weight: bold;
	line-height: 115%;
}

dl.download dd, dl.code dd, dl.note dd,
dl.alert dd, dl.new dd, dl.construction dd,
dl.information dd {
	line-height: 115%;
	list-style-type: disc;
}

.download {
	background-color: #353;
	background-image: url('images/package_go.png');
	border-bottom: 2px solid #383;
	border-top: 2px solid #383;
}

.download a, .download a:visited {
	border-bottom: 2px dotted #3F3;
	color: #3F3;
	text-decoration: none !important;
}

.download a:hover {
	border-bottom: 2px dotted #3C3;
	color: #3C3;
	text-decoration: none !important;
}

.code { /* use p class=code when you want to fake it, sometimes handy */
	background-color: #444;
	background-image: url('images/application_osx_terminal.png');
	border-bottom: 2px solid #AAA;
	border-top: 2px solid #AAA;
	font-family: 'Courier New', Courier, Fixed;
}
	
.alert {
	background-color: #533;
	background-image: url('images/exclamation.png');
	border-bottom: 2px solid #F33;
	border-top: 2px solid #F33;
}

.new {
	background-color: #643;
	background-image: url('images/new.png');
	border-bottom: 2px solid #F93;
	border-top: 2px solid #F93;
}

.construction {
	background-color: #553;
	background-image: url('images/error.png');
	border-bottom: 2px solid #FF3;
	border-top: 2px solid #FF3;
}

.information {
	background-color: #335;
	background-image: url('images/information.png');
	border-bottom: 2px solid #33F;
	border-top: 2px solid #33F;
}

.note {
	background-color: #444;
	background-image: url('images/page_white_text.png');
	border-bottom: 2px solid #AAA;
	border-top: 2px solid #AAA;
}

.callout {
	border-bottom: 2px solid #CCC;
	border-top: 2px solid #CCC;
	color: #CCC;
	font-size: 1.4em !important;
	margin: 10px auto;
	padding: 10px;
	text-align: justify;
}
/* @end */

/* Menu */

#menu
{
	width: 900px;
	position: absolute;
	margin: 0;
}

#menu ul
{
	list-style: none;
	text-align: left;
	padding: 5px 0px 10px 600px;
	margin: 0;
}

#menu li
{
	padding: 5px 1px 15px 1px;
	display: inline;
}

#menu li a
{
	color: #eaeaea;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.1em;
	background: transparent url(images/bgmenu.png);
	padding: 5px 5px 10px 5px;
}

#menu li a:hover
{
	text-decoration: underline;
	color: #FFF;
	background: black;
}

/* @end */

/* header */

#container h1 {
	position: absolute;
	top: 10px;
	left: 10px;  
	font-size: 3em;
	letter-spacing: -3px;
	background: transparent url(images/bgmenu.png);
	padding: 2px;
}

#container{
	float: left;
	width: 900px;
	height: 257px;
	background: #000 url(images/bg_container1.jpg) 0px 0px;
}

/* Post */

.post {
	margin-bottom: 15px;
	padding-bottom: 20px;
	color: #838383;
}

#title {
	height: auto;
	font-size: small;
	font-weight: bold;
	padding: 5px 5px 5px 30px;
	background: transparent url(images/bg-title.gif) no-repeat top right;
}

.maintitle {
	overflow: auto;
	font-size: 1.3em;
	padding: 0 0 0 5px;
}

#title a {
	text-decoration: none;
}

#title a:hover {
	text-decoration: none;
	border-bottom: 1px dashed #656565;
}

#title #date {
	text-align: left;
	font-size: 13px;
	padding: 5px 0px 0px 5px;
	color: #ffffff;
	float:left;
	width:60px;
	margin:0;
}

#date .mo{color:#ffffff;}
#date .day{color:#ffffff;}

.post .entry {
	padding: 10px 15px 10px 15px;
	line-height: 1.8em;
}

.post p {
	text-align: justify;
}

.post .meta {
	padding: 0px 15px 8px 10px;
	line-height: 0.85em;
	color: #e2e2e2;
	background: transparent url(images/downpost.gif) no-repeat bottom left;

}

/* @end */

#comments{
	margin: 10px;
	padding: 10px;
}

.posttop{
	display: block;
	overflow: hidden;
	background: url(images/box_top.png) no-repeat top left;
}

.postmid{
		padding: 0 0 10px 0;
		margin: 16px 0 0px 0;
		background: url(images/box.png) repeat-y left;
}

.postbottom{
	height: 15px;
	padding: 0 0 0px 0px;
	margin: 0px 0 0px 0;
	background: url(images/box_bottom.png) no-repeat bottom left;
}

#tweenpost{
	height: 5px;
	margin: 0 0 25px 0;
	padding: 0px 0 0 0;
	background: url(images/webline.png) no-repeat left;
}