/*
Theme Name: BlueBubble
Theme URI: http://www.thomasveit.com/bluebubble-free-premium-wordpress-portfolio-theme/
Description: Minimal & Elegant Portfolio Theme
Version: 1.1
Author: Thomas Veit
Author URI: http://www.thomasveit.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-3.0.html
*/



/* basics */

body { font-family: verdana, arial, tahoma, sans-serif; font-size: 12px; margin:20px; background:url(images/bg.jpg) #f3f8fe 0 0 no-repeat; }
h1 { font-size: 26px; line-height: 42px; }
h2 { font-size: 18px; text-transform: uppercase; }
h3 { font-size: 12px; text-transform: uppercase; }
h4 { font-size: 10px; text-transform: uppercase; }
img { border: none; padding:0; }
img a { border:none; }
img.left { float: left; border: none; padding: 6px 0 0 0; }
img.right { float: right; border: none; padding: 0 0 0 6px; }
blockquote { border-left:1px solid #333333; margin-left:15px; padding:0 12px 0 12px; }
code { font-family:"Courier New", Courier, monospace; }
/* links */

a { text-decoration:none; outline: none; }
a:hover { text-decoration: underline; }
#sidebar ul li a { display: block; text-decoration: none; font-weight:bold; }
#sidebar ul li a:hover { color:#0ab9e5; }
.page_item a{color: #333333; }
.current_page_item a{ color:#0ab9e5;}
/* container */


#container { width: 960px; margin: 0 auto; padding:0;  color:#333; overflow: hidden; }
/* header */

#header {  width: 960px; height: 100px; color: #fff; }
#header h1 { font:normal 20px georgia, times; padding:20px 0 0 16px; margin:0; }
#header h1 a { color: #404040; text-decoration: none; }
#header h1 a:hover { color: #666; text-decoration: none; }
#header h2 { font:normal 10px georgia, times; color:#333; padding: 0 0 0 18px; margin:0; }
/* content */


#content { float: right; width:700px; overflow: hidden; }
.box { width: 310px; height: 150px; border: 1px solid #CCCCCC; margin-bottom: 10px; background: url(images/loader.gif) center center no-repeat; }
.post { margin:15px 0 0 0; border-left: 1px dotted #CCCCCC; padding:0 15px 15px; line-height: 18px; float: left; width: 312px; overflow: hidden; }
.boxsingle { width: 657px; height: 318px; border: 1px solid #CCCCCC; margin-bottom: 10px; background: url(images/loader.gif) center center no-repeat; background-color:#FFF; }
.postsingle { margin:0 0 30px 0; padding:0; line-height: 20px; width: 657px; }
.post h2, .post h3 { font:bold 26px; text-transform: uppercase; }
.post h3 a, .postsingle h3 a, .post h2 a, .postsingle h2 a { color: #333333; text-decoration: none; }
.post h3 a:hover, .postsingle h3 a:hover , .post h2 a:hover, .postsingle h2 a:hover { color: #777; text-decoration: none; }
.postsingle h1 { font:bold; text-transform: uppercase; line-height: 42px; display: block; border-bottom: 1px dotted #333333; }
.postsingle h1 a { color: #333333; text-decoration: none; font-size: 26px; }
postsingle h1 a:hover { color: #777; text-decoration: none; }
.post ul { }
.post li { }
.entry p { }
.postmetadata { clear: both; padding:6px; margin: 10px 0; color: #000000; background: #EFEFEF; }
.navigation { font-weight:bold; font-size:14px; width:640px; float:left; margin:-30px 0 0 0; padding:10px; overflow:hidden; position:absolute; z-index:11; }
.alignright a, .alignleft a { color:#333333; text-decoration:none;}
.alignright a:hover, .alignleft a:hover { text-decoration:underline;}
hr { margin: 20px 0 20px 0; }
#sidebar hr { border: none 0; border-top: 1px dotted #B3E2FD; height: 1px; }
ul, ol { margin-left: 30px; }
#projectdetails a { background:url(images/readmore.png)0 0 no-repeat; width:133px; height:46px; display:block; text-indent:-9999px;}
/* sidebar */

#sidebar { font-family: verdana, arial, tahoma; font-size:12px; width:210px; float:left; margin:0; padding: 0; line-height: 20px; }
#sidebar div {  }
#sidebar h2 { font:normal 12px verdana, arial, tahoma; color: #333333; margin: 0; padding: 0; line-height: 20px; }
#sidebar label { font:normal 11px verdana, arial, tahoma; color: #000; margin: 0; padding: 0; }
#sidebar p { margin:0; padding:0; }
#sidebar img { padding: 0; margin: 0; }
#sidebar ul { margin:0px 0 15px 0; padding:0; display: block; width:100%; }
#sidebar ul li { margin: 0; padding: 0 0 0 15px; line-height: 30px; list-style-type: none; display: block; width: 100%; border-bottom: 1px dotted #b3e2fd; background:url(images/listBG.gif) 0 11px no-repeat; }
#sidebar ul ul { margin:14px 0; padding:0; }
#sidebar ul ul li { list-style-type: none; }
#sidebar ul ul ul { margin: 0; padding: 0; }
#sidebar ul ul ul li { padding: 0 0 0 15px; list-style-type: square; color: #898989; }
#sidebar input, #sidebar textarea { margin-bottom: 5px;}
#message, #emailTo, #fromName { width:200px; background:#d4f0ff; border-style:none none dashed; padding:10px;}
#emailme { margin:0 0 0 8px;}
#emailmebtn { background:url(images/submit.png) 0 0 no-repeat; width:107px; height:52px; border:none; text-indent:-9999px; cursor:pointer;}
textarea#message { font: verdana, arial, tahoma, sans-serif; }
.getintouch { background:url(images/getintouch.png) 0 0 no-repeat; width:239px; height:56px; text-indent:-9999px;}
/* comments */

input, textarea { border: 1px solid #CCCCCC; padding: 2px; font-family: verdana, arial, tahoma, sans-serif; font-size: 11px; }
#searchsubmit:hover { cursor: pointer; background: #CCCCCC; }
.commentlist { width: 600px; }
#commentform { background: #EFEFEF; padding: 20px; width: 617px; /* because of 20px padding */ }
#commentform textarea { font-family: verdana, arial, tahoma, sans-serif; font-size: 11px; width: 500px; padding: 2px; }
#commentform input { width: 230px; height:15px; padding: 2px; }
#commentform p { margin-bottom: 7px; }
input#submit { height:27px; background: #FFFFFF; padding: 3px; margin-top: 7px; }
input#submit:hover { cursor: pointer; background: #CCCCCC; padding: 3px; }
.text { border-bottom: 1px dotted #CCCCCC; margin: 10px 0 10px 0; padding: 0 0 15px 0; }
.text p { line-height: 17px; padding: 0px 15px; color: #333333; }
.avatar_ { float: left; margin: 0 10px 0 0; }
.avatar_admincomment { float: left; margin: 0; }
.avatar img { border: 1px solid #CCCCCC; }
.commenttext { float: right; width: 500px; background: #EFEFEF; padding: 10px; }
.clearfix { clear: both; }
.commentlist blockquote { border-left:1px dotted #333333; margin-left:20px; padding:0 12px 0 0px; margin-bottom: 10px; }
/* misc */

img.centered { display: block; margin-left: auto; margin-right: auto; padding: 0px; border: 1px solid #CCCCCC; }
img.alignright { padding: 0px; margin: 0 0 2px 14px; display: inline; border: 1px solid #CCCCCC; }
img.alignleft { padding: 0px; margin: 0 14px 2px 0; display: inline; border: 1px solid #CCCCCC; }
.alignright { float: right; }
.alignleft { float: left }
.wp-capxion { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* opxional rounded corners for browsers that support it */
   -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-capxion img { margin: 0; padding: 0; border: 0 none; }
.wp-capxion p.wp-capxion-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }