/*
Theme Name: Nice-Orange
Author:Mourad-Nassiri
Author URI: http://www.marokkanische-kueche.de

*/

@media print  {
/***************** CSS For TAB Content *******************/
.tabcontent {
display:block !important;
}
}

* {
font-family:Arial, "Trebuchet MS";
font-size:1em;
color:#000;
outline:0;
border:0 none;
text-decoration:none;
white-space:normal;
vertical-align:baseline;
margin:0;
padding:0;
}

html,body {
line-height:2;
}

hr {
display:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:'';
}

blockquote,q {
quotes:"" "";
}

ul {
list-style-type:none;
}

ol {
list-style-type:decimal;
}

.clear {
clear:both;
}

/***************************************************/
body {
background:#FDFDFD url(images/bg.jpg) repeat-x top;
text-align:center;
font-size:0.75em;
}

#container {
width:980px;
margin-right:auto;
margin-left:auto;
text-align:left;
}

#header {
width:980px;
height:160px;
}

/***************************************************/
#pagenav {
float:left;
width:627px;
height:45px;
color:#fff;
}

#pagenav ul {
float:left;
padding-top:15px;
padding-left:20px;
height:30px;
}

#pagenav ul li {
float:left;
height:30px;
text-align:center;
margin-right:1px;
font-size:1.2em;
}

#pagenav ul li a {
float:left;
display:block;
padding-left:20px;
padding-right:20px;
line-height:30px;
height:30px;
letter-spacing:-1px;
color:#fff;
font-weight:700;
}

/***************************************************/
#searchform {
float:left;
width:333px;
height:50px;
margin-right:20px;
}

#searchform form {
float:right;
display:inline;
width:333px;
height:50px;
}

#searchform fieldset {
float:right;
display:inline;
padding-top:10px;
height:40px;
}

#searchform label {
vertical-align:middle;
color:#fff;
font-weight:700;
}

#searchinput {
width:160px;
border:1px solid #ddd;
color:#999;
padding:2px 4px;
}

#searchbutton {
line-height:1.8em;
font-weight:700;
background:#333;
color:#fff;
text-align:center;
cursor:pointer;
}

#searchbutton:hover {
background:#333;
color:#fff;
}

/**************************************************
 Search form CSS */
form#srcform {
background:#EEE;
padding:10px;
}

form#srcform input {
vertical-align:middle;
}

form#srcform #srcinput {
width:225px;
background:#FFF;
color:#333;
font-weight:400;
border:1px solid #ddd;
padding:4px;
}

form#srcform #srcbutton {
width:50px;
background:#aaa;
color:#FFF;
font-weight:700;
text-align:center;
cursor:pointer;
padding:2px;
}

/***************************************************/
#logo {
float:left;
display:inline;
margin-top:50px;
margin-left:20px;
margin-right:20px;
padding-right:40px;
padding-left:40px;
border-right:1px solid #9ec2cb;
background:url(images/logo.png) no-repeat;
background-position:left 5px;
}

#logo h1 {
padding-top:9px;
font-weight:700;
letter-spacing:-2px;
}

#logo h1 a {
font-weight:700;
letter-spacing:-1px;
color:#FFF;
font-size:1.8em;
}

#logo h1 a:hover {
color:#FFF;
}

#logo .description {
color:#FC3;
line-height:1.4em;
}

#about {
float:right;
color:#FFF;
display:inline;
margin-top:50px;
margin-right:50px;
width:500px;
}

#about span {
clear:both;
display:block;
font-size:14px;
font-weight:700;
text-decoration:none;
line-height:1em;
}

#about a {
font-size:12px;
line-height:0.5em;
text-transform:uppercase;
}

/***************************************************/
#column {
float:left;
width:540px;
margin-right:20px;
}

.post {
margin-top:20px;
background:#FFF;
border:1px solid #dceaef;
}

.entry {
background:#FFF;
display:block;
}

.entry h2 {
padding-left:15px;
padding-right:15px;
padding-top:5px;
font-size:1.8em;
line-height:1.4em;
font-weight:400;
letter-spacing:-1px;
font-family:georgia;
color:#F58220;
}

.entry .date {
display:block;
margin-left:15px;
margin-right:15px;
color:#999;
padding-bottom:5px;
font-size:0.9em;
}

/********* CSS For Post Info Below Header ***************/
.info {
background:#DEDFE0;
border-top:1px dotted #ddd;
border-bottom:1px dotted #ddd;
padding-left:15px;
padding-right:15px;
font-size:0.9em;
color:#F58220;
}

