/*  
Theme Name: Technoi Custom
Description: Two column theme.
Version: 1.0
Author: Technoi.com
Author URI: http://technoi.com/

	Valid XHTML 1.0 Transitional
*/

* {margin: 0;padding: 0;}
body {color: #444;background-color: #ffffff; font-family: Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;font-size: 75%;line-height: 1.6;}

h1, h2, h3, h4, h5, h6 {font-family: Georgia, "Times New Roman", Times, serif;font-weight: normal;color:#6B6B6B;}
h1 {font-size: 2.7em;}
h1 a { display: block; height: 40px; color: #333; text-decoration: none; }
h1 a:hover, h1 a:active { color: #437EA7!important; }
h2 {font-size: 2.1em;line-height: 1.1em;margin-bottom: 0.2em;}
h3 {font-size: 1.7em;line-height: 1;margin-bottom: 0.7em;}
h4 {font-size: 1.4em;line-height: 1.25;margin-bottom: 0.25em;}
h5 {font-size: 1.2em;font-weight: 700;margin-bottom: 1.5em;}
h6 {font-size: 1em;font-weight: 700;}

p {font-size: 1.1em;margin: 0 0 10px 0;}
blockquote {background: url(images/quote.png) no-repeat;color: #8AB5D0;margin: 10px;padding-left: 25px;}
em {font-style: italic;}
strong {font-weight: 700;}
pre, code {font-family: "Courier New", Courier, Monospace;line-height: 1.5;}
pre {border-top: 1px solid #ccc;white-space: pre;overflow: auto;margin: 0 15px;padding: 10px 15px;max-height: 300px;}

img {border: none;}

a, a:visited {color: #437EA7!important;text-decoration: underline;outline: none;}
a:focus, a:hover {color: #437EA7;text-decoration: none;}

ul, ol {margin: 0 2.5em 1em;font-size:1em;}
ul li, ol li {margin-bottom: 10px;}
ul {list-style-type: disc;}
ol {list-style-type: decimal;}

.clear {float:none;clear: both;}
.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}

.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}

img.alignleft {margin:5px 10px 10px 0;}
img.alignright {margin:5px 0 10px 10px;}

hr {background: #E6E6D2; color: #E6E6D2;clear: both; float: none; width: 100%; height: .1em;margin: 0 0 1.4em;border: none; }
hr.space {height: 4em;}

.clearer {clear:both;}

/************************* HOLDERS ********************************/
.container {width: 998px;margin: 0 auto;}
.main {margin-top:10px;}
.container2 {width: 100%;margin: 0 auto;text-align:left;}

/************************* HEADER ********************************/
#header {width: 998px;margin:0px auto;height:100px;}
#header .container {width: 998px;height:60px;background-color: #000000;}
#headline {float:left;display:block;margin:10px 0 0 20px;font-size:16px;color:white;width:700px;}

/************************* PAGES MENU START ********************************/


/************************* PAGES MENU END ********************************/

/************************* SUBSCRIBE START ********************************/
.subs {display:block;float:right;width:140px;padding:10px;}


/************************* SUBSCRIBE END ********************************/

/* Search */
#searchform {padding:0;margin:25px 20px 0 0;display:block;float:right;width:200px;font-size:15px;color:#003e4f;}
input#s {width: 190px;padding:3px 5px 4px 8px;font-family: Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;border:none;font-size:12px;background:url(images/searchfield.gif) no-repeat;color:#437EA7;height:17px;}

/************************* CONTENT PACKER ********************************/
  
#leftcolumn, #rightcolumn {margin:0;}
#leftcolumn {float: left;width: 660px;padding:0;}
#rightcolumn {float: right;width: 305px;margin:0 8px 0 0;}

/************************* CONTENT START ********************************/
.title {margin:0;clear:both;}
.title h2 {color: #000000;}
.title h2 a {text-decoration: none;color: #000000;font-family: Helvetica,sans-serif;font-size: 30px;line-height: 30px;display: block;letter-spacing: -0.05em;}
.title h2 a:hover {background-color: black;color: white;}

.date {color:#437EA7;margin-bottom:10px;}
.post {padding: 0;margin:0 10px 30px 20px;clear:both;}
.post p {padding:0;margin:0;}

#divider {width: auto;height:5px;margin:0px auto;margin-top:0px;padding:2px 5 2 5;display: block;border-top:3px solid #f7f7f7;}



a.more-link {display:block;clear:both;color:#a6a379;margin:10px 0 20px 0;width:135px;}
a:hover.more-link {color:#a6a379;}
#related h3, h3#comments {padding: 8px 0 5px 0;border-bottom:1px dotted #999;}

.cmd-avatar {clear: none;display: inline;float: right;margin: 0px;}
/************************* CONTENT END ********************************/


/************************* SIDEBAR MAINS START ********************************/
ul.sidebar {list-style-type: none;margin: 0 0 40px 0;padding: 0;float:left;}
.sidebar li {padding:0;margin:0;line-height: 13px;}
.sidebar ul li {margin: 2px 0 2px 0;}
.sidebar h2 {letter-spacing:-1px;color:#000000;font-size: 30px; font-weight:normal;padding:8px 10px 0 15px;width:255px;}
.sidebar a {color: #000!important;padding:2px 5px 2px 2px;font-size:11px;text-decoration:none;}
.sidebar a:hover {color:#437EA7!important;}

/************************* SIDEBAR MAINS END ********************************/

#tag_cloud {display:block;margin-bottom:30px;float:left;clear:both;width:100%;}
ul#recentcomments {}
ul#recentcomments li {background:url(images/arrow.gif) left top no-repeat;background-position:0 5px;padding-left:18px;}
ul#recentcomments li:hover {background:url(images/arrow-hover.gif) left top no-repeat;background-position:0 5px;padding-left:18px;}
ul#recentcomments li a {background:none;padding-left:0;}
.recentcomments a {background:none;}
.recentcomments a:hover {background:none;}
.comsubline {font-size:11px;}
.avtor {color:#437EA7;}
#tag_cloud a {margin-right:5px;}
 
/************************* COMMENTS AREA START ********************************/

.commentlist {margin: 0;padding:0;list-style-type:none;}
.commentlist p {padding:5px;margin:0;}
.komentar {margin:0;padding:0;}
.commentlist a {border-bottom:1px dotted;}
.commentlist a:hover {text-decoration:none;border-bottom:none;}
.commentlist .body {padding: 0;margin:0;overflow: hidden;float:right;width:585px;display:block;color:#45322f;}
.commentlist .body .body-author {padding: 0;margin:0;overflow: hidden;color:#437EA7;float:left;display:block;}
.commentlist .body p {clear:both;padding-top:0;}
.commentlist li {width: 100%;padding: 0 0 5px 0;clear:both;display:block;float:left;font-size:11px;}
.commentlist li .top {color: #45322f;padding: 0;margin:0;width:580px;float:right;font-weight: bold;}
.commentlist li .top a {color: #437EA7;}
.commentlist li .top span {font-size: 0.9em;font-weight: 400;color:#505e66;}
.gravatar {height:70px;width:60px;float:left;margin:0;}
img.gravatar {margin:0;height:60px;width:60px;padding:2px;border:1px solid #E5E1DE;}
img:hover.gravatar {margin:0;padding:2px;height:60px;width:60px;border:1px solid #45322f;}
.theform_packer {background:url(images/form_pat.gif) repeat-y;margin-top:20px;}
#respond {color:#fff;background-color: #000000;height:100px;width:454px;margin:-20px;margin-bottom:-60px;padding:20px 20px 0 20px;}
.theform {padding: 20px;color:#fff;width:454px;}
.form_b {background-color: #000000;height:16px;width:494px;margin-bottom: 20px;}
.theform label {font-size: 0.9em;vertical-align: middle;}
#remember, #forget, #txpCommentHelpLink {margin-left: 2em;}
#commentform {padding:0;}
#commentform input:focus {border: 1px solid #437EA7;background: url(images/formfield_hover.gif) no-repeat;width: 170px;height:22px;border:none;}
#commentform textarea:focus {width: 440px;height: 140px;padding: 5px;background: url(images/formtextarea_hover.jpg) no-repeat;background-attachment:scroll;}
.comment_input {vertical-align: middle;width: 170px;height:22px;line-height:16px;border: none;background: url(images/formfield.gif) no-repeat;padding: 3px 5px 0 5px;margin:8px 5px 5px 0;font-family:Lucida Sans Unicode;}
.message_input {font-size: 1em;width: 440px;height: 140px;border: none;background: url(images/formtextarea.jpg) no-repeat;background-attachment:scroll;margin-top: 20px;margin-bottom:10px;padding: 5px;font-family:Lucida Sans Unicode;}
.commentlist_error {color: #c00;}
.button {background: none;width:75px;color:white;font-weight:bold;font-size:14px;cursor:pointer;border:none;font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif;}
.button:hover {color:#84CBF9;cursor:pointer;border:none;}
#commentform .button:focus {background: #437EA7;color:white;cursor:pointer;border:none;}
/************************* COMMENTS AREA END ********************************/


/************************* FOOTER START ********************************/

#footer {width: 998px;height:40px;margin:0px auto;margin-top:40px;padding:10px 0 0 0;display: block;border-top:3px solid #f7f7f7;}
#footer .container {padding:0;width:960px;}
.copyright {color:#6B6B6B;font-size:11px;}
.copyright p {font-size:12px;float:left;margin:6px 5px 0 0;}
a.wordpress {display:block;float:left;width:25px;height:25px;background:url(images/wordpress.gif) no-repeat;color:#ccc!important;padding-left:26px;line-height:30px;text-decoration:none;}
a:hover.wordpress {background:url(images/wordpress.gif) no-repeat 0 100%;color:#000!important;}
/************************* FOOTER END ********************************/

/*************** SOCIAL LINKS ************************/
.inside_subpost {display:block;clear:both;margin:30px 23px 30px 20px;padding:0;}
.related_rss_icon {float:left;background:url(images/rss_in.gif) no-repeat;width:25px;height:26px;border-bottom:none;}
.related_rss {padding:0;margin:0 0 20px 0;font-size:18px;line-height:17px;font-weight:normal;border-bottom:none;}
.related_rss a, .related_rss a:visited {border-bottom:1px dotted;}
.related_rss a:hover {border-bottom:none;text-decoration:none;}
.social {margin:0;padding:0;float:left;margin-right:20px;margin-bottom:20px;line-height:35px;}

/*************** END SOCIAL LINKS ************************/
#calendar_wrap {margin:0px auto;width:210px;margin-bottom:30px;clear:both;}
#calendar_wrap a {padding: 3px 0px;background:none}
#calendar_wrap table { width: 210px; border: solid 1px #ccc; background:#f7f7f7}
#calendar_wrap caption { padding: 5px 0px; width: 210px; color:#585449;	font-size:14px; font-weight:bold; }
#calendar_wrap table th { text-align: center; letter-spacing: -1px; padding: 0px; font-size:12px; color:#585449; height:30px; }
#calendar_wrap table td { text-align: center; border: solid 1px #ccc; padding: 3px; font-size: 12px; color:#585449}
#calendar_wrap table td a { font-size: 12px; font-weight:bold;}
#calendar_wrap table td a:hover { color:#9CC318; font-weight:bold; border:none; }

/* Page Navigation  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.pageNav { padding: 5px 0 0 0; margin:30px 23px 30px 20px; height:30px;font-size:15px; }
.pageNav a, .pageNav a:visited { display:block; float:left; text-align:center; line-height:25px; height:25px; width:25px;color:#4a4a4a!important; text-decoration:none; }
.pageNav a:hover { text-decoration: none; color:#a6a379; border-bottom:1px dotted #4a4a4a; }
.pageNav span { display:block; float:left; text-align:center; line-height:25px; height:25px; width:130px; color:#333;}
.pageNav .on { display:block; float:left; text-align:center; line-height:25px; height:25px; width:25px; color:#437EA7; }
.dotts {width:25px; text-align:center; display:block; float:left;}
.pageNav a.lastpage {color: #3a3a3a;width:35px;}
.pageNav a:hover.lastpage {color: #222; width:35px;}

#singleNav {margin:20px;}
.previous {float:left;}
.next {float:right;}
.list404-table {font-size:17px;}
ul.list404, ul.list404 li ul {list-style-type:none;font-size:14px;margin:10px 20px 20px 20px;}
ul.list404 li a {background:url(images/arrow.gif) left top no-repeat;background-position:0 4px;padding-left:20px;}
ul.list404 li a:hover {background:url(images/arrow-hover.gif) left top no-repeat;background-position:0 4px;}