/*   
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. Please report bugs as comments at the theme's homepage.
Author: Devolux
Author URI: http://devolux.org/
Version: 1.5
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 {background: #D5D5D5; font: 10px Tahoma; color: #333; margin: 20px 0 0 0;}
h1, h2, h3, h4, h5, h6 {margin: 10px 0 0 0;}
p {margin: 0px 0px 10px 0px;}
a {outline: none; text-decoration: none; color: #215c97;}
a img {border: none;}

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

div#page {
	width: 950px; 
	margin: 0 auto;
	background:#ffffff;
}

div#header {
	width: 950px; 
	height: 182px; 
}


div#nav {
	width: 950px; 
	height: 35px; 
	padding: 0 0px; 
	background: #E5E5E5;
}

div#content {
	/*clear: both; 
	width: 950px;*/ 
	background-color:#FFFFFF;
}

div#search {
	margin-left:20px;
}

#colA {
	float:left;
	width:720px;
	display:inline;
}
#colB {
	float:left;
	width:230px;
	display:inline;
	text-align:center;
	padding:20px 0;
}

#newscol {
	float:left;
	width:450px;
	display:inline;
}
#eventscol {
	float:left;
	width:450px;
	display:inline;
}
.colinner {
	padding:0px 30px 20px 10px;
}
.hdr {
	 height:70px;
}
.homeheader {
	position:relative;
	margin-left:-10px;
}
#flashcol {
	float:left;
	width:520px;
	display:inline;
	padding-top:10px;
	padding-bottom:20px;
}
#welcomecol {
	float:left;
	width:376px;
	display:inline;
}
.welcomecolinner {
	padding:0px 20px 0px 10px;
}

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

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

div#nav li {float: left;}

div#nav li a {
	display: block; 
	margin: 0; 
	padding: 11px 9px; 
	color: #000000; 
	text-decoration: none; 
	border-right: 1px solid #B1B1B1; 
	font: bold 11px Verdana, sans-serif;
	text-transform: uppercase;
}

div#nav li a:hover {
	background: #0572BA;
}

div#nav li.current_page_item a {
	background: #0572BA;
	color:#FFFFFF;
}



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

input#search {
	margin-top:4px;
	margin-left:30px;
	width: 120px; 
	padding: 5px; 
	background: url(img/bg-form-text.gif) repeat-x left top; 
	border: 1px solid #CCCCCC;
}

#search-submit {
	width: 30px; padding: 4px; color:#fff; background: #0572BA; border: none;
}




/* These are the elements that change colour */

div#footer {
	width: 950px; 
	height: 34px; 
	background: #0572ba;
}

div#seperator {
	width: 950px;
	height: 35px; 
	background-color:#0572ba;
}

/* VARIATIONS FOR ALTERNATIVE COLOR TEMPLATES */
body#home div#seperator,
body#home div#footer,
body#home div#nav li a:hover,
body#home div#nav li.current_page_item a,
body#home #search-submit {
	background-color:#0572ba;
}
body#about div#seperator,
body#about div#footer,
body#about div#nav li a:hover,
body#about div#nav li.current_page_item a,
body#about #search-submit {
	background-color:#be1d71;
}
body#news div#seperator,
body#news div#footer,
body#news div#nav li a:hover,
body#news div#nav li.current_page_item a,
body#news #search-submit {
	background-color:#9fcc71;
}
body#events div#seperator,
body#events div#footer,
body#events div#nav li a:hover,
body#events div#nav li.current_page_item a,
body#events #search-submit {
	background-color:#009895;
}
body#targets div#seperator,
body#targets div#footer,
body#targets div#nav li a:hover,
body#targets div#nav li.current_page_item a,
body#targets #search-submit {
	background-color:#e6d600;
}
body#how-can-you-help div#seperator,
body#how-can-you-help div#footer,
body#how-can-you-help div#nav li a:hover,
body#how-can-you-help div#nav li.current_page_item a,
body#how-can-you-help #search-submit {
	background-color:#b1304d;
}
body#thanks div#seperator,
body#thanks div#footer,
body#thanks div#nav li a:hover,
body#thanks div#nav li.current_page_item a,
body#thanks #search-submit {
	background-color:#617cb4;
}
body#links div#seperator,
body#links div#footer,
body#links div#nav li a:hover,
body#links div#nav li.current_page_item a,
body#links #search-submit {
	background-color:#0572ba;
}