.info .cat {
float:left;
color:#F58220;
}

.info .comments {
float:right;
}

.info .cat a {
line-height:26px;
background:url(images/ico-cat.png) no-repeat;
background-position:left center;
padding-top:1px;
padding-bottom:1px;
padding-left:20px;
}

.info .comments a {
line-height:26px;
background:url(images/ico-comments.png) no-repeat;
background-position:left center;
padding-top:1px;
padding-bottom:1px;
padding-left:20px;
color:#F58220;
}

/********* CSS For Article CONTENT ***************/
.content {
display:block;
overflow:hidden;
color:#000;
padding:15px 15px 1px;
}

.content h1,.content h2,.content h3,.content h4,.content h5,.content h6 {
line-height:1.5em;
margin:0 0 5px;
padding:0;
}

.content h1 {
font-size:2em;
font-weight:400;
font-family:georgia;
}

.content h3 {
font-size:1.4em;
}

.content p {
line-height:1.5em;
margin:0 0 10px;
padding:0;
}

.content .more-link {
font-weight:700;
text-transform:uppercase;
display:block;
}

/* CSS for UL/OL lists */
.content ol {
padding-left:20px;
margin:5px 5px 20px;
}

.content ul {
margin:5px 5px 20px;
}

.content ol li {
line-height:1.5em;
color:#333;
margin-bottom:5px;
}

.content ul li {
line-height:1.5em;
color:#333;
background:url(images/bullet.gif) no-repeat;
background-position:left 6px;
padding-left:20px;
margin-bottom:5px;
}

/* End CSS for UL/OL lists 
 Additional post tags */
blockquote {
background:#f7fcea url(images/blockquote.gif) no-repeat;
background-position:8px 8px;
margin-bottom:15px;
padding:10px 10px 10px 40px;
}

del {
text-decoration:line-through;
}

code {
color:#333;
font-family:verdana;
background:#eee;
}

/* Thanks! */
.tags {
border-top:1px solid #ddd;
font-weight:700;
line-height:2em;
color:#bbb;
padding-left:15px;
padding-right:15px;
text-align:right;
font-size:0.9em;
}

.tags a {
font-weight:400;
color:#333;
text-transform:lowercase;
}

.tags a:hover {
color:#ff9600;
}

.follow {
border:1px dotted #ccc;
font-weight:700;
margin:10px 15px;
padding:10px;
}

.follow a {
font-weight:700;
background:url(images/rss.png) no-repeat;
background-position:left center;
padding-left:20px;
}

.state {
margin-left:15px;
margin-bottom:15px;
line-height:1.5em;
}

.state a {
line-height:1.5em;
}

/***************************************************/
.navigation {
padding-top:10px;
padding-right:5px;
padding-left:5px;
line-height:1em;
text-transform:uppercase;
font-weight:700;
}

.navigation a {
color:#FC3;
}

.navleft {
float:left;
width:48%;
}

.navright {
float:right;
width:48%;
text-align:right;
}

/***************************************************/
.alignleft {
float:left;
overflow:hidden;
display:inline;
margin-right:10px;
margin-bottom:4px;
}

.alignright {
float:right;
overflow:hidden;
display:inline;
margin-left:10px;
margin-bottom:4px;
}

p.wp-caption-text {
color:#999;
margin:0;
padding:3px;
}

/***************************************************/
#sidebar {
float:left;
width:420px;
}

/***************************************************/
.box {
width:420px;
}

.box h2 {
margin-top:20px;
display:block;
background:url(images/header.jpg) repeat-x;
color:#fff;
font-size:1.1em;
font-weight:700;
text-indent:10px;
height:22px;
line-height:22px;
}

/***************************************************/
.ads {
border:1px solid #dae7ec;
background:#FFF;
text-align:center;
padding:10px;
}

.ads ul li {
float:left;
display:inline;
width:125px;
height:125px;
margin-left:5px;
margin-right:2px;
}

.bk ul li {
float:left;
display:inline;
width:32px;
height:32px;
margin-left:5px;
margin-right:2px;
}

.rssfeed {
line-height:1.4em;
background:url(images/bullet.png) no-repeat;
background-position:left 5px;
padding-left:12px;
margin-bottom:5px;
}

.rssfeedlinks {
padding-top:5px;
padding-bottom:5px;
margin-bottom:10px;
border-bottom:1px dotted #ddd;
}

