/*
Theme Name: SIC-Caucasus 2010 theme
Theme URI: http://sic-caucasus.net/
Description: Theme for the Social Innovation Camp Caucasus 2010
Version: 1.0
Author: Omedia Studio
Author URI: http://omedia.ge/
*/

* {
    padding: 0;
    margin: 0;
}

body {
    font-family: "Segoe UI", "Myriad Pro", Arial, sans-serif;
    font-size: 15px;
    color: #43595f;
    background: #f3f3f3;
    text-align: center;
}

img {
    border: 0 none;
}

a {
    color: #47aabe;
    text-decoration: underline;
}

a:hover {
    color: #8ec318;
    text-decoration: none;
}

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

.clearer {
    display: block;
    clear: both;
}



#wrapper_zero {
    min-width: 1000px;
    background: url(images/bg_tile.png) repeat-y top center;
}

#wrapper_one {
    background: url(images/bg_top.png) no-repeat top center;
}

#wrapper_two {
    background: url(images/bg_bottom.png) no-repeat bottom center;
}


#wrapper {
    min-height:800px;
    height:auto !important;
    width: 1000px;
    margin: 0 auto;
    text-align: left;
}


#header h1 img {
    width: 455px;
    height: 190px;
}


#menu {
    padding-top: 15px;
}

#menu li {
    display: inline;
    padding: 0 13px;
}

#menu li img {
    height: 53px;
    background-image: url(images/menu.png);
    background-repeat: no-repeat;
}

#menu img.about {
    width: 70px;
    background-position: 0 0;
}
#menu a:hover img.about,
#menu a.active img.about {
    background-position: 0 -53px;
}

#menu img.how-it-works {
    width: 152px;
    background-position: -95px 0;
}
#menu a:hover img.how-it-works,
#menu a.active img.how-it-works {
    background-position: -95px -53px;
}

#menu img.examples {
    width: 111px;
    background-position: -273px 0;
}
#menu a:hover img.examples,
#menu a.active img.examples {
    background-position: -273px -53px;
}

#menu img.ideas {
    width: 61px;
    background-position: -410px 0;
}
#menu a:hover img.ideas,
#menu a.active img.ideas {
    background-position: -410px -53px;
}

#menu img.venue {
    width: 73px;
    background-position: -497px 0;
}
#menu a:hover img.venue,
#menu a.active img.venue {
    background-position: -497px -53px;
}

#menu img.contact {
    width: 90px;
    background-position: -596px 0;
}
#menu a:hover img.contact,
#menu a.active img.contact {
    background-position: -596px -53px;
}






#footer {
    margin-top: 30px;
    width: 1000px;
    margin: 0 auto;
    text-align: left;
}

#footer ul.foot_menu {
    float: left;
    padding-bottom: 60px;
    font-size: 1px;
}

#footer ul.foot_menu li {
    display: inline;
    margin: 0 7px;
    font-size: 12px;
}

#footer ul.foot_menu a {
    color: #496269;
}

#footer .foot_logo {
    float: right;
    text-align: right;
    padding-right: 283px;
}

#footer .foot_logo img {
    width: 142px;
    height: 55px;
}

#footer .facebook {
    width: 365px;
    float: right;
    padding-right: 260px;
}

#footer .twitter {
    float: left;
    width: 355px;
    padding-left: 10px;
}

#footer .twitter .twitter_head {
    padding-bottom: 8px;
    padding-top: 12px;
    border-bottom: 4px solid #33ccff;
    margin-bottom: 8px;
}

#footer .twitter .twitter_head img {
    display: block;
}

#footer .twitter ul {
    list-style: none outside none;
}

#footer .twitter li {
    padding-bottom: 8px;
    font-size: 12px;
    color: #777777;
}

#footer .twitter li a {
    color: #777777;
    text-decoration: none;
}

#footer .twitter li a:hover {
    color: #33ccff;
}

#footer .twitter li strong a {
    text-decoration: underline;
}

#footer .twitter li .time {
    font-style: italic;
    color: #b5b5b5;
}

#footer .twitter li .time a {
    color: #b5b5b5;
    text-decoration: none;
}







#content {
    width: 680px;
    padding: 20px 20px 30px 20px;
    float: left;
}

#sidebar {
    width: 278px;
    float: right;
    padding-top: 185px;
}


.sidebar_block {
    text-align: center;
    margin-bottom: 40px;
}

.sidebar_block h4 {
    text-align: left;
    padding-bottom: 15px;
}

.sidebar_block p {
    padding-bottom: 10px;
}

.sidebar_block ul.partners {
    list-style: none outside none;
}

.sidebar_block ul.partners li {
    padding-bottom: 25px;
}

.sidebar_block ul.partners img {
    vertical-align: middle;
}


h2 {
    font-weight: normal;
    color: #547178;
    font-size: 36px;
    padding-bottom: 30px;
}

h2 a {
    color: #48acc0;
    font-size: 28px;
}

.post h2 {
    padding-bottom: 7px;
}

.post small {
    color: #b2b2b2;
    font-size: 14px;
    display: block;
    padding-bottom: 13px;
    padding-left: 2px;
}

.post {
    padding-bottom: 35px;
    line-height: 150%;
}

.post p {
    padding-bottom: 15px;
}

.post ul,
.post ol {
    padding-bottom: 8px;
    margin-left: 40px;
}

.post li {
    padding-bottom: 7px;
}

.post h3 {
    font-weight: normal;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #235175;
    font-size: 20px;
    display: block;
}


.intro {
    padding-bottom: 20px;
}

.intro .intro_text {
    margin-right: 320px;
    padding-right: 15px;
    line-height: 150%;
    font-style: italic;
    padding-top: 13px;
}

.intro .intro_text p {
    padding-bottom: 15px;
}

.intro .intro_video {
    width: 301px;
    float: right;
}

.intro .intro_video span {
    font-size: 12px;
    display: block;
    padding: 15px 0 8px 0;
}


p.indent {
    padding-left: 40px;
    border-bottom: 1px solid #DBE4E6;
    margin-bottom: 15px;
}

p.indent textarea {
    height: 110px;
    width: 450px;
}

p.indent em {
    font-size: 12px;
}

form h3 {
    padding-top: 40px !important;
}

form input,
form textarea {
    padding: 1px 2px 2px 2px;
    font-family: "Segoe UI", "Myriad Pro", Arial, sans-serif;
    font-size: 13px;
    border: 1px solid #577894;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

form .submit {
    background: #577894;
    padding: 2px 10px 4px 10px;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
}

form label {
    margin-right: 15px;
}


.alignleft {
    float: left;
    padding: 3px;
    border: 1px solid silver;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 10px;
}

.alignright {
    float: right;
    padding: 3px;
    border: 1px solid silver;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left: 10px;
}