/*
Theme Name: BluVision
Theme URI: http://lucianmarin.com/
Description: A fresh and attractive WordPress theme for everyone that wants a cool blog.
Version: 1.0
Author: <a href="http://lucianmarin.com">Lucian Marin</a>
by Lucian Marin - lucianmarin.com
*/


/* 1) -=-=-=- General selectors -=-=-=- */

body {
background-color: #bbc0cb;
margin: 20px 0 20px 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 76%;
color:#717680;
}

* {
margin:0;
padding:0;
}

.clearleft {
clear:left; /*Floating in the left must be cleared*/
}
.clearright {
clear:right; /*Floating in the right must be cleared*/
}

#layout {
background-color:#bbc0cb;
width:780px;
margin:auto;
}

#topshadow {
background:#bbc0cb url(images/top.gif) no-repeat;
font-size:8px;
width:780px;
height:10px;
}

#wrap {
background:url(images/wrap.gif) repeat-y;
background-color:#fff;
width:754px;
padding:3px 13px;
text-align:left;
}

#brand {
background:url(images/stripes.gif) right top no-repeat;
background-color:#fff;
width:729px;
margin:0 0 15px 25px;
padding:10px 0 0 0;
}

#brand h1 {
color:#00b2f3;
margin:0;
padding:10px 0;
font:3.2em Candara, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:normal;
height:45px;
}

#brand a {
color: #3f3f3f;
text-decoration: none;
}

#brand a:hover {
color: #00b2f3;
text-decoration: none;
}

#tools {
background-color:#fff;
width:754px;
}

#find {
width:267px;
background-color:#c5ecff;
border-top:#5ec0f8 2px solid;
margin:0 0 0 2px;
padding:8px 0 8px 25px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1.0em;
font-weight:bold;
letter-spacing:1px;
color:#358ec1;
float:left;
height:18px;
}

#find div {
display:inline;
}

#menu {
width:432px;
background-color:#c5ecff;
border-top:#5ec0f8 2px solid;
padding:8px 0 8px 28px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1.0em;
font-weight:bold;
letter-spacing:1px;
color:#358ec1;
float:left;
height:18px;
}

#menu ul {
list-style:none;
}

#menu li {
display:inline;
padding:0 8px 0 0;
}

#menu a {
color:#358ec1;
text-decoration:none;
}

#menu a:hover {
color:#358ec1;
text-decoration:underline;
}

#promo {
width:729px;
background:#4cbff5 url(images/promo-bg.gif) repeat-y;
margin:2px 0 0 0;
padding:10px 0 15px 25px;
float:left;
}

#promo-border {
width:754px;
height:31px;
background:#fff url(images/promo-border.gif) repeat-y;
float:left;
}

#promo h3 {
font:1.8em Candara, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:normal;
color:#fff;
padding:0 0 5px 0;
}

#promo p {
font-size:1.1em;
color:#fff;
}

#promo a {
color:#fff;
text-decoration:none;
}

#promo p a:hover {
color:#caf1ff;
}

#promo h3 a:hover {
color:#caf1ff;
}

#top-left {
width:340px;
float:left;
}

#top-right {
width:340px;
margin:0 0 0 30px;
float:left;
}

/* 3)-=-=-=- Left selectors -=-=-=- */	

.meta {
background:#41abea url(images/meta.gif) bottom right no-repeat;
font-size: .9em;
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#fff;
margin: 5px 0 10px 0;
padding: 4px;
width:402px;
height:13px;
}

.meta a {
color:#fff;
font-weight:bold;
text-decoration:none;
}

.meta a:hover {
color:#fff;
font-weight:bold;
text-decoration:underline;
}

blockquote {
background-color:#fff;
border-left: 4px solid #3F3F3F;
padding: 0 10px;
margin: 0 0 0 10px;
font-style: italic;
}



/* 2)-=-=-=- Structure -=-=-=- */

#content {
background-color:#fff;
margin: 0 20px 20px 25px;
width: 410px;
}

#content h2 {
font:2.0em "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:normal;
color:#a8bf4c;
margin:10px 0 0 0;
}

