/*
THEME NAME: Empty Canvas
THEME URI: http://rubiqube.com
DESCRIPTION: Empty Canvas v1.0 : Simple, minimalistic theme, ideal for corporate blogs or creating more complex designs
VERSION: 1.0
AUTHOR: <a href="http://www.rubiqube.com">Adrian Diaconescu</a>
AUTHOR URI: http://www.rubiqube.com
*/

@import "reset.css";

@font-face { /* declare fonts */
	font-family: "Museo";
	src: url("fonts/Museo300-Regular.eot");
	src: local("Museo 300"), local("Museo-300"),
		url("fonts/Museo300-Regular.woff") format("woff"),
		url("fonts/Museo300-Regular.otf") format("opentype"),
		url("fonts/Museo300-Regular.svg#Museo-300") format("svg");
	font-weight: 300;
}


@font-face { /* declare fonts */
	font-family: "Museo";
	src: url("fonts/Museo500-Regular.eot");
	src: local("Museo 500"), local("Museo-500"),
		url("fonts/Museo500-Regular.woff") format("woff"),
		url("fonts/Museo500-Regular.otf") format("opentype"),
		url("fonts/Museo500-Regular.svg#Museo-500") format("svg");
	font-weight: 500;
}


body {
	font: .9em 'Trebuchet MS', Arial, sans-serif;
	color: #fff;
	background: #483673 url(http://www.drkdesign.com/blog/wp-content/themes/EmptyCanvas/images/bg.jpg) repeat-y;
}


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


a:hover {
        color: #fff;
	text-decoration: underline;
}


strong {
	font-weight: 700;
}

hr {
	border: none 0;
	border-bottom: 1px solid #E0E0E0;
	height: 1px;
	margin: 10px 0;
}

blockquote {
	font-style: italic;
	background: url(images/quotes.gif) no-repeat top left;
	background-position: 12px 12px;
	color: #fff;
	margin: 5px 0;
	padding: 8px 15px 8px 60px;
}

#wrapper {
	width: 960px;
	background: transparent;
	margin: 0 auto;
}

#header {
	overflow: hidden;
	margin: 0 auto;
}

h1#logo { /*for screen readers*/
        text-indent: -9999px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

h1#logo a {
        display: block;
        background: transparent url(http://www.drkdesign.com/blog/wp-content/themes/EmptyCanvas/images/logo.png) no-repeat;
        width: 330px;
        height: 170px;      
}

#menu {
	position: relative;	
}

#menu ul {
        position: absolute;
        width: 550px;
        top: -120px;
        left: 425px;
}

#menu ul li {  
	float: left;
        list-style: none;
}  
 
#menu ul li a:link, #menu ul li a:visited {  
	display: block;  
        width: 50px;
        margin-left: 40px;
	text-align: right;
	font: normal 1.1em 'Trebuchet MS', Arial, sans-serif; 
	text-decoration: none;  
	color: #5beddd;  
} 
 	 

#menu ul li a:hover {  
	color: #fff;  
} 


body#blog #menu ul li.blog a {
	color: #fff; 
        margin-left: 25px;
}


#container {
	width: 940px;
	overflow: hidden;
	margin: 0 auto; 
        margin-top: 10px;
}

#content {
	float: left;
	width: 540px;
}

.post {
	margin-bottom: 50px;
}

.post-title {
        font: 300 1.7em Museo, Helvetica, sans-serif; 
        color: #fff; 
	padding-bottom: 10px; 
        border-bottom: 1px dashed #999; 
        margin: 40px 0 10px 0; }
}

.post-title a, .post-title a:visited {
	color: #fff important!;
	text-decoration: none;
}

.post-title a:hover {
        color: #fff;
	text-decoration: none;
}

.page-subtitle {
	font-weight: 700;
	color: #CCC;
	font-size: 90%;
	text-transform: uppercase;
	padding-bottom: 5px;
	border-bottom: 1px dashed #999;
	margin-bottom: 15px;
}

.post-meta {
	font-size: 85%;
	color: #fff;
	margin-top: 5px;
}

.post-meta a {
	color: #5beddd;
}

.post-comments {
	float: right;
	background: url(images/cbubble_left.gif) no-repeat top left;
	padding: 3px 0 7px 7px;
}

.post-comments a {
	background: url(images/cbubble_right.gif) no-repeat top right;
	padding: 3px 7px 7px 0;
	color: #FFFFFF;
}

.post-comments a:hover {
	color: #FFFFFF;
}

.post-content {
	margin-top: 15px;
}

.post-content a, .post-content a:visited { 
	color: #5beddd;
        text-decoration: underline;
}

.post-content a:hover {
	color: #fff;
}
	

.post-content h2 {
	display: block; 
        font: 300 1.7em Museo, Helvetica, sans-serif; 
        color: #fff; 
	padding-bottom: 10px; 
        border-bottom: 1px dashed #999;  
        margin: 40px 0 30px 0;
}

