/*
Theme Name: Sirup
Theme URI: http://1000ff.de/wordpress-theme-sirup/
Description: A simple magazine and blog layout, easy to customize through an options page. Fast loading CSS-only theme with support for Gravatars and Sidebar Widgets. <a href="http://themes.1000ff.de">Working demo</a> / <a href="http://1000ff.de/sirup-faq/">FAQ</a>.
Version: 1.0.3
Tags: options page, magazine, two columns, right sidebar, fixed width, widget ready, simple, white, yellow, clean, valid XHTML
Author: 1000ff
Author URI: http://1000ff.de/
*/

* html {
height:1%;
}

body {
margin-top: 0px;
padding: 0;
color: #000;
/*background-image:url(images/background.png);*/
background-color:#C4CDE0;
font-family: Arial, Sans Serif;
font-size: 10pt;
/*line-height: 18px;*/
margin: 0 auto;
}

#page {
width:900px;
line-height:22px;
height:100%;
background:#FFF;
margin:0 auto;
/*padding:30px;*/
padding-left:0;
padding-right:0;
border-left:1px solid #999;
border-right:1px solid #999;
}

.page_title {
font-family:Arial, Sans Serif;
width:600px;
}

#wrap {
height:100%;
margin-top:10px;
margin-bottom:10px;
padding-right:40px;
padding-left:20px;
padding-bottom:15px;
}

/* header + navigation
--------------------------------------------------*/
#header {
height:140px;
padding:0 0 26px 0;
background-image: url(http://www.gazagateway.org/wp-content/themes/sirup/images/gazagateway-hdr-en.jpg);
background-color:#fff;
background-repeat: no-repeat;
/*background: #fff url(images/header4.jpg) top left no-repeat;*/
/*border-bottom: 1px solid #999999;*/
}

#headerimg {
padding-top:50px;
margin-bottom:-20px;
height:150px;
}

#headerimg h1 {
margin: 14px 0 35px 0;
text-align:center;
font-variant:small-caps;
}

#headerimg  a {
font-family: Trebuchet MS, Arial, Sans Serif;
font-size:26pt;
font-weight:bold;
padding:1px 3px;
color:#78c583;
}

#headerimg h1 a:hover {
color:#78c583;
}
.page_title {
font-family: Arial, Sans Serif;
width:600px;
}

#navi2 {
margin:0px 0px 10px 10px;
padding:0;
float:left;
}

#navi2 a {
font-family:arial;
font-size:12pt;
font-weight:bold;
color: #000;
/*padding: 1px 3px;*/
}

#navi2 a:hover {
color: #a0410d;
border-bottom:none;
}

#navi3 {
margin:0px 0 10px 300px;
padding:0;
float:left;
}

#navi3 li {padding-right:0px;}

#navi3 a {
font-family:arial;
font-size:12pt;
font-weight:bold;
color: #000;
/*padding: 1px 3px;*/
}

#navi3 a:hover {
color: #a0410d;
border-bottom:none;
}

.description {
font-family:Trebuchet MS, Arial, Sans Serif;
font-size:13pt;
text-align:center;
/*font-weight:bold;*/
margin:0;
margin-top:-25px;
padding:0;
color:#5a8974;
font-weight:bold;
}

#nav {
padding:0;
/*padding-top:150px !important;*/
/*padding-top:170px;*/
/*float:right;*/
/*margin-top:10px;*/
height:40px;
padding-left:12px;
}

#nav li {
float:right;
list-style:none;
margin:0 20px 0 0;
}

.clear {
clear:both;
}

/* colors (#37604b = yellow || #000 = black)
--------------------------------------------------*/
a {
text-decoration:none;
}

#content h1,h2,h3,h4 {
font-family:arial;
}

#content h1 a{
color:#E07007;
line-height:22px;
padding:1px 3px;
font-size:13pt;
}

#content h1 a:hover{
color:#E07007;
border-bottom:none;
}

#content h2 a,h3 a,h4 a {
line-height:20px;
padding:1px 3px;
}

/*body a,h3 a:hover,.navigation a:hover {
color:#fff;
background:#8cc63f;
}*/

body a {
color:#37604b;
font-weight:bold;
background-color:none;
}

body a:hover,#content h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover{
color:#37604b;
border-bottom:1px dashed #37604b;
}

img {border-bottom:none;}
body h3 a {
color:#37604b;
}

.postmetadata, small{
margin-bottom:50px;
font-size:8pt;
}


/* h3 colors, somehow needed
--------------------------------------------------*/
h3 a {
color: #790000;
}

h3 a:hover {
color: #a0410d;
}



/* sidebar
--------------------------------------------------*/
#sidebar {
float:right;
/*width:180px;*/
height:100%;

border:1px solid #999;
margin: 5px -20px 5px 5px;
padding:10px;
width:200px;
}

#sidebar ul li{
list-style:square;
font-size:10pt;
margin-left:-10px}

li {
list-style:none;
font-size:10pt;
font-weight:normal;
}

#sidebar ul li  a,#sidebar ul li  a:visited{
color:#790000;
font-weight:normal;
}