div#text {
	/*float: left; 
	width: 900px;*/ 
	margin: 20px 0 0 0; 
	padding: 0 20px 0 30px; 
	line-height: 1.3; 
	/*border-left: 1px solid #eee;*/
	/*min-height:400px;*/
	
}

div#texthome {
	margin: 20px 0 0 0; 
	padding: 0 0px 0 20px; 
	line-height: 1.3; 
}


img.thumb {
	float:left;
	margin:0 20px 20px 0;
}

.heading {
	padding:0 0 20px 0;
}

/*       ###############################
         Remove this section and use only content area above
         ############################### */
div#text {
	/*float: left; 
	width: 900px;*/ 
	margin: 20px 0 0 0; 
	padding: 0 20px 0 30px; 
	line-height: 1.3; 
	/*border-left: 1px solid #eee;*/
	/*min-height:400px;*/
	
}

div#events_container{
	float: left;
	margin-left: 20px;
	width: 413px;
	height:320px;

}
div#news_container{
	float: right;
	margin-left: 10px;
	width: 413px;
	height:320px;

}

div#snippet_container_left{
	float: left;
	width: 413px;
	height:85px;
	padding:10px;

}
div#icon {
	float: left; 
	width: 89px;
	height:85px;

}

div#snippet {
	float: left; 
	width: 300px;
	height:85px;
	padding-left: 10px;

}

div#sidebar {float: left; width: 240px; margin: 20px 0 0 0;}

div#sidebar_random {margin: 30px 0 0 0;}

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

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: 850px; 
	padding: 0 0 0 20px;
}

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

div#appendix {position: relative; background: url(img/content_bg.png) repeat-y; width: 880px; padding: 20px 60px 0 60px; text-align: center;}
div#totop {position: absolute; top: 45px; left: 30px;}

div#social_bookmarks {
	margin:20px 0 0 10px;
	/*clear:both;
	width: 760px; 
	height: 50px;
	margin-right:700px;
	*/
}




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

div#sidebar h4 {font: bold 120% Georgia, Verdana, sans-serif; margin: 15px 0 5px 0;}

div#widget {margin: 0; padding: 0; font-size: 110%;}
div#sidebar a {display: block; padding: 7px 0px; color: #8a8a8a; font: normal 110% Verdana, sans-serif;}

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

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#sidebar ul ul li {border: none; background: none;}
div#sidebar ul ul li:hover {border: none; background: none;}

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,div#texthome a {color: #0572ba;}

div#text a:hover,div#texthome a:hover {color: #0572ba; text-decoration: underline;}

div#text,div#texthome {font-size: 120%;}

div#description h1 a {color: #fff; font: bold 280% Tahoma;}

div#description p {color: #eee; padding: 3px 0; font: normal 180% Tahoma;}

div#text h1, div#texthome h1 {
	margin: 0 0 10px 0;
	font-size:14px ;
	font-family: Tahoma;
	color:#0572BA;
}

div#text h1 a, div#texthome h1 a {
	color: #0572BA;
}

div#text h1 a:hover, div#texthome h1 a:hover {
	color: #CCCCCC; 
	text-decoration: none;
}

div#text h2,div#texthome h2 {font: bold 160% Georgia, Verdana, sans-serif; color: #333; margin: 0 0 10px 0;}

div#text h2.archive-title,div#texthome h2.archive-title {margin: 0px 0px 30px 0px; font: bold 200% Verdana; color: #215c97;}

div#text h3,div#texthome h3 {font: bold 120% Arial, sans-serif; color: #000000; margin: 0 0 5px 0;}

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

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

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 {margin: 5px 0 0 0; color: #666; font: normal 110% Verdana, san-serif;}

p.bottom_navigation {
	float:left;
	color:#FFFFFF;
	text-align: left;
	padding:11px 11px;
	font: bold 11px Verdana, sans-serif;
}

p.bottom_navigation a {
	color:#FFFFFF;
	text-decoration:none;

}
p.bottom_navigation_design {
	float:right;
	color:#FFFFFF;
	text-align: right;
	padding:11px 11px;
	font: bold 11px Verdana, sans-serif;
}

p.bottom_navigation_design a {
	color:#FFFFFF;
	text-decoration:none;
}

div#totop a {color: #215c97; font: bold 140% Verdana; padding: 30px;}
div#totop a:hover {color: #dc143c;}

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


/*        ##################################
           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; height:0px}