﻿/* 
Theme Name: Cosmoblog
Description: 2 oszlopos Cosmopitan Blog
Version: 1.0
Author: WhiteJunior
Author URI: http://www.inno-web.hu/

*/
/* Original Azurio Template for Texptattern
Author: bisk
Url: http://luvion.nl/azurio/
The Azurio css and images have the following license:
Creative Commons Attribution-ShareAlike 2.5
License url: http://creativecommons.org/licenses/by-sa/2.5/
 */

body{
color				: #222222;
background		: #111111;
text-align		: center;
font-family		: "Arial";
font-size			: 12px;
margin			: 0px;
padding			: 0px;
}
#container1{
width				: 100%;
background		: #4692d4 url('images/tartalom-hatter.gif') top center repeat-y;
}
#container2{
width				: 720px;
text-align		: left;
background		: #ffffff;
}

.text-gray{
font-family		: "Arial";
font-size			: 12px;
color				: #666666;
}

#head1{
width				: 100%;
height				: 140px;
background		: #111111;
}
#head2{
width				: 800px;
height				: 140px;
background		: #111111 url('images/fejlec.jpg') top left no-repeat;
}

/* felső menü */

ul.section_list{
height					: 27px;
width					: 740px;
list-style-type		: none;
text-align			: center;
margin				: 0px;
padding				: 0px;
}
ul.section_list li{
display				: block;
float					: left;
text-align			: center;
margin				: 0px;
padding				: 0px 0px 0px 0px;
border-left			: solid 1px #999;
}
ul.section_list li a:link{
white-space		: nowrap;
padding				: 0px 10px;
color					: #e74e94;
text-decoration	: none;
display				: block;
line-height			: 24px;
}
ul.section_list li a:visited{
white-space		: nowrap;
padding				: 0px 10px;
color					: #e74e94;
text-decoration	: none;
display				: block;
line-height			: 24px;
}
ul.section_list li a:hover, ul.section_list ul li a:active{
white-space		: nowrap;
padding				: 0px 10px;
color					: #222;
text-decoration	: none;
display				: block;
background			: #eeeeee;
line-height			: 24px;
}

/* Content Styles */
#content{
width					: 480px;
background			: #ffffff;
font-family			: "Arial";
font-size				: 12px;
}
#content h3{
color					: #4692d4;
text-decoration	: none;
margin				: 5px 12px 0px 12px;
padding				: 2px 2px 2px 4px;
border-bottom	: solid 1px #e6e6e6;
font-weight			: bold;
font-size				: 12px;
}
#content h3#comment{
font-size				: 1.4em;
}
#content ol.comments li{
font-size				: 1.4em;
text-decoration	: none;
letter-spacing		: -1px;
margin				: 0px 0px 10px 0px;
padding				: 0px;
font-weight			: bold;
}
#content ol.comments li *{
font-size				: 0.71em;
font-weight			: normal;
letter-spacing		: 0px;
padding-left		: 0px;
margin-left			: 0px;
}
#content ol.comments li * *{
font-size				: 1.0em;
}
#content ol.comments li * strong{
font-weight			: bold;
}
#content ol.comments li small{
color					: #457180;
letter-spacing		: 1px;
}
#content ol.comments li br{
line-height			: 0px;
height					: 0px;
font-size				: 0px;
}
#content h4{
letter-spacing		: 0px;
margin				: 5px 12px 0px 16px;
padding				: 0;
font-weight			: bold;
text-decoration	: none;
font-size				: 1.2em;
}
#content h5{
letter-spacing		: 0px;
margin				: 5px 12px 0px 16px;
padding				: 0;
font-weight			: bold;
text-decoration	: none;
font-size				: 1.1em;
}
#content ul{
margin-top			: 5px;
margin-bottom	: 5px;
}
#content a:link{
color					: #4692d4;
text-decoration	: none;
}
#content a:visited{
color					: #4692d4;
text-decoration	: none;
}
#content a:hover{
text-decoration	: none;
color					: #000000;
}
#content h3 a:link{
color					: #4692d4;
text-decoration	: none;
}
#content h3 a:visited{
color					: #4692d4;
text-decoration	: none;
}
#content h3 a:hover{
color					: #000000;
text-decoration	: none;
}
#content p{
margin				: 0px 0px 10px 0px;
font-size				: 1em;
padding-left		: 16px;
padding-right		: 16px;
}
#content blockquote{
padding				: 0px 10px;
margin				: 10px 20px;
background			: #F4F4F2;
color					: #42636E;
font-size				: 1em;
}
#content p.post{
letter-spacing		: 1px;
margin				: 2px 12px 5px 16px;
padding				: 0px;
color					: #457180;
font-weight			: normal;
text-decoration	: none;
font-size				: 1.1em;
}
.caps{
letter-spacing		: 0.1em;
font-size				: 10px;
}
#content hr{
color					: #ccc;
width					: 66%;
margin-top			: 2em;
margin-bottom	: 2em;
}
#txpCommentInputForm{
margin				: 0px 0px 10px 0px;
font-size				: 1em;
padding-left		: 0px;
padding-right		: 0px;
}
.comments_error{
background			: #ffa;
}
div.comments_error{
border					: 1px solid #cc8;
padding				: 0.3em;
}
/* Right Sidebar Styles */
#sidebar{
width					: 222px;
background			: #111;
border					: solid 4px #454545;
font-family			: "Arial";
font-size				: 12px;
}
#sidebar h4{
text-align			: left;
text-decoration	: none;
padding				: 12px 12px 3px 17px;
color					: #707070;
font-size				: 12px;
font-weight			: bold;
margin				: 0px;
}
#sidebar p{
padding-left		: 17px;
margin				: 0px 5px;
color					: #707070;
}
#sidebar input{
background			: #E2E2E2 url('images/azurio-search-input-bg.gif') top left repeat-x;
border					: solid 1px #323232;
height					: 18px;
}
#sidebar ul{
text-align			: left;
list-style				: none;
padding				: 0;
margin				: 0px 10px 0px 10px;
border-top			: solid 1px #5B5B5B;
font-weight			: bold;
}
#sidebar ul li{
display				: inline;
margin				: 0;
padding				: 0;
}
#sidebar ul li a:link{
color					: #999999;
display				: block;
padding				: 3px 3px 3px 7px;
border-bottom	: solid 1px #5B5B5B;
text-decoration	: none;
}
#sidebar ul li a:visited{
color					: #999999;
display				: block;
padding				: 3px 3px 3px 7px;
border-bottom	: solid 1px #5B5B5B;
text-decoration	: none;
}
#sidebar ul li a:hover{
color					: #fff;
display				: block;
padding				: 3px 3px 3px 7px;
border-bottom	: solid 1px #5B5B5B;
text-decoration	: none;
background			: #4a4a4a;
}
#sidebar p.rss{
font-size				: 0.9em;
margin-top			: 10px;
padding				: 3px 3px 3px 7px;
background			: #3a3a3a;
}
#sidebar span{
padding-left		: 14px;
background			: url('images/azurio-feed-icon.gif') center left no-repeat;
}