.post-content h3 {
	font: bold 1.3em 'Trebuchet MS', Arial, sans-serif;
	color: #ddd;
	margin: 30px 0 15px;
}

.post-content p {
	line-height: 1.7em; 
	margin-bottom: 25px;
}

.post-content img {
        margin: 10px 0;
        background-color: #fff;
        border: 1px solid #666;
	-moz-border-radius: 10px; /*css3 for Firefox*/
	-webkit-border-radius: 10px; /*css3 for Safari*/
        padding: 4px;
}

.post-content ul,.post-content ol {
	margin-left: 30px;
	margin-bottom: 20px;
}

.post-content ul {
	list-style: outside;
}

.post-content ol {
	list-style: decimal;
}

.post-content ul li,.post-content ol li {
	line-height: 1.3;
	margin-bottom: 5px;
}

.more-link {
	font-weight: 700;
	display: block;
	margin-top: 10px;
}

.section-title {
	font-size: 140%;
	margin-bottom: 10px;
}

.navleft {
	float: left;
	margin: 0 15px 15px 0;
}

.navright {
	float: right;
	margin: 0 0 15px 15px;
}

.navigation div a {
	font-size: 110%;
}

#comments ol li {
	margin-top: 2px;
	border-bottom: 1px solid #F0F0F0;
	padding: 10px 0;
	overflow: hidden;
	height: 1%;
}

.comment-gravatar {
	float: left;
	margin-right: 10px;
	background: #FFF;
	border: 1px solid #F0F0F0;
	padding: 3px;
}

.comment-data {
	float: left;
	width: 400px;
}

.comment-data p {
	margin-bottom: 6px;
	line-height: 1.3;
}

.comment-author {
	font-weight: 700;
	margin-bottom: 3px;
}

.comment-meta {
	color: #666;
	margin-bottom: 5px;
	font-size: 85%;
}

.unapproved {
	font-style: italic;
}

#respond {
	margin-top: 30px;
}

#comment-form {
	margin-top: 15px;
	margin-bottom: 10px;
}

#comment-form label {
	font-size: 90%;
	display: block;
	margin-bottom: 5px;
}

#comment-form input {
	width: 240px;
	margin-bottom: 10px;
	padding: 5px;
}

#comment-form textarea {
	width: 455px;
	height: 200px;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 10px;
}

#sidebar {
	float: right;
	width: 250px;
        margin-left: 20px;
        margin-top: 83px;
}

.sidepanel {
	margin-bottom: 30px;
}

.sidepanel h3 {
      font: bold 1.3em 'Trebuchet MS', Arial, sans-serif;
      color: #ddd;
      padding-bottom: 5px;
      margin-bottom: 15px;
      border-bottom: 1px dashed #999;
}

.sidepanel ul li {
	padding-bottom: 10px;		
}

.sidepanel ul li a:link, .sidepanel ul li a:visited {
        color: #5beddd;
	text-decoration: none;
}

.sidepanel ul li a:hover {
        color: #5beddd;
        text-decoration: underline;
}


.sidepanel ul li.ico-small {
        float: left;
	vertical-align: middle;
	margin: 0 8px 2px 0;            
}

.sidepanel p {
	margin-top: 8px;
	line-height: 1.3;
}

#footer { 
	border-top: 1px solid #999; 
	margin: 40px 0 25px 0; 
	padding: 10px 0 15px 0; }

#footer p { 
	padding-top: 5px; 
	font-size: .7em; 
}

.sep {
	color: #CCC;
	margin: 0 8px;
}



/*--SOCIAL ICONS IN FOOTER--*/

ul#icons { 
	margin-top: -20px; 
	list-style: none; }

ul#icons li { 
	display: inline; 
}

ul#icons li a { 
	float: right; background: 
	transparent url(http://www.drkdesign.com/blog/wp-content/themes/EmptyCanvas/images/icons.png) no-repeat 0 0; 
	width: 29px; height: 29px;	
}

ul#icons li a span { 
	display: none; 
}

ul#icons li.linkedin a, ul#icons li.twitter a { 
	margin-right: 10px; 
}
	

/*Links*/

#icons li.twitter a { background:url(http://www.drkdesign.com/blog/wp-content/themes/EmptyCanvas/images/icons.png) -35px 0 no-repeat; } 
#icons li.deviant a { http://www.drkdesign.com/blog/wp-content/themes/EmptyCanvas/images/icons.png) -71px 0 no-repeat; } 


/*Hover*/

#icons li.linkedin a:hover { background:url(http://www.drkdesign.com/blog/wp-content/themes/EmptyCanvas/images/icons.png) 0 -29px no-repeat; }
#icons li.twitter a:hover{ background:url(http://www.drkdesign.com/blog/wp-content/themes/EmptyCanvas/images/icons.png) -35px -29px no-repeat; } 
#icons li.deviant a:hover { background:url(http://www.drkdesign.com/blog/wp-content/themes/EmptyCanvas/images/icons.png) -71px -29px no-repeat; }