#sidebar ul li  a:hover{
color:#a0410d;
border-bottom:1px dashed #37604b;
}

#sidebar h3 {
margin-top:20px;
font-size:12pt;
font-weight:bold;
color:#000;
/*border-bottom:1px solid #999;*/
/*font-weight:normal;*/
}

#sidebar p {
text-align:justify;
font-size:10pt;
}
/* frontpage
--------------------------------------------------*/
.feature {
/*background-image:url(images/background.png);
background-repeat:repeat;*/
background-color:#fcecb7;
border:1px solid #ffaa5b;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
float:left;
width:375px;
margin:0 10px 30px 0;
padding:20px;
font-size:10pt;
}


.feature h1 {
margin-top:5px;
}

.feature p {
/*text-align:justify;*/

}

.feature img {
/*border:5px solid #37604b;*/
padding:0;
}

.feature2 {
/*background-image:url(images/background.png);
background-repeat:repeat;*/
background-color:#fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
float:left;
width:370px;
margin:0 10px 30px 0;
padding:20px;
font-size:10pt;
}


.feature2 h1 {
margin-top:5px;
}

.feature2 p {
/*text-align:justify;*/

}

.feature2 img {
border:5px solid #37604b;
padding:0;
}


#leadpic {
float:left;
margin:0 15px 6px 0;
}

#frontpage {
width:850px;
float:left;
margin-top:50px;
padding:0;
}

#frontpage h2 {
font-size:12pt;
}

div #morearticles ul li a {
color:#E07007;
}

div #morecharts a, #morecharts a:hover, #morecharts a:visited{
font-size:8pt;
font-weight:normal;
text-align:right;
}

.frontcol img {
float:left;
/*border:5px solid #e9e9e9;*/
display:block;
background:transparent;
margin:3px 10px 0 0;
padding:0;
border:none;
}

.frontcol img:hover {
float:left;
/*border:5px solid #37604b;*/
display:block;
margin:3px 10px 0 0;
}

.frontcol {
width:375px;
float:right;
padding-right:30px;
/*text-align:justify;*/
/*font-size:10pt;*/
}

.frontcol p {
font-size:10pt;
}

.feature h1 {
font-size:14pt;
}


.frontcol h3 {
font-size:10pt;
color: #999999;
font-weight:normal;
border-bottom:1px solid #999999;
}

.frontcol h3 a, a:visited{
color:#999999;
font-weight:normal;
}

.frontcol h3 a:hover {
font-weight:normal;
color:#999999;
/*border-bottom:1px dashed #999999;*/
}

.frontcol h2 {
font-size:12pt;
}

.frontcol h2 a:hover {
font-weight:bold;
color:#a0410d;
/*border-bottom:1px dashed #37604b;*/
}


.frontcol h2 a, a:visited{
font-weight:bold;
color:#790000;
background-color:fff;

}

.frontcol p {

}

.clearfloat {
display:block;
padding:0 0 0 0;
/*border-bottom: dotted 1px #37604b;*/
}

Float Properties
.clearfloat:after {
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}

.box-left {
/*background-image:url(images/background.png);
background-repeat:repeat;*/
background-color:#fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
float:right;
width:390px;
margin:0 0 20px 10px;
padding:10px 20px;
/**/
}

.box-left h2 {
margin-top:15px;
}

.box-right {
/*background-image:url(images/background.png);
background-repeat:repeat;*/
background-color:#fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
float:left;
width:350px;
margin:0 10px 20px 0;
padding:10px 20px;
/**/
}

.box-right h2 {
margin:15px 0;
}

/* search
--------------------------------------------------*/
#s {
font-family:arial, sans serif;
width:160px;
/*background-image:url(images/background-search.png);
background-repeat:repeat;*/
background-color:#dfe4ee;
border:1px solid #AFAFAF;
margin-top:3px;
padding:4px;
}

/* comments
--------------------------------------------------*/
#comments,#respond {
width:590px;
}

.commentlist {
line-height:150%;
width:590px;
margin:0;
padding:0;
}

.commentlist li {
/*background-image:url(images/background.png);
background-repeat:repeat;*/
background-color:#dfe4ee;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
list-style:none;
width:590px;
float:left;
margin:0 0 30px 0;
padding:20px;
}

.comment-btm {
padding:100px 20px;
}

.commentlist cite,.commentlist cite a,.commentlist cite a:visited {
font-style:normal;
}

.commentlist small {
margin-bottom:5px;
display:block;
font-size:87%;
}

#commentform {
margin-top:10px;
font:110%;
width:590px;
}

#commentform p {
margin:0;
padding:6px 0;
font-size: 10pt;
}

#commentform input {
width:250px;
background:#ecf7ed;
border:1px solid #AFAFAF;
margin-top:3px;
font-family:arial;
padding:4px;
}

#commentform textarea {
width:500px;
height:150px;
background:#ecf7ed;
border:1px solid #AFAFAF;
margin-top:3px;
font-family:arial;
line-height:1.5;
padding:4px;
}

#commentform textarea:focus,#commentform input[type="text"]:focus {
background:#fff;
}