/* Foot Styles */
#foot1{
clear				: both;
width				: 100%;
height				: 50px;
background		: #111111;
}
#foot2{
width				: 744px;
height				: 25px;
background		: #ffffff;
}
#foot2 p{
margin			: 0px;
padding			: 6px 4px 4px 4px;
color				: #e74e94;
}

.rss a:link{
color				: #88C9DE;
padding			: 3px;
}
.rss a:visited{
color				: #B8B8B8;
padding			: 3px;
}
.rss a:hover{
color				: #fff;
padding			: 3px;
}
#foot a:link, #foot a:visited, #foot a:hover{
color				: #ffffff;
}
small{
	font-size:1em;
}


/*post stylng*/
.post{
border						: solid 4px #e6e6e6;
margin					: 0px 0px 10px 0px;
padding					: 0px 0px 0px 0px;
}

.post .info{
padding					: 2px 3px 3px 8px;
border						: 1px solid #e3e4e4;
background-color	: #f5f5f5;
font-size					: 12px;
color						: #505050;
}


/*comment styling*/
/* Comments Styling */
#commentlist li {
margin-bottom		: 1.5em;
padding-bottom		: 1em;
border-bottom		: 1px solid #700000;
}

#commentform {
margin					: 0px;
}

#commentform #email, #commentform #author, #commentform #url, #commentform #commenttextarea{
background				: #f8f7f6;
border						: solid 4px #e6e6e6;
width						: 270px;
color						: #222222;
font-family				: "Arial";
font-size					: 12px;
margin:					: 0px;
padding:					: 0px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover, #commentform #commenttextarea:hover {
background				: #ffffff;
border						: solid 4px #e6e6e6;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus, #commentform #commenttextarea:focus {
background				: #ffffff;
border						: solid 4px #d6d6d6;
}
#commentform input{
margin-bottom		: 0px;
}
#commentform #submit{
background				: #d8377b; 
border						: solid 4px #e6e6e6; 
color						: #ffffff; 
font-family				: "Arial"; 
font-size					: 12px;
}

img {
border						: solid 4px #e6e6e6; 
margin					: 0px 10px 10px 0px; 
}