.rssfeedlinks a {
float:left;
font-weight:700;
background:url(images/rss.png) no-repeat left;
padding-left:22px;
line-height:1.5em;
color:#366799;
margin-right:40px;
}

.rssfeedlinks a:hover {
color:#408ddb;
line-height:1.5em;
}

#rssinput {
width:200px;
padding-left:4px;
padding-top:1px;
padding-bottom:1px;
background:#FFF;
border:1px solid #333;
}

#rssinput:hover {
background:#fff;
border:1px solid #333;
}

#rssbutton {
background:#333;
color:#fff;
border:1px solid #333;
cursor:pointer;
font-weight:700;
}

/***************************************************/
.tabs {
margin-top:20px;
width:420px;
overflow:hidden;
}

.tabs li {
float:left;
display:inline;
margin-right:5px;
text-align:center;
overflow:hidden;
}

.tabs li a {
float:left;
display:block;
color:#FFF;
font-weight:700;
padding-left:20px;
padding-right:20px;
line-height:22px;
height:22px;
background:#C73E14;
}

.tabs li a:hover {
display:block;
background:#FC3;
}

.tabs li a.selected {
display:block;
color:#333;
background:#fff;
border-left:1px solid #dae7ec;
border-top:1px solid #dae7ec;
border-right:1px solid #dae7ec;
}

.tabs li a.selected:hover {
display:block;
color:#333;
background:#fff;
}

/***************** CSS For TAB Content *******************/
.tabcontent {
display:none;
background:#fff;
border:1px solid #dae7ec;
border-top:0;
overflow:hidden;
padding:15px 10px 5px;
}

.tabcontent a,.tabcontent a strong {
color:#333;
line-height:1.4em;
}

.tabcontent ul li {
display:block;
background:url(images/bullet.png) no-repeat;
background-position:left 6px;
border-bottom:1px dotted #eee;
padding-bottom:3px;
margin-bottom:3px;
padding-left:17px;
color:#999;
line-height:1.4em;
}

.tabcontent ul li a {
color:#F58220;
line-height:1.4em;
}

.tabcontent ul li span {
display:block;
color:#999;
}

/***************************************************/
.sidebar {
float:left;
width:180px;
margin-right:10px;
}

.sidebar a {
color:#366799;
}

.sidebar ul li h2 {
margin-top:20px;
display:block;
width:180px;
height:22px;
background:url(images/header.gif) repeat-x;
color:#333;
line-height:22px;
font-weight:700;
text-indent:10px;
}

.sidebar ul li div {
border:1px solid #bfe3eb;
background:#FFF;
line-height:1.4em;
padding:10px;
}

/***********************************************/
.sidebar ul ul {
border:1px solid #bfe3eb;
background:#FFF;
padding:10px;
}

.sidebar ul ul ul {
border:0;
background:#FFF;
padding:0;
}

.sidebar ul li ul li {
display:block;
background:url(images/bullet.png) no-repeat;
background-position:left 9px;
border-bottom:1px dotted #eee;
padding-left:17px;
padding-top:3px;
padding-bottom:3px;
}

.sidebar ul li ul li a {
color:#366799;
line-height:1.4em;
}

/***************************************************/
#footer {
margin-top:20px;
width:100%;
background:#C73E14;
border-top:5px solid #e4ecee;
padding-top:15px;
padding-bottom:15px;
}

#footercontent {
width:980px;
height:40px;
margin-right:auto;
margin-left:auto;
}

#footercontent ul {
float:left;
margin-bottom:10px;
}

#footercontent ul li {
float:left;
margin-right:20px;
padding-right:20px;
border-right:1px dotted #ddd;
line-height:1.5em;
}

#footercontent ul li a {
float:left;
display:block;
color:#fff;
font-weight:700;
text-transform:uppercase;
line-height:1.5em;
}

#footercontent ul li a:hover {
color:#FC3;
line-height:1.5em;
}

.copyright {
text-align:center;
color:#FFF;
bottom:1.2em;
margin-right:10px;
padding-right:10px;

line-height:1.5em;
}

.copyright a {
font-weight:700;
color:#FFF;
}

.copyright a:hover {
color:#FFF;
line-height:1.5em;
}

.property {
text-align: center;
color:#777;
line-height:1.5em;
}

.property a {
font-weight:700;
color:#DEDFE0;
}

.socialbutton {
float:right;
line-height:1.5em;
margin-bottom:10px;
margin-right:20px;
}

/**************************************************
 CSS for Search Results Only Optional */
.result {
padding-top:10px;
margin-top:10px;
border-top:1px solid #eee;
}

