/*
Theme Name: fashioninblue
Theme URI: htttp://tech2connect.com
Description: A 3 colum Wordpress theme for fashion blog
Version: 1.0
Author: npnhome
Author URI: htttp://tech2connect.com
Tags: fixed width, three columns, valid XHTML, widgets
*/


body {
margin : 0 auto;
padding : 0;
background-color : #b4edfd;
background-image : url('images/Page-BgTexture.jpg');
background-repeat : no-repeat;
background-attachment : scroll;
background-position : top center;
}
#art-main {
position : relative;
width : 100%;
left : 0;
top : 0;
}
#art-page-background-gradient {
position : absolute;
background: url('images/Page-BgGradient.jpg') no-repeat fixed;
top : 0;
width : 100%;
height : 900px;
}
#art-page-background-gradient {
background-position : top center;
}
#art-page-background-simple-gradient {
position : absolute;
background-image : url('images/Page-BgSimpleGradient.jpg');
background-repeat : repeat-x;
top : 0;
width : 100%;
height : 900px;
}
.cleared {
float : none;
clear : both;
margin : 0;
padding : 0;
border : none;
font-size : 1px;
}
form {
padding : 0 !important ;
margin : 0 !important ;
}
table.position {
position : relative;
width : 100%;
table-layout : fixed;
}
.art-Sheet {
position : relative;
z-index : 0;
margin : 0 auto;
width : 1008px;
min-width : 25px;
min-height : 25px;
}
.art-Sheet-body {
position : relative;
z-index : 1;
padding : 4px;
}
.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc, .art-Sheet-cr, .art-Sheet-cl {
position : absolute;
z-index : -1;
}
.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl {
width : 36px;
height : 36px;
background-image : url('images/Sheet-s.png');
}
.art-Sheet-tl {
top : 0;
left : 0;
clip : rect(auto,18px,18px,auto);
}
.art-Sheet-tr {
top : 0;
right : 0;
clip : rect(auto,auto,18px,18px);
}
.art-Sheet-bl {
bottom : 0;
left : 0;
clip : rect(18px,18px,auto,auto);
}
.art-Sheet-br {
bottom : 0;
right : 0;
clip : rect(18px,auto,auto,18px);
}
.art-Sheet-tc, .art-Sheet-bc {
left : 18px;
right : 18px;
height : 36px;
background-image : url('images/Sheet-h.png');
}
.art-Sheet-tc {
top : 0;
clip : rect(auto,auto,18px,auto);
}
.art-Sheet-bc {
bottom : 0;
clip : rect(18px,auto,auto,auto);
}
.art-Sheet-cr, .art-Sheet-cl {
top : 18px;
bottom : 18px;
width : 36px;
background-image : url('images/Sheet-v.png');
}
.art-Sheet-cr {
right : 0;
clip : rect(auto,auto,auto,18px);
}
.art-Sheet-cl {
left : 0;
clip : rect(auto,18px,auto,auto);
}
.art-Sheet-cc {
position : absolute;
z-index : -1;
top : 18px;
left : 18px;
right : 18px;
bottom : 18px;
background-image : url('images/Sheet-c.png');
}
.art-Sheet {
margin-top : 100px !important ;
}
#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare {
min-width : 1008px;
}
div.art-Header {
margin : 0 auto;
position : relative;
z-index : 0;
width : 1000px;
height : 350px;
}
div.art-Header-png {
position : absolute;
z-index : -2;
top : 0;
left : 0;
width : 1000px;
height : 350px;
background-image : url('images/Header.png');
background-repeat : no-repeat;
background-position : left top;
}
div.art-Header-jpeg {
position : absolute;
z-index : -1;
top : 0;
left : 0;
width : 1000px;
height : 350px;
background-image : url('images/Header.jpg');
background-repeat : no-repeat;
background-position : center center;
}
.art-Logo {
display : block;
position : absolute;
left : 20px;
top : 32px;
width : 980px;
}
h1.art-Logo-name {
display : block;
text-align : left;
}
h1.art-Logo-name, h1.art-Logo-name a, h1.art-Logo-name a:link, h1.art-Logo-name a:visited, h1.art-Logo-name a:hover {
font-family : "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size : 22px;
text-decoration : none;
padding : 0;
margin : 0;
color : #000000 !important ;
}
.art-Logo-text {
display : block;
text-align : left;
}
.art-Logo-text, .art-Logo-text a {
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size : 13px;
font-style : normal;
font-weight : bold;
padding : 0;
margin : 0;
color : #000000 !important ;
}
.art-contentLayout {
position : relative;
margin-bottom : 1px;
width : 1000px;
}
.art-Block {
position : relative;
z-index : 0;
margin : 0 auto;
min-width : 1px;
min-height : 1px;
}
.art-Block-body {
position : relative;
z-index : 1;
padding : 0;
}
.art-Block {
margin : 3px;
}
.art-BlockHeader {
position : relative;
z-index : 0;
height : 30px;
padding : 0 7px;
margin-bottom : 15px;
}
.art-BlockHeader .t {
height : 30px;
color : #3087b5;
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size : 12px;
font-style : normal;
font-weight : bold;
white-space : nowrap;
padding : 0 6px;
line-height : 30px;
}
.art-BlockHeader .l, .art-BlockHeader .r {
display : block;
position : absolute;
z-index : -1;
height : 30px;
background-image : url('images/BlockHeader.png');
}
.art-BlockHeader .l {
left : 0;
right : 0;
}
.art-BlockHeader .r {
width : 1000px;
right : 0;
clip : rect(auto,auto,auto,1000px);
}
.art-header-tag-icon {
display : inline-block;
background-position : left top;
background-image : url('images/BlockHeaderIcon.png');
padding : 0 0 0 32px;
background-repeat : no-repeat;
min-height : 32px;
margin : 0 0 0 5px;
}
.art-BlockContent {
position : relative;
z-index : 0;
margin : 0 auto;
min-width : 1px;
min-height : 1px;
}
.art-BlockContent-body {
position : relative;
z-index : 1;
padding : 7px;
}
.art-BlockContent-body {
color : #2c7ba5;
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size : 11px;
}
.art-BlockContent-body a:link {
color : #318ab9;
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration : underline;
}
.art-BlockContent-body a:visited, .art-BlockContent-body a.visited {
color : #92c6e2;
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration : underline;
}
.art-BlockContent-body a:hover, .art-BlockContent-body a.hover {
color : #25698d;
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration : none;
}
.art-BlockContent-body ul {
list-style-type : none;
color : #236385;
margin : 0;
padding : 0;
}
.art-BlockContent-body li {
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size : 11px;
}
.art-BlockContent-body ul li {
padding : 2px 0 2px 22px;
background-image : url('images/BlockContentBullets.png');
background-repeat : no-repeat;
margin : 0.5em 0 0.5em 0;
line-height : 1.2em;
}
.art-Post {
position : relative;
z-index : 0;
margin : 0 auto;
min-width : 23px;
min-height : 23px;
}
.art-Post-body {
position : relative;
z-index : 1;
padding : 13px;
}
.art-Post-tr, .art-Post-tl, .art-Post-br, .art-Post-bl, .art-Post-tc, .art-Post-bc, .art-Post-cr, .art-Post-cl {
position : absolute;
z-index : -1;
}
.art-Post-tr, .art-Post-tl, .art-Post-br, .art-Post-bl {
width : 30px;
height : 30px;
background-image : url('images/Post-s.png');
}
.art-Post-tl {
top : 0;
left : 0;
clip : rect(auto,15px,15px,auto);
}
.art-Post-tr {
top : 0;
right : 0;
clip : rect(auto,auto,15px,15px);
}
.art-Post-bl {
bottom : 0;
left : 0;
clip : rect(15px,15px,auto,auto);
}
.art-Post-br {
bottom : 0;
right : 0;
clip : rect(15px,auto,auto,15px);
}
.art-Post-tc, .art-Post-bc {
left : 15px;
right : 15px;
height : 30px;
background-image : url('images/Post-h.png');
}
.art-Post-tc {
top : 0;
clip : rect(auto,auto,15px,auto);
}
.art-Post-bc {
bottom : 0;
clip : rect(15px,auto,auto,auto);
}
.art-Post-cr, .art-Post-cl {
top : 15px;
bottom : 15px;
width : 30px;
background-image : url('images/Post-v.png');
}
.art-Post-cr {
right : 0;
clip : rect(auto,auto,auto,15px);
}
.art-Post-cl {
left : 0;
clip : rect(auto,15px,auto,auto);
}
.art-Post-cc {
position : absolute;
z-index : -1;
top : 15px;
left : 15px;
right : 15px;
bottom : 15px;
background-color : #f9fdff;
}
.art-Post {
margin : 5px;
}
a img {
border : 0;
}
.art-article img, img.art-article {
border : 2px solid #c3dfef;
margin : 1em;
}
.art-metadata-icons img {
border : none;
vertical-align : middle;
margin : 2px;
}
.art-article table, table.art-article {
border-collapse : collapse;
margin : 1px;
width : auto;
}
.art-article table, table.art-article .art-article tr, .art-article th, .art-article td {
background-color : transparent;
}
.art-article th, .art-article td {
padding : 2px;
border : 1px solid #2a759d;
vertical-align : top;
text-align : left;
}
.art-article th {
text-align : center;
vertical-align : middle;
padding : 7px;
}
.art-PostHeaderIcon-wrapper {
text-decoration : none;
margin : 0.2em 0;
padding : 0;
font-weight : normal;
font-style : normal;
letter-spacing : normal;
word-spacing : normal;
font-variant : normal;
text-decoration : none;
font-variant : normal;
text-transform : none;
text-align : left;
text-indent : 0;
line-height : inherit;
font-family : "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size : 16px;
font-style : normal;
font-weight : bold;
color : #3e9acc;
}
.art-PostHeaderIcon-wrapper, .art-PostHeaderIcon-wrapper a, .art-PostHeaderIcon-wrapper a:link, .art-PostHeaderIcon-wrapper a:visited, .art-PostHeaderIcon-wrapper a:hover {
font-family : "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size : 16px;
font-style : normal;
font-weight : bold;
color : #3e9acc;
}
.art-PostHeaderIcon-wrapper img {
border : none;
vertical-align : middle;
margin : 0;
}
.art-PostHeader a:link {
font-family : "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
text-decoration : none;
text-align : left;
color : #3493c5;
}
.art-PostHeader a:visited, .art-PostHeader a.visited {
font-family : "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
text-decoration : none;
text-align : left;
color : #1f5775;
}
.art-PostHeader a:hover, .art-PostHeader a.hovered {
font-family : "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
text-decoration : underline;
text-align : left;
color : #246689;
}
.art-PostHeaderIcons {
padding : 1px;
}
.art-PostHeaderIcons, .art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a:hover {
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-style : italic;
font-weight : normal;
color : #1a4861;
}
.art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a:hover {
margin : 0;
}
.art-PostHeaderIcons a:link {
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-style : italic;
font-weight : normal;
text-decoration : underline;
color : #9e102a;
}
.art-PostHeaderIcons a:visited, .art-PostHeaderIcons a.visited {
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration : underline;
color : #52a4d1;
}
.art-PostHeaderIcons a:hover, .art-PostHeaderIcons a.hover {
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration : none;
color : #33050d;
}
body {
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size : 11px;
font-style : normal;
font-weight : normal;
color : #1a4861;
}
.art-PostContent {
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
color : #1a4861;
}
a {
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration : underline;
color : #52a4d1;
}
a:link {
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration : underline;
color : #52a4d1;
}
a:visited, a.visited {
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration : underline;
color : #19455d;
}
a:hover, a.hover {
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration : none;
color : #52a4d1;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
font-weight : normal;
font-style : normal;
text-decoration : none;
}
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover {
font-family : "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size : 18px;
font-style : normal;
font-weight : bold;
text-align : left;
color : #52a4d1;
}
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover {
font-family : "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size : 16px;
text-align : left;
color : #52a4d1;
}
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover {
font-family : "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size : 16px;
font-style : normal;
font-weight : bold;
text-align : left;
color : #246689;
}
h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover {
font-family : "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size : 14px;
text-align : left;
color : #3e9acc;
}
h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover {
font-family : "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size : 12px;
text-align : left;
color : #113040;
}
h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover {
font-family : "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size : 11px;
text-align : left;
color : #113040;
}
ol, ul {
color : #1a4861;
margin : 1em 0 1em 2em;
padding : 0;
font-family : "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size : 11px;
}
li ol, li ul {
margin : 0.5em 0 0.5em 2em;
padding : 0;
}
li {
margin : 0.2em 0;
padding : 0;
}
ul {
list-style-type : none;
}
ol {
list-style-position : inside;
}
.art-Post li {
padding : 0 0 0 13px;
line-height : 1.2em;
}
.art-Post ol li, .art-Post ul ol li {
background : none;
padding-left : 0;
}
.art-Post ul li, .art-Post ol ul li {
background-image : url('images/PostBullets.png');
background-repeat : no-repeat;
padding-left : 13px;
}
blockquote p {
color : #153c51;
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-align : left;
}
blockquote {
border : 1px solid #f599aa;
margin : 10px 10px 10px 50px;
padding : 5px 5px 5px 42px;
background-color : #f9c7d1;
background-image : url('images/PostQuote.png');
background-position : left top;
background-repeat : no-repeat;
}
.art-PostFooterIcons {
padding : 1px;
}
.art-PostFooterIcons, .art-PostFooterIcons a, .art-PostFooterIcons a:link, .art-PostFooterIcons a:visited, .art-PostFooterIcons a:hover {
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-style : italic;
font-weight : normal;
color : #1a4861;
}
.art-PostFooterIcons a, .art-PostFooterIcons a:link, .art-PostFooterIcons a:visited, .art-PostFooterIcons a:hover {
margin : 0;
}
.art-PostFooterIcons a:link {
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-style : italic;
font-weight : normal;
text-decoration : underline;
color : #318ab9;
}
.art-PostFooterIcons a:visited, .art-PostFooterIcons a.visited {
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration : underline;
color : #0c212c;
}
.art-PostFooterIcons a:hover, .art-PostFooterIcons a.hover {
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration : none;
color : #33050d;
}
.art-button-wrapper .art-button {
display : inline-block;
width : auto;
outline : none;
border : none;
background : none;
line-height : 29px;
margin : 0 !important ;
padding : 0 !important ;
overflow : visible;
cursor : default;
text-decoration : none !important ;
z-index : 0;
}
.art-button-wrapper {
display : inline-block;
position : relative;
height : 29px;
overflow : hidden;
white-space : nowrap;
width : auto;
z-index : 0;
}
.art-button-wrapper .art-button {
display : block;
height : 29px;
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size : 11px;
font-style : normal;
font-weight : normal;
white-space : nowrap;
text-align : left;
padding : 0 14px !important ;
line-height : 29px;
text-decoration : none !important ;
color : #f9eeec !important ;
}
input, select {
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size : 11px;
font-style : normal;
font-weight : normal;
}
.art-button-wrapper.hover .art-button, .art-button:hover {
color : #660a1b !important ;
text-decoration : none !important ;
}
.art-button-wrapper.active .art-button {
color : #215d7d !important ;
}
.art-button-wrapper .l, .art-button-wrapper .r {
display : block;
position : absolute;
z-index : -1;
height : 87px;
background-image : url('images/Button.png');
}
.art-button-wrapper .l {
left : 0;
right : 8px;
}
.art-button-wrapper .r {
width : 409px;
right : 0;
clip : rect(auto,auto,auto,401px);
}
.art-button-wrapper.hover .l, .art-button-wrapper.hover .r {
top : -29px;
}
.art-button-wrapper.active .l, .art-button-wrapper.active .r {
top : -58px;
}
.art-Footer {
position : relative;
z-index : 0;
overflow : hidden;
width : 1000px;
margin : 5px auto 0 auto;
}
.art-Footer .art-Footer-inner {
height : 1%;
position : relative;
z-index : 0;
padding : 10px;
text-align : center;
}
.art-Footer .art-Footer-background {
position : absolute;
z-index : -1;
background-repeat : no-repeat;
background-image : url('images/Footer.png');
width : 1000px;
height : 150px;
bottom : 0;
left : 0;
}
.art-rss-tag-icon {
position : relative;
display : block;
float : left;
background-image : url('images/rssIcon.png');
background-position : center right;
background-repeat : no-repeat;
margin : 0 5px 0 0;
height : 30px;
width : 19px;
}
.art-Footer .art-Footer-text p {
margin : 0;
}
.art-Footer .art-Footer-text {
display : inline-block;
color : #000000;
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
letter-spacing : 1px;
}
.art-Footer .art-Footer-text a:link {
text-decoration : none;
color : #000000;
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration : underline;
}
.art-Footer .art-Footer-text a:visited {
text-decoration : none;
color : #318ab9;
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration : underline;
}
.art-Footer .art-Footer-text a:hover {
text-decoration : none;
color : #d51538;
font-family : Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration : none;
}
.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover {
font-family : Arial;
font-size : 10px;
letter-spacing : normal;
word-spacing : normal;
font-style : normal;
font-weight : normal;
text-decoration : underline;
color : #9a4732;
}
.art-page-footer {
margin : 1em;
text-align : center;
text-decoration : none;
color : #2b78a1;
}
.art-contentLayout .art-content {
position : relative;
margin : 0;
padding : 0;
border : 0;
float : left;
overflow : hidden;
width : 501px;
}
.art-contentLayout .art-content-sidebar1 {
position : relative;
margin : 0;
padding : 0;
border : 0;
float : left;
overflow : hidden;
width : 750px;
}
.art-contentLayout .art-content-sidebar2 {
position : relative;
margin : 0;
padding : 0;
border : 0;
float : left;
overflow : hidden;
width : 750px;
}
.art-contentLayout .art-content-wide {
position : relative;
margin : 0;
padding : 0;
border : 0;
float : left;
overflow : hidden;
width : 999px;
}
.art-contentLayout .art-sidebar1 {
position : relative;
margin : 0;
padding : 0;
border : 0;
float : left;
overflow : hidden;
width : 249px;
}
.art-contentLayout .art-sidebar2 {
position : relative;
margin : 0;
padding : 0;
border : 0;
float : left;
overflow : hidden;
width : 249px;
}
.commentlist, .commentlist li {
background : none;
}
.commentlist li li {
margin-left : 30px;
}
.commentlist li .avatar {
float : right;
border : 1px solid #eee;
padding : 2px;
margin : 1px;
background : #fff;
}
.commentlist li cite {
font-size : 1.2em;
}
#commentform textarea {
width : 100%;
}
img.wp-smiley {
border : none;
margin : 0;
padding : 0;
}
.navigation {
display : block;
text-align : center;
}
.aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter {
display : block;
margin-left : auto;
margin-right : auto;
}
.alignleft {
float : left;
}
.alignright {
float : right;
}
.alignright img, img.alignright {
margin : 1em;
margin-right : 0;
}
.alignleft img, img.alignleft {
margin : 1em;
margin-left : 0;
}
.wp-caption {
border : 1px solid #ddd;
text-align : center;
background-color : #f3f3f3;
padding-top : 4px;
margin : 10px;
}
.wp-caption img {
margin : 0;
padding : 0;
border : 0 none;
}
.wp-caption p.wp-caption-text {
font-size : 11px;
line-height : 17px;
padding : 0 4px 5px;
margin : 0;
}
.hidden {
display : none;
}
#wp-calendar {
empty-cells : show;
margin : 10px auto 0;
width : 155px;
}
#wp-calendar #next a {
padding-right : 10px;
text-align : right;
}
#wp-calendar #prev a {
padding-left : 10px;
text-align : left;
}
#wp-calendar a {
display : block;
}
#wp-calendar caption {
text-align : center;
width : 100%;
}
#wp-calendar td {
padding : 3px 0;
text-align : center;
}