#commentform #submit {
background:#37604B;
border:1px solid #AFAFAF;
font:10pt arial;
color:#fff;
float:left;
width:100px;
height:28px;
cursor:pointer;
}

#gravatar {
width:400px;
}

#gravatar img {
float:left;
margin-right:10px;
}

/* previous + next links
--------------------------------------------------*/
.navigation {
width:600px;
padding-bottom:15px;
height:20px;
}

.navigation a {
color:#790000;
background:#000;
padding:1px 3px;
}

/* wp-stuff
--------------------------------------------------*/
.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding-top:4px;
optionalroundedcornersforbrowsersthatsupportit-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin:10px;
}

.wp-caption img {
border:0 none;
margin:0;
padding:0;
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 0 5px 4px;
text-align:center;
}

.aligncenter,div.aligncenter {
display:block;
margin-right:auto;
margin-left:auto;
}

/* footer
--------------------------------------------------*/
#footer {
clear:both;
margin-top:30px;
padding: 20px 20px 0 20px;
/*margin-bottom:10px;*/
font-size:8pt;
height:180px;
font-weight:bold;
}

#footer p a, a:visited {
color:#37604b;
background:transparent;
}

#footer p a:hover{
color:#37604b;
border-bottom:1px dashed #37604b;
}
/* posts
--------------------------------------------------*/
.post,.entry {
width:600px;
font-size:10pt;
}

.post h2 {
font-size:12pt;
}

.post h2 a {
color:#790000;
}

.post h2 a:hover {
color:#a0410d;
border-bottom:1px dashed #a0410d;
}

.post li {
font-size:10pt;
}
.entry p {

text-align:justify;
}

.post-edit-link a{
font-size:10pt;
}

.left,.alignleft {
float:right;
}

.right,.alignright {
float:right;
}

.pagetitle {
font-size:12pt;
font-weight:bold;
}

/* ****PHP LIST *** */

.phplist label { font-size:10pt;margin:10px;}
.phplist input { background:#dfe4ee none repeat scroll 0 0;border:1px solid #AFAFAF;font-size:10pt;}
#contactsubmit { background:#37604b none repeat scroll 0 0;border:1px solid #AFAFAF;color:#fff;font-family:arial;font-size:10pt;margin-top:2px;padding:2px;}


/* SHARON */
.box-grey-r {
width:400px;
height:490px;
background:#fff;
margin-bottom:10px;
padding:10px 10px 10px 10px;
border: 1px solid #E1E1E1;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
}

.box-grey-r p {font-size:10pt;}
.box-grey-r h2 {font-size:12pt;}

.box-grey {
width:375px;
height:100%;
background:#fff;
margin-bottom:10px;
padding:10px 10px 10px 10px;
border: 1px solid #E1E1E1;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
}

.box-grey p {font-size:10pt;padding-left:10px;}
.box-grey h2 {font-size:10pt;}
.more-posts {margin-bottom:10px;margin-top:10px;border-top: 1px solid #e1e1e1;}


.box-grey-r2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #E1E1E1;
height:100%;
margin-bottom:10px;
padding:10px;
width:400px;
}
.box-grey-r2 p {
font-size:10pt;
}
.box-grey-r2 h2 {
font-size:12pt;
}

.box-featured {
width:375px;
height:100%;
background:#eee;
margin-bottom:10px;
padding:10px 10px 10px 10px;
border: 1px solid #E1E1E1;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
}

.box-featured p {font-size:10pt;}

.frontcol-l img {
float:left;
/*border:5px solid #e9e9e9;*/
display:block;
background:transparent;
margin:3px 10px 0 0;
padding:0;
border:none;
}

.frontcol-l img:hover {
float:left;
/*border:5px solid #37604b;*/
display:block;
margin:3px 10px 0 0;
}

.frontcol-l {
width:375px;
float:left;
padding-right:30px;
/*text-align:justify;*/
/*font-size:10pt;*/
}

.frontcol-l p {
/*font-size:10pt;*/
}

.frontcol-l h3 {
font-size:10pt;
color: #999999;
font-weight:normal;
border-bottom:1px solid #999999;
}

.frontcol-l h3 a, a:visited{
color:#999999;
font-weight:normal;
}

.frontcol-l h3 a:hover {
font-weight:normal;
color:#999999;
/*border-bottom:1px dashed #999999;*/
}

.frontcol-l h2 {
font-size:12pt;
}

.frontcol-l h2 a:hover {
font-weight:bold;
color:#a0410d;
border-bottom:1px dashed #a0410d;
}


.frontcol-l h2 a, a:visited{
font-weight:bold;
color:#790000;
background-color:fff;

}

/*.frontcol-l p {}*/

.box-grey h3 {
font-size:12pt;
font-weight:bold;
color:#790000;
background:#fff;
margin: 0;
padding:10px;
border-bottom:none;
}

.box-grey-r h3, .box-grey-r2 h3, .box-grey h3 {
font-size:12pt;
font-weight:bold;
color:#790000;
background:#fff;
margin: 0;
padding:10px;
border-bottom:none;
}

#content {margin-bottom:10px;}

.feat {font-size:20pt;}

.posttitle {color:#770000;}