#content h2 a {
color:#a8bf4c;
text-decoration:none;
}

#content h2 a:hover {
color:#3f3f3f;
text-decoration:none;
}

.main {
background-color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
color:#717680;
}

.main p {
margin:0 0 10px 0;
line-height:1.4em;
}

.main a {
color: #0094d4;
text-decoration:none;
}

.main a:hover {
color: #0094d4;
text-decoration:underline;
}

.main ol {
font-size:0.9em;
border-left: 3px solid #70caf5;
margin:0 0 10px 10px;
list-style:none;
padding:0 10px;
font-style:italic;
}

.main ol li {
margin:0;
padding:2px 0;
}

.page {
background-color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
color:#717680;
margin: 0;
}

.page p {
margin:0 0 10px 0;
line-height:1.4em;
}

.page a {
color: #0094d4;
text-decoration:none;
}

.page a:hover {
color: #0094d4;
text-decoration:underline;
}


.main h3, 
.main h4,
.main h5,
.page h3, 
.page h4,
.page h5 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:normal;
font-style:italic;
color:#717680;
margin:10px 0;
}

.highlight { /* Basic highlight for text */
background: #F7FEDC;
}

.comments {
background-color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
padding-bottom: 25px;
}

.comments a {
color: #0094d4;
text-decoration: none;
}

.comments a:hover {
color: #0094d4;
text-decoration: underline;
}	



/* 4)-=-=-=- Right selectors -=-=-=- */	

#right {
background-color:#fff;
float: right;
width: 257px;
padding: 0 30px 0 0;
}

#cuteness {
background:url(images/cute-bg.gif) repeat-y;
background-color:#53b7e8;
width:220px;
padding:0 20px 0 20px;
}

#cuteborder {
background:url(images/cute-border.gif) no-repeat;
width:260px;
height:20px;
font-size:0.1em;
margin:0 0 20px 0;
}

#cuteness h3 {
font:1.8em Candara, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:normal;
color:#fff;
margin: 0 0 10px 0;
}

#cuteness p {
font:1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#fff;
}

#sidebar h3 {
font:1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:normal;
color:#a8bf4c;
padding: 10px 0 0 0;
margin: 0 0 0 20px;
}

#sidebar h3 a {
color:#a8bf4c;
text-decoration:none;
}

#sidebar h4 {
font:.9em Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color: #8d919b;
margin: 5px 0 0 20px;
}

#sidebar h4 a {
color: #aaa;
text-decoration: none;
border-bottom:#aaa 1px dotted;
}

#sidebar h4 a:hover {
color: #aaa;
text-decoration: none;
border:none;
}

#sidebar li {
font:1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
list-style: none;
padding: 3px 7px 3px 7px;
}

#sidebar ul {
padding: 0px;
margin: 10px 0;
}

#sidebar li a {
color:#717680;
font-size: .9em;
text-decoration: none;
border-left:#70caf5 3px solid;
padding: 0 10px 0 10px;
}

#sidebar li a:hover {
border-left:#555 3px solid;
color:#717680;
text-decoration:underline;
}


/* 5)-=-=-=- The Content -=-=-=- */

.reply {
background-color:#fff;
font-weight: bold;
font-size: 1.2em;
margin: 0 0 20px 0;
}

#commentform p {
font-family:Tahoma, Arial, Helvetica, sans-serif;
margin:5px 0;
}

#commentform a {
color:#7a9f00;
text-decoration:none;
}

#commentform a:hover {
color:#7a9f00;
text-decoration:underline;
}

p.comment_meta {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size: .9em;
margin: 0 0 10px 0;
}

.comment_meta a {
color:#7a9f00;
text-decoration:none;
}

.comment_meta a:hover {
color:#7a9f00;
text-decoration:underline;
}

#content ul {
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
list-style:none;
margin:0 0 20px 0;
}

#content ul p {
margin:10px 0 0 0;
}

#content ul li {
padding: 5px 10px;
margin: 10px 0;
}

#content blockquote {
border-left: 3px solid #bbc0cb;
}

#content ul a {
color:#717680;
text-decoration:underline;
}

