/*  
Theme Name: Design Notes 
Theme URI:http://design-notes.info/freebies/free-wordpress-theme/
Description: Minimalist Theme from <a href="http://design-notes.info">Design-notes</a> Sidebar and lower section are widgets ready. Automatic highlight image thumbnail with exerpts,Two Columns, Valid XHTML, Valid CSS.
Tags:black,two-columns,right-sidebar,flexible-width
Version: 1.2
Author: Alexandra Tong
Author URI: http://design-notes.info
*/

/**** GLOBAL STYLES ****/
* {
	margin : 0;
	padding : 0;
}
img, div, a, input,li { behavior: url(/css/resources/iepngfix.htc) }
blockquote {
	border-left: 5px solid #bfbfbf;
	margin-left: 1.5em;
	padding-left: 5px;
}
.wp-caption {
	padding: 5px 8px 5px 5px;
	background: #eee;
	border: 1px solid #ccc;
	text-align: center;
	margin:20px;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	padding: 0 5px;
	text-align: center;
	font-size: .8em;
	color: #666;
}
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

a img {
	border: none;
}

ol li{
list-style-type:decimal;
margin-left: 1em;
margin-bottom:5px;
}

ul li{
	list-style-image: url(images/bullet_blue.png);
	list-style-type:disc;
	margin-left: 1em;
	
	margin-bottom:5px;
	}
	ul.children,ol.children{
	list-style-type:square;
	margin-bottom:0;
	margin-left:1em;
	list-style-image:none;
	}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: none;
}
.alignleft {
	float:left;
	margin: 1em;
	width:auto;
}
.alignright {
	float:right;
	margin: 1em;
	width:auto;
}
input, textarea {
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-size:1em;
	color:#666666;
}
body {
	background-color : #fff;
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-size : 13pt;
	color: #666666;
	margin : 0;
	list-style:none;
	background-image: url(images/body.png);
	background-repeat: repeat-x;
	background-position:top;
}
#container {
	max-width : 96em;
	min-width : 870px;
	width : 100%;
        overflow-x:hidden;
	
}
h1, h2, h3, h4,h5,h6 {
	font-family:"Times New Roman", Times, serif;
	text-transform : capitalize;
	
}
h1 {
	font-size:2em;
	color:#666666;
}
h2 {
	margin:5px 0;
	font-size : 1.8em;
	text-transform : capitalize;
}
h3 {
	margin:5px 0;
	font-size : 1.5em;
	text-transform : capitalize;
}
h4 {
	margin:5px 0;
	font-size : 1.2em;
	text-transform : capitalize;
}
h5 {
	margin:5px 0;
	font-size : 1.1em;
	text-transform : capitalize;
}
h6 {
	margin:5px 0;
	font-size : .8em;
	text-transform : capitalize;
}
p {
	font-size : 18px;
	margin:10px 0 5px 0;
}
a {
	text-decoration : none;
	color:#4A799F;
}
a:hover {
	text-decoration : underline;
	
}
table{
margin:10px 0;}
table th{
	background-color:#4A799F;
	font-family:"Times New Roman", Times, serif;
	font-size:120%;
	font-weight:600;
	color:#C0C0C0;
}
caption{
font-family:"Times New Roman", Times, serif;
font-size:140%;
font-weight:600;
color:#4A799F;}
#headercontent {
	width : 80%;
	margin : 0 auto;
}
#sitename {
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
	float : left;
	width:auto;
	height : 1em;
	margin-top : 20px;
}
#header #sitename h1 a {
	letter-spacing: -1px;
	text-decoration : none;
	color:#565656;
	padding : 10px 0;
	font-size : 60px;
}
#heade #sitename h1 a:hover{
	color:#bfbfbf;
}
#description {
	font-size: 16px;
}
#searchform {
	left :180%;
padding:0;
	top : -7em;
	margin : 80px 0 0 0;
	position : relative;
