/*
Theme Name: WP Cyanide
Theme URI: http://blog.butterflymedia.ro/
Description: This theme has been created for <strong>Demain Technologies</strong>. Its status as custom premium theme does not allow any usage somewhere else without modification and personalization.
Version: 1.0
Author: Butterfly Media Romania
Author URI: http://blog.butterflymedia.ro/
Tags: red, orange, grey, fixed width, two columns, widgets
*/

/*CSS Reset - derivative of YUI Reset CSS - http://developer.yahoo.com/yui/reset/#code */
html, body, div, pre, form, fieldset, input, h1, h2, h3, h4, h5, h6, p, textarea, ul, ol, li, dl, dt, dd, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code { font-style:normal; font-weight:normal; }
ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; }

/*Base Styles*/
body {
	font: 9pt  Tahoma, Geneva, sans-serif;
	background-color: #fff;
	color: #333333;
}

/*Load ASAP*/
#masthead h1 { width:960px; height:60px; display:block; _text-indent:-9999px; _background:transparent url(../images/logo.png) no-repeat top left; }
#masthead h1 a { width:285px; height:100%; display:block; outline:none; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 18pt; letter-spacing: -1px; padding-top: 16px }
#content p, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content pre, #content ol, #content ul { margin: 0 0 0 50px; }
a, a:visited, a:active { color: #f36512; text-decoration:none; }
a:hover { color: #f00; text-decoration:underline; }
a:link img, a:visited img, a:active img { border:3px solid #e1e1e1; }
a:hover img { border: 3px solid #464646; }
.floatRight { float:right; padding:0 0 10px 10px; }
.floatLeft { float:left; padding:0 10px 10px 0; }
.clear { clear:both; }
h1, h2, h3, h4, h5, h6 { color: #000000; font-weight:bold; }
div.navigation { margin-left:30px; margin-bottom:20px; }

/*Layout*/
body {overflow-x:hidden;}
#wrapper { margin: 0 auto; width: 980px; text-align:left; }
#inner { width:980px; float:left; background:#f7f7f7 url(images/bg_body.jpg) repeat-y top center; border: 1px solid #ccc}

/* Masthead (Header) */
#sechead {display:block; width:960px; height:130px; margin:0 auto; _background:#ffffff url(../images/bg-masthead.png) repeat-x top left; }
#masthead { width:960px; height:30px; margin:0 auto; _background:#ffffff url(../images/bg-masthead.png) repeat-x top left; }
#masthead ul { display:block; width:100%; }
#masthead ul li { display:block; float: left; line-height:30px; text-align:center; padding-left: 8px; padding-right: 8px}
#masthead ul li a { color: #666666; text-decoration:none; }
#masthead ul li a:hover { color: #999999; border-bottom: 2px solid #999999; }
#masthead ul li.primarySubscribe { width:210px; padding-left:30px; float:right; background:transparent url(images/rss_icon.jpg) no-repeat left top; text-align:left; }
#masthead ul li.primarySubscribe a { font-weight:bold; color:#006699; }

#masthead ul li.twitterSubscribe { width:150px; padding-left:30px; margin-left:10px; float:right; background:transparent url(images/twitter_icon.jpg) no-repeat left top; text-align:left; }
#masthead ul li.twitterSubscribe a { font-weight:bold; color:#006699; }

/*Content*/
#content { width:630px; float:left; }
#content div.article { margin-bottom:40px; }
#content ul, #content ol { margin-top:10px; margin-bottom:15px; }
#content ul li {list-style-type: disc; background: url(images/li_bullets_small.jpg) no-repeat left; padding-left:20px; margin-bottom:5px; margin-left:20px; }
#content ol li { margin-left:40px; margin-bottom:5px; }
#content h2 {
	display: block;
	border-top: 1px solid #cccccc;
	padding-top: 10px;
}
#content h2, #content h2 a, #content h2 a:visited, #content h2 a:active {
	font: bold 13pt "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #666;
	line-height: 18pt;
	text-decoration: none;
	letter-spacing: -1px;
	padding-left: 2px;
}
#content h2 a {
	border-left: 6px solid #f36512;
}
#content h2 a:hover {
	border-left: 6px solid #666;
	text-decoration: none;
}
#content h3 {color: #666; font:normal 17px  Tahoma, Geneva, sans-serif; padding-top:16px; padding-bottom:5px; }
#content h4 { color: #333333; font-size:13px; line-height:13px; padding-top:5px; padding-bottom:3px; }
#content p { line-height: 20px; margin-bottom: 15px; }
#content code, #content p code { font:normal 13px "Courier New", Courier, monospace; color:#333; }
#content p.meta { font-size:11px; margin-top:10px; padding-bottom: 20px; color:#999; line-height:11px; display:block; background:url(images/dots_horizontal.jpg) repeat-x bottom left; }
#content p.meta span.authorInfo { float:left; }
#content a.more-link { text-decoration:none; display:block; height:26px; width:140px; line-height:26px; text-align:center; 
  background:#fff url(images/bg_masthead.jpg) repeat-x top left; color:#ccc; }
#content a.more-link:hover { text-decoration:underline; }

/*Comments*/
#comments { font-size: 12px; margin-left:0; }
#comments p { line-height: 15px; margin-left:10px; }
#comments form { margin-left:40px; }
#comments a { color:#003366; }
h3.commentSum { border-top:5px solid #CCCCCC; display:block; background:#ffffff url(images/dots_horizontal.jpg) repeat-x bottom left; }
#comments span img.gravatar { float:right; width:80px; margin:0 10px 10px 10px; height:80px; }
#comments h5 { font:bold 16px Tahoma, Geneva, sans-serif; color:#000000; margin-left:10px; }
#comments h5 a { font:bold 16px Tahoma, Geneva, sans-serif; color:#003366; text-decoration:none; }
#comments h5 a:hover { text-decoration:underline; }
p.userCommentDate { color:#999999; }
div.userComment { margin:10px 10px 10px 50px; padding: 15px 0; background: url(images/dots_horizontal.jpg) repeat-x bottom left; color:#333333; }
div.authorComment { margin:10px 10px 10px 50px; padding: 15px 0; background: #e5e5e5 url(images/dots_horizontal.jpg) repeat-x bottom left; }
#comments p.commentDate { font-size:11px; color:#999999; line-height:11px; }

/*Sidebar*/
#sidebar { width:315px; float:right; }
#sponsor a img { border:0; margin:0; padding:0; }
span.sideCommentNum { padding-left:14px; background:url(images/comment_bubble.jpg) no-repeat top left; }

/* Comments */
#sidebar h2 { font:normal 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; letter-spacing:-1px; color: #666; padding: 5px 0 0 0; margin-bottom: 5px; border-top:5px solid #f36510; }
#sidebar h2, #sidebar ul, #sidebar ol, #sidebar p, #sidebar div { margin:0 35px 5px 15px; }
#sidebar div#sponsor { margin-bottom:20px; }
#sidebar ul { font-size: 12px; margin-bottom:20px; }
#sidebar ul li { padding-top: 2px; margin-bottom: 2px; display:block; background: transparent url(images/dots_horizontal.jpg) repeat-x top left; }
#sidebar ul li a:link, #sidebar ul li a:visited, #sidebar ul li a:active { font:normal 12px/12px Tahoma, Geneva, sans-serif; text-decoration:none; }
#sidebar ul li a:hover { text-decoration:underline; }
#sidebar ul li.topCommenter { font-weight:bold; }
#sidebar ul li.topCommenter a { font-weight:normal; display:block; }
blockquote { margin:10px 30px 10px 80px; padding:10px; color:#333333; font-style:italic; border-top:1px solid #989898; border-bottom: 1px solid #989898; background-color: #e9e9e9; }
#content blockquote p { margin:0; }

/* Footer */
#footer { clear:both; width:960px; margin:0 auto; background-color: #ccc; background:url(images/stripe.png);}
#footer p {margin-left:20px; color: #000; font-size: 11px; line-height: 20px; padding:16px; text-align:center;}
#footer a {color:#fff;}

/*Special Styles for Articles */
ul#vistamenu { display:block; width:608px; }
ul#vistamenu li { display:block; width:152px; float:left; list-style:none; }

/* Image Border */
#content p img { border: 1px solid #CCCCCC; padding: 4px; }
#comments img.avatar { margin-left:10px; }

/* Pre tag */
#content pre { border: 1px solid #e1e1e1; background-color:#ebebeb; font-size:12px; padding:10px; margin-top:10px; margin-bottom:10px; }

/* Captions */
#content span.figure-caption { display:block; width:100%; font-weight:bold; font-size:11px; color:#666666; }

/* Sponsors */
#sidebar ul.sponsors li a { border:none; }
#sidebar ul.sponsors li a img { border:none; }
#sidebar div { margin-left:0; }
#sidebar ul.sponsors li { padding-top:0; background:none; margin-bottom:5px; }
#sidebar ul.sponsors li.sponsor-first { background: transparent url(images/dots_horizontal.jpg) repeat-x top left; padding-top:5px; }

/* Search sidebar */
input.sidebar-search-button { background-color: #000; padding:2px; color: #ccc; border:0px; font-size:12px; }
input:hover.sidebar-search-button { background-color: #999; }

/* RSS feed bottom */
#content p.rssBottom { border:1px solid #e5e5e5; padding: 5px; background-color:#eee; display:block; margin-bottom:25px; }
#content p.rssBottom a { border:none; }
#content p.rssBottom img { border:none; float: left; margin-right: 10px; }

/* WP-specific */
.alignleft { float:left; }

/* Gravatar */
img.avatar { float:left; margin:0 5px 0 0;}
span.authorName { font-weight:bold; color: #666666; }

p.author-bio { font-size:11px; font-style:italic;  }

/* authors */
p.about-author {display:block; height:100px;border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#eee; font-size:12px;}
p.about-author span.author-bio-text {margin:5px;}
p.about-author img {float:left; width:auto; margin:5px;}

/*Poll daddy*/
.pds-box {width:400px; margin-left:50px;border:2px solid #e5efe5; background:#ccc;}
.pds-question-top {font-weight:bold;}
.pds-box-outer {background-color:#eee;}

/* Tutorials */
span.tutorial-number {color:#000; font:bold 15px Tahoma, Geneva, sans-serif; padding-right:5px;}

/* Begin Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}
 
#wp-calendar td {
padding: 3px 0;
text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
/* End Calendar */

/*----------------------------- Portfolio ----------------------*/
.content-block h3 {
	color: #666;
	font:16px Cambria, Georgia, "Times New Roman", Times, serif !important;
	margin:0;
	padding:5px 0 0 0;
	text-align:right;
	letter-spacing: -1px;
}
.content-block{
	width:680px;
}
/*----------------------------- Portfolio Column 1 ----------------------*/
.column-1{
	width:340px;
	float:left;
	padding:0;
	margin:0;
}
.block-1,
.block-2{
	overflow:hidden;
	padding:7px 0;
	margin:0;
	font:12px Cambria, Georgia, "Times New Roman", Times, serif;
	color:#fff;
	overflow:hidden;
}
.block-1 img{
	border:none !important;
	float:right;
	padding:0 !important;
	margin:0 0 0 8px !important;
}
.block-1 p{
	text-align:right;
	padding:0;
	margin:0;	
	color: #999;
	line-height:18px;
}
.block-1 a,
.block-2 a{
	text-align:right;
	line-height:65px;
}
/*------------------------- Portfolio Column 2 -----------------------------------*/
.column-2{
	width:340px;
	float:right;
}
.block-2 img{
	border:none !important;
	float:left !important;
	padding:0 !important;
	margin:0 8px 0 4px !important;
}
.block-2 p{
	padding:0;
	margin:0;
	color: #999;
	line-height:18px;
}
.block-2 h3{
	text-align:left;
}