/*
Theme Name: simpleX
Theme URI: http://www.wpshoppe.com/themes/
Description: <strong>Simple and Clean</strong> WordPress Blog Theme designed by <a href="http://www.wpshoppe.com">WPshoppe</a>! Now with <strong>Theme Options</strong> to choose different color combinations.
Version: 1.3
Author: Chandra Maharzan
Author URI: http://www.wpshoppe.com/about/
Tags: custom-colors, custom-header, fixed-width, two-columns, black, silver, light, theme-options, right-sidebar, threaded-comments

	Development Log
	===============================================================
	Nov 5, 2008 - 1.0.1 Works in Firefox, Chrome. Few IE Bugs
	Nov 6, 2008 - 1.0.2 Works in IE6, IE7, Firefox 2+, Chrome 0.3
	Nov 6, 2008 - 1.0.3 Sidebar CSS fixes
	Nov 6, 2008 - 1.0.4 Icons added to sidebar
	Nov 7, 2008 - 1.0.5 Single Page Templates customized
	Nov 8, 2008 - 1.0.6 Flickr Badge (from widget) added / CSS
	Nov 9, 2008 - 1.0.7 Comments section CSS
	Nov 9, 2008 - 1.0.8 Footer / RSS beautified!
	Nov 10, 2008 - 1.0.9 Sidebar CSS / Calendar fixed
	Nov 12, 2008 - 1.1 Multi-level menus fixed
	Nov 13, 2008 - 1.1.1 CSS Fixed
	Nov 26, 2008 - 1.1.2 Index Page Link Fixed
	Dec 2, 2008 - 1.1.3	Various CSS Issues Fixed
	Dec 7, 2008 - 1.2 Theme Options / Various CSS Themes, Organized CSS files, Better user interface, Better Typography
	Dec 8, 2008 - 1.2.1 Properly CSS Organized, Valid xHTML/CSS, Tested with IE6, IE7, IE8 Beta 2, FF2, FF3, Chrome 0.4, Safari 3.2.1
	Dec 20, 2008 - 1.3 Compatible with WordPress 2.7, Commented Thread Styles
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/**** case study ****/

.casestudy_desc{
float:left;
width: 400px;
margin-right: 25px;
}

.casestudy_desc .entry{
margin-top:20px;
}

.casestudy_desc .launch {
color:#2B2924;
font-size:1.2em;
letter-spacing:0.2em;
text-decoration:none;
text-transform:uppercase;
}

.casestudy_desc .launch:hover {
color:#cccccc;
}

.casestudy_desc .launch span.plus {
color:#00AAC1;
}

.testimonial{
font-size:1.2em;
line-height:1.4em;
margin-bottom:40px;
}

.testimonial p{
font-size:1em!important;
margin-top:10px;
}

.more{
background-color:#44bbff;
color:#FFFFFF;
font-size:130%;
margin-top:20px;
padding:7px 10px;
text-decoration:none;
}

.more:hover{
background-color:#00AAC1;
}

.casestudy_img{
border:none;
float:left;
width:320px;
margin-bottom:40px;
}

.main_pic{
width:320px;
height:268px;
}

.sub_pic{
float:left;
height:128px;
margin-top:8px;
width:156px;
}



/**** Case Study Contact Form ***/

.casestudy_form{
background:url(/images/bg_form.jpg) no-repeat;
height:203px;
margin-top:50px;
padding:20px 0 0 40px;
width:747px;
}

#wpcf7-f2-p235-o1 h3{
color:#FFFFFF;
font-size:300%;
margin-bottom:15px;
text-shadow:1px 1px 2px #999999;
}

.casestudy_form div{
float:left;
margin-right:25px;
}

.btn_contact{
    border: none;
    background: url('/images/btn_form.jpg') no-repeat top left;
    width:118px;
    height:33px;
    padding: 2px 8px;
    margin-top:10px;
}
.btn_contact:hover {
    color:#00aac1;
}



/**** navigation ****/

.projects .navigation{
margin-left:25px;
}

.projects .navigation .alignleft a, .projects .navigation .alignright a{
color:#606269;
font-size:1.2em;
text-decoration:none;
text-transform:uppercase;
}

.projects .navigation .alignleft a:hover, .projects .navigation .alignright a:hover{
color: #00aac1;
}


/*** Twitter ***/
#twitter_update_list{
list-style-image:url(/images/news_icon.gif);
}
#twitter_update_list li{
margin:10px 0;
font-weight: bold;
font-size: 120%;
}
#twitter_update_list li a{
color:#2B2924;
text-decoration:none;
background-color:#ffffff;
}
#twitter_update_list li a:hover{
color:#cccccc;
}



/*** Contact form (new) ****/

#wpcf7-f1-p9-o1 {
margin-left: 50px;
padding:0;
width:500px;
}

#wpcf7-f1-p9-o1 p{
margin-bottom:20px;
}



/*** IE hack ****/

* html .casestudy_desc{
float:left;
width: 300px;
margin-right: 20px;
}

div.projects div.project p,div.projects div.project h4{
z-index:100;
left:0;
}