color:#333333;
}
#header {
	padding-bottom : 10px;
	border-bottom-width : 1px;
	border-bottom-color : #D9D9D9;
	border-bottom-style : solid;
	display : block;
	height :9em;
	background-image:url(images/bg.png);
	background-repeat: repeat-x;
	background-position: top;;
}
#header #mainnav a {
	font-style : normal;
	font-weight : normal;
	text-decoration : none;
}
#header #mainnav a:hover {
		color:#4A799F;
}
#mainnav {
	font-style : normal;
	font-weight : normal;
	padding-right : 10px;
	padding-left : 20px;
	padding-bottom : 8px;
	padding-top : 10px;
	
	clear : both;
}
#mainnav li, #mainnav li a {
	font-weight : semi-bold;
	color : #f6f6f6;
	margin:5px;
	font-size : 16px;
	display : inline;
}
.posts {
	padding-right:2%;
	padding-left :15%;
	width : 60%;
	float : left;
	background-image:url(images/posts.png);
	background-position:top;
	background-repeat:repeat-x;
}
.post {
	border-bottom-color : #dddddd;
	border-bottom-style : dashed;
	border-bottom-width : 2px;
	display : block;
	width : 100%;
	margin-top : 1em;
	float : right;
}
.post-title h1 a {
	color:#565656;
	font-family:"Times New Roman", Times, serif;
	text-transform : capitalize;
	font-size : 40px;
	font-weight:400;
	letter-spacing: -2px;
}
.post-title h1 a:hover {
	color:#808080
}
.post-title {
	margin-top : 0.5em;
	
}
.post-title li {
	list-style : none;
}
.post-author{
background-image:url(images/user.png);
background-position:left;
background-repeat:no-repeat;
padding-left:20px;}
.post-time{
background-image:url(images/date.png);
background-position:left;
background-repeat:no-repeat;
padding-left:20px;}
.post-comments{
background-image:url(images/comment.png);
background-position:left;
background-repeat:no-repeat;
padding-left:20px;}
.post-tag a{
background-image:url(images/tag_blue.png);
background-position:left;
background-repeat:no-repeat;
padding-left:20px;}
.post-twitter a{
background-image:url(images/twitter.png);
background-position:left;
background-repeat:no-repeat;
padding-left:20px;}
.post-followresponses a{
background-image:url(images/group_link.png);
background-position:left;
background-repeat:no-repeat;
padding-left:20px;}
.post-leaverespond a{
background-image:url(images/cup_edit.png);
background-position:left;
background-repeat:no-repeat;
padding-left:20px;}
.post-trackback a{
background-image:url(images/link.png);
background-position:left;
background-repeat:no-repeat;
padding-left:20px;}
.post-edit a{
background-image:url(images/office3_481.png);
background-position:right;
background-repeat:no-repeat;
padding:5px 25px;

}
.post-edit a:hover{
background-image:url(images/office3_48.png);

}
li#rss a{
background-image:url(images/feed.png);
background-position:center;
background-repeat:no-repeat;

display:block;
position:absolute;
top:5px;
right:30px;
z-index:3;
width:20px;
height:20px;
}
li#email a{
background-image:url(images/email.png);
background-position:center;
background-repeat:no-repeat;

display:block;
position:absolute;
top:5px;
right:60px;
z-index:3;
width:20px;
height:20px;
}
.entry p {
	font-size: 16px;
	line-height: 25px;
	font-weight:100;
}
.entry ul li,{
	margin-left:1em;
	color:#666666;
	font-size:110%;
	margin-top:10px;
list-style-image: url(images/bullet_blue.png);
}

.entry h2 a,.entry h3 a,.entry h4 a {
	color:#666666;
}
.entry h2,.entry h3,.entry h4,.entry h5,.entry h6
{
margin-top:20px;}
.entry a {
	color:#4A799F;
	text-transform:capitalize;
	font-size:120%;
	font-weight:semi-bold;
}
.entry {
	margin-top : 1em;
}
.entry div li {
	list-style-type:none;
	display:inline;
	margin:0;
}
.entry .mceTemp {
	display:block;
	margin:15px 0;
}
.entry img {
	border:none;
}
.entry img.highlightimg {
	margin:0 1em 0 0;
	padding:10px;
	background-color:#EDEDED;
	margin-bottom:5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #B1B1B1;
	border-bottom-color: #878787;
	border-left-color: #CCCCCC;
}
.entry ul {
	margin:10px 0;
	display:block;
}
hr{
margin:10px;}
.metadata, .metadata a {
	color:#4A799F;
	font-size:120%;
	
}
.metadata span{
margin-right:8px;}
.post-cat {
	margin-left : -7em;
	
	padding:5px;

	position : relative;
	text-align :center;
	width :5em;
	display : block;
	word-spacing : -2px;
	font-size : 90%;
	float:left;
	border: 1px dotted #cccccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.post-cat a {
	
	padding : 3px;
	display : block;
	color: #999999;
}
.post-cat li{
margin:0;}
#sidebar {
	padding :10px 1% 5px 1%;
	z-index:3;
	width : 20%;
	float :right;
background-image:url(images/posts.png);
	background-position:top;
	background-repeat:repeat-x;	
}
#sidebar ul.sidebarsection {
	color:#7E7E7E;
	list-style-image: none;
	
}
#tag_cloud a {
	text-transform : capitalize;
}
#categories li {
	text-align : center;
	text-transform : capitalize;
	list-style : none;
	display : inline-block;
	width : 200px;
	height : 200px;
	margin : 10px;
}
#sidebar a {
	font-size:0.8em;
	color:#4A799F;
}
#sidebar h3 {
	color:#363636;
	font-weight:200;
}
#sidebar .widget {
	margin:5px 0;
	display:block;
	background-color:#191919;
	padding:10px;
	border:1px solid #161616;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.widgettitle{

background-color:#000;
	border:1px solid #101010;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	padding: 2px 0 2px 0;
	text-align:center;
	}
	ul.widgettitle{
	margin:0;}