.result h3 {
font-weight:400;
font-size:1.6em;
letter-spacing:-1px;
line-height:1em;
margin:0;
padding:0;
}

.result h3 a {
line-height:1em;
margin:0;
padding:0;
}

.result .rcomment {
float:right;
line-height:1.5em;
color:#aaa;
font-weight:700;
}

.result .rcomment a {
color:#a81a1a;
font-weight:700;
}

.result .rsummary p {
margin:0;
padding:0;
}

.result .rcat a {
color:#333;
font-weight:700;
}

.result .rtags {
float:right;
line-height:2em;
color:#aaa;
}

.result .rtags a {
color:#999;
text-transform:lowercase;
}

/**************************************************
           Commenting System CSS        */
#combox {
padding:20px 15px;
}

h3#respond {
font-weight:400;
font-size:1.6em;
color:#444334;
letter-spacing:-1px;
line-height:1em;
padding-bottom:5px;
margin-bottom:2px;
border-bottom:1px dotted #ddd;
}

h3#comments {
font-weight:400;
font-size:1.6em;
color:#366799;
letter-spacing:-1px;
line-height:1em;
padding-bottom:5px;
margin-bottom:2px;
border-bottom:1px dotted #ddd;
}

ol.commentlist {
list-style-type:none;
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid #eee;
}

ol.commentlist li {
background:#f9fdeb;
border:1px solid #ebefdd;
margin-top:20px;
padding:20px;
}

ol.commentlist li.alt {
background:#FFF;
margin-top:20px;
padding:20px;
}

.avatar {
float:left;
display:inline;
}

.avatar img {
border:1px solid #ddd;
padding:1px;
}

.commentbody {
float:left;
display:inline;
margin-left:20px;
width:410px;
}

/***************************************************/
p.comment_author,p.comment_author a {
font-weight:700;
color:#666;
}

p.comment_author a:hover {
font-weight:700;
color:#ff3600;
}

p.comment_time {
line-height:1.5em;
color:#999;
font-size:0.8em;
font-weight:700;
}

.comment_text {
line-height:1.5em;
color:#333;
margin-top:15px;
}

/***************************************************/
.reply p {
margin-top:10px;
}

.reply label {
vertical-align:middle;
display:inline;
font-weight:700;
font-family:tahoma;
margin-left:10px;
}

.replytext {
border:2px solid #E7E7E7;
width:200px;
color:#333;
padding:5px;
}

.replytext:focus {
background:#fefff7;
border:2px solid #E7E7E7;
}

.replyarea {
border:2px solid #E7E7E7;
line-height:1.5em;
width:470px;
height:120px;
color:#333;
padding:5px;
}

.replyarea:focus {
background:#fefff7;
border:1px solid #E7E7E7;
}

.replybutton {
background:#333;
border:1px solid #444334;
text-align:center;
width:100px;
height:25px;
font-weight:700;
color:#FFF;
cursor:pointer;
}

#pagenav ul li a:hover,#pagenav ul li.current_page_item a,.navigation a:hover,.tabcontent ul li a:hover {
color:#333;
}

#searchform input,.subscribe input {
display:inline;
vertical-align:middle;
}

.post a,.post a:hover {
color:#F58220;
}

.content ul ul,.content ol ol {
margin:5px;
}

blockquote p,blockquote * {
font-family:georgia, arial;
line-height:1.5em;
color:#366799;
}

ins,.property a:hover {
text-decoration:underline;
}

.aligncenter,.alignnone {
text-align:center;
display:block;
margin:0 auto;
}

.ads ul li a,.ads ul li a img {
float:left;
display:block;
width:125px;
height:125px;
}

.bk,.subscribe {
border:1px solid #dae7ec;
background:#FFF;
padding:10px;
}

.bk ul li a,.bk ul li a img {
float:left;
display:block;
width:32px;
height:32px;
}

.subscribe form,.subscribe fieldset {
display:inline;
}

#rssbutton:hover,.replybutton:hover {
background:#333;
}

.tabcontent a:hover,.tabcontent a:hover strong,.sidebar a:hover,.sidebar ul li ul li a:hover {
color:#408ddb;
}

.result .rdate,.result .rcat {
float:left;
line-height:2em;
color:#aaa;
}

.result .rcomment a:hover,.result .rcat a:hover,.result .rtags a:hover {
background:#366799;
color:#fff;
}

.reply fieldset,.reply input,.reply textarea {
vertical-align:middle;
display:inline;
}
