/*   
Theme Name: Prime
Theme URI: http://devolux.org/2009/04/prime/
Description: WordPress Theme with two columns, horizontal page navigation, automatic image thumbnails, integrated jQuery font resizer, random posts-widget and valid xhtml/css.
Author: Devolux
Author URI: http://devolux.org/
Version: 1.3
Tags: two-columns, fixed-width, blue
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/

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

* {margin: 0; padding: 0;}
body {
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Geneva, Arial, Verdana, sans-serif;
	font-size: 12px;
	background-color: #FFF;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	background-image: url(./img/bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
p {margin: 0px 0px 6px 0px;}
a {outline: none; text-decoration: none; color: #000;}
a img {border: none;}
li {list-style-type: none;}

/*       ###############################
         BASIC LAYOUT
         ############################### */
div#toppage {
	height: 160px;
	width: 100%;
}
div#wrapper {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}
div#page {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	margin-bottom: 0px;
}

div#header {
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 90; /*ligntbox= 100*/
	clear:both;
	/*filter: alpha(opacity=90);
 -moz-opacity:0.9;
 opacity:0.9;*/
	zoom:1;
	/* IE5 later && javascript-on */
position: expression('absolute');
top: expression((documentElement.scrollTop || document.body.scrollTop) + 0 + 'px');
left: expression((documentElement.scrollLeft || document.body.scrollLeft) + 0 + 'px');
	background-image: url(./img/text.png);
}
div#header-inner {
	width: 880px;
	height: 80px;
	margin-right: auto;
	margin-left: auto;
}

div#nav {
	width: 100%;
	background-color: #000;
	height: 30px;
}
div#content {
	clear: both;
	margin-top: 0px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

div#sidebar {
	float: right;
	width: 230px;
	padding-right: 50px;
}

div#sidebar_random {margin: 30px 0 0 0;}
div#sidebar_random img {max-width: 180px;}

div#text {
	float: left;
	width: 540px;
	padding-left: 50px;
}
*:first-child+html #text {
	width: 540px;
	padding-left: 50px;
}
* html #text {
	width: 540px;
	padding-left: 50px;
}

div.post {margin: 0 0 20px 0; padding: 0 0 10px 0; 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: 64px; height: 60px; padding: 4px 0 0 0; margin: 0 10px 0px 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;
	width: 880px;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 60px;
	padding-bottom: 10px;
	padding-left: 60px;
}
div#totop {position: absolute; top: 20px; left: 80px; height: 30px; width: 60px;}

div#footer {
	width: 100%;
	clear: both;
	position: relative;
	background-color: #000;
	bottom: 0px;
}

/*  HEAD  */

#header h1 {
	background-image: url(./img/toplogo.gif);
	background-repeat: no-repeat;
	height: 60px;
	width: 250px;
	margin: 0px;
	text-indent: -9999px;
	float: left;
}
#header h1 a {
	display: block;
	height: 60px;
	width: 250px;
}

/*  NAV  */

div#nav {
}
.nav-inner {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}
div#nav ul {
	clear: both;
	float: left;
	margin-top: 0px;
}
div#nav li {
	font-size: 13px;
	float: left;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 6px;
}
div#nav li a {
	color: #FFF;
	display: block;
}
div#nav li a:hover {
	color: #06C;
}

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

div#sidebar {
	padding-bottom: 20px;
}
div#sidebar h3 {
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
	background-color: #000;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 12px;
	margin-bottom: 6px;
}
div#sidebar h4 {
	margin-bottom: 6px;
	background-color: #000;
	padding-top: 4px;
	padding-left: 6px;
	margin-right: -8px;
	margin-left: -8px;
	color: #FFF;
	margin-top: 0px;
}
div#sidebar img {
	float: right;
	padding-bottom: 16px;
}
div#sidebar p {}
div.sidebar {}
div#sidebar ul {}
div#sidebar li {
	background-image: url(img/list_sideh4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 16px;
	padding-bottom: 6px;
}
div#sidebar li a {
}
div#sidebar li a:hover {
	text-decoration: underline;
	color: #06C;
}

div.box {
	margin-left: 10px;
	margin-top: 12px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	clear: both;
}
div.box p {
	font-size: 10px;
}
div.box a {}
div.box a:hover {}
div.box span {
	font-size: 12px;
	font-weight: bold;
	color: #F00;
}
div.box img {float:left;}