#sidebar #calendar {
	text-align:center;
	font-size:1.1em;
width:90%;
}
#sidebar #calendar a {
	font-size: 120%;
	font-weight:400;
}
#sidebar #calendar_wrap #wp-calendar tbody td{
width:11%;
	
}
#sidebar #calendar_wrap caption {
	font-size:1.3em;
	line-height:1.4em;
	font-weight:semi-bold;
}
#sidebar .widget img {
	margin-left:5px;
	float:left;
}

ul.sidebarsection li ul li,#lowersection .lowerbox .widget_categories li {
	list-style-type: disc;
	list-style-position:inside;
	margin-left: 1em;
	list-style-image: url(images/bullet_blue.png);
}
/**** LOWER SECTION ****/
#lowersection {
	color: #7f7f7f;
	width :100%;
	position : relative;
	clear : both;
	margin-top : 20px;
	clear:both;
	float : left;
	background-color: #191919;
	padding-bottom:10px;
	padding-top:25px;
	background-image:url(images/lower.png);
	background-repeat: repeat-x;
	background-position: top;

}
#lowersection h3 {
	color : #3f3f3f;
	padding:5px;
}
#lowersection .lowerbox{
width:98%;
margin:20px;}
#lowersection .lowerbox #archives li {
	border-right-color: black;
	padding:2px 10px;
	border-right: solid 2px #141414;
	display:inline-block;
	margin: 0;
}
#lowersection .lowerbox #archives a {
	letter-spacing: -1px;
	text-decoration : none;
	font-size : 40px;
	font-weight : semi-bold;
	color: #696969;
}
#lowersection a {
	color: #696969;
}
#lowersection #archives a:hover {
	color: #bfbfbf;
	text-decoration: none;
}
.lowercolleft, #comments{
	margin :0 25px;
}
.lowercolleft {
	width : 30%;
	
	
	float : left;
	clear : left;
}
.lowercolright {
	width : 64%;
	float : right;

	
	border-left: solid 1px #121212;

	
}
#lowersection .lowercolleft a {
	font-size : 16px;
}
#lowersection .lowercolleft a:hover, #lowersection a:hover, #lowersection .commentlist .comment-meta a:hover {
	text-decoration : underline;
}

label {
	font-size : 0.8em;
}
.textinput {
	width : 30%;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}


#comments{
margin-left:10px;}

#allowed p {
	font-size : 0.7em;
	color : gray;
	clear : both;
}

.commentlist li {
list-style-type:none;
color : #7f7f7f;
position:relative;
margin:10px 0;
text-transform : lowercase;
padding:10px;			
}

#lowersection #comments .commentlist a {
	font-size : 12px;
}
.commentlist .odd {
	background-color: #171717;
}
.commentlist .even {
	background-color: #323232;
}
.commentlist {

	padding: 2px;
	margin-top: 20px;
	
}
.commentlist .avatar {
	position: absolute;
	top: 5px;
	right: 5px;
	border: solid 1px #ededed;
	padding: 1px;
	background: #fff;
}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
	font-weight: bold;
	font-style: normal;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 70%;
}
.commentlist .byuser {
	background-color :#2D4A63;
}
.commentlist li div p{
font-size:80%;
margin:2px;}
#lowersection table td {
	height : 80px;
	text-align : center;
}
#lowersection label {
	font-size : 0.8em;
}
#lowersection .textinput {
	width : 30%;
}
#comment {
	width : 90%;
}
 #searchsubmit {
	background-color:#333333;
	padding:2px 5px 2px 5px;
	border:none;
	font-weight:semi-semi-bold;
	margin-left:5px;
		-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#4A799F;
}
#searchform #search {
	padding:2px 0 2px 8px;

}
#searchform #search input#s{
border:1px solid #bfbfbf;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:2px;
}

.entry form p {
	margin-bottom:1em;
	margin-top:10px;
}

#lowersection input, #lowersection textarea {
	border:1px solid #404040;
	padding:2px 2px 2px 5px;
	color:#999999;
	background-color:#333333;
}
#lowersection #comment-form input {
	background-color:#333333;
	width:70%;
	border:1px solid #404040;
	padding:2px 2px 2px 5px;
	font-size:1em;
}
#lowersection #comment-form textarea {
	background-color:#333333;
	border:1px solid #404040;
	padding:2px 2px 2px 5px;
	font-size:1em;
	width:90%;
}
#lowersection #comment-form #submit {
	width:35%;
	margin:5px;
}

#lowersection .widget {
	float:left;
	width:25%;
	border-right:1px solid #333333;
	padding:10px;
}
#lowersection ul.widgettitle{
margin:0;}
#lowersection ul.lowerbox li{
		list-style-type:none;
		list-style-image:none;
		margin:0;
}
.textwidget{
padding:15px;
font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
font-weight:200;}
#footer {
clear : both;
padding:5px;
background-color:#000;}
#footer a{
color:#4A799F;
}