/*   
Theme Name: Ciuksza.com
Theme URI: www.ciuksza.com
Description: Theme for Ciuksza.com Blog
Author: Albert Ciuksza Jr.
Author URI: www.ciuksza.com
Version: v1.0
*/

@charset "utf-8";
/* CSS Document */
html, body {
	padding: 0px;
	margin: 0px;
	background: #959595 url('images/site_body_bg.gif') top repeat-x;
	height: 100%;
}

img {
	border: 0px;
}

div.container {
	margin: 0 auto;
	padding: 0;
	width: 966px;
	background: #959595 url('images/site_cont_bg.gif') repeat-y;
}

div.container_shadow {
	margin: 0;
	padding: 0;
	width: 966px;
	background: url('images/site_cont_shadowbg.gif') top no-repeat;
}

div.site {
	margin: 0 auto;
	padding: 5px;
	width: 880px;
	border-left: #ccc 5px solid;
	border-right: #ccc 5px solid;
	background: #ebebeb;
}

div.site_title {
	margin: 0;
	padding: 0 0 0 10px;
	width: 870px;
	height: 75px;
	background: #648691 url('images/site_header_bg.gif') top repeat-x;
}

div.site_header {
	margin: 5px 0;
	padding: 0;
	width: 880px;
	height: 125px;
	background: #666;
}

div.site_menubar {
	margin: 0 0 5px 0;
	padding: 0;
	width: 880px;
	height: 40px;
	background: #666 url('images/site_menu_bg.gif') top repeat-x;
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	overflow: hidden;
}

div.site_menubar ul, div.site_menubar li {
	height: 40px;	
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}


div.site_menubar ul li a:link, div.site_menubar ul li a:visited {
	padding: 11px 30px 12px 30px;
	margin: 0;
	color: #eee;
	text-decoration: none;
	float:left;
	text-align:center;
}

div.site_menubar ul li a:hover {
	padding: 10px 29px 11px 29px;
	background: url(images/site_menu_bg.gif) 0 -40px repeat-x;
	color: #333;
	text-decoration: none;
	border: #999 1px solid;
}

div.site_menubar ul li a:active {
	padding: 10px 29px 11px 29px;
	background: url(images/site_menu_bg.gif) 0 -80px repeat-x;
	color: #ccc;
	text-decoration: none;
	border: #999 1px solid;
}

div.clear {
	width: 100%;
	height: 5px;
	clear: both;
	overflow: hidden;
}

div.site_footer {
	margin: 0;
	padding: 11px 15px 0 0px;
	width: 865px;
	height: 26px;
	background: #648691 url('images/site_footer_bg.gif') top repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
	color: #eee;
	text-align: right;
	clear: both;
}

div.sub_containerwide {
	width: 880px;
	margin: 0;
	padding: 0;
	background: url('images/sub_bgwide.gif') top left repeat-y;
}

div.sub_left {
	margin: 0 5px 0 0;
	padding: 18px 15px;
	width: 165px;
	background: #648691;
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
}

div.sub_left h3 {
	margin: 0 0 3px 0;
	padding: 0;
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	color: #b1c2c8;
}

div.sub_left h4 {
	margin: 0 0 3px 0;
	padding: 0;
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #333;
}

div.sub_left h5 {
	margin: 0 0 3px 0;
	padding: 0;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #666;
}

div.sub_left p {
	margin: 0 0 1.4em 0;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #ddd;
	clear: both;
}

div.sub_left p span {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 10px;
	display: block;
}

div.sub_left a:link {
	color: #eee;
	text-decoration: underline;
}

div.sub_left a:visited {
	color: #ddd;
	text-decoration: underline;
}

div.sub_left a:hover, div.sub_left a:active {
	color: #ccc;
	text-decoration: none;
}

div.sub_left a.fb {
	margin: 0 9px 0 0;
	padding: 0;
	width: 49px;
	height: 49px;
	background: url('images/sub_social_icon_fb.gif') top left;
	float: left;
}

div.sub_left a.fb:hover {
	background: url('images/sub_social_icon_fb.gif') bottom left;
}

div.sub_left a.tw {
	margin: 0 9px 0 0;
	padding: 0;
	width: 49px;
	height: 49px;
	background: url('images/sub_social_icon_tw.gif') top left;
	float: left;
}

div.sub_left a.tw:hover {
	background: url('images/sub_social_icon_tw.gif') bottom left;
}

div.sub_left a.li {
	margin: 0 0 18px 0;
	padding: 0;
	width: 49px;
	height: 49px;
	background: url('images/sub_social_icon_li.gif') top left;
	float: left;
}

div.sub_left a.li:hover {
	background: url('images/sub_social_icon_li.gif') bottom left;
}

div.sub_left ul {
	margin: 0 0 18px 0;
	padding: 0px;
	list-style: none;	
}
	
div.sub_left ul li {
	font: 12px Arial, Helvetica, sans-serif;
	color: #b1c2c8;
	list-style: square outside; 
	margin: 0px 0px 3px 15px;
	padding: 0px;
}

div.sub_left ul.xoxo li a {
	text-decoration: none;
}

div.sub_mainwide {
	margin: 0 5px 0 0;
	padding: 0;
	width: 480px;
	float: left;
}

div.sub_mainwide div.topwide {
	margin: 0;
	padding: 0;
	width: 480px;
	height: 8px;
	background: url('images/sub_main_topwide_bg.gif') top left;
	float: left;
	overflow: hidden;
}