div#widget {
	margin: 0;
	font-size: 110%;
	padding: 0;
}
div.widget {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

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

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

p#font-resize a {display: inline; font: 180% bold Verdana, sans-serif; padding: 0px 5px;}

/*calendar*/
table#wp-calendar {margin: 0 0 10px 0; border-collapse: collapse; text-align: center; font-size: 140%;}
table#wp-calendar a {font: normal 140% Verdana; color: #215c97; border: 1px solid #215c97;}
table#wp-calendar caption {padding: 0 0 5px 0;}
table#wp-calendar th {font: bold 140% Verdana;}
table#wp-calendar th, td {width: 30px; height: 30px;}

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

div#text a {color: #215c97;}
div#text a:hover {color: #dc143c; text-decoration: underline;}
div#text {
}

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

div#text h1 {font: bold 200% Georgia, Verdana, sans-serif; margin: 0 0 10px 0;}
div#text h1 a {color: #333;}
div#text h1 a:hover {color: #dc143c; text-decoration: none;}
div#text h2 {
	font-size: 120%;
	font-weight: bold;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
div#text h2.archive-title {margin: 0px 0px 30px 0px; font: bold 200% Verdana; color: #215c97;}
div#text h3 {}
div#text h4 {}
div#text h5 {
	font-size: 110%;
	padding-bottom: 8px;
	font-weight: bold;
	background-image: url(img/list_h5.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left top;
	padding-top: 2px;
}
div#text h6 {}

div#text ul, ol {margin: 0 0 20px 20px;}

p#next-posts {text-align: left; font: normal 140% Verdana;}

img.bnr {
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
	width: 860px;
	clear: both;
}
#slideshow {
	padding-bottom: 30px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
*:first-child+html #slideshow {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding-bottom: opx;
}
*html #slideshow {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding-bottom: opx;
}
div.vox {
	margin-bottom: 24px;
	padding: 8px;
	background-color: #EEE;
	min-height: 167px;
	border: 1px solid #999;
}
div.vox .vox-pix {
	float: left;
	padding: 4px;
	border: 1px solid #666;
	background-color: #FFF;
	margin-top: 2px;
	margin-right: 16px;
	margin-bottom: 2px;
	margin-left: 2px;
}
div.vox p {
}
div.dtox {}
dd, dt {}
dd {}
dt {}
div.pix {}
div.pix img {}
div.pix-dbl {
	width: 540px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}
div.pix-dbl h6 {
	font-size: 14px;
	background-color: #666;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 12px;
	margin-bottom: 6px;
}
div.pix-dbl p {
	padding-left: 12px;
}
div.pix-dbl img {
	margin: 5px;
	padding: 4px;
	border: 1px solid #CCC;
}
div.topics {
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
	border: 1px solid #CCC;
	margin-right: 0px;
}
div.topics h3 {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background-color: #000;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-right: -20px;
	margin-left: -20px;
	padding-left: 20px;
	margin-bottom: 10px;
	margin-top: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
div.topics ul {}
div.topics li {
	list-style-type: none;
	padding-bottom: 2px;
	font-size: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 6px;
	background-image: url(./img/list_h4.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	margin-left: -30px;
}

div.date {font: normal 11px Georgia; text-align: center; color: #fff;}
p.date-month {margin: 2px 0 0 0; color: #666; font: normal 32px Georgia;}

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

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: #215c97;}
div#tag_cloud a:hover {color: #dc143c; text-decoration: underline;}

p.footer_info {
	color: #666;
	font-family: Verdana, san-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

div#totop a {
	text-indent: -9999px;
	background-image: url(img/gotop.gif);
	background-position: left 0px;
	height: 30px;
	width: 60px;
	display: block;
}
div#totop a:hover {
	background-image: url(img/gotop.gif);
	background-position: left -30px;
}

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;}

/*   link    */

div.link {
	width: 420px;
	margin-left: 30px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 6px;
	margin-bottom: 8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}

/*   footer   */

div#footer {
	text-align: center;
}
div#footer p {
	padding-bottom: 10px;
	font-size: 10px;
	color: #999;
	padding-top: 10px;
}
div#footer a {}

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

div.comment {width: 575px; 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: 455px;}

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

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

label {display: block; margin: 0 0 5px 0;}
.text {width: 350px; margin: 0 0 10px 0; padding: 5px; background: url(img/bg-form-text.gif) repeat-x left top; border: 1px solid #ccc;}
textarea {width: 450px; height: 150px; margin: 0; padding: 5px; background: url(img/bg-form-text.gif) repeat-x left top; 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;}

/*        ##################################
           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;}