/*
Theme Name: Passion
Theme URI: http://atmospheric.com.ua/wp/themes/passion/
Description: Designed by <a href="atmospheric.com.ua">Atmospheric</a> for  <a href="http://womanspassions.com">Woman'sPassions</a>
Version: 1
Author: Atmospheric
Author URI: http://atmospheric.com.ua/
*/

html {
	padding: 0;
	margin: 0;
}

/* basic tags */
html {
    margin-left: -1px;
    overflow-Y: scroll;
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
    head~body *{ margin-left: -1px;}
}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
	color: #b2b2b2;
}

a:link { text-decoration: none; color : #d7003d; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #d7003d; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #d7003d; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #ff6600; border: 0px; -moz-outline-style: none;}
a:focus { outline: none;-moz-outline-style: none;}


h1, h2, h3, h4 {font-family: Arial, Helvetica, sans-serif;}

img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }

form { padding: 0px; margin: 0px;}
input { }
textarea { }
select { }

/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#bgcontainer {
	width: 1000px;
	margin: 0 auto;
	background: #eee;
}

.logo { }

/* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Post {	padding: 15px 0px; position: relative; clear: left;}
.Post h2 {  color:#333; font-family:Arial, Helvetica, sans-serif; font-size: 24px; line-height: 24px; padding: 15px 0px 1px 0px; margin: 0px;}
.PostHead { margin-left: 55px; }
.PostHead h2 {  color:#2E61AD; font-family:Arial, Helvetica, sans-serif; font-size: 24px; line-height: 24px; letter-spacing: -1px; padding: 0px 0px 1px 0px; margin: 0px;}
.PostHead h2 a { color: #2e61ad; text-decoration: none;}
.PostHead h2 a:visited { color: #2e61ad; text-decoration: none;}
.PostHead h2 a:hover { color:#000; text-decoration: none;}

.PostHead h3 { font-size: 16px; line-height: 14px;  padding: 0px; margin: 0px; color:#000;}
.PostHead h3 a { color: #000; text-decoration: none; letter-spacing:0.5;}
.PostHead h3 a:visited { color: #000; text-decoration: none;}
.PostHead h3 a:hover { color:#2e61ad; text-decoration: none;}

h1 { color:#000; font-size:14px; margin-top:20px; }


/**/ * html .PostTime { left: -15px;} /**/
.PostTime { padding: 0px; margin: 0px; position: absolute; left: -15px; top: 3px; background: url(images/PostTimeBkg.gif) no-repeat; height: 71px; width: 67px; text-align: center; color:#fff; }
.PostTime strong { display: block; line-height: 9px; font-family: 'Verdana';}
.PostTime .day { font-size: 16px; line-height: 18px; letter-spacing: -1px; padding-top: 20px; font-family: 'Arial';}
.PostTime .month { font-size: 10px; text-transform: lowercase;}
.PostTime .year { padding-top: 7px; font-weight: normal; }

.PostHead small {padding: 0px; margin: 0px; font-size: 11px; line-height: 14px; font-weight: bold; display: block}

.PostAuthor { color:#999; }

.PostCat { color:#000; }
.PostCat a { color:#f00; text-decoration: none; }
.PostCat a:visited { color:#f00; text-decoration: none; }
.PostCat a:hover { color:#f00; text-decoration: underline; }

.PostContent { padding: 10px 0px 0px 0px; font-size: 12px; line-height: 1.4em ; color:#333;}
.PostContent p { font-size: 12px; line-height: 1.4em; color:#333;}
.PostContent p strong {}
.PostContent ol { padding: 10px 0px 10px 25px; margin: 0px; }
.PostContent ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px; color:#333; }
.PostContent ul { padding: 5px 0px; margin: 0px; }
.PostContent ul li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }
.PostContent blockquote { padding: 10px; margin: 0px; color:#993366; background: #eaf7ff;}
.PostContent blockquote p { font-size: 12px; padding: 0px; margin: 0px; line-height: 15px;}
.PostContent blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; font-size: 12px; line-height: 15px;}
.PostContent blockquote a { color:#336699;}
.PostContent blockquote a:visited { color:#336699;}
.PostContent blockquote a:hover { color:#000033;}

.PostContent p img { max-width: 420px;}
.PostContent p img { width:expression(this.width > 420 ? "420px" : this.width); }
/* .PostContent img { margin: 0px 10px 10px 0px; border:solid 1px #495b6b;} */
.PostContent img { margin: 0px 10px 10px 0px; border: 1px solid #ddd;}
/* * html .PostContent p img {} */


.PostCom { padding: 0 0 10px; background: url(images/PostComBkg.gif) 50% 100% repeat-x;}
.PostCom ul { padding: 0px; margin: 0px;}
.PostCom li { padding: 5px 0px 5px 20px; margin: 0px 5px 0px 0px; list-style-type: none; display: inline; color:#336699; font-size: 12px; }
.PostCom li a { font-weight: bold; text-decoration: none; color:#2e61ad;}
.PostCom li a:visited { font-weight: bold; text-decoration: none; color:#ff6600;}
.PostCom li a:hover { font-weight: bold; text-decoration: none; color:#d7003d;}

.PostCom .Com { background: url(images/PostCom.png) no-repeat left center; padding-left: 20px; }
.PostCom .Tags { padding-left: 0px;}


/* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.Note { padding: 0px; margin: 0px;}
.Note li { padding: 3px 0px 3px 15px; margin: 0px; list-style-type: none; font-size: 12px;}
.NoteRss { background: url(images/NoteRss.png) no-repeat left top;}
.NoteTrackBack { background: url(images/NoteTrackBack.png) no-repeat left top;}

/* TrackbackList ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.TrackList { background: #f4ebef url(images/TrackListBottom.gif) no-repeat bottom; padding: 15px; margin-top: 20px; position:relative;}
.TrackListTop { background: #f4ebef url(images/TrackListTop.gif) no-repeat top; position: absolute; top: 0px; left: 0px; width: 455px; height:10px; }
.TrackList h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; color:#333366; letter-spacing: -1px; border-bottom: dashed 1px #beb4c1;}
.TrackList ul { padding: 0px; margin: 0px;}
.TrackList li { padding: 0px 0px 0px 10px; margin: 0px; list-style-type: none; font-size: 11px; background:url(images/TrackListIco.gif) no-repeat left top;}
.TrackList li a { color:#cc3366; }

/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Nav { font-size: 11px; padding: 10px 15px; color:#777; font-family: 'Verdana';}
.Nav a { padding: 1px 6px 1px 4px; border-right: solid 1px #777; font-size: 11px;}
.Nav a:visited { padding: 1px 6px 1px 4px; border-right: solid 1px #777;}
.Nav a:hover { padding: 1px 6px 1px 4px; border-right: solid 1px #777; text-decoration: none;}
.Nav span { padding: 1px 6px 1px 4px; color:#777; border-right: solid 1px #777; }
.Nav .on { padding: 1px 6px 1px 4px; border-right: solid 1px #777; font-size: 11px; color:#036;}

/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments { margin: 20px 0;}
.Comments h3 { font-size: 16px; letter-spacing: -1px; margin: 0px 0px 5px 0px; padding: 10px 0px; color:#2e61ad; border-bottom: solid 2px #2e61ad;}

/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.List ol { padding: 0px; margin: 0px;}
.List li { padding: 5px 0px; margin: 10px 0px; list-style-type: none; background: url(images/PostDotted.gif) repeat-x bottom; }

/**/ * html .List .LGrav { right: 20px;} /* */
.List .LGrav { float: right; margin-top: -30px; margin-right: 20px;}
.List .LGrav img { border: solid 1px #ccc; padding: 2px; background: #fff;}

.List .LUsr { margin: 0px; padding: 0px; font-size: 11px; line-height: 12px; color:#999;}
.List .LUsr a { color:#999; text-decoration: none;}
.List .LUsr strong { font: bold 16px Arial, sans-serif; letter-spacing: -1px; color:#666;}
.List .LUsr strong a { color:#d7003d; text-decoration: none;}

.List .LCon { margin: 10px 20px 0px 0px; padding: 0px; font-size: 12px; line-height: 16px; border-top: solid 1px #ccc;}
.List .LCon p { margin: 0px; padding: 5px 0px; font-size: 12px; line-height: 16px;}

.List .Author { background:fff; }



/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Form .Email { background: url(images/FooterEmail.png) no-repeat left top;}

.Form {  padding: 0px 0px 10px 0px; position: relative; margin: 0px; font-family: 'Verdana';}
.Form form { margin: 0px; padding: 0px;}
.Form a { text-decoration: underline;}
.Form p { padding: 0px 0px 2px 0px; margin: 0px; color:#666; }
.Form p small strong { font-weight: bold; color:#FF3300;}
.Form p small { font-size: 11px; display: block; padding: 6px 0px; color:#000;}
.Form .TextField { color:#003366; background: #e5efff; border: solid 1px #d5e7f0; padding: 6px 6px 6px 30px; font-size: 12px; display: block;}
.Form .TextArea { color:#003366; background: #e5efff; border: solid 1px #d5e7f0; padding: 6px; font-size: 12px;}
.Form input.SubmitComment { width: 57px; height: 29px; background: url(images/SubmitComment.png) no-repeat; margin-top: 4px;}
.Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -29px; margin-top: 4px;}
.Form input.SubmitCommentIE { width: 57px; height: 29px; background: url(images/SubmitComment.png) no-repeat 0 -29px; margin-top: 4px;}


/* Side Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SR { width: 500px; float: right; position: relative; padding: 0px; }


/* Side Right Left +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* About Blog ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* About Articles/Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Recent { background: #ffe0bf url(images/RecentBkg.gif) repeat-x left top; padding: 10px; margin-bottom: 10px;}

.TabMenu { float: left; margin: 0px; padding: 0px; }
.TabMenu li { padding: 0px; margin: 0px; list-style-type: none; display: inline; font-size: 14px; line-height: 14px; font-weight: bold; font-family: Arial; text-transform: lowercase;}
.TabMenu li a { padding: 0px 0px 0px 9px; margin-right: 7px; background: url(./images/mleft.gif) no-repeat left top; float: left;}
.TabMenu li a span { padding: 4px 9px 9px 0px; display: block; background: url(./images/mright.gif) no-repeat right top; float: right; }
.TabMenu li a span { float: none; color: #d7003d;}
.TabMenu li a:hover span { color: #d7003d;}
.TabMenu li a:hover { background-position: 0% -27px; color:#ffff99; text-decoration: none;}
.TabMenu li a:hover span { background-position: 100% -27px;  color:#ffff99;}

.TabLink a:link.active { background-position: 0% -27px; color:#ffff99; text-decoration: none;}
.TabLink a:link.active span { background-position: 0% -27px; color:#ffff99; text-decoration: none;}

.TabLink a:visited.active { background-position: left bottom;  color:#ffff99;}
.TabLink a:visited.active span { background-position: right bottom;  color:#ffff99;}

.TabContent { clear: left; padding-top: 10px;}
.TabContent ul { padding: 0px; margin: 0px;}
.TabContent li { color:#000033; padding: 1px 0px 1px 0px; margin: 0px; list-style-type: none; border-bottom: solid 1px #ecc9a5; font-size: 13px;}
.TabContent li a { color:#336699; text-decoration: none;}
.TabContent li a:visited { color:#336699; text-decoration: none;}
.TabContent li a:hover { color:#000033; text-decoration: none;}


/* Side Right Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* Categories +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Flickr RSS - PlugIn ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Flickr { margin-bottom: 10px;}
.Flickr h3 { background: url(images/FlickrH3.gif) no-repeat left center; padding: 5px 0px 5px 20px; margin: 0px; color:#ff3366; letter-spacing: -1px; font-size: 14px; font-weight: bold;}
.Flickr ul { padding: 10px 0px; margin: 0px;}
.Flickr li { background: none; padding: 0px; margin: 0px 6px 0px 0px; list-style-type: none; display: inline; border-bottom: none;}
.Flickr li a img { background: #fff; padding: 1px; border: solid 4px #d4e7f2; width: 53px; height: 53px; margin-bottom: 5px;}
.Flickr li a:hover img { background: #fff; padding: 1px; border: solid 4px #ff3366; margin-bottom: 5px;}


/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* PASSION +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin: 0px;
    background: #444; /*  url(images/bg.gif) 50% 50% repeat-y; */
}
a:link, a:visited, a:active {
    color: #666;
}
a:hover {
    color: #d7003d;
}
img {
    border: none;
    margin: 0;
}


.container {
	clear: both;
    margin: 10px;
	padding-top: 10px;
}

.logo {
	display: block;
	float: left;
    padding: 20px;
}

.top-line {
	height: 114px;
	background: #d7003d url(images/top-bg.png) 50% 0 no-repeat;
	padding-top:18px;
}
.top-links {
    list-style: none;
    margin: 0 0 0 1em;
    padding: 0;
	overflow: hidden;
}
.top-links li {
    display: block;
    float: left;
    margin: 0.2em 0 0 -1px;
    padding: 0;
    background: url(images/top_dlm.gif) 0 0 no-repeat;
}
.top-links li a {
    display: block;
    text-align: center;
    padding: 0.7em 1.2em 0;
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}
.top-links li a:hover {
    color: #e02;
}

.search {
    margin: 0;
    clear: both;
    width: 450px;
    float: right;
    padding: 5px 30px 0 0;
}
.search_btn {
    float: right;
}
.search_text {
    float: right;
    background: url(images/search-bg.gif) top left no-repeat;
    width: 320px;
}
.search_text input {
    width: 310px;
    border: none;
    background: none;
	outline: none;
    height: 25px;
    padding: 3px 5px;
}


.top-menu-wrap {
	background: #d7003d;
	float: left;
	width: 100%;
}
.top-menu {
	display: block;
	float: left;
	width: 96%;
	background: #d7003d;
	clear: both;
	margin: 0 0 0 2%;
	padding: 0 2% 0 0;
	overflow: hidden;
}
.top-menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border-left: 1px solid #e9275e;
	margin-left: -1px;
}
.top-menu li a {
	display: block;
	padding: 6px 16px;
	color: #fff;
	text-decoration: none;
}
.top-menu li a:hover {
	color: #d7003d;
	background: #eee;
}

.right_column {
}
.right_column a {
    display: block;
    margin-bottom: 15px;
}

.content {
    float: left;
    width: 635px;
	background: #fff;
}

.article_list {
	padding: 0 5px 0 8px;
}
.article_list h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333;
    margin: 10px 0 0;
    padding: 0;
}
.article_list ul {
    list-style: none;
    margin: 0;
    padding: 10px 0;
}
.article_list ul li {
    margin: 4px 0;
    padding: 0 0 0 1em;
    background: url(images/red-dot.gif) 0.2em .6em no-repeat;
}
.article_list ul li.hl {
    padding: 0;
    background: none;
}
.article_list ul li.hl strong {
	display: block;
	padding: 7px 0;
}

.article_list ul li a {
    text-decoration: none;
}

.cnt_left {
    display: block;
    float: left;
    width: 450px;
    overflow: hidden;
    border: 1px solid #ccc;
    padding: 10px;
}

ul.posts {
    list-style: none;
    margin: 0;
    padding: 0;
}

.brief {
	display: block;
	border-bottom:10px solid #eee;
	padding: 10px;
	margin: 0;
}
a.tmb {
	display: block;
	float: left;
	margin: 2px 20px 3px 0;
	outline: none;
}
.brief a.hdr {
    font-size: 18px;
    color: #d7003d;
    text-decoration: none;
	letter-spacing:-0.5px;
}
.brief a:hover.hdr {
    color: #d7003d;
}
.brief p {
    margin: 0;
    padding: 0 0 10px 0;
}

.date-author {
	color: #777;
	padding: 4px 0;
}

.name-link {
	margin: 0;
	padding: 2px 0 2px 2em;
    background: url(images/red-dot.gif) 1.4em .7em no-repeat;
}
.name-link a {
	color: #2e61ad;
	font-weight: bold;
	text-decoration: none;
}
.name-link a:hover {
    color: #d7003d;
}


.footer {
    clear: both;
	background: #eee;
	padding: 15px;
}
.footer ul {
    list-style: none;
    margin: 0;
    padding-left: 5px;
}
.footer ul li {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
}
.footer ul li a {
    display: block;
    font-size: 11px;
    text-decoration: none;
    padding: 15px 25px 15px 0;
    padding-bottom: 10px;
	color: #808080;
}
.footer ul li a:hover {
    color: #e02;
}
.copyright {
    clear: both;
    font-size: 11px;
    margin: 0;
    padding: 5px 20px 20px 5px;
    color: #808080;
}
/* Begin Images */
p img {
	padding: 0;
	/* max-width: 100%; */
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
    margin: 0 0 2px 7px;
    display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */





.columns {
	background: #eee;
}
.columns td {
	background: #fff;
}

.col1 {
	width: 460px;
}
.col2 {
}
.col3 {
	width: 300px;
}

.dot-dlm {
	font-size: 0;
	height: 2px;
    background: url(images/dot-dlm.gif) 50% 0 repeat-x;
	margin: 15px 0 10px;
}
.CommentsPanel {
	padding: 0px 10px;
	border-top:#eeeeee 10px solid;
}
.CommentsPanel ul { list-style: none; margin: 0px; padding: 0px;}
.CommentsPanel ul li { padding-bottom: 5px; margin: 0px; display: block; font-size: 12px; line-height: 14px; font-weight: normal; }

.PoolsPanel {
	padding: 0px 10px;
	border-top:#eeeeee 10px solid;
}
.PoolsPanel ul { list-style: none; margin: 0px; padding: 0px;}
.PoolsPanel ul li { padding-bottom: 5px; margin: 0px; display: block; font-size: 12px; line-height: 14px; font-weight: normal; }

.pagetitle {
	margin: 15px;
}
.related	{
	margin:0;
	padding:0;
}
.related li {
	padding-bottom:8px;
	list-style:none;
}
.related li a{
	color:#134faa;
	font-size:12px;
}