/* get other css */
@import url("reset.css");
@import url("uni-form.css");
@import url("typography.css");
@import url("jquery.lightbox.css");



/* SNIPPETS */
img { border:0; }
input { vertical-align:middle; }
.float-left { float:left; }
.float-right { float:right; }
.text-left { text-align:left !important; }
.text-right { text-align:right !important; }
.text-center { text-align:center !important; }
.text-justify { text-align:justify; }
.clear:after { content: "."; display:block; height:0; clear:both; visibility:hidden;}
.clear { display: inline-block; }
html[xmlns] .clear { display: block; }
* html .clear { height: 1%; }
.icon {position: relative; top:.1em;}
.ol { margin: 5px 0 15px 15px; list-style: decimal;}
.ol li { margin: 5px 15px; }
.ul { margin: 5px 0 15px 15px; list-style:disc;}
.ul li { margin: 5px 15px; }


/* ************ Begin General Layout Styles ************ */

/* BODY */
html, body { margin: 0; padding: 0; }
body { background: #222 url('../images/mainbg.jpg') top center no-repeat; }


/* CONTAINER */
.container { width: 960px; margin: 0 auto; padding: 0; }



/* ************ Begin Specific Layout Styles ************ */

#logo{ margin-top: 5px; float: left; }
#social {float: right; margin: 45px 20px 0 0;}
#social li {float: left; }

#openingText { width: 480px; padding-right: 15px; float: left; }
#openingText h2{ margin-bottom: .2em;}

#features { width: 200px; min-height: 410px; padding-left:240px; background: url('../images/phone.png') 0 0 no-repeat; float: right; }
#features h3 {margin-top: 1.1em; }

#subContent {background: url('../images/secondaryBg.png') 0 0 repeat; padding: 25px; margin: 35px 0; }
#subContent { font-size: 80%;}
#news,#screenshots {width: 230px; padding-right: 25px; float: left;}
#screenshots li {float: left; margin-right: 15px; }
#reviews {width: 450px; float: right;}

#footer { margin: 20px auto; font-size: 90%; }

.dateLink {font-family: Georgia, serif; font-style: italic; font-weight: 100; color: #333;}
.dateLink:hover {color: #666;}


.intro { margin-left: 25px}


/* TWITTER */
.tweet_list li { overflow: auto; padding: .5em; }
.tweet_list img {border: 2px solid #333;}
.tweet_list a:hover img {border: 2px solid #ccc;}
.tweet_even { border-top: 1px dashed #333; border-bottom: 1px dashed #333; }
.tweet_avatar { padding: .5em 1em .5em 0; float: left; }
.tweet_avatar img { vertical-align: middle; }


/* LIGHTBOX */
#screenshots ul img {border: 2px solid #333;}
#screenshots ul a:hover img {border: 2px solid #ccc;}
#screenshots ul a:hover { color: #fff; }