/*
Theme Name: CSS Basics
Theme URI: http://cssbasics.com/
Description: CSS Basics
Version: 1.0
Author: Lorraine Barte Nepomuceno
Author URI: http://ilorraine.com/
Tags: custom

	CSS Basics
	 http://cssbasics.com/

	This theme was designed and built by Lorraine Barte Nepomuceno,
	whose website you will find at http://ilorraine.com/

*/

*{margin:0;padding:0}
body{font-family:"Myriad Pro", Verdana, Arial, Helvetica, sans-serif;font-size:100%;color:#333333;text-align:center;line-height:145%;background-color:#666;}
h1, h2, h3, h4, h5 {font-weight:normal;padding:0 0 10px 0;line-height:125%;color:#000;}
p, ul, ol{margin:0 0 10px 0;}
blockquote {padding:5px 30px 10px 30px; font-style:oblique;}

a img, img a {border:none;text-decoration:none;}
a, a:link {color:#193b8b;text-decoration:none;}
a:hover {color:#000;text-decoration:underline;}

h1 {font-size:200%;}
h2 {font-size:160%;}
h3 {font-size:140%;}
h4 {font-size:120%;font-weight:bold;}

div#header{background:#e1e1e1;text-align:center;padding:0px 0 4px 0;}
.splashpress-logo{text-align:right;}
div#container{text-align:left;}
div#description{text-align:center;font-size:72%;padding-bottom:10px;background:#e1e1e1;color:#999999;}
div#navigation{font-size:92%;}
div#extra{font-size:92%;}
div#footer{background:#ccc;color:#666;font-size:62%;text-align:center;padding:10px 0 6px 0;text-transform:uppercase;line-iehgt:125%;}

div#container{width:900px;margin:0 auto;background:#e1e1e1;}
div#navigation{float:left;width:450px}
div#extra{float:right;width:450px}
div#footer{clear:both;width:100%}

div#wrapper-two{background:#e1e1e1 url(images/wrapper-bg2.gif) center repeat-y;}

.content-space {padding:18px;}
.content-space ul, .content-space ol {margin-left:10px;padding-left:10px;}

#navcontainer, #navcontainer-two {width: 400px;font-size:92%;}
#navcontainer ul, #navcontainer-two ul {margin-left: 0;padding-left: 0;list-style-type: none;}
#navcontainer a {display: block;padding: 3px 3px 3px 10px;width: 400px;background-color: #eee;border-bottom: 1px solid #999;}
#navcontainer-two a {display: block;padding: 3px 3px 3px 10px;width: 400px;background-color: #ccc;border-bottom: 1px solid #999;}
#navcontainer a:link, #navcontainer a:visited, #navlist a:visited, #navcontainer-two a:link, #navcontainer-two a:visited {color:#18274b;text-decoration: none;}
#navcontainer a:hover, #navcontainer-two a:hover {background-color:#333;color: #fff;}

.code {padding:10px;background-color:#fff;border:1px solid #ccc;}


.post-body {padding-top:10px;padding-bottom:4px;font-family:"Myriad Pro", Helvetica, Arial, sans-serif;}
.post-body p {}
.post-title {font-size:160%;padding-bottom:10px;}
.post-title a, .post-title a:link {color:#563f27;}
.post-title a:hover {color:#000;}
.post-info {font-family:Arial, Helvetica, sans-serif;font-size:82%;text-transform:uppercase;color:#333333;}
.post-meta {font-size:82%;color:#666;}
.post-more {}

.content-space ol, .content-space ul {margin-left:10px;padding-left:10px;padding-bottom:10px;}

h3#comments {font-size:120%;font-weight:bold;text-transform: uppercase;color:#333;}
h3#respond {font-size:120%;font-weight:bold;text-transform: uppercase;color:#000;padding:8px 0 8px 0;border-top:1px solid #ccc;margin-top:10px;}
.comment-body {padding:10px;border:1px solid #ccc;}
ol.commentlist {list-style: none;}
.commentlist {font-size:92%;}

.alignleft {float:left;}
img.alignleft {float:left;padding:6px;border:1px solid #ccc;background-color:#eee;margin-right:10px;}
img.alignright {float:right;padding:6px;border:1px solid #ccc;background-color:#eee;margin-left:10px;}
.alignright {float:right;}

.sponsors {text-align: center;padding:10px;}
.sponsors h3 {font-family:Arial, Helvetica, sans-serif;font-size:72%;text-transform: uppercase;color:#999;font-weight:bold;}
.sponsors p {padding-bottom:10px;}
.sponsors ul {list-style:none;}
.sponsors li{list-style:none; font-size:13px;text-transform: uppercase;}

/* ---( example styles )------------------------------------ */
.example {padding: 2px; background: #f0f0f0;}
.italic {font-style:italic;}
.greenboldtext {font-size:small; color:#008080; font-weight:bold;}
#overflow_box {width:200px; height:200px; border-top: 1px solid #eee; border-left: 1px solid #eee; border-bottom: 1px solid #eee; padding: 10px; overflow: auto;}
.letter_space {letter-spacing: 5px;}
.align_left {text-align: left;}
.align_center {text-align: center;}
.align_right {text-align: right;}
.align_justify {text-align: justify;}
.underline {text-decoration: underline;}
.overline {text-decoration: overline;}
.line_through {text-decoration: line-through;}
.blink {text-decoration: blink;}
.indent {text-indent: 10px;}
.transform_caps {text-transform: capitalize;}
.transform_up {text-transform: uppercase;}
.transform_low {text-transform: lowercase;}

.word_space {word-spacing: 5px;}
p.special:first-line {font-size: medium; color: #ff0000;}
p.special_letter:first-letter {font-size: x-large; font-weight: bold; color: #ff0000;}