div.sub_mainwide div.body {
	margin: 0;
	padding: 10px 20px;
	width: 440px;
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
}

div.sub_mainwide div.body img.basic {
	padding: 7px;
	border: 1px #ccc solid;
	background: #eee;
}

div.sub_rightwide {
	margin: 0;
	padding: 18px 15px;
	width: 165px;
	background: #aaa;
	float: right;
}

div.rightbox {
	list-style: none;
	margin: 0 0 18px 0;
	padding: 0;
	list-style: none;
}

div.rightbox h2 {
	margin: 0 0 3px 0;
	padding: 0;
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	color: #777;
}

div.rightbox h2 a {
	color: #eee;
	text-decoration: none;
	
}

div.rightbox h2 a:hover {
	color: #eee;
	text-decoration: none;
	
}

div.rightbox ul {
	margin: 0px;
	padding: 0px;
	list-style: none;	
}
	
div.rightbox ul li {
	font: 12px Arial, Helvetica, sans-serif;
	color: #999;
	list-style: square outside; 
	margin: 0px 0px 3px 15px;
	padding: 0px;	
}

div.rightbox ul li a {
	color: #fff;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	
}

div.rightbox ul li a:hover {
	color: #eee;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	
}

div.rightbox ul li h3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0px 0px 2px 0px;
	padding: 0px;
}

div.rightbox ul li span.entry-content {
	font: 12px Arial, Helvetica, sans-serif;
	color: #eee;
	margin: 0;
	padding: 0;
	display: block;
}

div.rightbox ul li span.entry-meta {
	font: bold 12px Verdana, Geneva, sans-serif;
	color: #eee;
	margin: 0px;
	padding: 0px;
	display: block;
}

div.rightbox ul li span.entry-meta span.from-meta {
	display: none;
}



div.sub_clearwide {
	margin: 0;
	padding: 0;
	width: 880px;
	height: 8px;
	background: url('images/sub_clearwide_bg.gif') top right;
	clear: both;
	overflow: hidden;
}
	
h2 {
	margin: 0 0 8px 0;
	padding: 0;
	font: bold 24px Georgia, "Times New Roman", Times, serif;
	color: #bbb;
}

h3 {
	margin: 0 0 3px 0;
	padding: 0;
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #648691;
}

h4 {
	margin: 0 0 3px 0;
	padding: 0;
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #333;
}

h5 {
	margin: 0 0 3px 0;
	padding: 0;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #666;
}

p {
	margin: 0 0 1.4em 0;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
}

p.writtenby {
	margin: 0 0 1.4em 0;
	padding: 0;
	font: bold 10px Verdana, Geneva, sans-serif;
	color: #666;
}

p.postmetadata {
	margin: 0 0 40px 0;
	padding: 5px 0 0 0;
	font-size: 10px;
	border-top: 1px #ccc solid;
}


a:link {
	color: #648691;
	text-decoration: underline;
}

a:visited {
	color: #648691;
	text-decoration: underline;
}

a:hover, div.sub_main a:active {
	color: #666;
	text-decoration: none;
}

ul {
	margin: 0 0 10px 0;
	padding: 0 0 0 30px;
	list-style-type: square;
}

ul li {
	margin: 10px 0 0 0;
	padding: 0;
	color: #333;
}

ol {
	margin: 0 0 10px 0;
	padding: 0 0 0 30px;
	font-weight: bold;

}

ol li {
	margin: 10px 0 0 0;
	padding: 0;
	color: #333;
	font-weight: normal;
}

blockquote {
	margin-left: 10px;
	padding: 10px;
	border-left: 1px #999 solid;
	background-color: #eee;
}

textarea {
	width: 428px;
	height: 120px;
	border: 1px solid #ccc;
	padding: 5px;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #eee;
}

input.text {
	width: 225px;
	height: 14px;
	border: 1px solid #ccc;
	padding: 5px;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #eee;
	display: inline;
}

div.commentblock {
	margin: 0 0 30px 0;
	padding: 0;
}

div.comment {
	margin: 15px 0 0 0;
	padding: 15px 0;
	width: 420px;
	background:#ccc url('images/blog_quotebg.gif') top right no-repeat;
	}

div.quote {
 	width: 384px;
 	padding: 5px 18px 5px 18px;
	margin: 0;
	color:#e4edee;
	clear: both;
	}

div.quotebottom {
	margin: 0 0 5px 0;
 	padding: 0;
 	width: 420px;
 	height: 13px;
	background: #ccc url('images/blog_quotecurlbg.gif') bottom left no-repeat;
	clear: both;
	}


.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.aligncenter, div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.wp-image {
	margin: 5px;
	padding: 7px;
	border: 1px #ccc solid;
	background: #eee;
}

.wp-caption {
	margin: 5px;
	padding: 7px 2px 5px 2px;
	text-align: center;
	border: 1px #ccc solid;
	background: #eee;
}

.wp-caption img {
	margin-bottom: 5px;
	padding: 0;
	border: 1px #ccc solid;
}

.wp-caption p.wp-caption-text {
	margin: 0;
	padding: 0;
	text-align: center;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #666;
}


img.avatar {
	float:right;
	margin-left: 5px;
	padding: 3px;
	border: 1px #ccc solid;
	background: #eee;
}