/*   
Theme Name: hidden
Description: WordPress Theme with two columns, horizontal page navigation, automatic image thumbnails, integrated jQuery font resizer, random posts-widget and valid xhtml/css.
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/

/*       ###############################
         BASIC TAGS
         ############################### */

* {margin: 0; padding: 0;}
body {background: #666; font: 11px trebuchet,tahoma,arial,sans-serif; color: #333; margin: 20px 0 0 0;}
h1, h2, h3, h4, h5, h6 {margin: 10px 0 0 0; color:#003366}

p {margin: 0px 0px 20px 0px;}
a {outline: none; color: #003366; }
a img {border: none;}

/*       ###############################
         BASIC LAYOUT
         ############################### */

div#page {width: 777px; margin: 0 auto;}

div#header {width: 777px; height: 179px; background: url(img/top.jpg) no-repeat;}

div#nav {width: 777px; height:15px; padding-bottom:8px; padding-top:8px; background-color:#000;}

div#content {clear: both; background-color:#fff; width: 777px; padding: 0 0 0 0;}

div#sidebar {float: right; width: 200px; margin: 20px 0 0 0; padding:0 5px 0 0}
div#sidebar_random {margin: 10px 0 0px 0;}
div#sidebar_random img {max-width: 180px;}

div#text {float: left; width: 515px; margin: 20px 0 5px 5px; padding: 0 5px 0 20px; line-height: 1.5; border-right: 1px solid #eee;}

div.post {margin: 10px 0 20px 0; padding: 0 0 10px 10px; border-bottom: 1px solid #eee;}
div.post-single {margin: 0 0 20px 0;}

div.post_left {float: left; width: 325px; padding: 0 20px 0 0; }

div.date {float: left; width: 45px; height: 45px; padding: 0px 0 0 0; margin: 0 10px 2px 0; background: url(img/calendar.png) no-repeat;}

div.post_right {float: right; width: 250px; padding: 0 0 0 20px;}
div.post_right img {max-width: 250px;}

div.single_content {clear: both; margin: 0 0 50px 0;}

div.bookmarks {text-align: right; float: right;}

div#tag_cloud {clear: both; text-align: center; border-bottom: 1px solid #eee; padding: 20px 0;}

div#appendix {position: relative; background-color:#fff; width: 777px; padding: 20px 60px 0 60px; text-align: center;}
div#totop {position: absolute; top: 45px; left: 30px;}

div#footer {width:777px;	float:left;	background-color:#000; font-size: 9px; color:#CCCCCC; text-align:center; 	padding-bottom:5px;	padding-top:5px}

#shadowbottom{ position:relative; z-index:1; margin:0; padding:0; 	margin-left: auto; 	margin-right: auto; width:777px; height:43px; clear:both; 
}


/*       ###############################
         NAVIGATION
         ############################### */

div#nav ul {float: left; list-style: none;}

div#nav li {float: left;}
div#nav li a {display: block; margin: 0; padding-left:15px;	padding-right:15px; color: #ccc; text-decoration: none;  font-weight: bold; font-size:11px;}
div#nav li a:hover {color:#fff; text-decoration:underline;}
div#nav li.current_page_item a {color:#fff;}

/*       ###############################
         WIDGETS
         ############################### */

div#sidebar ul {width: 185px; list-style: none; padding: 0 0 0 10px;}

div#sidebar h4 {font: bold 120% Trebuchet, tahoma, arial, sans; margin: 15px 0 5px 0;}

div#widget {margin: 0; padding: 0; font-size: 110%;}
div#sidebar a {display: block; padding: 7px 0px; color: #666; font: normal 105% Trebuchet, tahoma, arial, sans; text-decoration:none}

div#sidebar li {border-bottom: 1px dotted #eee; padding: 0 0 0 5px;}
div#sidebar li:hover {border-bottom: 1px dotted #ccc; background: #eee;}
div#sidebar li a:hover {color: #215c97;}

div#categories-247544231 {color: #ccc;}

div#recent-comments {width: 200px;}

p#font-resize a {display: inline; font: 100% bold Trebuchet, tahoma, arial, sans; padding: 0px 4px;}

/*calendar*/
table#wp-calendar {margin: 0 0 4px 0; border-collapse: collapse; text-align: center; font-size: 100%;}
table#wp-calendar a {font: normal 100% Trebuchet, tahoma, arial, sans; color: #215c97; border: 1px solid #215c97;}
table#wp-calendar caption {padding: 0 0 4px 0;}
table#wp-calendar th {font: bold 100% trebuchet, tahoma, arial, sans;}
table#wp-calendar th, td {width: 20px; height: 18px;}

/*       ###############################
         TEXT
         ############################### */


div#text a {color: #003366; text-decoration: underline}
div#text a:hover {color: #cc0000; text-decoration: underline;}
div#text {font-size: 120%;}

div#description h1 a {color: #666; font: bold 280% arial;}
div#description p {color: #eee; padding: 3px 0; font: normal 180% arial;}

div#text h1 {font: bold 200%  Trebuchet, tahoma, arial, sans; color:#666; margin: 0 0 10px 0;}
div#text h1 a {color: #666;}
div#text h1 a:hover {color: #cc000; text-decoration: none;}
div#text h2 {font: bold 160% Trebuchet, tahoma, arial, sans; color: #3666; margin: 0 0 10px 0;}
div#text h2.archive-title {margin: 0px 0px 30px 0px; font: bold 200% tahoma, arial, sans; color: #215c97;}
div#text h3 {font: bold 120% Trebuchet, tahoma, arial, sans; color: #666; margin: 0 0 5px 0;}
div#text h3 a{text-decoration:none}
div#text ul, ol {margin: 0 0 20px 20px;}

p#next-posts {text-align: left; font: normal 100% Trebuchet, tahoma, arial, sans;}

div.date {font: normal 10px Trebuchet, tahoma, arial, sans; text-align: center; color: #fff;}
p.date-month {margin: 8px 0 0 0; color: #999; font: normal 16px Trebuchet, tahoma, arial, sans;}

p.post_info {font-size: 90%; margin: 10px 0px 5px 0px;text-decoration:none}

img.post_icon_1 {position: relative; top: 4px; right: 1px; margin: 0 3px 0 0;}
img.post_icon {position: relative; top: 4px; right: 1px; margin: 0 3px 0 12px;}

div#tag_cloud a {color:#6699CC;}
div#tag_cloud a:hover {color: #cc0000; text-decoration: underline;}


div#totop a {color: #6699cc; font: bold 140% Trebuchet, tahoma, arial, sans; padding: 30px;}
div#totop a:hover {color: #cc0000;}

a#get-firefox {display: block; width: 50px; height: 50px; background: url(img/firefox.png);}
a#get-firefox:hover {width: 50px; height: 50px; background: url(img/firefox-h.png);}
a#get-inkscape {display: block; width: 50px; height: 50px; background: url(img/inkscape.png);}
a#get-inkscape:hover {width: 50px; height: 50px; background: url(img/inkscape-h.png);}
a#get-ubuntu {display: block; width: 50px; height: 50px; background: url(img/ubuntu.png);}
a#get-ubuntu:hover {width: 50px; height: 50px; background: url(img/ubuntu-h.png);}

code {font: normal 120% Courier, serif;}

/*      ##################################
           COMMENTS
        ################################## */

div.comment {width: 450px; margin: 0 0 20px 0; padding: 20px; background: #f7f7f7; border: 1px solid #ccc;}
div.comment p {margin: 0px;}
div.comment-details {float: left; width: 100px; font-size: 10px;}
div.comment-text {float: right; width: 445px;}

h2#comment-header {margin: 40px 0 10px 0 !important;}
h2#respond {margin: 10px 0 10px 0 !important;}
h3#no-comments {font: bold 120% Trebuchet, tahoma, arial, sans !important; color: #215c97 !important; margin: 0 !important;}


/*        ##################################
           FORMS
        ################################## */

label {display: block; margin: 0 0 5px 0;}
.text {width: 320px; margin: 0 0 10px 0; padding: 5px; background-color: #fff; border: 1px solid #ccc;}
textarea {width: 300px; height: 150px; margin: 0; padding: 5px; background-color: #fff; border: 1px solid #ccc;}
.submit {width: auto; padding: 5px; margin: 5px 0; color: #fff; background: #666; border: 1px solid #333;}

/*        ##################################
           SEARCHFORM
        ################################## */

input#search {width: 150px; padding: 5px; background: url(img/bg-form-text.gif) repeat-x left top; border: 1px solid #ccc;}
#search-submit {width: 30px; padding: 5px; color:#fff; background: #333; border: none;}

.textfield{border:solid 1px #ccc}
.button{background:#999999; border:none;color:white}

.wpcf7-validates-as-required{border:solid 1px #ccc}

.{background:#999999; border:none;color:white}

/*        ##################################
           WORDPRESS CSS
        ################################## */

img.alignright {float:right; margin: 0 0 30px 30px;}
img.alignleft {float:left; margin: 0 50px 30px 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
a img.alignright {float:right; margin: 0 0 30px 30px;}
a img.alignleft {float:left; margin: 0 50px 30px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}

.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: 110%; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/*       ###############################
         CLEARFIX
         ############################### */

.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
.clear {clear: both;}