#content ul a:hover {
color:#717680;
text-decoration:none;
}

#content ul .norm {
border-left: 3px solid #99CC66;
width: 390px;
display: block;
}

#content ul .norm:hover {
border-left: 3px solid #717680;
}

#content ul .alt {
border-left: 3px solid #70caf5;
width: 390px;
display: block;
}

#content ul .alt:hover {
border-left: 3px solid #717680;
}

abbr {
border:none;
}

.comment_mod {
color: #FF6633;
}

.comment_gravatar {
background-color:#eee;
float:left;
width:32px;
padding:1px;
margin:0 7px 0 0;
}

.postinput p {
margin: 0 0 10px 0;
}

.warning p { /* Used on the search page (image will appear if no result is found) */
background: url(images/warning.gif) no-repeat left;
height: 160px;
padding: 20px 0 0 90px;
font-size: 1.5em;
margin: 0 0 0 10px;
float:left;
}

.warning a {
color:#51c4f5;
text-decoration:underline;
}

.warning a:hover {
color:#3f3f3f;
text-decoration:underline;
}

.postinput {
margin: 0;
}


/* 6)-=-=-=- Footer -=-=-=- */	

#footer {
background: #bbc0cb url(images/bottom.gif) no-repeat center top;
width:780px;
padding:20px 0 0 0;
text-align:center;
}

#footer p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: .9em;
color: #f0f0f0;
margin: 0 0 7px 0;
}

#footer a {
color:#fff;
text-decoration:none;
border-bottom:#fff 1px dotted;
}

#footer a:hover {
color:#fff;
text-decoration:none;
border-bottom:#fff 1px solid;
}



/* 7)-=-=-=- Forms -=-=-=- */

input {
background-color:#f6f6f6;
border: 1px solid #bbb;
color: #717680;
padding: 3px 5px;
font-size: 1.0em;
}

input:focus {
background-color:#fff;
border:1px solid #5ec0f8;
color:#333;
}

input#submit {
background-color:#a8bf4c;
border:1px solid #d6ca4c;
color:#fff;
}

input#submit:hover {
background-color:#53b7e8;
border:1px solid #5ec0f8;
color:#fff;
}

textarea {
background-color:#f6f6f6;
font-family:Arial, Helvetica, sans-serif;
font-size: 1.0em;
border: 1px solid #bbb;
color: #717680;
padding: 5px;
width: 390px;
margin:0 0 5px 0;
}

textarea:focus {
background: #fff;
border: 1px solid #5ec0f8;
color: #333;
}

#subscribe {
border: 1px solid #BFBFBF;
padding: 0;
}



/* 8)-=-=-=- Accessibility -=-=-=- */

#skip {
display: none;
}

#browse {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #0094d4;
}

#browse a {
color: #0094d4;
text-decoration: none;
}

#browse a:hover {
color: #0094d4;
text-decoration:underline;
}

.nocomments {
display:none;
}

.forming {
margin:0;
padding:0;
}

.finding {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
position:absolute;
width:120px;
height:15px;
margin:0;
padding:2px 5px 0 5px;
border:#5ec0f8 1px solid;
}


/* 9)-=-=-=- IE6 Hacks -=-=-=- */

*html #right {
padding: 0 27px 0 0;
}


/* 10)-=-=-=- Widgets -=-=-=- */

#recentcomments {
list-style:none;
}

#recentcomments li a {
border:none;
text-decoration:underline;
}

#recentcomments li a:hover {
color:#00b2f3;
border:none;
text-decoration:none;
}

.textwidget {
margin:10px 0;
line-height:1.4em;
font-size:.9em;
}

#wp-calendar {
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:10px 0 0 0;
}

#wp-calendar caption {
font-size:1.1em;
text-align:left;
padding:10px 0 0 20px;
}

#wp-calendar tr th,
#wp-calendar tr td {
padding:1px 8px;
text-align:right;
}

#wp-calendar a {
color:#00b2f3;
font-weight:bold;
text-decoration:none;
}

#wp-calendar a:hover {
color:#555;
font-weight:bold;
text-decoration:underline;
}
